:root{--bg-page:#f8fafc;--bg-page-secondary:#f1f5f9;--bg-page-gradient:linear-gradient(180deg,#f8fafc,#f1f5f9);--glass-bg:rgba(255,255,255,0.80);--glass-bg-hover:rgba(255,255,255,0.95);--glass-bg-strong:rgba(255,255,255,0.95);--glass-border:#e2e8f0;--glass-border-strong:#cbd5e1;--sidebar-bg:rgba(255,255,255,0.85);--sidebar-border:#e2e8f0;--header-bg:rgba(255,255,255,0.95);--header-border:rgba(226,232,240,0.5);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-gradient:#ffffff;--input-bg:#ffffff;--input-border:#e2e8f0;--input-focus-ring:rgba(16,185,129,0.5);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.05);--shadow-glow:none;--accent-primary:#10b981;--accent-primary-hover:#059669;--accent-primary-light:#d1fae5;--accent-ai-start:#8b5cf6;--accent-ai-end:#ec4899;--accent-ai-bg:rgba(139,92,246,0.1);--pillar-e:#10b981;--pillar-e-bg:rgba(16,185,129,0.1);--pillar-s:#3b82f6;--pillar-s-bg:rgba(59,130,246,0.1);--pillar-g:#8b5cf6;--pillar-g-bg:rgba(139,92,246,0.1);--status-success:#10b981;--status-warning:#f59e0b;--status-error:#ef4444;--status-info:#3b82f6;--gradient-start:#0682C7;--gradient-end:#11C9A1;--gradient-mid:#0A9AB8;--backdrop-blur:blur(20px);--backdrop-blur-strong:blur(32px);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:150ms ease-out;--transition-base:200ms ease-out;--transition-slow:300ms ease-out}html.dark{color-scheme:dark;--bg-page:#0f172a;--bg-page-secondary:#1e293b;--bg-page-gradient:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);--glass-bg:rgba(30,41,59,0.50);--glass-bg-hover:rgba(51,65,85,0.50);--glass-bg-strong:rgba(30,41,59,0.80);--glass-border:rgba(71,85,105,0.50);--glass-border-strong:rgba(100,116,139,0.50);--sidebar-bg:rgba(15,23,42,0.90);--sidebar-border:rgba(51,65,85,0.50);--header-bg:rgba(15,23,42,0.95);--header-border:rgba(51,65,85,0.50);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--input-bg:rgba(30,41,59,0.50);--input-border:rgba(71,85,105,0.50);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5);--shadow-glow:0 0 30px rgba(16,185,129,0.15);--pillar-e-bg:rgba(16,185,129,0.15);--pillar-s-bg:rgba(59,130,246,0.15);--pillar-g-bg:rgba(139,92,246,0.15);--accent-ai-bg:rgba(139,92,246,0.15);--accent-primary-light:rgba(16,185,129,0.2)}body{background:var(--bg-page-gradient);background-attachment:fixed;min-height:100vh;position:relative;color:var(--text-primary);transition:background .3s ease-out,color .2s ease-out}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(ellipse 600px 400px at 20% 20%,rgba(16,185,129,.08) 0,transparent 70%),radial-gradient(ellipse 500px 500px at 80% 80%,rgba(59,130,246,.06) 0,transparent 70%);transition:opacity .3s ease-out}html.dark body:before{opacity:1;background:radial-gradient(ellipse 800px 600px at 10% 10%,rgba(16,185,129,.08) 0,transparent 60%),radial-gradient(ellipse 600px 600px at 90% 90%,rgba(139,92,246,.06) 0,transparent 60%)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.glass-card-strong{background:var(--glass-bg-strong);backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);border:1px solid var(--glass-border-strong)}.glass-card:hover{background:var(--glass-bg-hover);box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-1px)}.glass-button{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:10px 20px;color:var(--text-primary);font-weight:600;font-size:14px;transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-md);display:inline-flex;align-items:center;justify-content:center;gap:8px}.glass-button:hover{background:var(--glass-bg-hover);transform:scale(1.02);box-shadow:var(--shadow-lg)}.glass-button:active{transform:scale(.98)}.glass-button-gradient{background:linear-gradient(135deg,var(--accent-primary) 0,#14b8a6 100%);color:var(--text-on-gradient);border:none;box-shadow:var(--shadow-lg),0 0 20px rgba(16,185,129,.3)}.glass-button-gradient:hover{box-shadow:var(--shadow-xl),0 0 25px rgba(16,185,129,.4);transform:translateY(-2px) scale(1.02)}.glass-button-compact{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:6px 10px;color:var(--text-primary);font-weight:600;font-size:12px;transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;gap:4px}.glass-button-compact:hover{background:var(--glass-bg-hover);transform:scale(1.05);box-shadow:var(--shadow-md)}.glass-button-compact:active{transform:scale(.95)}.glass-sidebar{border-right:1px solid var(--sidebar-border)}.glass-sidebar,.glass-sidebar-right{background:var(--sidebar-bg);backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);box-shadow:var(--shadow-lg)}.glass-sidebar-right{border-right:none;border-left:1px solid var(--sidebar-border)}.glass-nav{background:var(--header-bg);backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);border-bottom:1px solid var(--header-border);box-shadow:var(--shadow-md)}.active-gradient{background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);color:var(--text-on-gradient);box-shadow:var(--shadow-lg),var(--shadow-glow-cyan)}.active-gradient:hover{box-shadow:var(--shadow-xl),var(--shadow-glow-teal)}.gradient-text,.progress-gradient{background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{border:2px solid transparent;background:linear-gradient(var(--glass-bg-light),var(--glass-bg-light)) padding-box,linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%) border-box}.glass-card-subtle{background:var(--glass-bg-medium);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.glass-card-subtle:hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-lg)}@media (max-width:768px){:root{--backdrop-blur:blur(12px);--backdrop-blur-strong:blur(20px)}.glass-card{border-radius:var(--radius-lg)}}