:root{
--canvas:#070b14;--canvas-2:#0a1020;--surface:#101827;--surface-2:#141f31;--surface-3:#19263a;--sidebar:#080d17;--line:#223047;--line-soft:#1a2638;--text:#f7f9fc;--text-2:#c8d2e1;--muted:#8290a6;--primary:#7c5cff;--primary-2:#9b87ff;--cyan:#22d3ee;--emerald:#34d399;--amber:#fbbf24;--danger:#fb7185;--shadow:0 24px 70px rgba(0,0,0,.32);--radius:16px;--radius-sm:11px;--sidebar-w:278px
}
*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 75% -10%,rgba(124,92,255,.10),transparent 32%),var(--canvas);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.ui-icon{display:block;flex:0 0 auto}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:50;background:linear-gradient(180deg,#090f1b 0%,#070b14 100%);border-right:1px solid var(--line-soft);padding:20px 15px 16px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:3px 7px 19px}.brand-mark{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#8d73ff,#6545e6);box-shadow:0 12px 28px rgba(124,92,255,.28);font-weight:900;letter-spacing:-.09em}.brand-mark span{transform:translateX(-3px)}.brand-mark i{position:absolute;right:8px;bottom:7px;font-size:12px;font-style:normal;color:#dcd5ff}.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:16px;letter-spacing:-.02em}.brand-copy small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text-2);border-radius:12px;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.icon-button:hover{background:var(--surface-3);color:#fff;border-color:#35445e}.sidebar-close{display:none;margin-left:auto}.workspace-badge{display:flex;align-items:center;gap:10px;margin:0 5px 18px;padding:11px 12px;border:1px solid var(--line-soft);border-radius:13px;background:rgba(255,255,255,.025)}.workspace-badge__dot,.live-badge i,.login-footer i,.version-chip span{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 4px rgba(52,211,153,.1)}.workspace-badge strong{display:block;font-size:12px}.workspace-badge small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.sidebar-nav{display:grid;gap:14px}.nav-group{display:grid;gap:3px}.nav-group__title{padding:0 12px 6px;color:#5e6c81;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.nav-link{position:relative;display:flex;align-items:center;gap:11px;color:#93a2b8;text-decoration:none;padding:9px 11px;border-radius:11px;font-size:13px;font-weight:590;transition:.17s ease}.nav-link__icon{width:22px;height:22px;display:grid;place-items:center;color:#68778e}.nav-link:hover{color:#e8edf5;background:rgba(255,255,255,.035)}.nav-link:hover .nav-link__icon{color:#a895ff}.nav-link.is-active{color:#fff;background:linear-gradient(90deg,rgba(124,92,255,.18),rgba(124,92,255,.06));box-shadow:inset 0 0 0 1px rgba(124,92,255,.16)}.nav-link.is-active .nav-link__icon{color:#a895ff}.nav-link__indicator{position:absolute;right:9px;width:5px;height:5px;border-radius:50%;background:var(--primary-2);box-shadow:0 0 12px var(--primary)}.sidebar-footer{margin-top:auto;padding:17px 5px 0}.version-chip{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;padding:0 8px 12px}.version-chip span{width:6px;height:6px}.sidebar-logout{width:100%;border:1px solid var(--line-soft);background:rgba(255,255,255,.02);color:#92a0b4;padding:10px 12px;border-radius:11px;cursor:pointer}.sidebar-logout:hover{color:#fff;background:var(--surface-2)}.main-area{min-height:100vh;margin-left:var(--sidebar-w);display:flex;flex-direction:column}.topbar{height:82px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(34,48,71,.82);background:rgba(7,11,20,.82);backdrop-filter:blur(18px)}.topbar__left,.topbar__actions,.user-menu{display:flex;align-items:center}.topbar__left{gap:14px}.menu-button{display:none}.page-eyebrow{display:block;color:#617088;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}.page-heading h1{font-size:22px;line-height:1.1;margin:0;letter-spacing:-.035em}.topbar__actions{gap:10px}.search-trigger{height:40px;display:flex;align-items:center;gap:9px;min-width:225px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);padding:0 10px;cursor:pointer}.search-trigger span{font-size:12px}.search-trigger kbd{margin-left:auto;border:1px solid #31415b;background:#101827;color:#8290a6;border-radius:6px;padding:2px 6px;font-size:10px}.notification-button{position:relative}.notification-button span{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--primary-2);box-shadow:0 0 0 3px var(--canvas)}.user-menu{gap:9px;margin-left:4px;padding-left:13px;border-left:1px solid var(--line-soft)}.user-avatar,.user-cell i{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#2c3750,#1a2638);color:#dce4f1;font-weight:800;font-size:12px}.user-menu strong{display:block;font-size:12px}.user-menu small{display:block;color:var(--muted);font-size:10px;text-transform:capitalize;margin-top:2px}.content-wrap{width:100%;max-width:1600px;margin:0 auto;padding:28px 30px 12px;flex:1}.app-footer{display:flex;justify-content:space-between;color:#526176;font-size:10px;padding:16px 30px 24px}.welcome-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:22px 24px;border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(130deg,rgba(124,92,255,.11),rgba(34,211,238,.025) 55%,rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.025)}.section-kicker{display:block;color:#7f8da3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.welcome-panel h2,.panel h2{margin:0;color:#f8faff;letter-spacing:-.025em}.welcome-panel h2{font-size:21px}.welcome-panel p{margin:7px 0 0;color:var(--muted);font-size:13px}.welcome-actions{display:flex;gap:9px}.button,button{border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);padding:9px 13px;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:12px;transition:.17s ease}.button:hover,button:hover{transform:translateY(-1px);border-color:#3a4a64;color:#fff}.primary{background:linear-gradient(145deg,#8266ff,#6849e9);border-color:#8d73ff;color:#fff;box-shadow:0 9px 24px rgba(124,92,255,.2)}.ghost{background:rgba(255,255,255,.025)}.danger-button{background:rgba(251,113,133,.13);border-color:rgba(251,113,133,.28);color:#ff9cad}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:15px}.stat-card{position:relative;overflow:hidden;min-height:145px;padding:17px 18px;border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(145deg,rgba(20,31,49,.92),rgba(13,21,34,.94));box-shadow:inset 0 1px rgba(255,255,255,.025);transition:.18s ease}.stat-card:hover{transform:translateY(-2px);border-color:#30405a}.stat-card:after{content:"";position:absolute;right:-35px;top:-45px;width:110px;height:110px;border-radius:50%;background:var(--glow);filter:blur(8px);opacity:.12}.tone-primary{--accent:var(--primary-2);--glow:var(--primary)}.tone-cyan{--accent:var(--cyan);--glow:var(--cyan)}.tone-emerald{--accent:var(--emerald);--glow:var(--emerald)}.tone-amber{--accent:var(--amber);--glow:var(--amber)}.stat-card__top{display:flex;justify-content:space-between}.stat-card__icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.stat-card__trend{color:var(--emerald);font-size:10px}.stat-card__value{font-size:26px;font-weight:800;letter-spacing:-.04em;margin-top:14px}.stat-card__label{color:var(--text-2);font-size:12px;margin-top:2px}.stat-card__meta{color:#66758c;font-size:10px;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:15px}.panel,.service-card{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(145deg,rgba(16,24,39,.95),rgba(11,18,31,.97));box-shadow:inset 0 1px rgba(255,255,255,.022)}.panel{padding:20px;margin-bottom:15px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.panel h2{font-size:16px}.live-badge{display:inline-flex;align-items:center;gap:8px;color:#95a2b6;font-size:10px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#0c1422}.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resource-item{display:flex;gap:12px;padding:14px;border:1px solid var(--line-soft);border-radius:13px;background:rgba(255,255,255,.018)}.resource-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;flex:0 0 auto}.resource-icon.cyan{background:rgba(34,211,238,.1);color:var(--cyan)}.resource-icon.purple{background:rgba(124,92,255,.12);color:var(--primary-2)}.resource-icon.emerald{background:rgba(52,211,153,.1);color:var(--emerald)}.resource-icon.amber{background:rgba(251,191,36,.1);color:var(--amber)}.resource-body{min-width:0;flex:1}.resource-body>div:first-child{display:flex;justify-content:space-between}.resource-body span{color:#9ba8ba;font-size:11px}.resource-body strong{font-size:12px;color:#edf2f8}.resource-body small{display:block;color:#607086;font-size:9px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress,.bar{height:6px;background:#1c293c;border-radius:999px;overflow:hidden;margin-top:8px}.progress i,.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--cyan))}.resource-item.compact .resource-body>strong{display:block;margin-top:5px;font-size:13px}.quick-grid{display:grid;gap:8px}.quick-grid a{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line-soft);border-radius:12px;text-decoration:none;color:#8d9bb0;background:rgba(255,255,255,.015);transition:.17s}.quick-grid a:hover{color:#fff;border-color:#34445f;background:rgba(124,92,255,.055);transform:translateX(2px)}.quick-grid a>svg:first-child{color:#8e7bff}.quick-grid a>svg:last-child{margin-left:auto;color:#526076}.quick-grid a div{min-width:0}.quick-grid strong{display:block;font-size:11px;color:#dbe3ee}.quick-grid small{display:block;font-size:9px;color:#66758a;margin-top:3px}.text-link{display:flex;align-items:center;gap:4px;text-decoration:none;color:#8e7bff;font-size:11px}.table-wrap{overflow:auto;border:1px solid var(--line-soft);border-radius:13px}.data-table,table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid var(--line-soft);font-size:11px}th{color:#66758a;background:rgba(255,255,255,.018);font-size:9px;text-transform:uppercase;letter-spacing:.08em}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:rgba(255,255,255,.012)}.date-cell{display:block;color:#aeb9c9}.date-cell small{display:block;color:#5d6b80;margin-top:2px}.user-cell{display:flex;align-items:center;gap:8px}.user-cell i{width:27px;height:27px;border-radius:8px;font-style:normal;font-size:9px}.muted{color:var(--muted)}.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700;background:#202c40;color:#9ca9ba}.status.active,.status.enabled{background:rgba(52,211,153,.1);color:#6ee7b7}.status.inactive,.status.disabled{background:rgba(251,113,133,.1);color:#fda4af}.status.warning{background:rgba(251,191,36,.1);color:#fcd34d}.empty-state{text-align:center;padding:25px;color:var(--muted)}.page-actions,.actions,.form-actions,.component-row{display:flex;gap:9px;flex-wrap:wrap}.page-actions{justify-content:flex-end;margin-bottom:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}label{display:block;color:#b5c0cf;font-size:11px;font-weight:650;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #2a3850;border-radius:11px;padding:10px 12px;background:#0c1422;color:#eef2f8;outline:none}input:focus,select:focus,textarea:focus{border-color:#7258dd;box-shadow:0 0 0 3px rgba(124,92,255,.10)}.form-grid small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.form-actions{justify-content:flex-end;margin-top:18px}.alert{border:1px solid rgba(52,211,153,.2);border-radius:12px;padding:11px 13px;margin-bottom:14px;background:rgba(52,211,153,.08);color:#82efc1;font-size:11px}.alert.danger{border-color:rgba(251,113,133,.2);background:rgba(251,113,133,.08);color:#fda4af}.alert.warning{border-color:rgba(251,191,36,.2);background:rgba(251,191,36,.08);color:#fcd34d}.alert.success{border-color:rgba(52,211,153,.2);background:rgba(52,211,153,.08);color:#82efc1}.details{margin:0}.details div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.details div:last-child{border-bottom:0}.details dt{color:var(--muted);font-size:11px}.details dd{margin:0;font-weight:650;font-size:11px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{padding:15px;display:flex;justify-content:space-between;align-items:center}.log-view{background:#050910;color:#aab6c7;padding:17px;border:1px solid var(--line-soft);border-radius:12px;overflow:auto;min-height:460px;white-space:pre-wrap;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.breadcrumbs{display:flex;gap:7px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.breadcrumbs a{color:#8d79ff;text-decoration:none;font-size:11px}.rename-form,.inline-form{display:flex;gap:7px;align-items:center}.rename-form input{width:150px}.code-editor{width:100%;min-height:480px;resize:vertical;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag{padding:5px 9px;border-radius:999px;background:#1c293c;font-size:10px;color:#9eabbd}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.showcase-grid .panel{margin-bottom:0}.swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.swatch-grid div{border:1px solid var(--line-soft);border-radius:12px;padding:10px;background:rgba(255,255,255,.015)}.swatch-grid i{display:block;height:55px;border-radius:9px;background:var(--swatch);margin-bottom:9px}.swatch-grid strong,.swatch-grid small{display:block}.swatch-grid strong{font-size:11px}.swatch-grid small{font-size:9px;color:var(--muted);margin-top:3px}.icon-showcase{display:grid;grid-template-columns:repeat(10,1fr);gap:9px}.icon-showcase div{display:grid;place-items:center;gap:8px;padding:13px 7px;border:1px solid var(--line-soft);border-radius:11px;color:#9e8cff;background:rgba(255,255,255,.015)}.icon-showcase small{font-size:8px;color:var(--muted)}.command-dialog{position:fixed;inset:0;z-index:1000}.command-dialog[hidden]{display:none}.command-backdrop{position:absolute;inset:0;background:rgba(1,4,10,.7);backdrop-filter:blur(6px)}.command-panel{position:relative;width:min(570px,calc(100% - 28px));max-height:70vh;margin:12vh auto 0;border:1px solid #34435c;border-radius:17px;background:#0d1523;box-shadow:var(--shadow);overflow:hidden}.command-input{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line)}.command-input svg{color:#6d7c91}.command-input input{border:0;background:transparent;padding:4px;box-shadow:none}.command-results{max-height:410px;overflow:auto;padding:8px}.command-results a{display:flex;align-items:center;gap:10px;color:#aeb9c8;text-decoration:none;padding:10px;border-radius:10px}.command-results a:hover{background:#182438;color:#fff}.command-results a svg{color:#8976ff}.command-results a small{margin-left:auto;color:#58667a}.command-footer{display:flex;gap:18px;padding:9px 14px;border-top:1px solid var(--line);color:#59677a;font-size:9px}.sidebar-overlay{display:none}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(1,4,10,.72);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal-card{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#101827;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:var(--shadow)}.modal-header{display:flex;justify-content:space-between;gap:18px}.modal-header h2{margin:4px 0 0}.modal-close{border:0;background:transparent;font-size:24px}.delete-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;padding:13px;background:#0b1320;border:1px solid var(--line-soft);border-radius:12px}.delete-summary span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.delete-summary strong{font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.login-page{position:relative;overflow:hidden;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,rgba(124,92,255,.15),transparent 30%),radial-gradient(circle at 90% 80%,rgba(34,211,238,.07),transparent 28%),#060a12}.login-ambient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25}.login-ambient-one{width:320px;height:320px;background:#6545e6;left:-100px;top:-80px}.login-ambient-two{width:260px;height:260px;background:#0e7490;right:-70px;bottom:-60px}.login-card{position:relative;width:min(420px,calc(100% - 28px));padding:30px;border:1px solid #27344a;border-radius:20px;background:linear-gradient(145deg,rgba(17,26,42,.96),rgba(10,16,28,.98));box-shadow:0 35px 100px rgba(0,0,0,.42)}.login-brand{display:flex;align-items:center;gap:11px;padding-bottom:21px;border-bottom:1px solid var(--line-soft)}.login-brand strong{display:block}.login-brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.login-heading{padding:23px 0 18px}.login-heading>span{color:#947fff;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.login-heading h1{margin:8px 0 5px;font-size:26px;letter-spacing:-.04em}.login-heading p{margin:0;color:var(--muted);font-size:12px}.field{margin-bottom:14px}.login-submit{width:100%;height:43px;margin-top:4px}.login-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#617087;font-size:9px}.login-footer span{display:flex;align-items:center;gap:8px}.login-footer i{width:6px;height:6px}.login-flash{position:fixed;top:15px;left:50%;transform:translateX(-50%);z-index:100}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.resource{margin-bottom:18px}.resource>div:first-child{display:flex;justify-content:space-between}.resource small{color:var(--muted);font-size:10px}
@media(max-width:1180px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.icon-showcase{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .22s ease;box-shadow:var(--shadow)}.sidebar-visible .sidebar{transform:none}.sidebar-overlay{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.62)}.sidebar-visible .sidebar-overlay{display:block}.sidebar-close,.menu-button{display:grid}.main-area{margin-left:0}.topbar{padding:0 18px}.content-wrap{padding:22px 18px 10px}.search-trigger{min-width:auto}.search-trigger span,.search-trigger kbd{display:none}.user-menu div{display:none}.app-footer{padding-left:18px;padding-right:18px}.showcase-grid{grid-template-columns:1fr}.swatch-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.topbar{height:70px}.page-eyebrow{display:none}.page-heading h1{font-size:18px}.notification-button{display:none}.content-wrap{padding-top:17px}.welcome-panel{align-items:flex-start;flex-direction:column;padding:18px}.welcome-actions{width:100%}.welcome-actions .button{flex:1}.stat-grid,.resource-list,.form-grid,.panel-grid{grid-template-columns:1fr}.stat-card{min-height:126px}.panel{padding:16px}.service-grid{grid-template-columns:1fr}.swatch-grid{grid-template-columns:repeat(2,1fr)}.icon-showcase{grid-template-columns:repeat(3,1fr)}.app-footer{flex-direction:column;gap:5px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.delete-summary{grid-template-columns:1fr}}
.monitoring-hero{margin-bottom:15px}.monitoring-live{display:flex;align-items:center;gap:10px}.monitoring-live small{color:var(--muted);font-size:10px}.monitoring-stats{margin-bottom:15px}.monitoring-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}.monitor-bars{display:grid;gap:17px}.monitor-bar>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.monitor-bar span{color:#9ba8ba;font-size:11px}.monitor-bar strong{font-size:12px}.monitor-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:3px}.monitor-facts>div{padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.018)}.monitor-facts span,.monitor-facts strong{display:block}.monitor-facts span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.monitor-facts strong{margin-top:5px;font-size:11px}.service-health-list{display:grid;gap:8px}.service-health{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.016)}.service-health__dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px rgba(251,113,133,.08)}.service-health__dot.is-active{background:var(--emerald);box-shadow:0 0 0 4px rgba(52,211,153,.08)}.service-health>div{min-width:0;flex:1}.service-health strong,.service-health small{display:block}.service-health strong{font-size:11px}.service-health small{color:var(--muted);font-size:9px;margin-top:2px}.log-view.compact{min-height:250px}@media(max-width:1180px){.monitoring-grid{grid-template-columns:1fr}}@media(max-width:640px){.monitoring-live{width:100%;justify-content:space-between}.monitor-facts{grid-template-columns:1fr}}

.cpu-frequency-panel{margin-bottom:15px}.cpu-frequency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.cpu-frequency-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.018)}.cpu-frequency-item span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.cpu-frequency-item strong{font-size:12px;white-space:nowrap}.cpu-frequency-empty{grid-column:1/-1;padding:14px;color:var(--muted);font-size:11px;text-align:center;border:1px dashed var(--line-soft);border-radius:12px}

/* SysCoreX 2B.2 - Hardware Center */
.hardware-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:15px}.hardware-summary-card{padding:17px 18px;border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 12px 35px rgba(0,0,0,.12)}.hardware-summary-card>span,.hardware-summary-card>strong,.hardware-summary-card>small{display:block}.hardware-summary-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.hardware-summary-card>strong{font-size:25px;margin:8px 0 3px}.hardware-summary-card>small{font-size:10px;color:#a7b3c3;min-height:16px}.hardware-summary-card .progress,.temperature-line{height:5px;margin-top:13px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.temperature-line i{display:block;height:100%;border-radius:inherit;background:var(--emerald);transition:width .35s ease}.hardware-summary-card[data-level="warning"] .temperature-line i{background:#fbbf24}.hardware-summary-card[data-level="critical"] .temperature-line i{background:var(--danger)}.hardware-center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px}.hardware-panel{margin:0}.hardware-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hardware-facts>div{padding:11px 12px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.016);min-width:0}.hardware-facts>div.wide{grid-column:1/-1}.hardware-facts span,.hardware-facts strong,.hardware-facts small{display:block}.hardware-facts span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hardware-facts strong{font-size:11px;margin-top:5px;white-space:normal;overflow-wrap:anywhere}.hardware-facts small{font-size:9px;color:var(--emerald);margin-top:4px}.compact-facts{margin-top:15px}.hardware-bars{display:grid;gap:16px}.hardware-bars header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.hardware-bars header span{font-size:10px;color:var(--muted)}.hardware-bars header strong{font-size:11px}.hardware-services{grid-template-columns:repeat(3,minmax(0,1fr))}.services-center{margin-bottom:15px}@media(max-width:1100px){.hardware-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware-center-grid{grid-template-columns:1fr}.hardware-services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hardware-summary-grid,.hardware-services{grid-template-columns:1fr}.hardware-facts{grid-template-columns:1fr}.hardware-facts>div.wide{grid-column:auto}}

/* SysCoreX 2B.3 - Observability */
.monitoring-health-row{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:15px;margin-bottom:15px}.health-score-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0}.health-score-card h2{margin:5px 0}.health-score-card p{margin:0;color:var(--emerald);font-size:11px;font-weight:700}.health-score-gauge{width:112px;height:112px;flex:0 0 auto;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#101827 57%,transparent 59%),conic-gradient(var(--emerald) calc(var(--health-score,92)*1%),rgba(255,255,255,.07) 0);border:1px solid var(--line-soft)}.health-score-gauge strong{font-size:31px;line-height:1}.health-score-gauge span{font-size:9px;color:var(--muted);margin-top:4px}.health-score-card[data-health-level="warning"] .health-score-gauge{background:radial-gradient(circle at center,#101827 57%,transparent 59%),conic-gradient(#fbbf24 72%,rgba(255,255,255,.07) 0)}.health-score-card[data-health-level="critical"] .health-score-gauge{background:radial-gradient(circle at center,#101827 57%,transparent 59%),conic-gradient(var(--danger) 45%,rgba(255,255,255,.07) 0)}.health-score-card[data-health-level="critical"] p{color:var(--danger)}.alert-center-mini{margin:0}.monitor-alert-list{display:grid;gap:8px;max-height:180px;overflow:auto}.monitor-alert,.monitor-alert-empty{padding:10px 12px;border:1px solid var(--line-soft);border-radius:11px;background:rgba(255,255,255,.015)}.monitor-alert{border-left:3px solid #fbbf24}.monitor-alert.is-critical{border-left-color:var(--danger)}.monitor-alert strong,.monitor-alert small{display:block}.monitor-alert strong{font-size:10px}.monitor-alert small,.monitor-alert-empty{font-size:9px;color:var(--muted);margin-top:3px}.telemetry-panel{margin-bottom:15px}.telemetry-panel select{width:auto;min-width:120px}.telemetry-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.telemetry-chart-grid article{padding:12px;border:1px solid var(--line-soft);border-radius:13px;background:rgba(255,255,255,.012);min-width:0}.telemetry-chart-grid article.wide{grid-column:1/-1}.telemetry-chart-grid header{margin-bottom:8px}.telemetry-chart-grid header strong,.telemetry-chart-grid header small{display:block}.telemetry-chart-grid header strong{font-size:11px}.telemetry-chart-grid header small{font-size:9px;color:var(--muted);margin-top:2px}.telemetry-chart-grid canvas{display:block;width:100%;height:230px}.alert-center-mini .panel-heading{margin-bottom:11px}@media(max-width:900px){.monitoring-health-row,.telemetry-chart-grid{grid-template-columns:1fr}.telemetry-chart-grid article.wide{grid-column:auto}}@media(max-width:640px){.health-score-card{align-items:flex-start}.health-score-gauge{width:88px;height:88px}.health-score-gauge strong{font-size:25px}.telemetry-chart-grid canvas{height:190px}}

/* SysCoreX Sprint 3.0 — Enterprise UI Foundation */
:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;
  --radius-xs:7px;--radius-md:14px;--radius-lg:18px;--focus-ring:0 0 0 3px rgba(124,92,255,.28);
  --transition-fast:140ms ease;--transition-base:200ms ease;--topbar-h:82px;--content-max:1600px
}
html[data-theme="light"]{--canvas:#f3f6fb;--canvas-2:#eef2f8;--surface:#fff;--surface-2:#f8fafc;--surface-3:#edf2f8;--sidebar:#fff;--line:#d8e0eb;--line-soft:#e7ecf3;--text:#172033;--text-2:#41506a;--muted:#718096;--shadow:0 24px 70px rgba(29,43,71,.12)}
html[data-theme="light"] body{background:radial-gradient(circle at 75% -10%,rgba(124,92,255,.09),transparent 32%),var(--canvas)}
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,#fff,#f8fafc)}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.84)}
html[data-theme="light"] .panel,html[data-theme="light"] .service-card,html[data-theme="light"] .stat-card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.98))}
html[data-theme="light"] .command-panel{background:#fff}
html[data-theme="light"] .user-avatar,html[data-theme="light"] .user-cell i{background:#e9eef6;color:#334155}
.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:var(--primary);color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:750;transition:top var(--transition-fast)}
.skip-link:focus{top:14px}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:0;box-shadow:var(--focus-ring)}
.sidebar-collapse{margin-left:auto;width:34px;height:34px}
.theme-button span{display:grid;place-items:center}
.alert.is-dismissible{display:flex;align-items:center;justify-content:space-between;gap:16px}
.alert-dismiss{width:30px;height:30px;padding:0;background:transparent;border:0;box-shadow:none;color:inherit}
.alert-dismiss:hover{transform:none;background:rgba(255,255,255,.08)}
.ui-cluster{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.ui-stack{display:grid;gap:14px}.ui-divider{height:1px;background:var(--line-soft);border:0;margin:18px 0}
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-header__title{margin:0;font-size:24px;letter-spacing:-.035em}.page-header__description{margin:6px 0 0;color:var(--muted);font-size:13px;max-width:720px}.page-header__actions{display:flex;gap:9px;flex-wrap:wrap}
.surface-subtle{border:1px solid var(--line-soft);background:rgba(255,255,255,.018);border-radius:var(--radius-md);padding:16px}.meta-list{display:grid;gap:10px}.meta-list__item{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}.meta-list__item strong{color:var(--text-2);font-weight:700}
.empty-state-pro{display:grid;place-items:center;text-align:center;min-height:220px;padding:32px;border:1px dashed var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.012)}.empty-state-pro__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(124,92,255,.12);color:var(--primary-2);margin-bottom:14px}.empty-state-pro h3{margin:0 0 6px;font-size:15px}.empty-state-pro p{margin:0;color:var(--muted);font-size:12px;max-width:420px}
.skeleton{position:relative;overflow:hidden;background:var(--surface-3);border-radius:8px;min-height:12px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:syscorex-shimmer 1.5s infinite}@keyframes syscorex-shimmer{100%{transform:translateX(100%)}}
@media (min-width:1101px){html.sidebar-is-collapsed{--sidebar-w:84px}html.sidebar-is-collapsed .brand-copy,html.sidebar-is-collapsed .workspace-badge>div,html.sidebar-is-collapsed .nav-group__title,html.sidebar-is-collapsed .nav-link>span:not(.nav-link__icon):not(.nav-link__indicator),html.sidebar-is-collapsed .sidebar-footer form,html.sidebar-is-collapsed .version-chip{display:none}html.sidebar-is-collapsed .sidebar{padding-inline:12px}html.sidebar-is-collapsed .brand{padding-inline:7px;justify-content:center;flex-wrap:wrap}html.sidebar-is-collapsed .sidebar-collapse{margin:0;transform:rotate(180deg)}html.sidebar-is-collapsed .workspace-badge{justify-content:center;padding:12px}html.sidebar-is-collapsed .nav-link{justify-content:center;padding:10px}html.sidebar-is-collapsed .nav-link__indicator{right:3px}html.sidebar-is-collapsed .sidebar-nav{gap:9px}}
@media (max-width:760px){.page-header{display:grid}.page-header__actions{width:100%}.page-header__actions .button{flex:1}.theme-button{display:grid}.topbar{padding-inline:14px}.content-wrap{padding-inline:14px}.app-footer{padding-inline:14px}.user-menu div{display:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.command-results a.is-selected{background:rgba(124,92,255,.14);border-color:rgba(124,92,255,.22);color:var(--text)}

/* SysCoreX Sprint 3.0.1 — Enterprise UI Polish */
:root{
  --topbar-h:76px;
  --content-max:1680px;
}

/* Um único scroll visual: a página rola na borda direita; a navegação não exibe trilho próprio. */
html{overflow-y:scroll;scrollbar-gutter:stable}
body.panel-site{overflow-x:hidden}
.sidebar{overflow:hidden;box-shadow:10px 0 32px rgba(0,0,0,.10)}
.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:1px;scrollbar-width:none;-ms-overflow-style:none}
.sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}
.main-area{min-width:0}
.topbar{height:var(--topbar-h)}
.content-wrap{max-width:var(--content-max);padding-top:24px}

/* Cartões mais compactos e ritmos mais consistentes. */
.welcome-panel{padding:18px 21px;margin-bottom:16px}
.welcome-panel h2{font-size:20px}
.stat-grid,.hardware-summary-grid{gap:13px;margin-bottom:13px}
.stat-card{min-height:124px;padding:15px 16px}
.stat-card__value{margin-top:10px}
.hardware-summary-card{padding:14px 16px}
.hardware-summary-card>strong{font-size:23px;margin:6px 0 2px}
.hardware-summary-card .progress,.temperature-line{margin-top:10px}
.panel{padding:18px;margin-bottom:13px}
.panel-heading{margin-bottom:15px}
.hardware-center-grid,.dashboard-grid{gap:13px}

/* Estados de interação mais claros sem excesso de movimento. */
.nav-link:hover{background:rgba(124,92,255,.09);color:var(--text)}
.icon-button:hover,.search-trigger:hover{border-color:rgba(124,92,255,.38);background:rgba(124,92,255,.08)}
.sidebar-collapse{transition:transform var(--transition-base),background var(--transition-fast),border-color var(--transition-fast)}

/* Tema claro: contraste real entre canvas, superfícies, tipografia e hero. */
html[data-theme="light"]{
  --canvas:#edf2f8;
  --canvas-2:#e7edf5;
  --surface:#ffffff;
  --surface-2:#f7f9fc;
  --surface-3:#e9eff7;
  --sidebar:#f8fafc;
  --line:#cbd6e4;
  --line-soft:#dce4ee;
  --text:#142033;
  --text-2:#34445e;
  --muted:#64748b;
  --shadow:0 18px 50px rgba(38,55,82,.11);
}
html[data-theme="light"] body{background:radial-gradient(circle at 72% -12%,rgba(124,92,255,.12),transparent 30%),var(--canvas)}
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,#fff 0%,#f5f8fc 100%);border-right-color:#d4deea;box-shadow:10px 0 30px rgba(48,64,88,.08)}
html[data-theme="light"] .topbar{background:rgba(247,250,253,.90);border-bottom-color:#d7e0eb;box-shadow:0 8px 24px rgba(45,62,88,.05)}
html[data-theme="light"] .welcome-panel{background:linear-gradient(125deg,rgba(124,92,255,.16),rgba(255,255,255,.94) 48%,rgba(34,211,238,.09));border-color:#cfd9e7;box-shadow:0 14px 36px rgba(64,76,112,.08)}
html[data-theme="light"] .welcome-panel h2,html[data-theme="light"] .panel h2{color:var(--text)}
html[data-theme="light"] .section-kicker,html[data-theme="light"] .page-eyebrow{color:#65758e}
html[data-theme="light"] .panel,html[data-theme="light"] .service-card,html[data-theme="light"] .stat-card,html[data-theme="light"] .hardware-summary-card{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#d5deea;box-shadow:0 10px 28px rgba(43,58,84,.065),inset 0 1px #fff}
html[data-theme="light"] .hardware-facts>div,html[data-theme="light"] .resource-item,html[data-theme="light"] .telemetry-chart-grid article,html[data-theme="light"] .monitor-alert,html[data-theme="light"] .monitor-alert-empty{background:#f7f9fc;border-color:#dce4ee}
html[data-theme="light"] .search-trigger,html[data-theme="light"] .icon-button,html[data-theme="light"] .sidebar-logout{background:#fff;border-color:#cfd9e6;color:#52627a}
html[data-theme="light"] .search-trigger kbd{background:#eef2f7;border-color:#d3dde9;color:#64748b}
html[data-theme="light"] .nav-group__title{color:#7a8799}
html[data-theme="light"] .nav-link{color:#53647c}
html[data-theme="light"] .nav-link__icon{color:#718096}
html[data-theme="light"] .nav-link:hover{color:#26344a;background:rgba(124,92,255,.09)}
html[data-theme="light"] .nav-link.is-active{color:#33276e;background:linear-gradient(90deg,rgba(124,92,255,.18),rgba(124,92,255,.07));box-shadow:inset 0 0 0 1px rgba(124,92,255,.20)}
html[data-theme="light"] .workspace-badge{background:#fff;border-color:#d6e0eb}
html[data-theme="light"] .progress,html[data-theme="light"] .bar,html[data-theme="light"] .hardware-summary-card .progress,html[data-theme="light"] .temperature-line{background:#e5ebf3}
html[data-theme="light"] .health-score-gauge{background:radial-gradient(circle at center,#fff 57%,transparent 59%),conic-gradient(var(--emerald) calc(var(--health-score,92)*1%),#e3e9f1 0)}
html[data-theme="light"] .health-score-card[data-health-level="warning"] .health-score-gauge{background:radial-gradient(circle at center,#fff 57%,transparent 59%),conic-gradient(#f59e0b 72%,#e3e9f1 0)}
html[data-theme="light"] .health-score-card[data-health-level="critical"] .health-score-gauge{background:radial-gradient(circle at center,#fff 57%,transparent 59%),conic-gradient(var(--danger) 45%,#e3e9f1 0)}
html[data-theme="light"] .notification-button span{box-shadow:0 0 0 3px #f7fafc}

@media(max-width:1100px){
  html{scrollbar-gutter:auto}
  .sidebar{overflow:auto;box-shadow:18px 0 45px rgba(0,0,0,.22)}
  .sidebar::-webkit-scrollbar{width:0;height:0}
  .sidebar{scrollbar-width:none}
}

/* SysCoreX Sprint 3.1 Fase B — Sites Manager Enterprise */
.sites-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(125deg,rgba(124,92,255,.16),rgba(17,24,39,.88) 58%,rgba(34,211,238,.08));box-shadow:var(--shadow)}
.sites-hero h2{margin:4px 0 5px;font-size:25px}.sites-hero p{margin:0;color:var(--muted)}.sites-hero__actions{display:flex;gap:9px;flex-wrap:wrap}
.sites-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.site-stat-card{min-height:126px;padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:0 10px 28px rgba(0,0,0,.08)}.site-stat-card>span{display:block;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.site-stat-card>strong{display:block;margin:9px 0 3px;font-size:28px;color:var(--text)}.site-stat-card>small{color:var(--muted)}
.site-disk-progress{height:7px;margin-top:12px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.site-disk-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#22d3ee)}
.sites-panel-heading{align-items:flex-start}.sites-panel-heading p{margin:5px 0 0;color:var(--muted)}
.sites-filterbar{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(145px,.72fr)) auto;gap:11px;align-items:end;padding:14px;margin-bottom:14px;border:1px solid var(--line-soft);border-radius:14px;background:var(--surface-2)}.sites-filterbar label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sites-filterbar input,.sites-filterbar select{width:100%}.sites-filter-actions{display:flex;gap:7px}.sites-filter-actions .button,.sites-filter-actions button{white-space:nowrap}
.sites-table-wrap{border:1px solid var(--line-soft);border-radius:14px}.sites-table{min-width:1030px}.sites-table thead th{background:var(--surface-2)}.sites-table thead a{color:inherit;text-decoration:none}.sites-table td{vertical-align:middle}.site-identity{display:flex;align-items:center;gap:11px}.site-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,rgba(124,92,255,.24),rgba(34,211,238,.13));border:1px solid rgba(124,92,255,.22);font-weight:800;color:var(--text)}.site-identity strong,.site-identity small{display:block}.site-identity small{margin-top:2px;color:var(--muted);font-size:12px}.site-domain-link{display:inline-block;margin-right:7px;font-weight:650}.environment-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:750;border:1px solid var(--line)}.environment-production{background:rgba(16,185,129,.10);color:#34d399;border-color:rgba(16,185,129,.24)}.environment-staging{background:rgba(245,158,11,.11);color:#fbbf24;border-color:rgba(245,158,11,.26)}.environment-development{background:rgba(34,211,238,.10);color:#22d3ee;border-color:rgba(34,211,238,.24)}.status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}.site-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.site-row-actions form{display:inline-flex;margin:0}.site-row-actions .button,.site-row-actions button{padding:7px 10px;font-size:12px}
.sites-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;color:var(--muted);font-size:13px}.sites-pagination__controls{display:flex;align-items:center;gap:8px}.per-page-form{margin:0}.per-page-form label{display:flex;align-items:center;gap:7px}.per-page-form select{width:auto;padding:7px 28px 7px 9px}.page-chip{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text)}.button.is-disabled{pointer-events:none;opacity:.45}.sites-empty{min-height:250px}.site-empty-icon{font-size:38px;color:var(--primary)}
html[data-theme="light"] .sites-hero{background:linear-gradient(125deg,rgba(124,92,255,.17),#fff 54%,rgba(34,211,238,.10));border-color:#d2dcea}html[data-theme="light"] .site-stat-card{box-shadow:0 10px 28px rgba(43,58,84,.065)}
@media(max-width:1250px){.sites-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sites-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.sites-filter-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:760px){.sites-hero{align-items:flex-start;flex-direction:column;padding:18px}.sites-hero__actions{width:100%}.sites-hero__actions .button{flex:1;text-align:center}.sites-stat-grid{grid-template-columns:1fr}.sites-filterbar{grid-template-columns:1fr}.sites-filter-actions{justify-content:stretch}.sites-filter-actions>*{flex:1}.sites-pagination{align-items:flex-start;flex-direction:column}.sites-pagination__controls{width:100%;flex-wrap:wrap}.per-page-form{width:100%}}
.site-url-builder{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2)}
.site-url-builder:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}
.site-url-builder span{display:flex;align-items:center;padding:0 12px;color:var(--muted);font-weight:700;white-space:nowrap;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 88%,var(--primary) 12%)}
.site-url-builder input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:180px;background:transparent!important}
.site-url-preview{margin-top:8px;color:var(--muted);font-size:13px}.site-url-preview strong{color:var(--text)}
@media(max-width:680px){.site-url-builder{display:block}.site-url-builder span{padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.site-url-builder input{width:100%}}

/* beta3.4.4 — estados inteligentes dos serviços */
.service-health__dot.is-missing{background:#7c8798;box-shadow:0 0 0 4px rgba(124,135,152,.10)}
.service-health__dot.is-stopped{background:#fbbf24;box-shadow:0 0 0 4px rgba(251,191,36,.10)}
.service-health__dot.is-failed{background:var(--danger);box-shadow:0 0 0 4px rgba(251,113,133,.10)}
.status.neutral{color:#a7b0bf;background:rgba(124,135,152,.10);border-color:rgba(124,135,152,.22)}
.status.warning{color:#fbbf24;background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.20)}
