:root{--bg: #0b1220;--panel: rgba(8, 12, 24, .68);--border: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .94);--muted: rgba(255, 255, 255, .72);--brand: #7c5cff;--brand-2: #00d4ff;--danger: #ff4d6d;--ok: #2dd4bf;--shadow: 0 20px 60px rgba(0, 0, 0, .42);--radius: 18px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:#05080f;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";letter-spacing:.2px}a{color:inherit;text-decoration:none}.appBg{position:relative;min-height:100vh;overflow:hidden;background:#05080f}.bgVideo{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0;filter:brightness(1.5) saturate(1.05)}.bgOverlay{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#04071085,#040710ad 40%,#040710d1),radial-gradient(circle at top left,rgba(124,92,255,.22),transparent 38%),radial-gradient(circle at top right,rgba(0,212,255,.16),transparent 32%)}.contentLayer{position:relative;z-index:2}.container{max-width:1050px;margin:0 auto;padding:22px 16px 40px}.shell{background:#0a0e1c80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#ffffff14,#ffffff08)}.brand{display:flex;gap:10px;align-items:center;font-weight:760}.brandMark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 12px 30px #7c5cff59}.badge{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff14;color:var(--muted);font-size:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.content{padding:18px}.grid2{display:grid;gap:14px;grid-template-columns:1fr 1fr}@media(max-width:820px){.grid2{grid-template-columns:1fr}}.card{border:1px solid var(--border);background:#0a101e9e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius);padding:14px}.cardTitle{margin:0 0 8px;font-size:15px;letter-spacing:.3px}.h2{margin:0 0 8px;font-size:22px}.p{margin:8px 0;color:var(--muted);line-height:1.5}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}input,select{width:100%;padding:12px;border-radius:14px;border:1px solid var(--border);outline:none;background:#00000047;color:var(--text)}input::placeholder{color:#ffffff73}.btn{appearance:none;border:1px solid var(--border);background:#ffffff14;color:var(--text);padding:11px 14px;border-radius:14px;cursor:pointer;transition:transform .08s ease,background .2s ease,border-color .2s ease;font-weight:650;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn:hover{background:#ffffff1f;border-color:#ffffff38}.btn:active{transform:translateY(1px)}.btnPrimary{border:none;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 14px 36px #7c5cff40}.btnGhost{background:transparent}.btnDanger{background:#ff4d6d29;border-color:#ff4d6d59}.hr{border:none;border-top:1px solid var(--border);margin:14px 0}.nav{display:flex;gap:10px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--border);background:#ffffff0a}.nav a{padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd6;font-size:13px;transition:background .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.nav a:hover{background:#ffffff1a}.kpi{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.kpi strong{font-size:22px}.kpi span{color:var(--muted);font-size:12px}.toast{margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(45,212,191,.35);background:#2dd4bf24;color:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.small{font-size:12px;color:var(--muted)}