*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'JetBrains Mono',monospace;background:#080b10;color:#e2e8f0;min-height:100vh}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#1e2a3a;border-radius:2px}
input,select,button{font-family:'JetBrains Mono',monospace}
input:focus,select:focus{outline:none;border-color:#00e5ff!important;box-shadow:0 0 0 2px #00e5ff22!important}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
/* NAV */
.app-nav{position:sticky;top:0;z-index:50;background:#0d1017;border-bottom:1px solid #1e2a3a;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;overflow:visible;backdrop-filter:blur(10px)}
.nav-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.nav-logo{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-logo-icon{width:30px;height:30px;background:linear-gradient(135deg,#00e5ff,#6366f1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.nav-logo-text{font-family:Syne,sans-serif;font-weight:800;font-size:13px;letter-spacing:-0.5px}
.nav-logo-sub{font-size:8px;color:#64748b;letter-spacing:2px;line-height:1}
.nav-tabs-wrap{position:relative;min-width:0}
.nav-tabs-wrap::before,.nav-tabs-wrap::after{content:"";position:absolute;top:0;bottom:2px;width:18px;pointer-events:none;z-index:1;opacity:.95}
.nav-tabs-wrap::before{left:0;background:linear-gradient(90deg,#0d1017 8%,rgba(13,16,23,0))}
.nav-tabs-wrap::after{right:0;background:linear-gradient(270deg,#0d1017 8%,rgba(13,16,23,0))}
.nav-tabs{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0;padding:0 0 2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.nav-tabs::-webkit-scrollbar{display:none}
.nav-tab{background:linear-gradient(180deg,#131923 0%,#10151d 100%);border:1px solid #1e2a3a;border-radius:10px;color:#94a3b8;font-size:11px;padding:7px 11px;cursor:pointer;white-space:nowrap;transition:all .15s;display:flex;align-items:center;gap:6px;flex:0 0 auto;scroll-snap-align:start;box-shadow:inset 0 1px 0 #ffffff05}
.nav-tab:hover{border-color:#31465f;color:#dbeafe}
.nav-tab.active{border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 0 1px #00e5ff22,inset 0 0 0 1px #00e5ff11;background:linear-gradient(180deg,#0f1823 0%,#0c131b 100%)}
.nav-tab-icon{font-size:12px;line-height:1;opacity:.95}
.nav-tab-text{line-height:1}
.nav-user{display:flex;align-items:center;gap:6px;flex-shrink:0}
.nav-user-name{font-size:11px;color:#64748b;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-logout{background:transparent;border:1px solid #f43f5e33;border-radius:9px;color:#f43f5e;font-size:11px;padding:6px 9px;cursor:pointer}
/* CONTENT */
.app-content{padding:14px;max-width:960px;margin:0 auto}
.app-content-wide{max-width:1460px}
/* CARD */
.card{background:#0d1017;border:1px solid #1e2a3a;border-radius:12px;overflow:hidden;margin-bottom:14px}
.card-head{background:#131820;padding:10px 16px;border-bottom:1px solid #1e2a3a;font-size:11px;color:#64748b;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px}
.card-body{padding:16px}
/* FORM */
.field{margin-bottom:12px}
.field label{display:block;font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.input{width:100%;background:#131820;border:1px solid #1e2a3a;border-radius:8px;padding:9px 12px;color:#e2e8f0;font-size:13px;transition:border-color .15s}
.input-sm{padding:6px 10px;font-size:12px}
select.input{cursor:pointer}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
/* BUTTONS */
.btn{border-radius:8px;cursor:pointer;font-size:13px;padding:10px 16px;font-weight:600;transition:all .15s;border:none;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,#00e5ff,#0099bb);color:#000;font-weight:800;width:100%}
.btn-primary:disabled{opacity:.4;cursor:not-allowed}
.btn-secondary{background:transparent;border:1px solid #1e2a3a;color:#e2e8f0}
.btn-ghost{background:transparent;border:1px solid #1e2a3a;color:#64748b;font-size:11px;padding:4px 10px}
.btn-ghost:hover{border-color:#00e5ff;color:#00e5ff}
.btn-danger{background:#f43f5e;color:#fff}
.btn-warn{background:#fbbf24;color:#000}
.btn-purple{background:#a78bfa;color:#000}
.btn-green{background:#22d3a5;color:#000}
.btn-sm{padding:5px 10px;font-size:11px}
.btn-xs{padding:3px 8px;font-size:10px}
.btn-row{display:flex;gap:8px}
.btn-row .btn{flex:1}
/* TAG */
.tag{display:inline-block;font-size:10px;padding:2px 8px;border-radius:20px;border:1px solid;white-space:nowrap}
/* TOGGLE */
.toggle{width:34px;height:18px;border-radius:9px;position:relative;cursor:pointer;transition:all .2s;flex-shrink:0}
.toggle-dot{position:absolute;top:2px;width:12px;height:12px;border-radius:50%;transition:left .2s}
/* SERVER CARD */
.server-card{background:#0d1017;border:1px solid #1e2a3a;border-radius:10px;overflow:hidden;margin-bottom:10px;transition:border-color .15s}
.server-header{padding:12px 16px;display:flex;align-items:center;gap:10px;cursor:pointer}
.server-header:hover{background:#111722}
.server-header:focus-visible{outline:2px solid #00e5ff66;outline-offset:-2px}
.server-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:pulse 2s infinite}
.server-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}
.server-summary-card{background:linear-gradient(180deg,#131820 0%,#0f141c 100%);border:1px solid #1e2a3a;border-radius:12px;padding:14px;box-shadow:0 10px 24px #02061718}
.server-summary-card-active{border-color:#22d3a533;box-shadow:0 10px 24px #22d3a50f}
.server-summary-card-danger{border-color:#f43f5e33;box-shadow:0 10px 24px #f43f5e0f}
.server-summary-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin-bottom:8px}
.server-summary-value{font-family:Syne,sans-serif;font-size:30px;font-weight:800;line-height:1;margin-bottom:6px}
.server-summary-meta{font-size:11px;color:#94a3b8}
.server-info{flex:1;min-width:0}
.server-name{font-family:Syne,sans-serif;font-weight:700;font-size:14px}
.server-host{font-size:11px;color:#64748b;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-stats{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.server-search-hints{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.server-actions{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.server-action-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;background:#101722;border:1px solid #1e2a3a;border-radius:10px;padding:12px;margin-bottom:10px}
.server-users-loading{padding:18px 16px;display:flex;align-items:center;gap:10px;font-size:12px;color:#94a3b8}
.server-users-spinner{width:18px;height:18px;border-radius:999px;border:2px solid #1e2a3a;border-top-color:#00e5ff;animation:spin .8s linear infinite;box-shadow:0 0 0 1px #00e5ff11;flex-shrink:0}
/* USER ROW */
.user-row{padding:12px 16px;border-bottom:1px solid #1e2a3a15}
.user-row-top{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.user-name{font-weight:600;font-size:13px;flex:1;min-width:100px}
.user-path{font-size:10px;color:#64748b;margin-top:1px}
.user-actions{display:flex;gap:6px;flex-wrap:wrap}
.user-row-bottom{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.user-toggle-group{display:flex;align-items:center;gap:5px;font-size:10px;color:#64748b}
/* LOG */
.log-box{background:#04060a;border-radius:8px;padding:12px;font-size:11px;line-height:1.9;height:220px;overflow-y:auto;font-family:'JetBrains Mono',monospace}
/* MODAL */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.87);display:flex;align-items:center;justify-content:center;z-index:100;padding:12px}
.modal-overlay-front{z-index:110;background:rgba(0,0,0,.72)}
.modal{background:#0d1017;border:1px solid #1e2a3a;border-radius:14px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
.modal-lg{max-width:640px}
.modal-head{background:#131820;padding:12px 18px;border-bottom:1px solid #1e2a3a;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.modal-body{padding:18px;overflow-y:auto;flex:1}
.modal-foot{padding:14px 18px;border-top:1px solid #1e2a3a}
.single-deploy-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;row-gap:8px}
.single-deploy-foot-cancel{font-size:11px;color:#94a3b8;background:transparent;border:1px solid transparent;padding:5px 10px;flex:0 0 auto}
.single-deploy-foot-cancel:hover:not(:disabled){color:#e2e8f0;border-color:#1e2a3a;background:#131820}
.single-deploy-foot-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;justify-content:flex-end}
.single-deploy-foot-divider{display:inline-block;width:1px;height:20px;background:#1e2a3a;margin:0 2px;flex-shrink:0}
.single-deploy-action-info,.single-deploy-action-repair,.single-deploy-action-dryrun{background:transparent;border:1px solid #1e2a3a;font-size:11px;padding:5px 10px;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px;height:30px;flex:0 0 auto}
.single-deploy-action-info{color:#7dd3fc;border-color:#7dd3fc44}
.single-deploy-action-info:hover:not(:disabled){border-color:#7dd3fc;background:#7dd3fc12}
.single-deploy-action-repair{color:#fbbf24;border-color:#fbbf2444}
.single-deploy-action-repair:hover:not(:disabled){border-color:#fbbf24;background:#fbbf2412}
.single-deploy-action-dryrun{color:#fcd34d;border-color:#92400e66;background:#92400e15}
.single-deploy-action-dryrun:hover:not(:disabled){border-color:#fbbf24;background:#fbbf2418;color:#fef3c7}
.single-deploy-action-deploy{background:linear-gradient(135deg,#22d3a5,#10b981);color:#03131f;font-weight:800;border:1px solid transparent;padding:5px 14px;font-size:12px;height:30px;display:inline-flex;align-items:center;gap:5px;box-shadow:0 4px 12px #10b98133;transition:all .15s ease;flex:0 0 auto}
.single-deploy-action-deploy:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#059669);transform:translateY(-1px);box-shadow:0 6px 16px #10b98144}
.single-deploy-action-info:disabled,.single-deploy-action-repair:disabled,.single-deploy-action-dryrun:disabled,.single-deploy-action-deploy:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
@media (max-width:720px){
  .single-deploy-foot{flex-direction:column;align-items:stretch}
  .single-deploy-foot-cancel{order:99;text-align:center;width:100%}
  .single-deploy-foot-actions{margin-left:0;width:100%;justify-content:stretch}
  .single-deploy-foot-divider{display:none}
  .single-deploy-foot-actions > button{flex:1 1 auto;justify-content:center;min-width:0}
}
.modal-loading-card{max-width:360px;padding:28px 24px;text-align:center;gap:12px;align-items:center;justify-content:center}
.modal-loading-spinner{width:38px;height:38px;border-radius:999px;border:3px solid #1e2a3a;border-top-color:#00e5ff;animation:spin .8s linear infinite;box-shadow:0 0 0 1px #00e5ff11}
.modal-loading-title{font-family:Syne,sans-serif;font-size:20px;font-weight:800;color:#f8fafc;letter-spacing:-.02em}
.modal-loading-copy{font-size:12px;line-height:1.6;color:#94a3b8;max-width:280px}
/* SEARCH */
.search-wrap{position:relative;margin-bottom:14px}
.search-wrap .input{padding-left:14px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
.search-wrap .input:focus{border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff22;background-color:#0d1420}
.search-wrap:has(.input:not(:placeholder-shown)) .input{border-color:#00e5ff66;background-color:#0d1420}
.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;padding:0}
.search-highlight{background:#fbbf2433;color:#fbbf24;padding:0 2px;border-radius:3px;font-weight:600;box-shadow:inset 0 -1px 0 #fbbf2466}
/* PROGRESS */
.progress-wrap{background:#131820;border-radius:4px;height:3px;overflow:hidden;margin:10px 0}
.progress-bar{height:100%;background:linear-gradient(90deg,#00e5ff,#6366f1);transition:width .4s ease}
/* ALERT */
.alert{padding:10px 14px;border-radius:8px;font-size:12px;margin-bottom:12px}
.alert-info{background:#00e5ff10;border:1px solid #00e5ff25;color:#00e5ff}
.alert-warn{background:#fbbf2410;border:1px solid #fbbf2425;color:#fbbf24}
.alert-danger{background:#f43f5e10;border:1px solid #f43f5e25;color:#f43f5e}
.alert-success{background:#22d3a510;border:1px solid #22d3a525;color:#22d3a5}
.alert-purple{background:#a78bfa10;border:1px solid #a78bfa25;color:#a78bfa}
/* RESPONSIVE */
/* Mobile first - base styles are mobile */
.nav-logo-sub{display:none}
.nav-tabs-wrap{width:100%}
.nav-tabs{width:100%}
.nav-tabs::-webkit-scrollbar{display:none}
.nav-user-name{display:none}
.server-actions{flex-wrap:wrap;max-width:180px}
.user-row-top{flex-wrap:wrap}
.domain-link{font-size:10px;color:#00e5ff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:block}
.domain-link:hover{text-decoration:underline}
.dashboard-layout{display:flex;flex-direction:column;gap:14px}
.dashboard-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dashboard-range-group{display:flex;gap:6px;flex-wrap:wrap}
.dashboard-status-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.dashboard-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.dashboard-summary-card{background:linear-gradient(180deg,#141a24 0%,#10151d 100%);border:1px solid #1e2a3a;border-radius:14px;padding:16px;box-shadow:0 12px 28px #02061720}
.dashboard-summary-label{color:#64748b;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;margin-bottom:8px}
.dashboard-summary-value{font-family:Syne,sans-serif;font-size:30px;font-weight:800;line-height:1;margin-bottom:6px}
.dashboard-summary-meta{color:#cbd5e1;font-size:12px}
.dashboard-summary-helper{margin-top:6px;color:#94a3b8;font-size:10px}
.dashboard-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dashboard-chart-grid > :last-child{grid-column:1/-1}
.dashboard-chart-card{background:#0d1017;border:1px solid #1e2a3a;border-radius:14px;padding:16px}
.dashboard-section-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap}
.dashboard-section-title{font-family:Syne,sans-serif;font-size:14px;font-weight:800;color:#f8fafc}
.dashboard-section-subtitle{color:#94a3b8;font-size:11px;line-height:1.5;margin-top:3px}
.dashboard-chart-shell{position:relative;background:#101722;border:1px solid #1e2a3a;border-radius:14px;padding:8px;min-height:240px}
.dashboard-chart-svg{width:100%;height:220px;display:block}
.dashboard-chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:12px;padding:20px;text-align:center}
.dashboard-chart-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.dashboard-legend-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#101722;border:1px solid #1e2a3a;font-size:11px;color:#cbd5e1}
.dashboard-legend-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}
.dashboard-legend-label{color:#94a3b8}
.dashboard-focus-grid,.dashboard-feed-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dashboard-list{display:flex;flex-direction:column;gap:10px}
.dashboard-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid #1e2a3a;border-radius:12px;background:#101722}
.dashboard-row-compact{padding:10px 12px}
.dashboard-row-main{min-width:0;display:flex;flex-direction:column;gap:4px}
.dashboard-row-title{font-size:13px;font-weight:700;color:#e2e8f0;word-break:break-word}
.dashboard-row-meta{font-size:11px;color:#94a3b8;line-height:1.5;word-break:break-word}
.dashboard-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;flex-shrink:0}
.dashboard-server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.dashboard-server-card{position:relative;background:linear-gradient(180deg,#141a24 0%,#10151d 100%);border:1px solid #1e2a3a;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden;box-shadow:0 14px 34px #02061722}
.dashboard-server-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dashboard-tone,#1e2a3a)}
.dashboard-server-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.dashboard-server-name{font-family:Syne,sans-serif;font-size:15px;font-weight:800;color:#f8fafc}
.dashboard-server-host{color:#94a3b8;font-size:12px}
.dashboard-server-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dashboard-server-box{background:#111722;border:1px solid #223044;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}
.dashboard-server-box span{color:#7f8ea3;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700}
.dashboard-server-box strong{font-family:Syne,sans-serif;font-size:25px;line-height:1}
.dashboard-server-box-wide{grid-column:1/-1}
.dashboard-server-health{background:#0e141d;border:1px solid #1e2a3a;border-radius:12px;padding:10px 12px}
.dashboard-server-health-head{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;color:#94a3b8;margin-bottom:8px}
.dashboard-server-health-track{height:8px;border-radius:999px;background:#0a0f16;border:1px solid #1e2a3a;overflow:hidden}
.dashboard-server-health-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--dashboard-tone,#22d3ee),#dbeafe)}
.dashboard-server-signals{display:flex;gap:8px;flex-wrap:wrap}
.dashboard-server-services{display:flex;gap:8px;flex-wrap:wrap}
.dashboard-service-pill{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid #1e2a3a;background:#101722;font-size:11px;color:#cbd5e1}
.dashboard-service-dot{width:7px;height:7px;border-radius:999px;flex-shrink:0}
.dashboard-server-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #1e2a3a55;font-size:10px;color:#7f8ea3}
.ops-layout{display:flex;flex-direction:column;gap:14px}
.ops-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ops-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}
.ops-duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.ops-split-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}
.ops-triptych{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.ops-stack,.ops-list{display:flex;flex-direction:column;gap:12px}
.ops-panel,.ops-mini-panel{background:#131820;border:1px solid #1e2a3a;border-radius:12px;padding:14px}
.ops-mini-panel{border-color:#1e2a3a55;padding:12px}
.ops-section-title{font-family:Syne,sans-serif;font-weight:700;font-size:11px;margin-bottom:10px;color:#64748b;letter-spacing:1px;text-transform:uppercase}
.ops-pill-row,.ops-action-row,.ops-inline-actions,.ops-row-head{display:flex;gap:8px;flex-wrap:wrap}
.ops-pill-row{margin-bottom:14px}
.ops-row-head{justify-content:space-between;align-items:flex-start}
.ops-inline-actions{align-items:center}
.ops-row-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #1e2a3a55;flex-wrap:wrap}
.ops-meta-stack{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#cbd5e1}
.ops-toggle-list{display:flex;flex-direction:column;gap:10px}
.ops-toggle-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid #1e2a3a55;border-radius:10px}
.ops-toggle-item input{margin-top:2px;flex-shrink:0}
.settings-tabs-wrap::before,.settings-tabs-wrap::after{display:none}
.settings-tabs{padding:0}
.internal-tabs-wrap{width:100%}
.internal-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;overflow:visible;padding:0}
.internal-tabs .nav-tab{justify-content:center;min-height:42px;padding:10px 14px;text-align:center;white-space:normal;line-height:1.25}
.internal-tabs .nav-tab-text{display:block}
.settings-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.settings-summary-card{background:linear-gradient(180deg,#131820 0%,#10151d 100%);border:1px solid #1e2a3a;border-radius:12px;padding:14px;box-shadow:0 10px 24px #02061718}
.settings-summary-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin-bottom:8px}
.settings-summary-value{font-family:Syne,sans-serif;font-size:28px;font-weight:800;line-height:1}
.settings-user-editor{background:#131820;border:1px solid #1e2a3a;border-radius:12px;padding:14px;margin-bottom:14px}
.settings-user-card{background:linear-gradient(180deg,#131820 0%,#0f141c 100%);border:1px solid #1e2a3a;border-radius:14px;padding:14px;box-shadow:0 12px 30px #02061720}
.settings-user-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.settings-user-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.settings-user-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #1e2a3a55;font-size:11px;color:#94a3b8}
.settings-user-meta-label{display:inline-block;color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:10px;margin-right:6px}
.settings-user-history{margin-top:14px;padding-top:12px;border-top:1px solid #1e2a3a55}
.settings-auth-event{background:#0d1017;border:1px solid #1e2a3a;border-radius:10px;padding:10px 12px}
.noc-layout{display:flex;flex-direction:column;gap:14px}
.noc-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.noc-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.noc-split-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.noc-triptych{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.noc-servers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:14px}
.noc-server-card,.noc-panel{background:#131820;border:1px solid #1e2a3a;border-radius:14px;padding:14px}
.noc-server-card{position:relative;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#141a24 0%,#10151d 100%);box-shadow:0 16px 36px #02061726,inset 0 1px 0 #ffffff05;overflow:hidden}
.noc-server-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--server-tone,#1e2a3a)}
.noc-panel{border-radius:12px;padding:12px}
.noc-list{display:flex;flex-direction:column;gap:10px}
.noc-row-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.noc-tag-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.noc-action-row{display:flex;gap:8px;flex-wrap:wrap}
.noc-server-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.noc-server-identity{min-width:0;display:flex;flex-direction:column;gap:4px}
.noc-server-name{font-family:Syne,sans-serif;font-size:15px;font-weight:800;color:#f8fafc;letter-spacing:.3px}
.noc-server-host{font-size:12px;color:#9fb0c7}
.noc-server-highlight{font-size:11px;color:#94a3b8;line-height:1.45}
.noc-server-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start}
.noc-server-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.noc-stat-box{background:#111722;border:1px solid #223044;border-radius:12px;padding:12px}
.noc-stat-label{color:#7f8ea3;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:6px}
.noc-stat-value{font-family:Syne,sans-serif;font-size:24px;font-weight:800;line-height:1}
.noc-stat-meta{margin-top:6px;color:#94a3b8;font-size:10px}
.noc-server-health{background:#0e141d;border:1px solid #1e2a3a;border-radius:12px;padding:10px 12px}
.noc-server-health-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:#94a3b8;margin-bottom:8px}
.noc-server-health-track{height:8px;border-radius:999px;background:#0a0f16;border:1px solid #1e2a3a;overflow:hidden}
.noc-server-health-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--server-tone,#22d3ee),#dbeafe)}
.noc-service-row{display:flex;gap:8px;flex-wrap:wrap}
.noc-service-pill{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid #1e2a3a;background:#101722;font-size:11px;color:#cbd5e1}
.noc-service-dot{width:7px;height:7px;border-radius:999px;flex-shrink:0}
.noc-service-name{color:#94a3b8}
.noc-server-signal-row{display:flex;gap:8px;flex-wrap:wrap}
.noc-server-actions .btn{border-color:#243246;background:#121926}
.noc-server-actions .btn:hover{border-color:var(--server-tone,#22d3ee);color:#e2e8f0}
.noc-server-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #1e2a3a55;font-size:10px;color:#7f8ea3}
.incident-playbook{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:12px;border:1px solid #1e2a3a;border-radius:10px;background:linear-gradient(180deg,#0f1620 0%,#0c1118 100%)}
.incident-playbook-header{display:flex;gap:10px;align-items:flex-start}
.incident-playbook-icon{font-size:16px;line-height:1.2;flex-shrink:0}
.incident-playbook-text{min-width:0}
.incident-playbook-title{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#7dd3fc;font-weight:700;margin-bottom:3px}
.incident-playbook-body{color:#cbd5e1;font-size:12px;line-height:1.5}
.incident-playbook-section{display:flex;flex-direction:column;gap:6px}
.incident-playbook-section-title{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#94a3b8;font-weight:700;display:flex;gap:6px;align-items:center}
.incident-playbook-list{margin:0;padding-left:18px;color:#9fb0c7;font-size:11.5px;line-height:1.55;display:flex;flex-direction:column;gap:3px}
.incident-playbook-actions{display:flex;flex-wrap:wrap;gap:6px}
.incident-playbook-actions .btn-primary{background:linear-gradient(135deg,#00e5ff,#0ea5e9);color:#03131f;font-weight:700;border-color:transparent}
.incident-playbook-actions .btn-primary:disabled{opacity:.55}
.incident-playbook-verify{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:8px;background:#0a2418;border:1px solid #14532d55;color:#a7f3d0;font-size:11.5px;line-height:1.5}
.incident-playbook-status-row{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px dashed #1e2a3a;align-items:center;justify-content:space-between}
.incident-playbook-resolve-btn{background:#0a2418;border:1px solid #14532d99;color:#86efac;font-weight:700;margin-left:auto}
.incident-playbook-resolve-btn:hover:not(:disabled){background:#0e3024;border-color:#22c55e;color:#bbf7d0}
.incident-playbook-no-server{padding:8px 10px;border-radius:8px;background:#1a1410;border:1px solid #92400e55;color:#fcd34d;font-size:11.5px;line-height:1.5}
.noc-pressure-block{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #f43f5e33;border-radius:10px;background:linear-gradient(180deg,#1c0f15 0%,#15101a 100%)}
.noc-pressure-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.noc-pressure-title{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#fda4af;font-weight:700}
.noc-pressure-tags{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.noc-pressure-empty{color:#94a3b8;font-size:11px}
.noc-procs-table{display:flex;flex-direction:column;gap:2px;font-size:11px;color:#cbd5e1;font-family:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace}
.noc-procs-row{display:grid;grid-template-columns:minmax(0,1fr) 56px 56px;gap:8px;padding:4px 6px;border-radius:6px;align-items:center}
.noc-procs-row-head{color:#7dd3fc;font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-family:Inter,"Segoe UI",sans-serif;border-bottom:1px solid #1e2a3a55;padding-bottom:6px;margin-bottom:2px}
.noc-procs-row:not(.noc-procs-row-head):hover{background:#1e2a3a40}
.noc-procs-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.noc-procs-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.noc-guide-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.noc-guide-search{flex:1;min-width:240px}
.noc-guide-filters{display:flex;gap:6px;flex-wrap:wrap}
.noc-guide-filter{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #1e2a3a;border-radius:999px;background:transparent;color:#cbd5e1;font-size:11.5px;cursor:pointer;transition:all .15s ease}
.noc-guide-filter:hover{border-color:#475569}
.noc-guide-filter-count{font-size:10px;padding:1px 6px;border-radius:999px;background:#1e2a3a55;color:inherit;font-weight:700}
.noc-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}
.noc-guide-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #1e2a3a;border-radius:14px;background:linear-gradient(180deg,#131820 0%,#0f141c 100%);overflow:hidden}
.noc-guide-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--guide-tone,#1e2a3a)}
.noc-guide-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}
.noc-guide-card-title{display:flex;align-items:center;gap:8px;font-family:Syne,sans-serif;font-weight:800;font-size:14px;color:#f8fafc}
.noc-guide-section{display:flex;flex-direction:column;gap:5px}
.noc-guide-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#94a3b8;font-weight:700}
.noc-guide-body{font-size:12px;color:#cbd5e1;line-height:1.55}
.noc-guide-list{margin:0;padding-left:18px;color:#9fb0c7;font-size:11.5px;line-height:1.55;display:flex;flex-direction:column;gap:3px}
.noc-guide-actions{display:flex;flex-wrap:wrap;gap:6px}
.noc-guide-action{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid #1e2a3a;border-radius:999px;font-size:11px;color:#cbd5e1;background:#0f1620}
.noc-guide-action-primary{border-color:transparent;background:linear-gradient(135deg,#00e5ff,#0ea5e9);color:#03131f;font-weight:700}
.noc-guide-verify{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:8px;background:#0a2418;border:1px solid #14532d55;color:#a7f3d0;font-size:11.5px;line-height:1.5;margin-top:auto}
.docs-layout,.docs-stack{display:flex;flex-direction:column;gap:14px}
.docs-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.docs-eyebrow{color:#22d3ee;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.docs-title{font-family:Syne,sans-serif;font-size:28px;font-weight:800;line-height:1.05;color:#f8fafc;max-width:620px}
.docs-subtitle{margin-top:10px;max-width:760px;color:#9fb0c7;font-size:13px;line-height:1.7}
.docs-hero-note{min-width:230px;max-width:280px;padding:14px 16px;border:1px solid #1e2a3a;border-radius:14px;background:radial-gradient(circle at top left,#17314b 0%,#101722 62%,#0d1017 100%);box-shadow:0 16px 30px #02061720}
.docs-hero-note-label{font-size:10px;color:#7dd3fc;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.docs-hero-note-value{font-family:Syne,sans-serif;font-size:21px;line-height:1.1;color:#e0f2fe}
.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.docs-section-title{font-family:Syne,sans-serif;font-size:16px;font-weight:800;color:#f8fafc;margin-bottom:12px}
.docs-step-list{display:flex;flex-direction:column;gap:12px}
.docs-step-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px;border:1px solid #1e2a3a;border-radius:14px;background:linear-gradient(180deg,#131820 0%,#0f141c 100%);box-shadow:0 12px 28px #02061718}
.docs-step-number{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00e5ff,#0ea5e9);color:#03131f;font-family:Syne,sans-serif;font-size:18px;font-weight:800}
.docs-step-body{min-width:0}
.docs-step-title{font-size:14px;font-weight:700;color:#f8fafc}
.docs-step-text{margin-top:6px;color:#9fb0c7;font-size:12px;line-height:1.7}
.docs-code-block{margin-top:10px;background:#06090e;border:1px solid #1e2a3a;border-radius:12px;padding:12px;color:#93c5fd;font-size:11px;line-height:1.75;white-space:pre-wrap;overflow:auto}
.docs-checklist-card,.docs-command-card,.docs-tab-card{background:linear-gradient(180deg,#131820 0%,#10151d 100%);border:1px solid #1e2a3a;border-radius:14px;padding:14px;box-shadow:0 12px 28px #02061718}
.docs-checklist-card{position:relative;overflow:hidden}
.docs-checklist-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--docs-tone,#22d3ee)}
.docs-checklist-title,.docs-command-title,.docs-tab-title{font-family:Syne,sans-serif;font-size:15px;font-weight:800;color:#f8fafc;margin-bottom:10px}
.docs-checklist-items{display:flex;flex-direction:column;gap:9px}
.docs-checklist-item{position:relative;padding-left:18px;color:#cbd5e1;font-size:12px;line-height:1.6}
.docs-checklist-item::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:999px;background:var(--docs-tone,#22d3ee);box-shadow:0 0 0 4px rgba(148,163,184,.08)}
.docs-tab-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.docs-tab-summary{color:#cbd5e1;font-size:12px;line-height:1.7}
.docs-tab-usage{margin-top:10px;color:#94a3b8;font-size:11px;line-height:1.6}
.history-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;padding:14px 16px;border:1px solid #1e2a3a;border-radius:16px;background:linear-gradient(180deg,#111722 0%,#0d1017 100%);box-shadow:0 14px 30px #0206171f}
.history-hero-main{min-width:0;display:flex;flex-direction:column;gap:6px}
.history-hero-title{font-family:Syne,sans-serif;font-weight:800;font-size:32px;line-height:1;color:#f8fafc;letter-spacing:-.02em}
.history-hero-count{font-size:12px;color:#7f8ea3;letter-spacing:1px;text-transform:uppercase}
.history-hero-help{max-width:620px;margin-top:2px;padding:10px 12px;border-radius:12px;background:#101722;border:1px solid #1e2a3a55;color:#a8b6ca;font-size:12px;line-height:1.6}
.history-hero-help strong{color:#f8fafc}
.history-hero-help-kicker{display:block;margin-bottom:4px;color:#38bdf8;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}
.history-hero-actions{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.history-hero-btn{min-height:42px;padding:10px 16px;font-size:12px}
.history-hero-btn-danger{color:#f43f5e;border-color:#f43f5e44}
@media(max-width:400px){
  .grid-2,.grid-3{grid-template-columns:1fr}
  .app-nav{padding:8px 8px;gap:8px}
  .nav-logo-icon{width:26px;height:26px;font-size:12px}
  .nav-logo-text{font-size:12px}
  .nav-tab{padding:6px 9px;font-size:10px}
  .nav-tab-text{max-width:92px;overflow:hidden;text-overflow:ellipsis}
  .internal-tabs{grid-template-columns:1fr 1fr;gap:8px}
  .internal-tabs .nav-tab-text{max-width:none}
  .card-body{padding:10px}
  .modal{max-height:96vh;border-radius:10px}
  .modal-body{padding:12px}
  .modal-foot{padding:10px 12px}
  .server-header{padding:10px 12px;gap:8px}
  .server-summary-grid{grid-template-columns:1fr 1fr}
  .server-name{font-size:13px}
  .btn-ghost{padding:3px 8px;font-size:10px}
  .user-row{padding:10px 12px}
  .btn-row{flex-direction:column}
  .server-actions{max-width:140px}
  .docs-title{font-size:23px}
  .docs-step-card{grid-template-columns:1fr}
  .history-hero{padding:12px}
  .history-hero-title{font-size:24px}
  .history-hero-btn{width:100%;justify-content:center}
}
@media(max-width:760px){
  .internal-tabs{grid-template-columns:1fr 1fr}
  .dashboard-toolbar{width:100%;justify-content:flex-start}
  .dashboard-chart-grid,.dashboard-focus-grid,.dashboard-feed-grid{grid-template-columns:1fr}
  .dashboard-chart-grid > :last-child{grid-column:auto}
  .dashboard-server-top,.dashboard-server-footer{flex-direction:column;align-items:flex-start}
  .settings-user-top,.settings-user-actions{width:100%;justify-content:flex-start}
  .settings-user-meta{grid-template-columns:1fr}
  .ops-toolbar{width:100%;justify-content:flex-start}
  .ops-duo-grid,.ops-split-grid,.ops-triptych{grid-template-columns:1fr}
  .ops-panel,.ops-mini-panel{padding:12px}
  .noc-toolbar{width:100%;justify-content:flex-start}
  .noc-split-grid,.noc-triptych{grid-template-columns:1fr}
  .noc-server-card,.noc-panel{padding:12px}
  .noc-server-top,.noc-server-footer{flex-direction:column;align-items:flex-start}
  .noc-server-badges{justify-content:flex-start}
  .docs-hero{flex-direction:column}
  .docs-hero-note{max-width:none;width:100%}
  .history-hero{flex-direction:column;align-items:stretch}
  .history-hero-actions{width:100%;justify-content:stretch}
  .history-hero-actions .history-hero-btn{flex:1 1 100%}
  .history-hero-help{max-width:none}
}
@media(max-width:560px){
  .internal-tabs{grid-template-columns:1fr}
  .dashboard-summary-grid,.dashboard-server-grid{grid-template-columns:1fr}
  .dashboard-row,.dashboard-row-side{align-items:flex-start;text-align:left}
  .dashboard-row{flex-direction:column}
  .dashboard-server-metrics{grid-template-columns:1fr 1fr}
  .dashboard-server-services,.dashboard-server-signals{flex-direction:column}
  .server-summary-grid{grid-template-columns:1fr}
  .server-stats{gap:4px}
  .ops-metrics-grid{grid-template-columns:1fr}
  .ops-action-row .btn{display:flex;align-items:center;justify-content:center;flex:1 1 calc(50% - 8px)}
  .ops-triptych > *{grid-column:auto!important}
  .noc-metrics-grid{grid-template-columns:1fr}
  .noc-servers-grid{grid-template-columns:1fr}
  .noc-server-metric-grid{grid-template-columns:1fr 1fr}
  .noc-stat-box-sites{grid-column:1/-1}
  .noc-action-row .btn{display:flex;align-items:center;justify-content:center;flex:1 1 calc(50% - 8px)}
  .noc-service-row,.noc-server-signal-row{flex-direction:column}
  .server-action-toolbar .btn{width:100%}
}
@media(min-width:480px){
  .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .nav-logo-sub{display:block}
  .domain-link{max-width:220px}
}
@media(min-width:640px){
  .app-content{padding:18px}
  .log-box{height:260px}
  .nav-user-name{display:block}
  .grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
  .server-actions{max-width:none}
  .domain-link{max-width:280px}
}
@media(min-width:900px){
  .app-nav{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px}
  .nav-topbar{display:contents}
  .nav-tabs-wrap::before,.nav-tabs-wrap::after{display:none}
  .nav-tabs{padding:0 4px}
}
@media(min-width:960px){
  .nav-logo-sub{display:block}
}