:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff7ff;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#12081f;font-family:Manrope Variable,Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 0,#c63ce447,#0000 32rem),radial-gradient(circle at 100% 8%,#ffc14a24,#0000 28rem),linear-gradient(135deg,#140921 0%,#251037 48%,#160822 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.panel-login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#2a123ddb;border:1px solid #d744ff61;border-radius:22px;width:min(100%,420px);padding:28px;box-shadow:0 28px 90px #0000005c}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{color:#1d0b2a;background:linear-gradient(135deg,#ffd33d,#cf37eb);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand strong{font-size:19px;line-height:1.1;display:block}.brand span{color:#fff7ff9e;margin-top:2px;font-size:13px;display:block}.form-stack{gap:14px;display:grid}.field{gap:8px;display:grid}.field label{color:#fff7ffa8;font-size:13px}.input,.select,.textarea{color:#fff7ff;background:#160822b8;border:1px solid #cf37eb57;border-radius:14px;outline:none;width:100%;padding:12px 13px}.textarea{resize:vertical;min-height:94px}.input:focus,.select:focus,.textarea:focus{border-color:#ffd33db8;box-shadow:0 0 0 3px #ffd33d1f}.btn{color:#fff7ff;background:#ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.btn:hover{background:#ffffff1f;transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(135deg,#ce39e8,#9d37ff);box-shadow:0 14px 32px #cf37eb3d}.btn.warn{color:#fff;background:#ff50752e;border:1px solid #ff507557}.btn.ghost{background:#ffffff0a;border:1px solid #cf37eb47}.panel-app{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12081fb8;border-right:1px solid #cf37eb38;height:100vh;padding:22px 18px;position:-webkit-sticky;position:sticky;top:0}.nav{gap:8px;margin-top:26px;display:grid}.nav button{color:#fff7ffb8;text-align:left;background:0 0;border-radius:14px;grid-template-columns:22px 1fr;align-items:center;gap:10px;min-height:44px;padding:10px 12px;display:grid}.nav button.active,.nav button:hover{color:#fff;background:#cf37eb29}.shell{min-width:0;padding:22px;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:max(24px,min(3vw,34px));line-height:1.08}.topbar p{color:#fff7ff94;margin:7px 0 0}.status-pill{color:#fff7ffc7;white-space:nowrap;background:#ffd33d14;border:1px solid #ffd33d47;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.grid{gap:14px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:start}.card{background:linear-gradient(#3a1852c7,#2b103fb8);border:1px solid #cf37eb47;border-radius:18px;min-width:0;padding:16px;box-shadow:0 16px 50px #0003}.metric{min-height:118px}.metric span,.muted{color:#fff7ff8f}.metric strong{margin-top:16px;font-size:max(25px,min(3vw,36px));line-height:1;display:block}.card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-title h2,.card-title h3{margin:0;font-size:17px;line-height:1.2}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .input,.toolbar .select{width:auto;min-width:210px}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:760px}.table.compact{min-width:0}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:12px 10px}.table th{color:#fff7ff80;text-transform:uppercase;font-size:12px;font-weight:600}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:#ffffff0a}.tag{color:#fff7ffd1;white-space:nowrap;background:#cf37eb1a;border:1px solid #cf37eb4d;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;display:inline-flex}.tag.good{background:#49e5a81a;border-color:#49e5a852}.tag.bad{background:#ff50751f;border-color:#ff507557}.detail{position:-webkit-sticky;position:sticky;top:22px}.detail-empty{color:#fff7ff8a;text-align:center;place-items:center;min-height:280px;display:grid}.kv{gap:8px;margin:14px 0;display:grid}.kv-row{border-bottom:1px solid #ffffff12;justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.kv-row span:first-child{color:#fff7ff85}.actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stack{gap:12px;display:grid}.message{color:#fff;background:#cf37eb29;border-radius:12px;padding:10px 12px}.message.error{background:#ff507533}.hidden{display:none!important}@media (max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.detail{position:static}}@media (max-width:820px){.panel-app{grid-template-columns:1fr}.sidebar{height:auto;padding:16px;position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.metric-grid,.actions-grid,.nav{grid-template-columns:1fr}.toolbar .input,.toolbar .select,.toolbar .btn{width:100%}.card{border-radius:16px;padding:14px}}