@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Raleway:wght@700;800&display=swap');

:root {
  --bg: #050912;
  --bg-soft: #08101c;
  --sidebar: #070d16;
  --panel: rgba(12, 20, 33, .88);
  --panel-solid: #0d1624;
  --panel-high: #121e2e;
  --border: rgba(200, 154, 60, .16);
  --border-soft: rgba(255, 255, 255, .075);
  --gold: #c89a3c;
  --gold-light: #e6bd62;
  --purple: #8956ff;
  --purple-light: #a77dff;
  --blue: #188ae2;
  --green: #32c787;
  --red: #ff6577;
  --orange: #f3a847;
  --text: #f5f1e8;
  --text-soft: #a9b3c2;
  --muted: #738095;
  --shadow: 0 26px 60px rgba(0, 0, 0, .35);
  --radius: 16px;
  --sidebar-w: 260px;
}

* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font-family: Inter, system-ui, sans-serif; font-size: 14px; }
body::before { content: ''; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 80% -10%, rgba(137,86,255,.13), transparent 28%), radial-gradient(circle at 15% 100%, rgba(24,138,226,.06), transparent 30%); z-index: -1; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
img { max-width: 100%; display: block; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: Raleway, Inter, sans-serif; }
code { color: #b9a0ff; background: rgba(137,86,255,.1); border: 1px solid rgba(137,86,255,.12); border-radius: 6px; padding: 2px 6px; font-size: .82rem; word-break: break-all; }

.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 50; width: var(--sidebar-w); display: flex; flex-direction: column; background: linear-gradient(180deg, rgba(7,13,22,.98), rgba(5,10,18,.99)); border-right: 1px solid var(--border); box-shadow: 12px 0 50px rgba(0,0,0,.22); }
.sidebar::after { content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 180px; background: linear-gradient(var(--gold), transparent); opacity: .65; }
.sidebar-head { height: 82px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid var(--border-soft); }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark { width: 39px; height: 39px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(200,154,60,.58); border-radius: 11px; background: linear-gradient(145deg, rgba(200,154,60,.2), rgba(137,86,255,.08)); box-shadow: inset 0 0 18px rgba(200,154,60,.06), 0 8px 20px rgba(0,0,0,.25); color: var(--gold-light); font: 800 20px Raleway, sans-serif; }
.brand strong { display: block; font: 800 16px Raleway, sans-serif; letter-spacing: -.02em; }
.brand small { display: block; margin-top: 2px; color: var(--muted); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.brand-large .brand-mark { width: 50px; height: 50px; font-size: 25px; border-radius: 14px; }
.brand-large strong { font-size: 20px; }
.sidebar-close { display: none; }
.nav { flex: 1; min-height: 0; overflow-y: auto; padding: 18px 12px; scrollbar-width: thin; }
.nav-label { margin: 25px 13px 8px; color: #596679; font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.nav-item { position: relative; display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 3px 0; padding: 0 13px; border-radius: 10px; color: #8d99aa; font-weight: 600; transition: .18s ease; }
.nav-item::before { content: ''; position: absolute; left: -12px; top: 9px; bottom: 9px; width: 3px; border-radius: 0 3px 3px 0; background: var(--gold); transform: scaleY(0); transition: inherit; }
.nav-item:hover { color: var(--text); background: rgba(255,255,255,.035); }
.nav-item.active { color: #fff; background: linear-gradient(90deg, rgba(200,154,60,.13), rgba(137,86,255,.055)); box-shadow: inset 0 0 0 1px rgba(200,154,60,.1); }
.nav-item.active::before { transform: scaleY(1); }
.nav-item.active .glyph { color: var(--gold-light); }
.nav-danger { margin-top: 4px; color: #d8ad5c; border: 1px solid rgba(200,154,60,.1); }
.glyph { width: 22px; display: inline-grid; place-items: center; color: #66758a; font-size: 17px; font-style: normal; }
.nav-badge { margin-left: auto; min-width: 23px; height: 20px; display: grid; place-items: center; padding: 0 6px; border-radius: 999px; background: rgba(137,86,255,.18); color: #bca3ff; font-size: 10px; }
.sidebar-foot { position: relative; padding: 13px; border-top: 1px solid var(--border-soft); }
.staff-card { display: flex; align-items: center; gap: 10px; padding: 9px 8px; border-radius: 11px; background: rgba(255,255,255,.025); }
.staff-card > span:nth-child(2) { min-width: 0; flex: 1; }
.staff-card strong, .staff-card small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.staff-card strong { font-size: 12px; }
.staff-card small { margin-top: 2px; color: var(--gold); font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.avatar { width: 34px; height: 34px; display: inline-grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(137,86,255,.28); border-radius: 10px; background: linear-gradient(145deg, rgba(137,86,255,.24), rgba(24,138,226,.12)); color: #d6c9ff; font-weight: 800; }
.avatar-gold { border-color: rgba(200,154,60,.35); background: rgba(200,154,60,.1); color: var(--gold-light); }
.avatar-lg { width: 46px; height: 46px; border-radius: 13px; font-size: 17px; }
.avatar-xl { width: 66px; height: 66px; border-radius: 18px; font-size: 25px; }
.icon-button { width: 34px; height: 34px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 9px; background: transparent; color: var(--muted); cursor: pointer; }
.icon-button:hover { color: #fff; background: rgba(255,255,255,.06); }
.popover { position: absolute; bottom: 72px; left: 16px; right: 16px; display: none; padding: 7px; border: 1px solid var(--border); border-radius: 12px; background: #101a28; box-shadow: var(--shadow); }
.popover.open { display: block; }
.popover a, .popover button { width: 100%; display: block; padding: 10px; border: 0; border-radius: 8px; background: transparent; color: var(--text-soft); text-align: left; cursor: pointer; }
.popover a:hover, .popover button:hover { color: #fff; background: rgba(255,255,255,.05); }

.main { min-height: 100vh; margin-left: var(--sidebar-w); }
.topbar { position: sticky; top: 0; z-index: 30; height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 28px; border-bottom: 1px solid var(--border-soft); background: rgba(5,9,18,.84); backdrop-filter: blur(18px); }
.topbar-left, .topbar-right { display: flex; align-items: center; gap: 14px; }
.breadcrumb { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 12px; }
.breadcrumb b { color: #384457; }
.breadcrumb strong { color: #c7cfdb; font-weight: 600; }
.menu-button { display: none; }
.command-key { min-width: 205px; display: flex; align-items: center; justify-content: space-between; padding: 7px 8px 7px 12px; border: 1px solid var(--border-soft); border-radius: 9px; background: rgba(255,255,255,.025); color: #768397; cursor: pointer; }
kbd { min-width: 24px; display: inline-grid; place-items: center; padding: 3px 6px; border: 1px solid rgba(255,255,255,.09); border-radius: 5px; background: rgba(255,255,255,.04); color: #a6b0bd; font: 10px Inter,sans-serif; box-shadow: 0 1px 0 rgba(255,255,255,.05); }
.system-live { display: flex; align-items: center; gap: 7px; color: #88a294; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.system-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(50,199,135,.09), 0 0 12px rgba(50,199,135,.45); }
#live-clock { color: #8d99aa; font-size: 12px; font-variant-numeric: tabular-nums; }
.content { width: min(1540px, 100%); margin: 0 auto; padding: 30px; }

.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 3px 0 26px; }
.page-head h1 { margin: 7px 0 7px; font-size: clamp(27px, 3vw, 39px); line-height: 1.08; letter-spacing: -.035em; }
.page-head p { max-width: 680px; margin-bottom: 0; color: var(--text-soft); line-height: 1.65; }
.eyebrow, .panel-kicker { display: inline-flex; align-items: center; gap: 8px; color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow i { width: 21px; height: 1px; background: var(--gold); box-shadow: 0 0 8px rgba(200,154,60,.45); }
.page-actions { display: flex; align-items: center; gap: 10px; }
.meta-pill { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid var(--border-soft); border-radius: 999px; background: rgba(255,255,255,.025); color: var(--text-soft); font-size: 11px; }

.button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 15px; border: 1px solid transparent; border-radius: 9px; font-weight: 700; font-size: 11px; letter-spacing: .01em; cursor: pointer; transition: .17s ease; }
.button:hover { transform: translateY(-1px); filter: brightness(1.08); }
.button-primary { background: linear-gradient(135deg, #7542e7, var(--purple)); border-color: rgba(180,148,255,.2); box-shadow: 0 9px 25px rgba(137,86,255,.19); color: #fff; }
.button-secondary { border-color: var(--border-soft); background: rgba(255,255,255,.035); color: #d6dce5; }
.button-ghost { background: transparent; color: var(--text-soft); }
.button-gold { border-color: rgba(200,154,60,.25); background: linear-gradient(135deg, #a87725, var(--gold)); color: #0a0a0a; }
.button-success { border-color: rgba(50,199,135,.25); background: rgba(50,199,135,.13); color: #83e2b6; }
.button-danger { background: linear-gradient(135deg, #e8455a, var(--red)); color: #fff; box-shadow: 0 9px 24px rgba(255,101,119,.15); }
.button-danger-soft { border-color: rgba(255,101,119,.2); background: rgba(255,101,119,.09); color: #ff8b98; }
.button-small { min-height: 32px; padding: 0 11px; font-size: 10px; }
.button-large { min-height: 48px; padding: 0 19px; font-size: 12px; }
.text-link, .row-action { border: 0; background: none; color: #a791dd; font-size: 11px; font-weight: 700; cursor: pointer; }
.row-action:hover, .text-link:hover { color: #fff; }
.row-action.danger { color: #ff7d8c; }

.stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; margin-bottom: 17px; }
.stat-grid-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.stat-card { position: relative; overflow: hidden; padding: 19px; border: 1px solid var(--border-soft); border-radius: 14px; background: linear-gradient(145deg, rgba(17,28,44,.9), rgba(9,16,27,.9)); box-shadow: 0 12px 30px rgba(0,0,0,.12); }
.stat-card::after { content:''; position:absolute; width:90px; height:90px; right:-35px; bottom:-45px; border-radius:50%; background:rgba(137,86,255,.06); filter:blur(2px); }
.stat-top { display:flex; align-items:center; justify-content:space-between; color:#8591a2; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.stat-dot { width:8px; height:8px; border-radius:50%; background:var(--purple); box-shadow:0 0 13px currentColor; }
.stat-dot.gold{background:var(--gold)}.stat-dot.blue{background:var(--blue)}.stat-dot.green{background:var(--green)}
.stat-card > strong { display:block; margin:13px 0 8px; font:800 clamp(24px,2.3vw,31px) Raleway,Inter,sans-serif; letter-spacing:-.025em; }
.stat-note { display:flex; align-items:center; gap:7px; min-height:18px; color:#717f93; font-size:10px; }
.trend { color:#67d7a0; font-size:9px; }.trend.down{color:var(--red)}
.mini-stats { display:flex; flex-wrap:wrap; gap:9px; margin:-11px 0 19px; }
.mini-stats span { padding:8px 11px; border:1px solid var(--border-soft); border-radius:8px; color:var(--muted); font-size:10px; }
.mini-stats b { color:var(--text); }

.panel { min-width:0; padding:20px; border:1px solid var(--border-soft); border-radius:var(--radius); background:var(--panel); box-shadow:0 15px 45px rgba(0,0,0,.13); }
.panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:17px; }
.panel-head h2 { margin:4px 0 0; font-size:17px; letter-spacing:-.02em; }
.panel-head > a { color:#9d8bc7; font-size:10px; font-weight:700; }
.panel h3 { font-size:13px; }
.panel hr, .danger-zone { margin:20px 0; border:0; border-top:1px solid var(--border-soft); }
.dashboard-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:14px; align-items:start; }
.span-2 { grid-column:span 2; }.span-3 { grid-column:span 3; }
.leaderboard { display:grid; gap:2px; }
.leader-row { display:grid; grid-template-columns:24px 38px minmax(0,1fr) 66px; align-items:center; gap:10px; padding:9px 7px; border-radius:10px; transition:.15s; }
.leader-row:hover { background:rgba(255,255,255,.025); }
.rank { color:#66758a; font-size:10px; font-weight:800; text-align:center; }
.server-avatar { width:36px; height:36px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(200,154,60,.23); border-radius:10px; background:linear-gradient(145deg,rgba(200,154,60,.15),rgba(137,86,255,.09)); color:var(--gold-light); font-weight:800; }
.leader-main { min-width:0; }.leader-main strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }.leader-main i { height:4px; display:block; overflow:hidden; margin-top:7px; border-radius:99px; background:rgba(255,255,255,.045); }.leader-main i b { height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,var(--gold),var(--purple)); }
.leader-score { text-align:right; }.leader-score strong,.leader-score small { display:block; }.leader-score strong{font-size:12px}.leader-score small{color:var(--muted);font-size:8px;text-transform:uppercase}
.signal-list { display:grid; gap:5px; }.signal-list a { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid transparent; border-radius:10px; background:rgba(255,255,255,.018); }.signal-list a:hover{border-color:rgba(255,101,119,.12);background:rgba(255,101,119,.035)}
.signal-icon { width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,101,119,.22);border-radius:8px;background:rgba(255,101,119,.08);color:#ff8492;font-weight:800; }.signal-list a>span:nth-child(2){min-width:0;flex:1}.signal-list strong,.signal-list small{display:block;overflow:hidden;text-overflow:ellipsis}.signal-list strong{font-size:10px}.signal-list small{margin-top:3px;color:var(--muted);font-size:8px}.signal-list b{color:#9c8bbf;font-size:8px;text-transform:uppercase}.compact-list{max-height:330px;overflow:auto}
.activity-list { display:grid; }.activity-row { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:11px; padding:10px 3px; border-bottom:1px solid rgba(255,255,255,.045); }.activity-row:last-child{border-bottom:0}.activity-row strong{font-size:10px}.activity-row p{margin:3px 0 0;color:var(--text-soft);font-size:10px}.activity-row time{color:var(--muted);font-size:9px}

.toolbar { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px; }.search-form{min-width:280px;max-width:650px;display:flex;align-items:center;gap:8px;flex:1;padding:4px 4px 4px 11px;border:1px solid var(--border-soft);border-radius:10px;background:rgba(0,0,0,.12)}.search-form>span{color:#66758a}.search-form input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:#fff;padding:8px 2px}.search-form.multi{max-width:none}.search-form.multi input+input{border-left:1px solid var(--border-soft);padding-left:10px}
.filter-tabs { display:flex;gap:5px;margin-bottom:14px;padding:4px;border:1px solid var(--border-soft);border-radius:11px;background:rgba(255,255,255,.018);width:max-content;max-width:100%;overflow:auto }.filter-tabs a{display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:8px;color:#7e8a9d;font-size:10px;font-weight:700;white-space:nowrap}.filter-tabs a.active{background:rgba(200,154,60,.1);color:#e7d2aa}.filter-tabs b{min-width:20px;padding:2px 5px;border-radius:99px;background:rgba(255,255,255,.05);font-size:8px;text-align:center}
.table-wrap { width:100%; overflow-x:auto; }.table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.table-wrap th{padding:10px 12px;border-bottom:1px solid var(--border-soft);color:#617086;font-size:8px;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.1em}.table-wrap td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.04);color:#aab4c3;font-size:10px;vertical-align:middle}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:rgba(255,255,255,.014)}.table-wrap td>a:not(.identity):not(.row-action):not(.code-link){color:#b9a7e7}.cell-sub{display:block;margin-top:3px;color:#657388;font-size:8px}.identity{display:flex;align-items:center;gap:10px;min-width:190px}.identity strong,.identity small{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis}.identity strong{color:#eef1f5;font-size:10px}.identity small{margin-top:3px;color:#68768a;font-size:8px}
.badge { display:inline-flex;align-items:center;min-height:21px;padding:0 7px;border:1px solid transparent;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.03em;white-space:nowrap }.badge-neutral{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#9ca7b6}.badge-success{border-color:rgba(50,199,135,.18);background:rgba(50,199,135,.09);color:#72daa9}.badge-danger{border-color:rgba(255,101,119,.19);background:rgba(255,101,119,.09);color:#ff8996}.badge-warning{border-color:rgba(243,168,71,.2);background:rgba(243,168,71,.09);color:#efb66f}.badge-purple{border-color:rgba(137,86,255,.2);background:rgba(137,86,255,.1);color:#b49cff}.badge-gold{border-color:rgba(200,154,60,.24);background:rgba(200,154,60,.1);color:#e0b85d}
.pagination { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--border-soft);color:var(--muted);font-size:9px}.pagination a{padding:7px 10px;border:1px solid var(--border-soft);border-radius:8px;color:#abb4c0}.pagination a.disabled{pointer-events:none;opacity:.35}
.empty { min-height:160px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted) }.empty>span{font-size:25px;color:#4d5a6d}.empty strong{margin-top:9px;color:#c3cad4}.empty p{max-width:320px;margin:5px 0 0;font-size:10px;line-height:1.5}

.profile-banner,.server-hero { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(110deg,rgba(200,154,60,.08),rgba(137,86,255,.07) 54%,rgba(12,20,33,.9));box-shadow:var(--shadow)}
.profile-main,.server-hero>div:first-child{display:flex;align-items:center;gap:15px}.profile-main h2,.server-hero h2{margin:7px 0 4px;font-size:21px}.profile-main p,.server-hero p{margin:0;color:var(--text-soft);font-size:10px}.profile-badges{display:flex;gap:5px}
.profile-numbers { display:flex;align-items:center }.profile-numbers span{min-width:90px;padding:4px 16px;border-left:1px solid var(--border-soft);text-align:center}.profile-numbers strong,.profile-numbers small{display:block}.profile-numbers strong{font:800 18px Raleway,Inter,sans-serif}.profile-numbers small{margin-top:4px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.read-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.read-grid.single{grid-template-columns:1fr}.read-grid span{padding:11px;border:1px solid var(--border-soft);border-radius:9px;background:rgba(255,255,255,.018)}.read-grid small,.read-grid strong{display:block}.read-grid small{color:var(--muted);font-size:8px;text-transform:uppercase}.read-grid strong{margin-top:5px;font-size:10px;word-break:break-word}
.linked-row { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border-bottom:1px solid var(--border-soft) }.linked-row:last-child{border-bottom:0}.linked-row strong,.linked-row small{display:block}.linked-row strong{font-size:10px}.linked-row small{margin-top:3px;color:var(--muted);font-size:8px}
.action-stack{display:grid;gap:8px}.action-stack form,.action-stack .button{width:100%}.inline-form{display:grid!important;grid-template-columns:65px 1fr;gap:6px}.inline-form input{width:100%}
.danger-zone{padding-top:15px}.danger-zone summary{color:#ff8996;font-size:11px;font-weight:800;cursor:pointer}.danger-zone p{margin:9px 0;color:var(--muted);font-size:9px;line-height:1.55}

.form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px }.form-stack{display:grid;gap:13px}.form-stack.compact{gap:9px}.field{display:grid;gap:6px;min-width:0}.field>span:first-child{color:#9ca7b6;font-size:9px;font-weight:700}.field>small{color:var(--muted);font-size:8px}.field input,.field select,.field textarea,.inline-form input,.popover-form input{width:100%;min-height:40px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:8px;outline:0;background:rgba(3,8,15,.55);color:#eef1f5;transition:.15s}.field textarea{resize:vertical;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus{border-color:rgba(137,86,255,.55);box-shadow:0 0 0 3px rgba(137,86,255,.09)}.field-wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;padding-top:5px}.check-field{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border-soft);border-radius:9px;background:rgba(255,255,255,.015)}.check-field input{margin-top:2px;accent-color:var(--purple)}.check-field b,.check-field small{display:block}.check-field b{font-size:10px}.check-field small{margin-top:3px;color:var(--muted);font-size:8px}.editor-panel{margin-bottom:14px;border-color:rgba(137,86,255,.2)}
.alert { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:11px 13px;border:1px solid var(--border-soft);border-radius:10px;background:rgba(255,255,255,.025);color:#b8c1cd;font-size:10px;line-height:1.5}.alert button{border:0;background:none;color:inherit;cursor:pointer}.alert-success{border-color:rgba(50,199,135,.2);background:rgba(50,199,135,.07);color:#8adab5}.alert-danger{border-color:rgba(255,101,119,.2);background:rgba(255,101,119,.07);color:#ff9ba6}.alert-info{border-color:rgba(24,138,226,.2);background:rgba(24,138,226,.07);color:#8bc5ef}

.campaign-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px }.campaign-card{overflow:hidden;border:1px solid var(--border-soft);border-radius:13px;background:rgba(255,255,255,.014)}.campaign-preview{position:relative;height:120px;display:grid;place-items:center;background:#080d15;color:var(--muted)}.campaign-preview img{width:100%;height:100%;object-fit:cover}.campaign-preview>div{position:absolute;left:10px;top:10px}.campaign-body{padding:14px}.campaign-title{display:flex;justify-content:space-between;gap:10px}.campaign-title strong,.campaign-title small{display:block}.campaign-title strong{font-size:11px}.campaign-title small{margin-top:3px;color:var(--muted);font-size:8px}.campaign-title>b{color:var(--gold-light);font-size:10px}.campaign-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:14px 0}.campaign-metrics span{padding:8px;border:1px solid var(--border-soft);border-radius:7px;text-align:center}.campaign-metrics strong,.campaign-metrics small{display:block}.campaign-metrics strong{font-size:11px}.campaign-metrics small{margin-top:2px;color:var(--muted);font-size:7px;text-transform:uppercase}.campaign-body>p{color:var(--muted);font-size:8px}.card-actions{display:flex;align-items:center;gap:6px}.inline-details{position:relative;margin-left:auto}.inline-details summary{list-style:none;padding:8px;cursor:pointer}.popover-form{position:absolute;right:0;top:34px;z-index:5;width:190px;display:grid;gap:7px;padding:9px;border:1px solid var(--border);border-radius:10px;background:#101a28;box-shadow:var(--shadow)}
.campaign-card{min-width:0;display:flex;flex-direction:column}.campaign-preview{height:132px!important;min-height:132px!important;max-height:132px!important;overflow:hidden!important;flex:0 0 132px}.campaign-preview>img{display:block!important;width:100%!important;height:132px!important;min-height:0!important;max-height:132px!important;object-fit:contain!important;object-position:center!important;background:#080d15}.campaign-body{min-width:0;display:flex;flex:1;flex-direction:column}.campaign-title{min-width:0}.campaign-title span{min-width:0}.campaign-title strong,.campaign-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-body>.card-actions{margin-top:auto;padding-top:10px;position:relative;z-index:3;flex-wrap:wrap}.campaign-body>p{overflow-wrap:anywhere}.campaign-body .inline-details{z-index:4}
.ticket-list{display:grid;gap:7px}.ticket{border:1px solid var(--border-soft);border-radius:10px;background:rgba(255,255,255,.015)}.ticket summary{display:flex;align-items:center;gap:10px;padding:11px;list-style:none;cursor:pointer}.ticket-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(24,138,226,.1);color:#65aee5}.ticket summary>span:nth-child(2){min-width:0;flex:1}.ticket strong,.ticket small{display:block}.ticket strong{font-size:10px}.ticket small{margin-top:3px;color:var(--muted);font-size:8px}.ticket summary>b{color:#8a97a9;font-size:8px}.ticket>div{padding:0 12px 12px 52px;color:var(--text-soft);font-size:9px;line-height:1.6}.ticket>div p{margin:0 0 8px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-grid article{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border-soft);border-radius:9px}.product-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:rgba(200,154,60,.08);color:var(--gold)}.product-grid article>span:nth-child(2){min-width:0;flex:1}.product-grid strong,.product-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-grid strong{font-size:10px}.product-grid small{margin-top:3px;color:var(--muted);font-size:8px}.product-grid b{color:var(--gold-light);font-size:10px}
.staff-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px }.staff-person{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;padding:15px;border:1px solid var(--border-soft);border-radius:12px;background:rgba(255,255,255,.012)}.staff-person>div>strong{font-size:11px}.staff-person p{margin:4px 0 8px;color:var(--muted);font-size:8px}.staff-person dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:3px 0}.staff-person dl>div{padding:8px;border-radius:7px;background:rgba(255,255,255,.022)}.staff-person dt{color:var(--muted);font-size:7px;text-transform:uppercase}.staff-person dd{margin:4px 0 0;font-size:9px}.staff-person .card-actions{grid-column:1/-1}.role-guide>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.role-guide article{padding:12px;border:1px solid var(--border-soft);border-radius:9px}.role-guide article b{color:var(--gold-light);font-size:10px}.role-guide article p{margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.55}
.audit-timeline{display:grid}.audit-timeline article{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;padding:13px 3px;border-bottom:1px solid var(--border-soft)}.audit-dot{width:8px;height:8px;margin-top:4px;border:2px solid var(--purple);border-radius:50%;box-shadow:0 0 0 4px rgba(137,86,255,.08)}.audit-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.audit-head strong{font-size:10px}.audit-head time{color:var(--muted);font-size:8px}.audit-timeline p{margin:5px 0 0;color:var(--muted);font-size:8px}.audit-id{color:#4f5d71;font-size:8px}
.control-summary{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:14px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(105deg,rgba(200,154,60,.09),rgba(11,18,30,.93) 48%,rgba(137,86,255,.07))}.control-summary>div{display:flex;align-items:center;gap:16px}.control-orb{width:57px;height:57px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(200,154,60,.35);border-radius:17px;background:rgba(200,154,60,.09);color:var(--gold-light);font-size:25px}.control-summary small,.control-summary strong{display:block}.control-summary small{color:var(--gold);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.control-summary strong{margin-top:5px;font:800 20px Raleway,Inter,sans-serif}.control-summary p{max-width:630px;margin:5px 0 0;color:var(--text-soft);font-size:9px}.control-summary dl{display:flex;margin:0}.control-summary dl>div{min-width:100px;padding:0 14px;border-left:1px solid var(--border-soft);text-align:center}.control-summary dt{color:var(--muted);font-size:7px;text-transform:uppercase}.control-summary dd{margin:5px 0 0;font:800 16px Raleway,Inter,sans-serif}.control-grid{display:grid;gap:12px}.control-card{display:grid;grid-template-columns:46px minmax(0,1fr) 310px;gap:20px;align-items:start;padding:21px;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--panel)}.control-card.safe{border-left:3px solid var(--purple)}.control-card.warning{border-left:3px solid var(--gold)}.control-card.danger{border-left:3px solid var(--red)}.control-number{color:#40506a;font:800 20px Raleway,sans-serif}.control-card h2{margin:5px 0 7px;font-size:17px}.control-card p{max-width:670px;color:var(--text-soft);font-size:9px;line-height:1.6}.control-card ul{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}.control-card li{padding:5px 7px;border-radius:6px;background:rgba(255,255,255,.025);color:var(--muted);font-size:7px}

.command-dialog { width:min(570px,calc(100vw - 28px));padding:0;border:1px solid var(--border);border-radius:15px;background:#0c1522;color:#fff;box-shadow:0 35px 100px rgba(0,0,0,.6) }.command-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}.command-box{padding:8px}.command-input{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid var(--border-soft)}.command-input>span{color:var(--gold);font-size:20px}.command-input input{min-width:0;flex:1;padding:8px;border:0;outline:0;background:transparent;color:#fff}.command-list{display:grid;max-height:360px;overflow:auto;padding:7px}.command-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border-radius:8px;color:#d2d8e0;font-size:10px}.command-list a:hover,.command-list a.selected{background:rgba(137,86,255,.1)}.command-list small{color:var(--muted);font-size:8px}

.login-body { min-height:100vh;overflow-x:hidden }.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr)}.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:42px clamp(35px,6vw,90px);border-right:1px solid var(--border);background:radial-gradient(circle at 20% 80%,rgba(137,86,255,.16),transparent 32%),radial-gradient(circle at 90% 10%,rgba(200,154,60,.1),transparent 27%),linear-gradient(150deg,#08101c,#050912 70%)}.login-story::after{content:'';position:absolute;width:580px;height:580px;right:-270px;top:18%;border:1px solid rgba(200,154,60,.09);border-radius:50%;box-shadow:0 0 0 90px rgba(200,154,60,.018),0 0 0 180px rgba(137,86,255,.015)}.login-copy{position:relative;z-index:1;max-width:650px}.login-copy h1{margin:17px 0 16px;font-size:clamp(38px,5vw,66px);line-height:1.03;letter-spacing:-.05em}.login-copy p{max-width:570px;color:var(--text-soft);font-size:14px;line-height:1.75}.login-pulse{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px}.login-pulse span{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--border-soft);border-radius:999px;background:rgba(255,255,255,.02);color:#8592a4;font-size:9px}.login-pulse b{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.login-foot{position:absolute;right:35px;bottom:35px;margin:0;color:#4d5b6f;font-size:8px;text-transform:uppercase;letter-spacing:.16em;writing-mode:vertical-rl}.login-panel{display:grid;place-items:center;padding:35px;background:linear-gradient(155deg,#070d16,#050912)}.login-card{width:min(390px,100%)}.login-card h2{margin:11px 0 7px;font-size:28px;letter-spacing:-.035em}.muted{color:var(--muted)}.login-card>.muted{margin-bottom:25px;font-size:11px}.mobile-brand{display:none}.password-field{position:relative;display:block}.password-field input{padding-right:60px}.text-button{position:absolute;right:7px;top:50%;transform:translateY(-50%);padding:6px;border:0;background:transparent;color:#9b88c8;font-size:9px;cursor:pointer}.security-note{display:flex;align-items:flex-start;gap:8px;margin:20px 0 0;color:#59677a;font-size:8px;line-height:1.55}.security-note span{color:var(--gold)}

@media (max-width:1180px){.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.campaign-grid{grid-template-columns:repeat(2,1fr)}.profile-banner,.server-hero{align-items:flex-start;flex-direction:column}.profile-numbers{width:100%}.profile-numbers span{flex:1}.control-card{grid-template-columns:38px minmax(0,1fr)}.control-card form{grid-column:2}.control-summary{align-items:flex-start;flex-direction:column}.login-shell{grid-template-columns:1fr 430px}.role-guide>div:last-child{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){:root{--sidebar-w:255px}.sidebar{transform:translateX(-105%);transition:.23s ease}.sidebar.open{transform:translateX(0)}.sidebar-close,.menu-button{display:grid}.sidebar-scrim{position:fixed;inset:0;z-index:40;pointer-events:none;background:rgba(0,0,0,.5);opacity:0;transition:.2s}.sidebar.open~.sidebar-scrim{pointer-events:auto;opacity:1}.main{margin-left:0}.topbar{padding:0 18px}.content{padding:24px 18px}.detail-grid,.dashboard-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:35px}.mobile-brand .brand-mark{width:36px;height:36px}.campaign-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:650px){.topbar{height:60px}.breadcrumb span,.breadcrumb b,.command-key,.system-live{display:none}.content{padding:20px 13px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:28px}.page-actions{width:100%}.page-actions .button{flex:1}.stat-grid,.stat-grid-3{grid-template-columns:1fr}.panel{padding:15px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.toolbar{align-items:stretch;flex-direction:column}.search-form{min-width:0;max-width:none}.search-form.multi{display:grid;grid-template-columns:24px 1fr}.search-form.multi input+input{grid-column:2;border-left:0;border-top:1px solid var(--border-soft)}.search-form.multi .button{grid-column:2}.campaign-grid,.staff-grid,.product-grid{grid-template-columns:1fr}.profile-numbers{display:grid;grid-template-columns:repeat(2,1fr)}.profile-numbers span{border-left:0;border-top:1px solid var(--border-soft);padding:12px}.control-card{grid-template-columns:1fr}.control-card form{grid-column:auto}.control-number{display:none}.control-summary dl{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.control-summary dl>div{min-width:0;padding:7px}.role-guide>div:last-child{grid-template-columns:1fr}.login-panel{padding:24px}.login-card{width:100%}.table-wrap{margin-left:-15px;margin-right:-15px;width:calc(100% + 30px)}.table-wrap table{min-width:720px}.panel-head{align-items:flex-start}.activity-row{grid-template-columns:34px minmax(0,1fr)}.activity-row time{grid-column:2}.filter-tabs{width:100%}.filter-tabs a{flex:1;justify-content:center}}