:root{--bg: #0b0b0f;--bg-elev: #12121a;--panel: #18181b;--panel-2: #202027;--text: #e7e7ea;--muted: #a1a1aa;--primary: #2563eb;--primary-600: #1d4ed8;--accent: #f97316;--border: #27272a;--ring: #93c5fd;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--hero-image: url(/assets/images/background.png);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 2px 10px rgba(0,0,0,.15);--shadow: 0 6px 24px rgba(0,0,0,.25);--shadow-lg: 0 10px 40px rgba(0,0,0,.35);color-scheme:dark light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(60% 80% at 10% 10%,rgba(37,99,235,.12),transparent 60%),radial-gradient(50% 70% at 90% 10%,rgba(14,165,233,.12),transparent 60%),radial-gradient(65% 50% at 50% 120%,rgba(236,72,153,.1),transparent 60%),var(--bg);isolation:isolate}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 14px),radial-gradient(600px 300px at 85% -10%,rgba(249,115,22,.08),transparent 70%),radial-gradient(500px 240px at -10% 105%,rgba(59,130,246,.08),transparent 65%)}html{scroll-behavior:smooth}h1{font-size:2.25rem;line-height:1.1;margin:0 0 .75rem}h2{font-size:1.5rem;line-height:1.15;margin:0 0 .5rem}h3{font-size:1.25rem;line-height:1.2;margin:0 0 .5rem}p{color:var(--muted)}a{color:#9ec1ff;text-decoration:none}a:hover{color:#c9dbff}.container{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;gap:.75rem;align-items:center}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem;transition:transform .15s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card .card-title{font-weight:700;margin-bottom:.5rem}.card .card-subtle{color:var(--muted);font-size:.9rem}.glass{background:linear-gradient(180deg,#18181ba6,#18181b8c);border:1px solid rgba(63,63,70,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .9rem;border-radius:var(--radius);border:1px solid transparent;font-weight:600;cursor:pointer;background:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb40;transition:background .2s ease,transform .05s ease}.btn:hover{background:var(--primary-600)}.btn:active{transform:translateY(1px)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-outline{background:transparent;border-color:var(--primary);color:#cfe0ff}.btn-secondary{background:var(--accent);color:#0b0b0f;box-shadow:0 4px 12px #f9731640}.btn-success{background:var(--success)}.btn-warning{background:var(--warning);color:#0b0b0f}.btn-danger{background:var(--danger)}.input,.select,.textarea{width:100%;background:#1f1f26;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.input:focus,.select:focus,.textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40}.textarea{min-height:120px;resize:vertical}.badge{display:inline-flex;gap:.35rem;align-items:center;border:1px solid var(--border);background:var(--panel-2);padding:.25rem .5rem;border-radius:999px;font-size:.75rem;color:var(--text)}.pill{display:inline-block;background:#22222b;color:#cfe0ff;padding:.25rem .6rem;border-radius:999px;font-size:.74rem}.sidebar{background:var(--panel);border-right:1px solid var(--border);width:16rem;position:sticky;top:4rem;height:calc(100vh - 4rem);overflow-y:auto;padding:1.25rem;box-shadow:var(--shadow-sm)}.sidebar-link{display:block;padding:.5rem .6rem;border-radius:.5rem;color:var(--text);transition:background .2s,color .2s}.sidebar-link:hover{background:#1f2533;color:#cfe0ff}.navbar{position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12121ab3;border-bottom:1px solid var(--border);z-index:50}.navbar{box-shadow:0 1px #ffffff0a,0 8px 28px #00000059}.navbar .inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.footer{border-top:1px solid var(--border);padding:1rem;color:var(--muted);text-align:center}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:9999;padding:.5rem .7rem;border-radius:.5rem;background:#262633;color:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.theme-toggle:hover{background:#2d2d3a}.theme-switch{padding:.4rem .6rem;border-radius:.5rem;background:#262633;color:#fff;border:1px solid var(--border)}.theme-switch:hover{background:#2d2d3a}.theme-toggle.theme-switch{position:static;top:auto;right:auto;box-shadow:var(--shadow-sm)}.hero{position:relative;display:grid;place-items:center;min-height:60vh;text-align:center}.hero.bg{background:var(--hero-image) center/cover no-repeat}.hero .overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.25),transparent 45%),#00000059}.hero .content{position:relative;z-index:1}.hero-gradient{position:relative;isolation:isolate;overflow:hidden}.hero-gradient:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#b91c1ce6,#e11d48d9,#f43f5ecc);opacity:.65;z-index:0;pointer-events:none}body.light{--bg:#f7f7fb;--bg-elev:#fff;--panel:#fff;--panel-2:#fafafa;--text:#131318;--muted:#3f3f46;--border:#e5e7eb}body.light a{color:#2563eb}body.light .card{background:var(--panel);border-color:var(--border)}body.light .sidebar{background:var(--panel)}body.light .input,body.light .select,body.light .textarea{background:#fff;border-color:var(--border);color:#111827}body.light .btn-ghost{border-color:var(--border);color:#111827}body.light .navbar{background:#ffffffb3}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-hero{position:relative;padding:1.5rem 0;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(37,99,235,.08),transparent 60%)}.profile-subnav{position:sticky;top:3.5rem;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12121a99;border-bottom:1px solid var(--border)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.5rem}.stat-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-label{color:var(--muted);font-size:.8rem}.stat-value{font-weight:800;font-size:1.25rem}.facts-list{list-style:none;padding:0;margin:.5rem 0 0;display:grid;grid-template-columns:1fr;gap:.5rem}.facts-list li{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding:.25rem 0}.facts-list li span{color:var(--muted)}.dashboard-topbar{position:sticky;top:4rem;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:#09090bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-title{font-weight:800;font-size:1.125rem}.topbar-nav{display:flex;flex-wrap:wrap;gap:.25rem}.dashboard-toplink{display:inline-block;padding:.375rem .5rem;border-radius:.375rem;color:#e4e4e7}.dashboard-toplink:hover{background:var(--primary);color:#fff}.topbar-actions{display:flex;align-items:center;gap:.5rem}body.light .dashboard-topbar{background:#ffffffd9;border-bottom-color:var(--border)}body.light .dashboard-toplink{color:#3f3f46}body.light .dashboard-toplink:hover{background:var(--primary);color:#fff}.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--border);color:var(--text);background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:0 1px #ffffff0a inset}.chip:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.kpi{background:#101015;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;text-align:center}.kpi .label{color:var(--muted);font-size:.75rem}.kpi .value{font-weight:800;font-size:1.25rem;letter-spacing:.02em}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow)}.panel-alt{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 4px 18px -4px #0000008c}.dashboard-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.18),transparent 55%),radial-gradient(circle at 85% 10%,rgba(249,115,22,.18),transparent 60%),linear-gradient(180deg,#18181bd9,#18181b8c)}.dashboard-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 14px);opacity:.35;pointer-events:none}.dashboard-hero-inner{position:relative;max-width:1200px;margin:0 auto;padding:2.75rem 1.25rem 2.25rem;display:flex;gap:2rem;align-items:flex-start}.dashboard-hero-metrics{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin-top:1.75rem}.section-heading{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:.5rem}.section-heading:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.25),transparent)}.metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric{position:relative;padding:1rem .9rem 1.05rem;background:#101015;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.metric:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12),transparent 60%);opacity:.15}.metric-value{font-size:1.65rem;font-weight:800;letter-spacing:.02em;line-height:1}.metric-label{font-size:.65rem;letter-spacing:.2em;font-weight:600;color:var(--muted);margin-top:.4rem}.kpi.pro{position:relative;background:linear-gradient(180deg,#141417,#101014);border:1px solid #2d2d31;box-shadow:inset 0 0 0 1px #ffffff0a,0 4px 20px -4px #0009}.kpi.pro:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#3b82f6a6,#f973168c);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude}.chart-card{background:#111115;border:1px solid #26262c;border-radius:var(--radius-lg);padding:1rem 1.15rem 1.05rem;box-shadow:0 8px 28px -8px #000000a6;position:relative}.chart-card h3{margin:0 0 .65rem;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted)}.chart-placeholder{height:5.5rem;border:1px dashed #333;border-radius:.75rem;display:grid;place-items:center;font-size:.75rem;color:#555}.btn-gradient{background:linear-gradient(90deg,#2563eb,#f97316);border:none;position:relative}.btn-gradient:hover{filter:brightness(1.1)}.divider{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent);margin:1.5rem 0;border:0}@media (max-width: 860px){.dashboard-hero-inner{flex-direction:column;padding:2.25rem 1rem 2rem}.dashboard-hero-metrics{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}body.light .dashboard-hero{background:radial-gradient(circle at 15% 15%,rgba(37,99,235,.18),transparent 55%),radial-gradient(circle at 85% 10%,rgba(249,115,22,.2),transparent 60%),linear-gradient(180deg,#ffffffd9,#ffffffa6)}body.light .metric,body.light .chart-card{background:#fff;border-color:var(--border)}@keyframes pulseMetric{0%,to{box-shadow:0 0 #f9731600}50%{box-shadow:0 0 0 4px #f973160f}}.pulse-once{animation:pulseMetric 2.4s ease-in-out 1}.tight-grid{--gap:.65rem;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.surface-spot{position:relative;background:#141418;border:1px solid #26262d;border-radius:var(--radius);padding:1rem .9rem}.surface-spot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.18),transparent 65%);opacity:.12;pointer-events:none}:root{--surface-0: var(--bg);--surface-1: #141418;--surface-2: #18181c;--surface-3: #1f1f25;--gradient-accent: linear-gradient(135deg,#2563eb 0%,#f97316 100%);--gradient-soft: linear-gradient(135deg,rgba(37,99,235,.35),rgba(249,115,22,.25));--focus-ring: 0 0 0 3px rgba(59,130,246,.45);--focus-ring-strong: 0 0 0 3px rgba(249,115,22,.55)}a:focus-visible,button:focus-visible,[role=button]:focus-visible,.chip:focus-visible,.panel:focus-visible,.panel-alt:focus-visible{outline:none;box-shadow:var(--focus-ring);position:relative;z-index:10}body.light a:focus-visible,body.light button:focus-visible{box-shadow:0 0 0 3px #2563eb8c}.border-gradient{position:relative;border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--gradient-soft) border-box;border-radius:var(--radius-lg)}.tile-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tile{position:relative;padding:.85rem .9rem .9rem;background:var(--surface-1);border:1px solid #26262d;border-radius:12px;overflow:hidden}.tile:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.14),transparent 65%);opacity:.18;pointer-events:none}.tile h4{margin:0 0 .45rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--muted)}.tile-value{font-size:1.6rem;font-weight:800;letter-spacing:.01em;line-height:1}.tile-sub{font-size:.65rem;letter-spacing:.15em;color:var(--muted);margin-top:.4rem;font-weight:600}.progress{--pct:50;position:relative;height:6px;border-radius:4px;background:#222;overflow:hidden}.progress span{position:absolute;inset:0;background:linear-gradient(90deg,#2563eb,#f97316);width:var(--pct)}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.timeline-item{position:relative;padding-left:1.25rem}.timeline-item:before{content:"";position:absolute;left:.3rem;top:.25rem;width:8px;height:8px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 4px #2563eb40}.timeline-item[data-accent=orange]:before{background:#f97316;box-shadow:0 0 0 4px #f9731640}.timeline-item-title{font-size:.8rem;font-weight:600;letter-spacing:.02em}.timeline-item-meta{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:.15rem}.sparkline{height:46px;display:flex;align-items:flex-end;gap:2px}.sparkline span{width:6px;background:#334155;border-radius:2px;position:relative;overflow:hidden}.sparkline span:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#2563eb,#0f172a);opacity:.9}@keyframes heroPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.hero-animate{animation:heroPulse 6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.hero-animate{animation:none}}.elevate-hover{transition:box-shadow .3s ease,transform .25s ease}.elevate-hover:hover{box-shadow:0 14px 40px -10px #000000a6;transform:translateY(-4px)}.badge-strip{display:flex;flex-wrap:wrap;gap:.4rem}.panel-fade{background:linear-gradient(160deg,#ffffff0f,#ffffff04);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);padding:1.25rem;position:relative;overflow:hidden}.panel-fade:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.14),transparent 65%);opacity:.18;pointer-events:none}body.light .tile{background:#fff;border-color:var(--border)}body.light .panel-fade{background:linear-gradient(160deg,#fff,#fafafa)}.gap-tight{gap:.35rem}.gap-loose{gap:1.5rem}.grid-bg{position:relative}.grid-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/ 100% 34px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/ 34px 100%;-webkit-mask:radial-gradient(circle at 35% 25%,rgba(255,255,255,.55),transparent 65%);mask:radial-gradient(circle at 35% 25%,rgba(255,255,255,.55),transparent 65%);opacity:.25;pointer-events:none}.glow-accent{position:relative}.glow-accent:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(circle at 70% 30%,rgba(37,99,235,.35),rgba(249,115,22,.25),transparent 70%);filter:blur(22px);opacity:.55;z-index:-1;pointer-events:none}.chip[data-active=true]{background:linear-gradient(120deg,#2563eb,#f97316);color:#fff;border-color:#2563eb;box-shadow:0 0 0 1px #00000059,0 6px 18px -6px #000000a6}.chip[data-active=true]:hover{box-shadow:0 0 0 1px #00000059,0 10px 32px -6px #000000b3}.panel-ribbon{position:relative}.panel-ribbon:before{content:attr(data-ribbon);position:absolute;top:0;left:0;padding:.35rem .6rem;font-size:.55rem;letter-spacing:.18em;font-weight:700;text-transform:uppercase;background:linear-gradient(90deg,#2563eb,#f97316);color:#fff;border-radius:0 0 .5rem;box-shadow:0 4px 10px -4px #00000080}.outline-gradient{position:relative;border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(135deg,#2563eba6,#f9731699) border-box;border-radius:var(--radius-lg)}.toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.toolbar.tight{gap:.35rem}@keyframes headingSheen{0%,12%{background-position:-120% 50%}20%{background-position:120% 50%}to{background-position:120% 50%}}.heading-sheen{background:linear-gradient(110deg,#fff 0% 35%,#93c5fd 45%,#f97316 55%,#fff 65% 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:headingSheen 9s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.heading-sheen{animation:none;background:linear-gradient(90deg,#fff,#cbd5e1)}}.hero-meta{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--muted)}.chip.success{border-color:var(--success);color:var(--success)}.chip.warning{border-color:var(--warning);color:var(--warning)}.chip.danger{border-color:var(--danger);color:var(--danger)}.outline-gradient:focus-visible,.panel-ribbon:focus-visible{box-shadow:var(--focus-ring-strong)}body.light .chip[data-active=true]{background:linear-gradient(120deg,#2563eb,#f97316);color:#fff}body.light .outline-gradient{background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(135deg,#2563eb8c,#f9731680) border-box}.ring-tile{--pct: 75%;position:relative;width:110px;height:110px;border-radius:16px;background:radial-gradient(circle at 50% 50%,#0e0e13 52%,transparent 53%),conic-gradient(from -90deg,#2563eb 0 var(--pct),rgba(255,255,255,.12) var(--pct));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f,0 8px 24px -6px #00000080;display:grid;place-items:center}.ring-tile .ring-tile-value{font-size:2rem;font-weight:900;letter-spacing:.01em;line-height:1;color:#fff}.ring-tile .ring-tile-label{font-size:.6rem;letter-spacing:.2em;font-weight:700;color:var(--muted);margin-top:.25rem}.ring-tile.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.ring-tile.hover-lift:hover{transform:translateY(-2px);box-shadow:0 14px 40px -12px #000000b3}.ring-tile.sm{width:90px;height:90px;border-radius:14px}.ring-tile.sm .ring-tile-value{font-size:1.5rem}