:root{--bg:#08111f;--panel:#111d33;--panel2:#152744;--line:rgba(255,255,255,.10);--text:#edf5ff;--muted:#aebbd1;--brand:#7c3aed;--brand2:#0ea5e9;--ok:#22c55e;--warn:#f59e0b;--danger:#ef4444}
*{box-sizing:border-box} body{min-height:100vh;background:radial-gradient(circle at top left,rgba(124,58,237,.35),transparent 30%),radial-gradient(circle at top right,rgba(14,165,233,.25),transparent 32%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.layout{display:flex;min-height:100vh}.sidebar{width:275px;background:rgba(6,14,29,.86);border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh;overflow:auto}.content{flex:1;padding:26px;min-width:0}.brand{font-weight:800;letter-spacing:-.03em;font-size:1.35rem}.brand small{display:block;color:var(--muted);font-weight:500;font-size:.78rem;margin-top:4px}.nav-panel a{display:block;color:#dce8ff;text-decoration:none;padding:10px 12px;border-radius:14px;margin-bottom:5px}.nav-panel a:hover,.nav-panel a.active{background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(14,165,233,.20));color:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.card-soft{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.28)}.metric{padding:18px}.metric strong{display:block;font-size:1.8rem;line-height:1}.muted{color:var(--muted)}.form-control,.form-select{background:#0c1729!important;border:1px solid var(--line)!important;color:#fff!important}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(14,165,233,.16)!important}.table{--bs-table-bg:transparent;--bs-table-color:#eef6ff;--bs-table-border-color:var(--line)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border:0}.btn-outline-light{border-color:var(--line)}.hero{padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(124,58,237,.36),rgba(14,165,233,.20));border:1px solid var(--line)}.service-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--brand2));font-weight:800}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:100%;max-width:480px}.badge{font-weight:600}.banner-img{width:100%;height:130px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.ticket-msg{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:16px;padding:14px}.copy-btn{cursor:pointer}.small-actions{white-space:nowrap}.danger-zone{border:1px dashed rgba(239,68,68,.5);background:rgba(239,68,68,.07)}@media(max-width:900px){.layout{display:block}.sidebar{position:relative;height:auto;width:100%}.content{padding:18px}.topbar{display:block}.table-responsive{font-size:.92rem}}