:root{--bg:#f4f7fb;--panel:#fff;--panel2:#f8fafc;--line:#dbe3ef;--text:#172033;--muted:#667085;--nav:#0d1b2a;--nav2:#14263b;--accent:#2563eb;--accent2:#38bdf8;--good:#15803d;--goodbg:#ecfdf3;--warn:#b45309;--warnbg:#fff7ed;--bad:#be123c;--badbg:#fff1f2;--off:#64748b;--shadow:0 12px 32px rgba(15,23,42,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:linear-gradient(180deg,var(--nav),#0a1624);color:#e8eef7;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;padding:4px 8px 22px}.brand.compact{padding:0 0 22px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:11px;color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(37,99,235,.28)}.brand b{display:block;font-size:14px}.brand small{display:block;color:#94a3b8;font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:10px 12px;border-radius:9px;text-decoration:none;color:#aebdce;font-size:13px;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:var(--nav2);color:white}.sidebar-foot{margin-top:auto;border-top:1px solid #203247;padding:16px 8px 0}.signed-in{font-size:11px;color:#94a3b8;margin-bottom:8px}.link-button{border:0;background:none;color:#dbeafe;padding:0;font:inherit;font-size:12px;cursor:pointer}.content{padding:34px 40px 60px;max-width:1440px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.17em;color:#3b82f6;font-weight:850}.page-head h1{font-size:30px;margin:5px 0 5px}.page-head p{margin:0;color:var(--muted);max-width:760px;font-size:14px}.button,button{border:1px solid #cbd5e1;background:white;color:#243248;border-radius:9px;padding:10px 14px;font-weight:750;text-decoration:none;cursor:pointer;font-size:13px}.button:hover,button:hover{border-color:#94a3b8}.primary{background:var(--accent)!important;color:white!important;border-color:var(--accent)!important}.success{background:var(--goodbg);color:var(--good);border-color:#bbf7d0}.danger{background:var(--badbg);color:var(--bad);border-color:#fecdd3}.warning{background:var(--warnbg);color:var(--warn);border-color:#fed7aa}button:disabled{opacity:.4;cursor:not-allowed}.flash{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:13px}.flash.success{background:var(--goodbg);color:#166534;border:1px solid #bbf7d0}.flash.error{background:var(--badbg);color:#9f1239;border:1px solid #fecdd3}.hero-card{background:linear-gradient(135deg,#fff,#f3f8ff);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:34px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:34px}.hero-card img{width:100%;max-height:300px}.tag{display:inline-block;background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.hero-copy h2{font-size:34px;line-height:1.12;max-width:680px;margin:16px 0 12px}.hero-copy p{font-size:15px;line-height:1.7;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:10px;margin-top:22px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.feature,.status-card,.service-detail,.action-card,.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 22px rgba(15,23,42,.045)}.feature{padding:22px}.feature h3{font-size:15px;margin:12px 0 6px}.feature p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}.icon-dot{display:block;width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 6px #dbeafe}.section-block{margin-top:25px}.section-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px}.section-title>div{display:flex;align-items:center;gap:10px}.section-title span{font-size:10px;font-weight:850;color:#2563eb;border:1px solid #bfdbfe;padding:4px 6px;border-radius:5px}.section-title h2{font-size:18px;margin:0}.section-title p{margin:0;color:var(--muted);font-size:12px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.status-card,.service-detail,.action-card,.settings-card{padding:19px}.status-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.status-top h2,.status-top h3{margin:0}.status-top h3{font-size:15px}.status-top p{margin:4px 0 0}.pill{font-size:9px;font-weight:900;letter-spacing:.08em;padding:5px 8px;border-radius:999px;border:1px solid}.pill.good{color:var(--good);background:var(--goodbg);border-color:#bbf7d0}.pill.warn{color:var(--warn);background:var(--warnbg);border-color:#fed7aa}.pill.bad{color:var(--bad);background:var(--badbg);border-color:#fecdd3}.pill.off{color:var(--off);background:#f1f5f9;border-color:#cbd5e1}.kv{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #edf1f6;padding:9px 0;font-size:12px}.kv:first-of-type{margin-top:12px}.metric-time{font-size:24px;font-weight:850;margin:14px 0 8px}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.muted{color:var(--muted)}.empty,.note{margin-top:12px;padding:11px;border-radius:9px;background:var(--panel2);color:var(--muted);font-size:12px;border:1px dashed #d5deea}.service-detail{margin-bottom:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.stats.mini{grid-template-columns:repeat(2,1fr)}.stats>div{background:var(--panel2);border:1px solid #e6ebf2;padding:11px;border-radius:9px}.stats span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.stats b{font-size:12px}h4{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin:18px 0 8px}.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:10px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th,td{padding:9px 10px;text-align:right;border-bottom:1px solid #edf1f6}th:first-child,td:first-child{text-align:left}thead{background:#f8fafc;color:#64748b}.direction{font-weight:900}.direction.long{color:#15803d}.direction.short{color:#be123c}.direction.wait{color:#b45309}.warning-banner{background:#fffaf0;border:1px solid #fde68a;border-radius:12px;padding:14px 16px;display:grid;gap:4px;color:#854d0e;font-size:12px}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.action-card h2{font-size:20px}.control-form{margin-top:16px;border-top:1px solid #edf1f6;padding-top:15px}.control-form label,.stack-form label,.settings-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.control-form input,.stack-form input,.settings-form input{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:10px 11px;font:inherit;background:#fff}.control-buttons{display:flex;gap:8px;margin-top:12px}.settings-card{max-width:820px}.settings-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:15px}.settings-form.sensitive{background:#fffaf0;border:1px solid #fde68a;border-radius:10px;padding:14px}.settings-actions{display:flex;gap:8px}.login-page{background:linear-gradient(135deg,#f8fbff,#edf4fd);display:grid;place-items:center;min-height:100vh}.login-shell{width:min(980px,92vw);display:grid;grid-template-columns:1.05fr .95fr;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 22px 70px rgba(15,23,42,.14)}.login-art{background:#f3f8ff;padding:42px;display:flex;flex-direction:column;justify-content:center}.login-art img{width:100%;margin-bottom:8px}.login-art h1{font-size:32px;margin:8px 0}.login-art p{color:var(--muted);line-height:1.6}.login-card{padding:50px 46px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:28px;margin:10px 0 6px}.stack-form{display:grid;gap:15px;margin-top:20px}.wide{width:100%}.security-note{margin-top:18px;color:#94a3b8;font-size:10px;text-align:center}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;align-items:center;gap:12px}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar-foot{margin-left:auto;margin-top:0;border:0;padding:0}.content{padding:24px 18px 50px}.hero-card,.status-grid,.feature-grid,.action-grid{grid-template-columns:1fr}.hero-card img{max-height:220px}.stats{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:620px){.sidebar{align-items:flex-start;flex-direction:column}.sidebar-foot{margin-left:8px}.page-head{flex-direction:column}.content{padding:20px 12px}.hero-copy h2{font-size:27px}.settings-form{grid-template-columns:1fr}.control-buttons{flex-wrap:wrap}}