*{box-sizing:border-box}:root{--bg:#f8fafc;--surface:#fff;--line:#dce5f0;--line-strong:#cbd8e8;--text:#102033;--muted:#526476;--primary:#0a5adf;--primary-2:#0aa4b7;--danger:#d92d20;--shadow:0 18px 42px rgba(16,32,51,.09)}#__next,body,html{margin:0;min-height:100%;font-family:Manrope,Segoe UI,Tahoma,sans-serif;color:var(--text);background:radial-gradient(540px 340px at 0 -10%,#dcecff 0,transparent 58%),radial-gradient(560px 320px at 100% -15%,#d8f3ef 0,transparent 52%),var(--bg)}.page{position:relative;max-width:1260px;margin:0 auto;padding:28px 14px 60px}.bg-surface{position:fixed;border-radius:50%;filter:blur(55px);opacity:.45;pointer-events:none}.bg-a{width:260px;height:260px;background:#d8e7ff;left:-80px;top:-25px}.bg-b{width:300px;height:300px;background:#cff0ea;right:-90px;top:20%}.card{position:relative;z-index:1;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);padding:20px;margin-bottom:14px}.kicker{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.11em;color:#0b5396;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px}.help,.lead,.status{color:var(--muted)}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.badge-row span{border:1px solid #d0def0;border-radius:999px;background:#f3f8ff;color:#1f4f83;padding:7px 12px;font-size:12px;font-weight:700}.login-grid{display:grid;grid-gap:10px;gap:10px}label{display:grid;grid-gap:6px;gap:6px}label span{font-size:12px;font-weight:700;color:#425569;text-transform:uppercase;letter-spacing:.08em}button,input{border-radius:12px;border:1px solid var(--line-strong);font-size:14px;padding:11px 12px}button:focus,input:focus{outline:3px solid rgba(10,90,223,.2);outline-offset:1px}.chip,.danger,.ghost,.primary{cursor:pointer;font-weight:700}.primary{border:0;color:#fff;background:linear-gradient(120deg,var(--primary) 0,var(--primary-2) 100%)}.primary:disabled{opacity:.7;cursor:not-allowed}.ghost{background:#f5f9ff;color:#173f68}.danger{background:#fff4f2;color:var(--danger);border-color:#f2cdc9}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.actions{display:flex;gap:8px}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px}.metric{margin:0;padding:16px}.metric p{margin:0;font-size:12px;color:#506378;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:8px;font-size:2rem;line-height:1;color:#0f2f4e}.metric span{display:block;margin-top:6px;font-size:12px;color:#5c6e82}.search-row{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;margin-bottom:10px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chip{background:#f4f8ff;color:#1b4875;border-color:#c9d9ef}.chip.active{background:#e7f0ff;border-color:#8db0e4}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:12px;gap:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;min-width:900px}thead th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#495e74;background:#f6f9fd;border-bottom:1px solid var(--line);padding:12px}tbody td{padding:12px;border-top:1px solid #edf2f8;vertical-align:top;font-size:14px}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fbff}tbody tr.selected{background:#eef5ff}tbody td span{display:block;color:#5b6d80;font-size:12px;margin-top:4px}.detail-panel{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfdff}.detail-panel h3{margin-bottom:10px}.detail-data{display:grid;grid-gap:8px;gap:8px}.detail-data p{margin:0;font-size:13px;color:#31495f}.empty{text-align:center;color:#6b7a89;padding:20px}.status{margin:0;font-size:13px}@media (max-width:1120px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.detail-panel{order:-1}}@media (max-width:860px){.top-bar{flex-direction:column;align-items:flex-start}.actions{width:100%}.actions button{flex:1 1}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-row{grid-template-columns:1fr}}@media (max-width:560px){.metrics-grid{grid-template-columns:1fr}.card{padding:16px}}