:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07111f;color:#e5e7eb}*{box-sizing:border-box}body{margin:0;color:#e5e7eb;background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.15),transparent 34rem),radial-gradient(circle at 80% 10%,rgba(14,165,233,.1),transparent 30rem),linear-gradient(135deg,#06101d,#071423 44%,#08111d)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}code{color:#c7d2fe}.page{min-height:100vh}.auth-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 34rem),radial-gradient(circle at bottom right,rgba(34,197,94,.14),transparent 28rem),#0f172a}.auth-shell{width:min(980px,100%);display:grid;grid-template-columns:1.1fr 420px;gap:24px;align-items:stretch}.auth-hero,.auth-card,.card,.panel-card{background:linear-gradient(180deg,#0f1b2df0,#0a1422f0);border:1px solid rgba(59,130,246,.13);border-radius:18px;padding:24px;box-shadow:inset 0 1px #ffffff09,0 20px 55px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-hero{display:flex;flex-direction:column;justify-content:center;min-height:420px}.auth-hero h1{max-width:560px;margin:30px 0 14px;font-size:clamp(34px,5vw,56px);line-height:.98}.auth-hero p{max-width:560px;color:#94a3b8;font-size:16px;line-height:1.7}.auth-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.auth-card{width:100%;align-self:center}.title{font-size:28px;font-weight:800;margin:0 0 8px}.muted{color:#8da3bd}.form{display:grid;gap:14px;margin-top:24px}.input,.select{width:100%;background:#081422;border:1px solid rgba(148,163,184,.22);color:#e5e7eb;padding:12px 14px;border-radius:12px}.btn{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;border:none;padding:12px 16px;border-radius:12px;font-weight:800;cursor:pointer}.btn.secondary{background:#0f172ad6;color:#e5e7eb;border:1px solid rgba(148,163,184,.16)}.btn.danger{background:#ef4444;color:#fff}.pro-main>.title,.pro-main .topbar .title,.pro-main h1.title{display:flex;align-items:center;gap:12px;color:#f8fafc;letter-spacing:-.02em}.pro-main>.title:before,.pro-main .topbar .title:before,.pro-main h1.title:before{content:"◷";width:32px;height:32px;display:inline-grid;place-items:center;flex:0 0 auto;color:#bfdbfe;border:1px solid rgba(96,165,250,.18);border-radius:50%;font-size:16px}.pro-main .card{position:relative;background:linear-gradient(180deg,#0f1b2df0,#091321f5);border-color:#60a5fa21;border-radius:18px;box-shadow:inset 0 1px #ffffff09,0 18px 44px #00000040}.pro-main .card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(59,130,246,.06),transparent 34%,rgba(14,165,233,.035))}.pro-main .card>*{position:relative}.pro-main .card h2,.pro-main .card h3{color:#f8fafc;letter-spacing:-.01em}.pro-main .card h2:first-child,.pro-main .card h3:first-child{margin-top:0}.pro-main .form label{display:grid;gap:7px;color:#d8e2ef;font-size:13px;font-weight:750}.pro-main .form label span:first-child,.pro-main label>span:first-child{color:#a9bad0;font-size:12px;font-weight:800}.pro-main input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb}.pro-main .input:focus,.pro-main .select:focus{outline:none;border-color:#60a5fab3;box-shadow:0 0 0 3px #2563eb2e}.pro-main textarea.input{min-height:112px;resize:vertical}.pro-main pre{background:#0206179e!important;color:#dbeafe!important;border:1px solid rgba(96,165,250,.16)!important;border-radius:14px!important;box-shadow:inset 0 1px #ffffff06}.pro-main .topbar,.pro-main>div[style*="justify-content:space-between"]{background:linear-gradient(180deg,#0f1b2db3,#08121f7a);border:1px solid rgba(96,165,250,.1);border-radius:18px;padding:18px;box-shadow:inset 0 1px #ffffff06,0 14px 34px #0000002e}.pro-topbar{background:transparent;border-top:none;border-left:none;border-right:none;border-radius:0;box-shadow:none;padding-left:0;padding-right:0}.pro-main .table{border-collapse:separate;border-spacing:0;overflow:hidden}.pro-main .table th{color:#8da3bd;font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:#0f172a6b}.pro-main .table td{color:#d8e2ef}.pro-main .table tbody tr:hover td{background:#3b82f60e}.pro-main .badge{border:1px solid rgba(148,163,184,.14);background:#0f172ab8}.pro-main .badge.active,.pro-main .badge[class*=active]{border-color:#22c55e3d;background:#22c55e1f;color:#86efac}.pro-main .grid.stats .card{min-height:128px}.pro-main .stat-value{color:#fff;text-shadow:0 0 24px rgba(59,130,246,.2)}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.pro-layout{grid-template-columns:250px 1fr}.sidebar{background:#020617;border-right:1px solid #1f2937;padding:22px}.pro-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#030a18fa,#050e1bfa);border-right:1px solid rgba(59,130,246,.16);padding:22px 16px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;margin-bottom:28px}.brand small{display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:700}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#38bdf8,#22c55e);color:#020617;font-size:13px;font-weight:900}.pro-brand{margin-bottom:24px;padding:0 4px}.pro-brand-mark{color:#60a5fa;background:linear-gradient(135deg,#2563eb3d,#0ea5e929);border:1px solid rgba(59,130,246,.24);box-shadow:0 0 24px #2563eb40}.nav{display:grid;gap:18px}.pro-nav{gap:6px}.nav-group{display:grid;gap:6px}.nav-title{padding:0 14px 4px;color:#64748b;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav a{padding:10px 14px;border-radius:12px;color:#cbd5e1;border:1px solid transparent}.pro-nav a{display:flex;align-items:center;gap:12px;min-height:44px;color:#d8e2ef}.nav a:hover,.nav a.active{background:#111827;border-color:#1f2937;color:#f8fafc}.pro-nav a:hover,.pro-nav a.active{background:linear-gradient(135deg,#0b63ce,#0750a6);border-color:#60a5fa66;box-shadow:0 10px 30px #2563eb38}.nav-icon{width:24px;height:24px;display:inline-grid;place-items:center;color:#b8c6d9}.nav-chevron{margin-left:auto;color:#93c5fd;font-size:20px}.uptime-card{margin-top:auto;display:flex;gap:10px;align-items:flex-start;padding:16px;border-radius:14px;background:#0f172a9e;border:1px solid rgba(148,163,184,.12);color:#dbeafe}.uptime-card small{display:block;margin-top:6px;color:#8da3bd}.status-dot{width:10px;height:10px;margin-top:3px;border-radius:50%;background:#22c55e;box-shadow:0 0 16px #22c55e}.main{padding:28px}.pro-main{min-width:0;padding:20px 24px 26px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.pro-topbar{height:56px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.1)}.topbar-title{color:#94a3b8;font-size:14px;font-weight:700}.admin-menu{display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;font-weight:900;font-size:12px}.admin-copy{display:grid;line-height:1.15}.admin-copy small,.admin-caret{color:#94a3b8}.logout-btn{padding:10px 14px}.grid{display:grid;gap:18px}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-value{font-size:30px;font-weight:800;margin-top:8px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid rgba(148,163,184,.12);padding:14px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#1f2937;color:#cbd5e1;font-size:12px;font-weight:800}.badge.active{background:#22c55e26;color:#86efac}.error{background:#ef44441f;color:#fecaca;border:1px solid rgba(239,68,68,.3);padding:12px;border-radius:12px;margin-bottom:16px}.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.dashboard-hero h1{margin:4px 0 0;font-size:13px;color:#90a4bd;font-weight:600}.page-kicker{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900;color:#f8fafc}.page-kicker span{width:32px;height:32px;display:grid;place-items:center;color:#bfdbfe;border:1px solid rgba(96,165,250,.18);border-radius:50%}.metric-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:14px;margin-bottom:16px}.metric-card{position:relative;min-height:116px;padding:20px 14px 16px 62px;border-radius:14px;background:linear-gradient(180deg,#111f33e0,#0c1828eb);border:1px solid rgba(96,165,250,.1);box-shadow:inset 0 1px #ffffff08,0 16px 40px #00000038;overflow:hidden}.metric-card strong{display:block;font-size:25px;color:#fff;line-height:1}.metric-card small{display:block;margin-top:8px;color:#d8e2ef;font-weight:800;font-size:12px;line-height:1.05}.metric-card em{display:block;margin-top:14px;color:#69a7ff;font-size:11px;line-height:1.12;font-style:normal}.metric-icon{position:absolute;left:15px;top:21px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:18px}.metric-card.blue .metric-icon{color:#38bdf8;background:#2563eb2e;box-shadow:0 0 24px #2563eb40}.metric-card.green .metric-icon{color:#22c55e;background:#22c55e21}.metric-card.purple .metric-icon{color:#a855f7;background:#a855f724}.metric-card.amber .metric-icon{color:#f59e0b;background:#f59e0b24}.metric-card.meter{padding-left:64px}.bar{height:8px;margin-top:18px;border-radius:999px;background:#94a3b82e;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#3b82f6)}.dashboard-grid-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.95fr);gap:16px;margin-bottom:16px}.dashboard-lower-grid{display:grid;grid-template-columns:.85fr 1.2fr 1.1fr;gap:16px}.clean-lower-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr)}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions-grid .ops-tile:first-child{grid-column:1 / -1;min-height:96px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-head h2{display:flex;gap:10px;align-items:center;margin:0;font-size:18px}.section-head a{padding:8px 12px;border:1px solid rgba(148,163,184,.14);border-radius:9px;color:#e5e7eb;font-size:12px}.responsive-table{overflow:auto}.pro-table th{color:#8da3bd;font-size:12px;font-weight:800}.pro-table td{color:#d8e2ef;font-size:13px;white-space:nowrap}.pro-table code{color:#cbd5e1}.site-dot{color:#3b82f6;margin-right:8px}.type-pill{display:inline-flex;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:800;border:1px solid rgba(148,163,184,.18)}.type-pill.node{background:#22c55e1f;color:#bbf7d0}.type-pill.wp{background:#3b82f61f;color:#bfdbfe}.type-pill.html{background:#94a3b81f;color:#e2e8f0}.status-badge{background:#22c55e1a;color:#86efac}.action-row{display:flex;gap:8px}.action-row a{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(96,165,250,.16);color:#60a5fa;background:#0f172a8c}.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ops-tile{min-height:112px;display:grid;place-items:center;text-align:center;padding:16px 10px;border-radius:13px;border:1px solid rgba(96,165,250,.1);background:#0f172a6b}.ops-tile span{color:#3b82f6;font-size:30px}.ops-tile b{margin-top:8px}.ops-tile small{color:#8da3bd}.deploy-tile{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid rgba(148,163,184,.1);border-radius:14px;background:#0f172a5c;margin-top:12px}.deploy-tile span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(34,197,94,.25);color:#22c55e;font-size:22px;font-weight:900}.deploy-tile small{display:block;color:#8da3bd;margin-top:5px}.deploy-tile em{margin-left:auto;color:#93c5fd;font-size:28px;font-style:normal}.activity-item{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.1)}.activity-item span{color:#22c55e}.activity-item b{display:block;color:#f8fafc}.activity-item small{color:#8da3bd}.activity-item time{color:#8da3bd;font-size:12px;white-space:nowrap}.service-row{display:grid;grid-template-columns:1fr auto 52px;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(148,163,184,.1)}.service-row b{color:#22c55e;font-size:13px}.service-row em{color:#9fb2c8;font-style:normal;text-align:right}.pro-footer{text-align:center;padding:18px 0 0;color:#7b8aa2;font-size:12px}.pro-footer:first-letter{color:#60a5fa}@media (max-width: 1180px){.metric-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.dashboard-grid-main,.dashboard-lower-grid{grid-template-columns:1fr}}@media (max-width: 900px){.auth-shell{grid-template-columns:1fr}.auth-hero{min-height:auto}.layout,.pro-layout{grid-template-columns:1fr}.sidebar,.pro-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid #1f2937}.nav,.pro-nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.main,.pro-main{padding:20px}.topbar,.pro-topbar{height:auto;gap:12px;align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr}.ops-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.ops-grid{grid-template-columns:1fr}.admin-menu{width:100%;flex-wrap:wrap}}