:root{--bg:#0b1020;--panel:#ffffff0f;--text:#ffffffeb;--muted:#ffffffa6;--border:#ffffff1f;--primary:#6ee7ff;--danger:#ff6b6b;--success:#4ade80;--shadow:0 10px 30px #00000059}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 700px at 20% 10%, #6ee7ff26, transparent 55%) no-repeat fixed, radial-gradient(900px 800px at 80% 10%, #4ade801f, transparent 60%) no-repeat fixed, var(--bg);min-height:100vh;color:var(--text);background-attachment:fixed;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}p{margin:0}h1{margin:0;font-size:1.6rem}h2{margin:0;font-size:1.1rem}.app{flex-direction:column;min-height:100%;display:flex}.container{flex:1;width:min(1100px,100% - 32px);margin:24px auto}.narrow{width:min(720px,100% - 32px);margin:24px auto}.stack,.grid{gap:16px;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}}.topbar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b1020bf;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex;position:sticky;top:0}.topbar__nav{gap:10px;display:flex}.topbar__user{align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:10px;font-weight:700;display:flex}.brand__logo{border:1px solid var(--border);background:linear-gradient(135deg,#6ee7ff40,#4ade8033);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.navlink{color:var(--muted);border-radius:10px;padding:8px 10px}.navlink--active{color:var(--text);background:#ffffff0f}.footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:16px}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.card__header{justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 0;display:flex}.card__title{font-size:1rem}.card__body{padding:14px}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:12px;padding:10px 12px;font-weight:600}.btn:hover{background:#ffffff17}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#6ee7ff40,#4ade8033)}.btn--secondary{background:#ffffff0f}.btn--ghost{color:var(--muted);background:0 0;border-color:#0000}.btn--danger{background:#ff6b6b26;border-color:#ff6b6b59}.input,.select,.textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:12px;outline:none;padding:10px 12px}.input option,.select option{color:#fff;background-color:#0b1020}.input:focus,.select:focus,.textarea:focus{border-color:#6ee7ff73;box-shadow:0 0 0 4px #6ee7ff1f}.field{gap:6px;display:grid}.field__label{color:var(--muted);font-size:.9rem}.field__hint{color:var(--muted);font-size:.85rem}.field__error{color:var(--danger);font-size:.85rem}.row{align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.loading{color:var(--muted);align-items:center;gap:10px;padding:16px;display:flex}.spinner{border:2px solid #fff3;border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{border:1px dashed var(--border);background:#ffffff08;border-radius:16px;padding:20px}.empty__title{margin:0 0 6px}.empty__content{color:var(--muted)}.empty__action{margin-top:12px}.alert{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;padding:12px}.alert__title{margin-bottom:6px;font-weight:700}.alert--danger{background:#ff6b6b14;border-color:#ff6b6b59}.alert--success{background:#4ade8014;border-color:#4ade8059}.pageHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pageHeader__actions{gap:10px;display:flex}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list__item{border:1px solid var(--border);background:#ffffff08;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.table{background:#ffffff14;border-radius:8px;gap:1px;display:grid;overflow:hidden}.table__header{color:var(--muted);background:#ffffff0a;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:500;display:grid}.table__row{background:var(--bg);align-items:center;padding:8px 12px;transition:background .15s;display:grid}.table__row:hover{background:#ffffff08}.kpi{gap:6px;display:grid}.kpi__label{color:var(--muted);font-size:.9rem}.kpi__value{font-size:1.3rem;font-weight:800}