:root {
  --bg: #080a0e;
  --bg-soft: #0d1016;
  --surface: rgba(18, 22, 30, .92);
  --surface-2: #151a23;
  --surface-3: #1b212c;
  --line: rgba(255,255,255,.085);
  --line-strong: rgba(255,255,255,.15);
  --text: #f4f6f9;
  --muted: #8f99a8;
  --red: #e31b2b;
  --red-2: #ff3949;
  --gold: #f6bd45;
  --green: #2ad19a;
  --blue: #48a6ff;
  --danger: #ff5260;
  --radius: 14px;
  --shadow: 0 18px 50px rgba(0,0,0,.32);
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body { margin: 0; min-height: 100vh; color: var(--text); background: radial-gradient(circle at 85% -20%, rgba(227,27,43,.11), transparent 32%), var(--bg); font: 15px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.ambient { position: fixed; pointer-events: none; z-index: -1; filter: blur(80px); opacity: .12; border-radius: 50%; }
.ambient-a { width: 400px; height: 400px; background: var(--red); right: 5vw; top: 10vh; }
.ambient-b { width: 300px; height: 300px; background: var(--blue); left: 20vw; bottom: -180px; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; width: 252px; padding: 25px 17px 18px; display: flex; flex-direction: column; background: rgba(8,10,14,.97); border-right: 1px solid var(--line); box-shadow: 16px 0 44px rgba(0,0,0,.2); }
.brand { display: flex; align-items: center; gap: 13px; padding: 0 10px 24px; font-size: 20px; font-weight: 850; letter-spacing: .035em; }
.brand b, .login-brand b { color: var(--red-2); }
.brand small, .login-brand small { display: block; margin-top: 1px; color: #6f7885; font-size: 9px; font-weight: 750; letter-spacing: .26em; text-transform: uppercase; }
.brand-reel { position: relative; flex: 0 0 38px; width: 38px; height: 38px; border: 3px solid var(--red); border-radius: 50%; box-shadow: 0 0 25px rgba(227,27,43,.26); }
.brand-reel::after { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--red); left: 13px; top: 13px; }
.brand-reel i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); }
.brand-reel i:nth-child(1) { left: 12px; top: 3px; }.brand-reel i:nth-child(2) { right: 3px; top: 12px; }.brand-reel i:nth-child(3) { left: 12px; bottom: 3px; }.brand-reel i:nth-child(4) { left: 3px; top: 12px; }
.brand-reel.big { width: 52px; height: 52px; flex-basis: 52px; border-width: 4px; }.brand-reel.big::after { left: 19px; top: 19px; }.brand-reel.big i:nth-child(1),.brand-reel.big i:nth-child(3){left:17px}.brand-reel.big i:nth-child(2),.brand-reel.big i:nth-child(4){top:17px}
.nav { display: grid; gap: 5px; }
.nav a { position: relative; min-height: 45px; padding: 0 13px; display: flex; align-items: center; gap: 12px; color: #a9b1be; border: 1px solid transparent; border-radius: 10px; font-weight: 600; transition: .18s ease; }
.nav a:hover { color: white; background: rgba(255,255,255,.035); }
.nav a.active { color: white; background: linear-gradient(90deg, rgba(227,27,43,.2), rgba(227,27,43,.045)); border-color: rgba(227,27,43,.25); box-shadow: inset 3px 0 var(--red); }
.nav-icon { display: inline-grid; place-items: center; width: 25px; height: 25px; color: #7f8997; font-weight: 850; font-size: 16px; }
.nav a.active .nav-icon { color: var(--red-2); }
.sidebar-foot { margin-top: auto; padding: 17px 10px 2px; border-top: 1px solid var(--line); display: grid; gap: 6px; color: #646e7c; }
.system-pulse { color: #a7b0bd; font-size: 12px; }.system-pulse span,.live-dot { display: inline-block; width: 7px; height: 7px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(42,209,154,.1); margin-right: 7px; }
.app-shell { min-height: 100vh; margin-left: 252px; }
.topbar { position: sticky; top: 0; z-index: 20; min-height: 78px; padding: 14px 28px; display: flex; align-items: center; gap: 18px; background: rgba(8,10,14,.88); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.topbar-title { min-width: 0; }.eyebrow,.panel-kicker,.stat-kicker { color: var(--red-2); font-size: 10px; font-weight: 850; letter-spacing: .18em; }
.topbar h1 { margin: 2px 0 0; font-size: 23px; line-height: 1.2; letter-spacing: -.02em; }
.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 12px; }.quick-link { color: #b5bdc8; font-size: 13px; }
.user-chip { display: flex; align-items: center; gap: 9px; padding: 5px 12px 5px 5px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 999px; font-size: 13px; }.user-chip span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg, var(--red), #7a0e18); font-weight: 800; }
.icon-button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px; color: #bec5cf; background: var(--surface-2); cursor: pointer; }.icon-button:hover { color: white; border-color: var(--line-strong); }
.mobile-menu { display: none; }
.filmstrip { height: 9px; opacity: .35; background: repeating-linear-gradient(90deg, transparent 0 12px, rgba(255,255,255,.22) 12px 20px, transparent 20px 32px), linear-gradient(var(--surface-2),var(--surface-2)); border-bottom: 1px solid var(--line); }
.content { width: min(1640px, 100%); margin: 0 auto; padding: 26px 28px 50px; }
.page-head { min-height: 52px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }.page-head p { margin: 2px 0 0; color: var(--muted); font-size: 15px; }.head-actions { display: flex; gap: 9px; flex-wrap: wrap; }
.button { min-height: 38px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: #e9edf3; background: var(--surface-2); border: 1px solid var(--line-strong); border-radius: 9px; cursor: pointer; font-weight: 700; font-size: 13px; transition: .15s ease; }.button:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.25); background: var(--surface-3); }.button-primary { background: linear-gradient(135deg, var(--red-2), #c70f20); border-color: #f04450; box-shadow: 0 8px 24px rgba(227,27,43,.2); }.button-primary:hover { background: linear-gradient(135deg,#ff4b59,#da1425); }.button-ghost { background: transparent; border-color: transparent; color: var(--muted); }.button-danger { color: #ff8791; border-color: rgba(255,82,96,.25); }.button-small { min-height: 31px; padding: 0 10px; font-size: 12px; }.button-wide { width: 100%; min-height: 47px; }
.stats-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 14px; }
.stat-card { position: relative; min-height: 144px; overflow: hidden; padding: 21px 22px; background: linear-gradient(145deg,rgba(24,29,39,.96),rgba(14,17,23,.96)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }.stat-card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--red); }.stat-card::after { content:""; position:absolute; width:140px;height:140px;right:-55px;top:-60px;border-radius:50%;background:radial-gradient(circle,rgba(227,27,43,.14),transparent 68%); }.stat-card strong { display:block; margin-top:13px; font-size:38px; line-height:1; letter-spacing:-.05em; }.stat-card strong em { color:var(--muted); font-style:normal; font-size:19px; }.stat-card p { margin:9px 0 0;color:var(--muted); }.stat-card>i { position:absolute; right:16px;bottom:10px;color:rgba(255,255,255,.06);font-style:normal;font-size:44px;font-weight:900; }.stat-green::before{background:var(--green)}.stat-green .stat-kicker{color:var(--green)}.stat-amber::before{background:var(--gold)}.stat-amber .stat-kicker{color:var(--gold)}.stat-blue::before{background:var(--blue)}.stat-blue .stat-kicker{color:var(--blue)}
.status-ribbon { margin-bottom:14px; display:grid;grid-template-columns:repeat(4,1fr); background:var(--surface);border:1px solid var(--line);border-radius:var(--radius); }.status-ribbon>div{min-height:76px;padding:15px 18px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;border-right:1px solid var(--line)}.status-ribbon>div:last-child{border:0}.status-ribbon b{font-size:19px}.status-ribbon small{color:var(--muted)}.mini-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:var(--blue);background:rgba(72,166,255,.1);font-weight:900}.mini-icon.danger{color:var(--danger);background:rgba(255,82,96,.1)}.mini-icon.gold{color:var(--gold);background:rgba(246,189,69,.1)}
.dashboard-grid { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px }.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-12{grid-column:span 12}
.panel { background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 15px 35px rgba(0,0,0,.14);overflow:hidden }.panel-head{min-height:71px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.panel-head h2{margin:3px 0 0;font-size:17px}.panel-head>a{color:var(--muted);font-size:12px;font-weight:700}.panel-head>a:hover{color:white}.panel-kicker{color:var(--gold)}
.table-wrap{width:100%;overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.table-wrap th{padding:11px 14px;color:#75808f;background:rgba(255,255,255,.018);border-bottom:1px solid var(--line);font-size:10px;text-align:left;text-transform:uppercase;letter-spacing:.09em}.table-wrap td{padding:12px 14px;border-bottom:1px solid var(--line);color:#d8dde5;vertical-align:middle}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:rgba(255,255,255,.018)}.table-wrap small,.site-name+small,.table-wrap td>small{display:block;margin-top:3px;color:#747f8e;font-size:11px}.site-name{font-weight:750;color:#f2f4f7}.site-name:hover{color:var(--red-2)}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:12px}.truncate{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:rgba(143,153,168,.1);color:#aab2be;font-size:11px;font-weight:800;text-transform:capitalize}.status::before{content:"";width:5px;height:5px;margin-right:6px;border-radius:50%;background:currentColor}.status-ok,.status-active,.status-online,.status-succeeded,.status-available,.status-verified{color:var(--green);background:rgba(42,209,154,.09)}.status-error,.status-failed,.status-offline,.status-blocked{color:var(--danger);background:rgba(255,82,96,.1)}.status-pending,.status-running,.status-retry{color:var(--gold);background:rgba(246,189,69,.1)}.status-unknown,.status-muted,.status-cancelled{color:#87919f;background:rgba(135,145,159,.09)}
.event-list{padding:4px 17px}.event-list article{display:flex;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.event-list article:last-child{border-bottom:0}.event-list b{display:block;font-size:13px;font-weight:650}.event-list small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.event-mark{flex:0 0 8px;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(42,209,154,.08)}.event-error{background:var(--danger);box-shadow:0 0 0 4px rgba(255,82,96,.08)}.event-warning{background:var(--gold);box-shadow:0 0 0 4px rgba(246,189,69,.08)}
.empty{min-height:100px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.empty b{color:#d8dde5;margin-bottom:5px}
.toast{position:relative;margin-bottom:12px;min-height:44px;padding:11px 42px 11px 16px;display:flex;align-items:center;gap:10px;background:#121923;border:1px solid rgba(42,209,154,.23);border-radius:10px;color:#dce2e9;box-shadow:var(--shadow)}.toast>span{width:8px;height:8px;border-radius:50%;background:var(--green)}.toast button{position:absolute;right:9px;top:7px;width:28px;height:28px;border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.toast-error{border-color:rgba(255,82,96,.28)}.toast-error>span{background:var(--danger)}.toast-warning{border-color:rgba(246,189,69,.25)}.toast-warning>span{background:var(--gold)}
.filter-panel{margin-bottom:13px;padding:13px}.filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.filters select,.bulkbar select{width:auto;min-width:165px}.search-field{position:relative;flex:1;min-width:240px}.search-field span{position:absolute;left:13px;top:9px;color:var(--muted);font-size:18px}.search-field input{padding-left:39px}
input,select,textarea{width:100%;min-height:40px;padding:9px 11px;color:var(--text);background:#0d1118;border:1px solid var(--line-strong);border-radius:8px;outline:none}input[type=hidden]{display:none!important}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(227,27,43,.7);box-shadow:0 0 0 3px rgba(227,27,43,.09)}select{cursor:pointer}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--red);cursor:pointer}label{color:#aeb7c3;font-size:13px;font-weight:650}label input,label select,label textarea{margin-top:6px;font-weight:400}.table-panel{overflow:visible}.bulkbar{min-height:62px;padding:10px 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.bulkbar>div{margin-right:auto}.bulkbar b{display:block}.bulkbar span{color:var(--muted);font-size:11px}.check-col{width:39px}.site-table{max-height:calc(100vh - 300px);min-height:280px}.site-table thead{position:sticky;top:0;z-index:3;background:#11151d}.site-table td:nth-child(2){min-width:190px}.site-table td:nth-child(3){max-width:280px}.row-paused{opacity:.58}.url-cell{display:flex;align-items:center;gap:6px;max-width:280px}.url-cell span{overflow:hidden;text-overflow:ellipsis}.copy-button{flex:0 0 27px;width:27px;height:27px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.table-action{color:var(--red-2);font-size:12px;font-weight:800}.pagination{margin-top:17px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.pagination a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.sidebar-overlay{display:none}
.login-body{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(227,27,43,.15),transparent 38%),#07090d}.login-body::before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(90deg,transparent 0 52px,rgba(255,255,255,.012) 52px 53px);pointer-events:none}.login-card{position:relative;width:min(440px,calc(100% - 32px));padding:36px 38px 28px;background:linear-gradient(155deg,rgba(24,29,38,.97),rgba(11,14,19,.98));border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.55);overflow:hidden}.login-card::after{content:"";position:absolute;inset:auto -50px -80px auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(227,27,43,.15),transparent 68%);pointer-events:none}.clapper{position:absolute;left:0;right:0;top:0;height:11px;display:flex;background:var(--red)}.clapper span{flex:1;border-right:22px solid #111824;border-top:11px solid transparent}.login-brand{display:flex;align-items:center;gap:14px;font-size:23px;font-weight:900;letter-spacing:.04em}.login-copy{margin:31px 0 24px}.login-copy>span{color:var(--gold);font-size:10px;letter-spacing:.19em;font-weight:850}.login-copy h1{margin:5px 0 6px;font-size:28px}.login-copy p{margin:0;color:var(--muted)}.stack-form{display:grid;gap:15px}.login-footer{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:#707a88;font-size:11px}.login-light{position:fixed;border-radius:50%;filter:blur(110px);opacity:.15}.login-light-a{width:450px;height:450px;left:-200px;bottom:-220px;background:var(--blue)}.login-light-b{width:450px;height:450px;right:-200px;top:-220px;background:var(--red)}
.form-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(285px,1fr);gap:14px}.span-main{grid-column:1}.span-side{grid-column:2}.span-full{grid-column:1/-1}.form-card{align-self:start}.form-body{padding:18px}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid .wide{grid-column:1/-1}.form-grid .double{grid-column:span 2}.hint{color:#727d8c;font-size:11px;font-weight:500}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:5px 0}.switch{display:inline-flex;align-items:center;gap:9px;color:#acb5c1;font-size:12px;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch>span{position:relative;flex:0 0 38px;width:38px;height:21px;border-radius:999px;background:#282e38;border:1px solid var(--line-strong);transition:.16s}.switch>span::after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#7f8997;transition:.16s}.switch input:checked+span{background:rgba(227,27,43,.32);border-color:rgba(227,27,43,.65)}.switch input:checked+span::after{left:20px;background:var(--red-2);box-shadow:0 0 8px rgba(227,27,43,.5)}.switch-line{min-height:40px}.readout{padding:11px 12px;background:#0d1118;border:1px solid var(--line);border-radius:8px;overflow:hidden}.readout span{display:block;color:#778291;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.readout b{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.site-hero{position:relative;margin-bottom:13px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;background:linear-gradient(115deg,rgba(227,27,43,.13),rgba(18,22,30,.95) 38%,rgba(18,22,30,.9));border:1px solid rgba(227,27,43,.22);border-radius:var(--radius)}.site-hero::after{content:"";position:absolute;right:-40px;top:-70px;width:230px;height:230px;border:34px solid rgba(255,255,255,.018);border-radius:50%}.domain-line{display:flex;align-items:center;gap:10px}.domain-line a{color:#aeb7c2;font-size:13px}.site-hero>div>strong{display:block;margin-top:10px;font:700 22px/1.2 "SFMono-Regular",Consolas,monospace}.site-hero>div>small{display:block;margin-top:5px;color:var(--muted)}.hero-meta{z-index:1;display:flex;align-items:stretch}.hero-meta>span{min-width:130px;padding:5px 17px;border-left:1px solid var(--line)}.hero-meta small{display:block;color:#747f8d;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.hero-meta b{display:block;margin-top:6px;font-size:13px}.text-blocked,.text-error{color:var(--danger)}.text-available{color:var(--green)}
.action-deck{margin-bottom:13px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.action-deck form{min-width:0}.action-deck button{width:100%;height:66px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#adb6c2;background:var(--surface);border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:11px;font-weight:700}.action-deck button:hover{color:white;border-color:rgba(227,27,43,.35);background:linear-gradient(180deg,rgba(227,27,43,.1),var(--surface))}.action-deck button span{color:var(--red-2);font-size:18px;font-weight:900}
.tabs{margin-bottom:14px;padding:5px;display:flex;gap:4px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:11px}.tabs button{min-height:37px;padding:0 15px;color:#8993a2;background:transparent;border:0;border-radius:8px;white-space:nowrap;cursor:pointer;font-weight:750;font-size:12px}.tabs button.active{color:white;background:var(--surface-3);box-shadow:inset 0 -2px var(--red)}
.split-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:14px}.split-wide{grid-template-columns:minmax(0,1.65fr) minmax(360px,.8fr)}.rule-list{padding:3px 17px}.rule-list article{min-height:67px;padding:11px 2px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.rule-list article:last-child{border-bottom:0}.rule-list article>div{margin-right:auto}.rule-list b{font-size:13px}.rule-list b span{color:var(--red-2);margin:0 5px}.rule-list small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.move-plan{margin:18px 18px 0;padding:14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:#0d1118;border:1px dashed rgba(246,189,69,.3);border-radius:10px}.move-plan span{font-weight:750}.move-plan i{color:var(--gold);font-size:21px;font-style:normal}.move-plan input{margin:0}.warning-box{padding:12px 14px;color:#c4a764;background:rgba(246,189,69,.07);border:1px solid rgba(246,189,69,.18);border-radius:9px;font-size:12px}.warning-box code{color:#f2c963}.narrow-form{width:min(620px,100%)}
.counter{min-width:28px;height:28px;padding:0 8px;display:grid;place-items:center;border-radius:999px;color:var(--gold);background:rgba(246,189,69,.09);font-weight:800}.vds-list{padding:6px 16px}.vds-card{padding:15px 2px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.vds-card:last-child{border:0}.server-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:rgba(72,166,255,.09);font-size:20px}.vds-main{min-width:0;margin-right:auto}.vds-main>div{display:flex;align-items:center;gap:9px}.vds-main code{display:block;margin-top:4px;color:#9da7b5;font-size:12px}.vds-main small{display:block;margin-top:4px;color:#6f7a89}.vds-main p{max-width:500px;margin:5px 0 0;color:var(--danger);font-size:11px;white-space:normal}.vds-actions{display:flex;gap:7px}.vds-actions form{margin:0}
.site-chips{margin-top:8px;display:flex!important;gap:5px!important;flex-wrap:wrap}.site-chips a,.site-chips span{padding:3px 7px;color:#9eabb9;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:6px;font-size:10px}.site-chips a:hover{color:white;border-color:rgba(227,27,43,.3)}.date-filter{width:auto;display:flex;align-items:center;gap:6px;color:#7f8997;font-size:11px}.date-filter input{width:142px;margin:0}
.spaced{margin-top:14px}.account-list{padding:5px 17px}.account-list article{min-height:67px;padding:12px 2px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.account-list article:last-child{border:0}.account-list article>div:nth-child(2){margin-right:auto}.account-list b{display:block}.account-list small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.account-logo{flex:0 0 37px;width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#fc3f49,#bb0d1a);font-size:18px;font-weight:900}.provider-dots{display:flex;gap:4px}.provider-dots span{width:9px;height:9px;border-radius:50%;background:var(--muted)}.provider-dots .ok{background:var(--green);box-shadow:0 0 8px rgba(42,209,154,.4)}.provider-dots .bad{background:var(--danger);box-shadow:0 0 8px rgba(255,82,96,.35)}
.mode-legend{margin-bottom:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-legend article{padding:14px 15px;background:var(--surface);border:1px solid var(--line);border-radius:10px;border-top:2px solid var(--red)}.mode-legend article:nth-child(2){border-top-color:var(--gold)}.mode-legend article:nth-child(3){border-top-color:var(--blue)}.mode-legend b{display:block;font-size:13px}.mode-legend span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.mode-badge{display:inline-block;padding:3px 7px;color:#aeb7c4;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:5px;font:10px "SFMono-Regular",Consolas,monospace}.error-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;color:#d38a91!important;font-size:11px}.row-actions{display:flex;gap:6px}
.log-timeline{padding:8px 19px}.log-timeline article{display:grid;grid-template-columns:120px 10px 1fr;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.log-timeline article:last-child{border:0}.log-time{color:#747f8c;font:11px "SFMono-Regular",Consolas,monospace}.log-body{min-width:0}.log-body>div{display:flex;align-items:center;gap:8px}.log-body b{font-size:13px}.log-body>small{display:block;margin-top:4px;color:var(--muted)}details{margin-top:8px}summary{color:#7e8997;font-size:11px;cursor:pointer}pre{max-height:260px;overflow:auto;padding:12px;color:#aeb8c6;background:#090c11;border:1px solid var(--line);border-radius:8px;font:11px/1.45 "SFMono-Regular",Consolas,monospace;white-space:pre-wrap}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-settings{grid-column:1/-1}.settings-list{padding:7px 18px}.settings-list>div{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.settings-list>div:last-child{border:0}.settings-list span{color:var(--muted)}.settings-list b{max-width:65%;overflow:hidden;text-overflow:ellipsis}.security-cards{padding:11px 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.security-cards article{padding:10px;display:flex;gap:10px;background:#0e1219;border:1px solid var(--line);border-radius:9px}.security-cards article>span{flex:0 0 25px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:rgba(42,209,154,.1);font-weight:900}.security-cards b{display:block;font-size:12px}.security-cards small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.error-card{text-align:center}.error-code{display:block;color:var(--red-2);font-size:64px;font-weight:950;letter-spacing:-.06em}.error-card h1{margin:4px 0}.error-card p{margin:8px 0 23px;color:var(--muted)}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.span-5,.span-7{grid-column:span 12}.status-ribbon{grid-template-columns:repeat(2,1fr)}.status-ribbon>div:nth-child(2){border-right:0}.status-ribbon>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:820px){.sidebar{transform:translateX(-102%);transition:.2s ease}.sidebar-open .sidebar{transform:none}.sidebar-overlay{position:fixed;inset:0;z-index:25;background:rgba(0,0,0,.58)}.sidebar-open .sidebar-overlay{display:block}.app-shell{margin-left:0}.mobile-menu{display:block}.topbar{padding:12px 16px}.quick-link,.user-chip b{display:none}.content{padding:19px 15px 40px}.page-head{align-items:stretch;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.filters>*{flex:1}.bulkbar{align-items:stretch;flex-wrap:wrap}.bulkbar>div{width:100%}.bulkbar select{flex:1}.site-table{max-height:none}.topbar-title h1{font-size:19px}}
@media(max-width:540px){.stats-grid{grid-template-columns:1fr}.status-ribbon{grid-template-columns:1fr}.status-ribbon>div{border-right:0;border-bottom:1px solid var(--line)}.status-ribbon>div:nth-child(3){border-bottom:1px solid var(--line)}.head-actions>*{flex:1}.topbar-actions{gap:6px}.user-chip{display:none}.login-card{padding:34px 24px 24px}.filters{align-items:stretch;flex-direction:column}.filters>*{width:100%!important}.search-field{min-width:0}.bulkbar select,.bulkbar .button{width:100%}}
@media(max-width:1100px){.form-layout{grid-template-columns:1fr}.span-main,.span-side{grid-column:1}.split-layout,.split-wide{grid-template-columns:1fr}.action-deck{grid-template-columns:repeat(4,1fr)}.hero-meta{display:none}.form-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.form-grid.three,.form-grid.four{grid-template-columns:repeat(2,1fr)}.mode-legend,.settings-grid{grid-template-columns:1fr}.span-settings{grid-column:1}.log-timeline article{grid-template-columns:90px 8px 1fr}}
@media(max-width:540px){.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.form-grid .double{grid-column:1}.action-deck{grid-template-columns:repeat(2,1fr)}.site-hero{padding:18px}.site-hero>div>strong{font-size:16px}.move-plan{grid-template-columns:1fr}.move-plan i{transform:rotate(90deg);text-align:center}.security-cards{grid-template-columns:1fr}.vds-card{align-items:flex-start;flex-wrap:wrap}.vds-actions{width:100%;padding-left:55px}.log-timeline article{grid-template-columns:1fr}.log-timeline .event-mark{display:none}.log-time{margin-bottom:-7px}}