:root{--brand: #6366f1;--brand-soft: #eef2ff;--brand-hover: #4f46e5;--accent: #06b6d4;--bg: #f6f7fb;--bg-elev: #ffffff;--surface: #ffffff;--surface-2: #fbfbfd;--border: #e5e7eb;--border-soft: #f1f2f4;--text: #0f172a;--text-soft: #334155;--text-muted: #6b7280;--text-dim: #94a3b8;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--info: #2563eb;--code-bg: #0f172a;--code-text: #e2e8f0;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .04);--shadow-hi: 0 6px 16px rgba(15, 23, 42, .1), 0 16px 48px rgba(15, 23, 42, .08);--font-sans: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace}html[data-theme=dark]{--brand-soft: #1e1b4b;--bg: #0b1020;--bg-elev: #11172a;--surface: #131a2e;--surface-2: #0d1326;--border: #1f2a44;--border-soft: #182238;--text: #e2e8f0;--text-soft: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--code-bg: #050913;--code-text: #e2e8f0;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.25);--shadow-hi: 0 8px 24px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;margin:0 0 8px;font-weight:700;letter-spacing:-.01em}h2{font-size:16px;margin:24px 0 12px;font-weight:600;letter-spacing:-.005em}h3{font-size:14px;margin:16px 0 8px;font-weight:600;color:var(--text-soft)}p{margin:0 0 12px}.muted,small{color:var(--text-muted)}.dim{color:var(--text-dim)}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}.app-shell{display:grid;grid-template-columns:232px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh}.sidebar{grid-area:sidebar;background:var(--bg-elev);border-right:1px solid var(--border);padding:16px 12px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:8px 12px 20px;font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--text)}.sidebar .brand .logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--brand) 0%,var(--accent) 100%);box-shadow:0 4px 12px #6366f159;position:relative}.sidebar .brand .logo:after{content:"";position:absolute;inset:7px;border-radius:3px;background:var(--bg-elev);clip-path:polygon(0 0,100% 0,100% 35%,35% 35%,35% 100%,0 100%)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar .nav-section{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:16px 12px 4px;font-weight:600}.sidebar a.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--text-soft);text-decoration:none;transition:background .15s ease,color .15s ease}.sidebar a.nav-item:hover{background:var(--brand-soft);color:var(--text);text-decoration:none}.sidebar a.nav-item.active{background:var(--brand-soft);color:var(--brand)}html[data-theme=dark] .sidebar a.nav-item.active{color:#c7d2fe}.sidebar .nav-item .icon{width:16px;height:16px;flex:0 0 auto;opacity:.85}.topbar{grid-area:topbar;background:var(--bg-elev);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;gap:16px}.topbar .tenant-info{display:flex;flex-direction:column;line-height:1.2}.topbar .tenant-info .name{font-weight:600}.topbar .tenant-info .region{font-size:11.5px;color:var(--text-muted)}.topbar .theme-toggle{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:6px 10px;font-size:13px;border-radius:var(--radius-sm)}.topbar .theme-toggle:hover{background:var(--surface-2);color:var(--text)}.main{grid-area:main;padding:24px 32px 48px;overflow-x:hidden;animation:fadeUp .22s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.container{max-width:1080px;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card+.card{margin-top:16px}.card-tight{padding:16px}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.stat .label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat .value{font-size:24px;font-weight:700;margin-top:4px;letter-spacing:-.01em}.stat .trend{font-size:12px;color:var(--text-muted);margin-top:6px}.stat .trend.up{color:var(--success)}.stat .trend.down{color:var(--danger)}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:14px;background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}label{display:block;margin:0 0 6px;font-weight:500;color:var(--text-soft);font-size:13px}button{padding:9px 16px;background:var(--brand);color:#fff;border:0;border-radius:var(--radius-sm);font:inherit;font-weight:600;font-size:13.5px;cursor:pointer;transition:background .15s ease,transform .05s ease}button:hover{background:var(--brand-hover)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:var(--surface-2);border-color:var(--text-dim)}button.danger{background:var(--danger)}button.danger:hover{background:#b91c1c}button.ghost{background:transparent;color:var(--text-soft);border:0;padding:6px 10px;font-weight:500}button.ghost:hover{color:var(--text);background:var(--surface-2)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius);overflow:hidden}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-soft)}th{font-weight:600;color:var(--text-muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2)}tr:last-child td{border-bottom:0}tr:hover td{background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.4}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.badge.online,.badge.running,.badge.active{background:#dcfce7;color:#15803d}.badge.offline,.badge.failed,.badge.cancelled{background:#fee2e2;color:#991b1b}.badge.pending,.badge.never_seen{background:#f1f5f9;color:var(--text-muted)}.badge.warn{background:#fef3c7;color:#92400e}.badge.info{background:#dbeafe;color:#1e40af}html[data-theme=dark] .badge.online,html[data-theme=dark] .badge.running,html[data-theme=dark] .badge.active{background:#052e16;color:#4ade80}html[data-theme=dark] .badge.offline,html[data-theme=dark] .badge.failed,html[data-theme=dark] .badge.cancelled{background:#450a0a;color:#f87171}html[data-theme=dark] .badge.pending,html[data-theme=dark] .badge.never_seen{background:#1e293b;color:var(--text-dim)}html[data-theme=dark] .badge.warn{background:#422006;color:#fbbf24}html[data-theme=dark] .badge.info{background:#0f1f44;color:#93c5fd}.notice{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;border:1px solid transparent;font-size:13.5px}.notice.info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.notice.warn{background:#fffbeb;color:#92400e;border-color:#fde68a}.notice.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.notice.success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}html[data-theme=dark] .notice.info{background:#0f1f44;color:#93c5fd;border-color:#1e3a8a}html[data-theme=dark] .notice.warn{background:#422006;color:#fbbf24;border-color:#78350f}html[data-theme=dark] .notice.error{background:#450a0a;color:#f87171;border-color:#7f1d1d}html[data-theme=dark] .notice.success{background:#052e16;color:#4ade80;border-color:#14532d}pre{background:var(--code-bg);color:var(--code-text);padding:16px;border-radius:var(--radius-sm);overflow-x:auto;font-size:12.5px;line-height:1.55;font-family:var(--font-mono)}code{font-family:var(--font-mono);font-size:92%;background:var(--surface-2);padding:1px 5px;border-radius:4px;border:1px solid var(--border-soft)}pre code{background:transparent;padding:0;border:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.tabs button{background:transparent;color:var(--text-muted);border-radius:0;padding:8px 14px;font-weight:500}.tabs button.active{color:var(--brand);border-bottom:2px solid var(--brand)}.tabs button:hover{background:transparent;color:var(--text)}.markdown{line-height:1.7;max-width:880px}.markdown h1,.markdown h2,.markdown h3{margin-top:28px}.markdown h1{font-size:28px;padding-bottom:8px;border-bottom:1px solid var(--border)}.markdown h2{font-size:20px;padding-bottom:6px;border-bottom:1px solid var(--border-soft)}.markdown ul,.markdown ol{padding-left:24px;margin:8px 0 16px}.markdown li{margin:4px 0}.markdown table{margin:16px 0}.markdown blockquote{border-left:3px solid var(--brand);padding:4px 16px;margin:12px 0;background:var(--brand-soft);border-radius:4px;color:var(--text-soft)}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--border-soft),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:4px;height:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}