:root{--black:#0b0b0f;--dark:#111119;--white:#fff;--muted:#a7a7b3;--yellow:#ffd400;--purple:#7a5cff;--pink:#ff4d9a;--blue:#2aa7ff;--orange:#ff7a2a;--radius:16px;--shadow:0 10px 30px #00000040}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--black);color:var(--white);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{width:min(1200px,92%);margin-inline:auto}.section{padding:96px 0}.full{place-items:center;min-height:100vh;display:grid}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.grid-2,.grid-3{grid-template-columns:1fr}}.h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:1.05}.h2{font-size:clamp(1.8rem,3.2vw,2.4rem);font-weight:800}.h3{font-size:1.25rem;font-weight:700}.lead{color:var(--muted);font-size:clamp(1rem,1.4vw,1.125rem)}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s,color .2s;display:inline-flex}.btn-primary{background:var(--yellow);color:#1a1a1a}.btn-primary:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn-outline{color:var(--white);background:0 0;border:1px solid #2a2a35}.btn-outline:hover{background:#1b1b25}.card{border-radius:var(--radius);background:linear-gradient(#141422,#101019);border:1px solid #23233a;padding:22px;box-shadow:0 4px 16px #00000059}.card-contrast{background:#0f0f16;border-color:#26263b}.header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a1099;border-bottom:1px solid #1f1f2b;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:68px;display:flex}.sidebar{background:#0e0e15;border-right:1px solid #1f1f2b;width:240px;padding:18px}@media (width<=1000px){.sidebar{display:none}}.footer{background:#0e0e14;border-top:1px solid #20202a;padding:40px 0}.badge{letter-spacing:.2px;border-radius:999px;padding:6px 10px;font-weight:700;display:inline-block}.badge-yellow{color:#f6d300;background:#24241a;border:1px solid #3a3a20}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}@media (width<=900px){.metrics{grid-template-columns:1fr 1fr}}.metric{border-radius:var(--radius);background:#0e0e16;border:1px solid #22223a;padding:20px}.metric .num{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800}.metric .label{color:var(--muted)}.bg-dark{background:radial-gradient(1200px 600px at 80% -10%,#1b1b2a 0%,#0b0b10 60%)}.bg-yellow{background:linear-gradient(120deg,#17170c,#121214)}.accent-rows{background:radial-gradient(600px 200px at -10% 0,#ffd40014,#0000 60%),radial-gradient(600px 200px at 120%,#2aa7ff14,#0000 60%),radial-gradient(600px 200px at 50% 120%,#ff4d9a14,#0000 60%)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(12px)}.reveal.show{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.delay-3{transition-delay:.36s}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.spacer{height:24px}hr.sep{background:#23233a;border:none;height:1px;margin:32px 0}.link{color:var(--muted);text-decoration:none;transition:color .2s}.link:hover{color:var(--yellow)}.btn-solid{background:var(--yellow);color:#111;cursor:pointer;border:none;border-radius:14px;padding:14px 18px;font-weight:700;transition:transform 80ms,box-shadow .2s;box-shadow:0 6px 20px #ffd4002d}.btn-solid:active{transform:translateY(1px)}.btn-ghost{color:#fff;background:0 0;border:1px solid #2a2a39;border-radius:12px;padding:12px 14px;transition:background .2s}.btn-ghost:hover{background:#1b1b27}.input{color:#fff;background:#141422;border:1px solid #23233a;border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:#fff6}.input:focus{border-color:#ffd40099;box-shadow:0 0 0 4px #ffd40026}.form-row{gap:16px;display:grid}@media (width>=700px){.form-row.two{grid-template-columns:1fr 1fr}}.kpis{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width>=900px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpi{background:#12121d;border:1px solid #1e1e2d;border-radius:16px;padding:18px}.kpi .big{font-size:28px;font-weight:800}.kpi .sub{color:var(--muted);margin-top:4px}.feature{background:linear-gradient(#12121c,#0f0f18);border:1px solid #1f1f2e;border-radius:16px;align-items:center;gap:12px;padding:16px 18px;display:flex}.feature .emoji{background:#1f1f2d;border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.auth-grid{gap:28px;display:grid}@media (width>=980px){.auth-grid{grid-template-columns:1.1fr .9fr;align-items:start}}.auth-card{background:radial-gradient(1200px 500px at 80% -20%,#ffd40018 0,#111 70%),#11111999;border:1px solid #24243a;border-radius:20px;padding:28px;box-shadow:inset 0 30px 80px #0005,0 10px 40px #0005}@media (width>=520px){.auth-card{padding:34px}}.badge{letter-spacing:.08em;text-transform:uppercase;color:#bdbdde;background:#26263a;border-radius:999px;padding:6px 10px;font-size:12px}.badge-yellow{color:#ffd400;background:#3a3200}.helper-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-glass{background:var(--panel,#0f0f16);border:1px solid var(--border,#20202a);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:16px;box-shadow:0 24px 60px #00000059,inset 0 0 0 1px #ffffff05}.grid-2{grid-template-columns:420px 1fr;display:grid}.gap-24{gap:24px}.items-start{align-items:start}.grow{flex:1;min-width:0}.list-toolbar{gap:12px;margin-bottom:12px;display:flex}.input{border:1px solid var(--border,#20202a);height:44px;color:var(--text-primary,#e6e6e6);background:#0b0c11;border-radius:12px;align-items:center;padding:10px 12px;display:inline-flex}.input input{all:unset;width:100%;color:inherit}.input--search{position:relative}.input-icon{color:var(--muted,#8b8b99);position:absolute;right:12px}.sort-select{width:150px}.btn{border:1px solid var(--border,#20202a);height:44px;color:var(--text-primary,#e6e6e6);background:#1a1b1f;border-radius:12px;padding:0 14px}.btn-primary{color:#111214;background:#f0b90b;border-color:#f0b90b;font-weight:600}.list-scroll{gap:12px;max-height:560px;display:grid;overflow:auto}.list-card{border:1px solid var(--border,#20202a);text-align:left;background:#0f0f16;border-radius:14px;grid-template-columns:48px 1fr;gap:12px;padding:14px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.list-card:hover{border-color:#2a2d36;box-shadow:0 8px 24px #00000040}.list-card.is-selected{background:#f0b90b0f;border-color:#f0b90b73}.avatar{background:#191a20;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-fallback{background:#23242b;border-radius:10px;width:70%;height:70%}.list-card__title{color:var(--text-primary,#fff);font-weight:700}.list-card__sub{color:var(--muted,#8b8b99);font-size:12px}.list-card__text{gap:4px;display:grid}.list-card__badges{gap:8px;margin-top:6px;display:flex}.pill{border:1px solid #22242a;border-radius:999px;padding:2px 8px;font-size:12px}.pill--warn{color:#f0b90b;background:#f0b90b1a;border-color:#f0b90b59}.pill--success{color:#22c55e;background:#22c55e1f;border-color:#22c55e59}.pill--neutral{color:var(--text-primary,#e6e6e6);background:#1a1b1f}.muted{color:var(--muted,#8b8b99)}.list-panel{height:100%}.app-shell .app-main{padding-top:var(--app-header-h);min-height:calc(100vh - var(--app-header-h));padding-left:0;padding-right:0}