@import "https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap";.loading-screen{min-height:100vh;color:var(--grid-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.dashboard-layout{min-height:100vh;display:flex}.dashboard-main{background:var(--grid-bg-deep);flex:1;min-height:100vh;margin-left:260px;padding:2rem}@media (width<=768px){.dashboard-main{margin-left:0;padding:80px 1rem 1rem}}:root{--grid-spark:#f59e0b;--grid-nexus:#8b5cf6;--grid-strata:#10b981;--grid-primary:#8b5cf6;--grid-primary-glow:#8b5cf64d;--grid-secondary:#ec4899;--grid-accent:#06b6d4;--grid-bg-deep:#0a0a0f;--grid-bg-dark:#12121a;--grid-bg-card:#1a1a24;--grid-bg-elevated:#22222e;--grid-bg-hover:#2a2a38;--grid-text:#f8fafc;--grid-text-muted:#94a3b8;--grid-text-dim:#64748b;--grid-border:#ffffff14;--grid-border-strong:#ffffff26;--grid-success:#10b981;--grid-warning:#f59e0b;--grid-error:#ef4444;--grid-info:#3b82f6;--grid-shadow:0 4px 24px #0006;--grid-shadow-lg:0 8px 40px #00000080;--grid-glow-primary:0 0 30px #8b5cf64d;--grid-glow-spark:0 0 30px #f59e0b4d;--grid-surface:#1e1e2a;--grid-surface-hover:#ffffff0d;--grid-nav-bg:#0a0a0f;--font-display:"Rubik", sans-serif;--font-body:"Rubik", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--energy-high:#10b981;--energy-medium:#f59e0b;--energy-low:#ef4444}[data-theme=light]{--grid-bg-deep:#f8fafc;--grid-bg-dark:#f1f5f9;--grid-bg-card:#fff;--grid-bg-elevated:#f8fafc;--grid-bg-hover:#e2e8f0;--grid-text:#0f172a;--grid-text-muted:#475569;--grid-text-dim:#64748b;--grid-border:#00000014;--grid-border-strong:#0000001f;--grid-shadow:0 4px 24px #00000014;--grid-shadow-lg:0 8px 40px #0000001f;--grid-glow-primary:0 0 30px #8b5cf626;--grid-nav-bg:#f8fafc;--grid-surface:#f1f5f9;--grid-surface-hover:#0000000a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--grid-bg-deep);color:var(--grid-text);min-height:100vh;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(#8b5cf608 1px,#0000 1px),linear-gradient(90deg,#8b5cf608 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:50px 50px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--grid-text);font-weight:600;line-height:1.3}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}p{color:var(--grid-text-muted)}a{color:var(--grid-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--grid-secondary)}.btn{font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--grid-primary) 0%, var(--grid-secondary) 100%);color:#fff;box-shadow:var(--grid-glow-primary)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #8b5cf680}.btn--secondary{background:var(--grid-bg-elevated);color:var(--grid-text);border:1px solid var(--grid-border-strong)}.btn--secondary:hover{background:var(--grid-bg-hover);border-color:var(--grid-primary)}.btn--danger{color:var(--grid-error);background:#ef444426;border:1px solid #ef44444d}.btn--danger:hover{background:var(--grid-error);color:#fff}.btn--ghost{color:var(--grid-text-muted);background:0 0}.btn--ghost:hover{color:var(--grid-text);background:var(--grid-bg-elevated)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}input,textarea,select{font-family:var(--font-body);color:var(--grid-text);background:var(--grid-bg-dark);border:1px solid var(--grid-border-strong);border-radius:var(--radius-md);width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--grid-primary);box-shadow:0 0 0 3px var(--grid-primary-glow);outline:none}input::placeholder,textarea::placeholder{color:var(--grid-text-dim)}textarea{resize:vertical;min-height:100px}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2394A3B8' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5rem;padding-right:2.5rem}input[type=color]{border-radius:var(--radius-sm);cursor:pointer;width:48px;height:48px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:4px}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.card{background:var(--grid-bg-card);border:1px solid var(--grid-border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s}.card:hover{border-color:var(--grid-border-strong)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--grid-shadow);transform:translateY(-2px)}.text-dim{color:var(--grid-text-dim)}.spinner{border:3px solid var(--grid-border);border-top-color:var(--grid-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{min-height:300px;color:var(--grid-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--grid-primary-glow)}50%{box-shadow:0 0 40px var(--grid-primary-glow)}}.fade-in{animation:.3s forwards fadeIn}.slide-in{animation:.3s forwards slideIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--grid-bg-dark)}::-webkit-scrollbar-thumb{background:var(--grid-bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--grid-bg-hover)}.alert{border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem;font-size:.875rem}.alert--success{color:var(--grid-success);background:#10b98126;border:1px solid #10b9814d}.alert--error{color:var(--grid-error);background:#ef444426;border:1px solid #ef44444d}.alert--warning{color:var(--grid-warning);background:#f59e0b26;border:1px solid #f59e0b4d}