:root{--bg-deep: #050510;--bg-panel: rgba(20, 20, 40, .6);--bg-card: rgba(255, 255, 255, .03);--primary: #00f3ff;--primary-glow: rgba(0, 243, 255, .4);--secondary: #d566ff;--secondary-glow: rgba(213, 102, 255, .4);--accent: #ff0055;--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .7);--text-dim: rgba(255, 255, 255, .4);--border-light: rgba(255, 255, 255, .1);--border-glow: rgba(0, 243, 255, .3);--glass-blur: blur(20px);--shadow-glow: 0 0 20px var(--primary-glow);--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Space Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,rgba(188,19,254,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(0,243,255,.1) 0%,transparent 20%)}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px}label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;display:block;margin-bottom:.5rem}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);box-shadow:0 4px 30px #0000001a}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow-text{text-shadow:0 0 10px var(--primary-glow)}.cyber-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cyber-card:hover{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow),inset 0 0 10px #00f3ff1a;transform:translateY(-2px)}.cyber-card.active{border-color:var(--primary);background:#00f3ff0d;box-shadow:0 0 15px var(--primary-glow)}.cyber-input{width:100%;background:#ffffff08;border:1px solid var(--border-light);border-radius:8px;padding:12px 16px;color:#fff;font-family:var(--font-body);font-size:.9rem;transition:all .3s ease;outline:none}.cyber-input:focus{border-color:var(--primary);box-shadow:0 0 10px #00f3ff33;background:#00f3ff05}.cyber-button{background:linear-gradient(135deg,var(--primary) 0%,#00c3cc 100%);color:#000;border:none;border-radius:8px;padding:12px 24px;font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;text-transform:uppercase;position:relative;overflow:hidden}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s}.cyber-button:hover:before{left:100%}.cyber-button:hover{box-shadow:0 0 20px var(--primary-glow);transform:translateY(-1px)}.cyber-button.secondary{background:transparent;border:1px solid var(--border-light);color:var(--text-muted)}.cyber-button.secondary:hover{border-color:var(--text-main);color:var(--text-main);box-shadow:0 0 10px #fff3}.cyber-button.outline-primary{background:transparent;border:1px solid var(--primary);color:var(--primary)}.cyber-button.outline-primary:hover{background:var(--primary);color:#000;box-shadow:0 0 15px var(--primary-glow)}.sidebar-item{width:48px;height:48px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all .3s ease}.sidebar-item:hover{background:#ffffff0d;color:#fff}.sidebar-item.active{background:#00f3ff1a;color:var(--primary);box-shadow:0 0 15px #00f3ff33;border:1px solid rgba(0,243,255,.3)}.sidebar-item-label{font-size:.5rem;font-family:var(--font-display);letter-spacing:.05em}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}