:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary:#fff;--bg-secondary:#f7f6f3;--text-primary:#37352f;--text-secondary:#6b6964;--border-color:#e9e9e7;--accent-color:#37352f;--card-bg:#fff;--card-border:#e9e9e7;--card-shadow:0 1px 3px rgba(0,0,0,.05);--scrollbar-track:#f7f6f3;--scrollbar-thumb:#d1cfcb;--scrollbar-thumb-hover:#b8b6b1;--grid-color:rgba(0,0,0,.02);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}:root.theme-tech-dark{--bg-primary:#0a0a0f;--bg-secondary:rgba(24,24,36,.9);--text-primary:#e0e0e0;--text-secondary:rgba(224,224,224,.65);--border-color:rgba(70,70,90,.5);--accent-color:#0070f3;--accent-secondary:#7856ff;--card-bg:rgba(24,24,36,.9);--card-border:rgba(70,70,90,.3);--card-shadow:0 8px 32px rgba(0,0,0,.35);--scrollbar-track:rgba(24,24,36,.9);--scrollbar-thumb:rgba(70,70,90,.6);--scrollbar-thumb-hover:rgba(90,90,110,.8);--grid-color:rgba(70,70,90,.1);--glow-color:rgba(0,112,243,.2);--glow-secondary:rgba(120,86,255,.15)}body{background:var(--bg-primary);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0;font-size:16px;line-height:1.5;transition:all .3s}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.grid-bg{background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:24px 24px}.gradient-text{background:linear-gradient(90deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;-ms-background-clip:text;background-clip:text;font-weight:600}.custom-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:8px;transition:all .2s}.custom-card:hover{border-color:var(--border-color);transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.08)}.glass-effect{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all .2s}.glass-effect:hover{box-shadow:0 2px 5px rgba(0,0,0,.08)}.theme-tech-dark body{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 30%, var(--glow-color) 0%, transparent 50%), radial-gradient(circle at 80% 70%, var(--glow-secondary) 0%, transparent 50%), linear-gradient(to bottom, rgba(10,10,15,.8) 0%, rgba(15,15,25,.9) 100%);background-size:cover;background-attachment:fixed}.theme-tech-dark .custom-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);border-radius:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.theme-tech-dark .custom-card:before{content:"";z-index:1;background:linear-gradient(90deg,transparent,rgba(0,112,243,.1),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.theme-tech-dark .custom-card:hover:before{left:100%}.theme-tech-dark .custom-card:hover{border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,112,243,.2),0 0 15px rgba(0,112,243,.15)}.theme-tech-dark .custom-card .card-content{z-index:2;position:relative}.theme-tech-dark .glass-effect{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);transition:all .3s}.theme-tech-dark .glass-effect:hover{border-color:var(--accent-color);box-shadow:0 8px 32px rgba(0,112,243,.2)}.theme-tech-dark button{color:var(--text-primary);border:1px solid var(--card-border);cursor:pointer;background:linear-gradient(135deg, var(--card-bg), rgba(30,30,45,.95));-webkit-backdrop-filter:blur(12px);border-radius:10px;padding:.75rem 1.5rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.25)}.theme-tech-dark button:before{content:"";z-index:1;background:linear-gradient(90deg,transparent,rgba(0,112,243,.2),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.theme-tech-dark button:hover:before{left:100%}.theme-tech-dark button:hover{border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,112,243,.25),0 0 15px rgba(0,112,243,.2)}.theme-tech-dark button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.25)}.theme-tech-dark button .button-content{z-index:2;position:relative}.theme-tech-dark .sidebar{z-index:100;border-right:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);background:linear-gradient(rgba(24,24,36,.95),rgba(18,18,28,.95));border-radius:0;width:240px;height:100vh;position:relative;top:0;left:0;overflow:hidden;box-shadow:0 0 32px rgba(0,0,0,.35),0 0 20px rgba(0,112,243,.1)}.theme-tech-dark .sidebar:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.theme-tech-dark .sidebar:after{content:"";z-index:1;background:linear-gradient(90deg,transparent,rgba(0,112,243,.05),transparent);width:100%;height:100%;transition:left 1s;position:absolute;top:0;left:-100%}.theme-tech-dark .sidebar:hover:after{left:100%}.theme-tech-dark .sidebar .sidebar-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.theme-tech-dark .main-content{background:var(--bg-primary);box-shadow:none}.theme-tech-dark .card{box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg, var(--card-bg), rgba(30,30,45,.95));border:1px solid var(--card-border);color:var(--text-primary);border-radius:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.theme-tech-dark .card:before{content:"";z-index:1;background:linear-gradient(90deg,transparent,rgba(0,112,243,.1),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.theme-tech-dark .card:hover:before{left:100%}.theme-tech-dark .card:hover{border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,112,243,.25),0 0 15px rgba(0,112,243,.15)}.theme-tech-dark .card .card-content{z-index:2;color:var(--text-primary);position:relative}.theme-tech-dark .card h2,.theme-tech-dark .card h3,.theme-tech-dark .card h4,.theme-tech-dark .card h5,.theme-tech-dark .card h6,.theme-tech-dark .card p,.theme-tech-dark .card span,.theme-tech-dark .card div{color:var(--text-primary)!important}.theme-tech-dark .custom-card{color:var(--text-primary)}.theme-tech-dark .custom-card h2,.theme-tech-dark .custom-card h3,.theme-tech-dark .custom-card h4,.theme-tech-dark .custom-card h5,.theme-tech-dark .custom-card h6,.theme-tech-dark .custom-card p,.theme-tech-dark .custom-card span,.theme-tech-dark .custom-card div{color:var(--text-primary)!important}.theme-tech-dark .bg-white{background:linear-gradient(135deg, var(--card-bg), rgba(30,30,45,.95))!important;border:1px solid var(--card-border)!important;color:var(--text-primary)!important}.theme-tech-dark .bg-white h2,.theme-tech-dark .bg-white h3,.theme-tech-dark .bg-white h4,.theme-tech-dark .bg-white h5,.theme-tech-dark .bg-white h6,.theme-tech-dark .bg-white p,.theme-tech-dark .bg-white span,.theme-tech-dark .bg-white div{color:var(--text-primary)!important}.theme-tech-dark .bg-\[\#f7f6f3\]{background:var(--bg-secondary)!important}.theme-tech-dark .border-\[\#e9e9e7\]{border-color:var(--card-border)!important}.theme-tech-dark .text-\[\#37352f\]{color:var(--text-primary)!important}.theme-tech-dark .text-\[\#6b6964\]{color:var(--text-secondary)!important}.theme-tech-dark header{background:var(--card-bg);border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);border-radius:0;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.2)}.theme-tech-dark .fixed.top-16{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2)}.theme-tech-dark footer{background:var(--card-bg);border-top:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);border-radius:0;position:relative;overflow:hidden;box-shadow:0 -4px 16px rgba(0,0,0,.2)}.theme-tech-dark a{color:var(--text-primary);transition:all .3s}.theme-tech-dark a:hover{color:var(--accent-color)}.theme-tech-dark .w-60{background:var(--card-bg);border-right:1px solid var(--card-border)}.theme-tech-dark .w-60 h1,.theme-tech-dark .w-60 span,.theme-tech-dark .w-60 button{color:var(--text-primary)}.theme-tech-dark .w-60 .block{color:var(--text-secondary)}.theme-tech-dark .w-60 .block:hover,.theme-tech-dark .w-60 .block.bg-\[\#f7f6f3\]{background:var(--bg-secondary);color:var(--text-primary)}.theme-tech-dark .w-60 .border-t{border-top:1px solid var(--card-border)}.theme-tech-dark .lg\:hidden .border-b{border-bottom:1px solid var(--card-border);background:var(--card-bg)}.theme-tech-dark .lg\:hidden .border-b h1,.theme-tech-dark .lg\:hidden .border-b button{color:var(--text-primary)}.theme-tech-dark .lg\:hidden .fixed.top-16{background:var(--card-bg);border:1px solid var(--card-border)}.theme-tech-dark .lg\:hidden .fixed.top-16 span{color:var(--text-primary)}.theme-tech-dark .lg\:hidden .fixed.bottom-0{background:var(--card-bg);border-top:1px solid var(--card-border)}.theme-tech-dark .lg\:hidden .fixed.bottom-0 span{color:var(--text-primary)}.theme-tech-dark ::-webkit-scrollbar-track{background:var(--scrollbar-track)}.theme-tech-dark ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.theme-tech-dark ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:2s ease-in-out infinite pulse}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.5s ease-out forwards slideIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.scale-in{animation:.3s ease-out forwards scaleIn}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.08)}@media (max-width:768px){.grid-bg{background-size:16px 16px}h1{font-size:1.75rem!important;line-height:1.2!important}h2{font-size:1.4rem!important;line-height:1.25!important}h3{font-size:1.2rem!important;line-height:1.3!important}p{font-size:.875rem!important;line-height:1.5!important}.container{padding-left:1rem;padding-right:1rem}.card{border-radius:8px!important}.btn{border-radius:4px!important}.custom-card{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}}@media (max-width:480px){h1{font-size:1.5rem!important;line-height:1.2!important}h2{font-size:1.25rem!important;line-height:1.25!important}h3{font-size:1.1rem!important;line-height:1.3!important}p{font-size:.8125rem!important;line-height:1.5!important}.container{padding-left:.75rem;padding-right:.75rem}.custom-card{border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04)}}