:root{--bg:#f3f6fb;--panel:#fff;--panel-2:#f8fafc;--text:#172033;--muted:#68748a;--line:#e5eaf2;--nav:#101827;--nav-text:#aab5c6;--blue:#3974f6;--green:#12a66a;--amber:#d89008;--red:#e64755;--shadow:0 8px 30px rgba(24,39,75,.06);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
[data-theme=dark]{--bg:#0c1220;--panel:#151d2d;--panel-2:#111827;--text:#edf2f9;--muted:#95a2b8;--line:#273247;--nav:#080d17;--shadow:0 10px 30px rgba(0,0,0,.2);color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:20;transition:.25s}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#3c7bff,#6c4cf3);font-weight:800;font-size:20px;box-shadow:0 8px 22px #315ed955}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:17px}.brand-copy small{color:#8491a6;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.nav{display:grid;gap:6px}.nav a{display:flex;align-items:center;gap:13px;color:var(--nav-text);padding:12px 14px;border-radius:10px;transition:.2s}.nav a span{font-size:20px;width:22px;text-align:center}.nav a b{font-weight:600}.nav a:hover,.nav a.active{color:#fff;background:#ffffff12}.nav a.active{box-shadow:inset 3px 0 var(--blue)}.sidebar-foot{margin-top:auto;padding:16px 12px;display:flex;align-items:center;gap:10px;color:#aab5c6}.pulse,.live-badge i{width:8px;height:8px;border-radius:50%;background:#1ccc7b;box-shadow:0 0 0 5px #1ccc7b1c}.workspace{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.topbar small,.panel-head small{color:var(--muted);font-size:10px;letter-spacing:.13em;font-weight:700}.topbar h1{font-size:20px;margin:3px 0 0}.top-actions{display:flex;gap:12px;align-items:center}.live-badge{display:flex;gap:9px;align-items:center;border:1px solid var(--line);padding:8px 12px;border-radius:99px;color:var(--muted);font-size:12px}.icon-button{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;border-radius:10px;cursor:pointer}.mobile-only{display:none}main{padding:24px 28px;flex:1}footer{padding:8px 28px 24px;color:var(--muted);font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.metric{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);transition:.2s}.metric:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.metric:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-25px;top:-25px;background:color-mix(in srgb,var(--accent) 12%,transparent)}.metric span{display:block;color:var(--muted);font-weight:600}.metric strong{display:block;font-size:31px;line-height:1.25;margin:6px 0;color:var(--accent)}.metric small{color:var(--muted)}.metric.blue{--accent:var(--blue)}.metric.green{--accent:var(--green)}.metric.amber{--accent:var(--amber)}.metric.red{--accent:var(--red)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 360px;gap:18px}.span-2{grid-column:span 2}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.panel-head{min-height:72px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:16px;margin:3px 0}.panel-head p{color:var(--muted);margin:5px 0 0}.panel-head>a{color:var(--blue);font-weight:600;font-size:12px}.resource-list{padding:4px 18px 12px}.resource-row{display:flex;align-items:center;gap:13px;padding:12px 2px;border-bottom:1px solid var(--line)}.resource-row:last-child{border:0}.resource-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--panel-2);color:var(--muted);font-size:10px;font-weight:800}.resource-icon.warning{background:#fff4dc;color:var(--amber)}.resource-icon.critical{background:#feecee;color:var(--red)}.grow{flex:1;min-width:0}.resource-row b,.resource-row small,.client-stack b,.client-stack small{display:block}.resource-row small,.client-stack small{color:var(--muted);margin-top:3px;font-size:11px}.usage{min-width:110px}.usage b{font-size:12px;text-align:right}.usage.wide{min-width:130px}.progress{display:block;height:5px;background:var(--line);border-radius:9px;overflow:hidden;margin-top:6px}.progress em{display:block;width:min(var(--value),100%);height:100%;border-radius:9px;background:var(--green)}.progress em.warning{background:var(--amber)}.progress em.critical{background:var(--red)}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#eef1f6;color:var(--muted);white-space:nowrap}.badge.normal{color:var(--green);background:#e8f8f1}.badge.warning{color:#a96c00;background:#fff3d8}.badge.critical{color:var(--red);background:#feecef}.badge.unknown{color:var(--muted);background:var(--panel-2)}[data-theme=dark] .badge.normal{background:#153c31}[data-theme=dark] .badge.warning{background:#493817}[data-theme=dark] .badge.critical{background:#4b2029}.chart{height:260px}.client-stack{padding:8px 18px}.client-stack a{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.client-stack a:last-child{border:0}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.status-dot.normal{background:var(--green)}.status-dot.warning{background:var(--amber)}.status-dot.critical{background:var(--red)}.filters{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--panel-2);border-bottom:1px solid var(--line);flex-wrap:wrap}.filters select,.filters input,.history-controls select{border:1px solid var(--line);background:var(--panel);color:var(--text);height:38px;border-radius:9px;padding:0 11px;outline:none}.filters input:focus,.filters select:focus,.history-controls select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3974f618}.search{position:relative;flex:1;min-width:230px}.search span{position:absolute;left:12px;top:8px;color:var(--muted);font-size:18px}.search input{width:100%;padding-left:36px}.check{display:flex;align-items:center;gap:7px;color:var(--muted);white-space:nowrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;padding:11px 16px;background:var(--panel-2);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:middle}tbody tr:hover{background:color-mix(in srgb,var(--blue) 3%,var(--panel))}.entity{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#e7edff,#ddd6fe);color:#4b63b5;font-weight:800}.avatar.large{width:54px;height:54px;font-size:21px;border-radius:14px}.entity small,.cell-sub{display:block;color:var(--muted);font-size:11px;margin-top:3px}.arrow{font-size:20px;color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted)}.legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.legend i{width:7px;height:7px;border-radius:50%;background:var(--green)}.legend i.warning{background:var(--amber)}.legend i.critical{background:var(--red)}.alert-list{display:grid;gap:10px;padding:18px}.alert-card{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;transition:.2s}.alert-card:hover{border-color:var(--blue);transform:translateX(2px)}.alert-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-weight:900;background:var(--panel-2)}.alert-symbol.warning{color:var(--amber);background:#fff4dc}.alert-symbol.critical{color:var(--red);background:#feecee}.alert-card b{display:block;margin-top:7px}.alert-card p{margin:4px 0;color:var(--text)}.alert-card small{color:var(--muted)}.empty{text-align:center;padding:34px;color:var(--muted)}.success-empty{color:var(--green)}.client-hero{display:flex;align-items:center;gap:18px;padding:20px;margin-bottom:14px}.title-line{display:flex;align-items:center;gap:10px}.title-line h2{margin:0;font-size:22px}.client-hero p{margin:5px 0 0;color:var(--muted)}.hero-stat{padding:0 18px;border-left:1px solid var(--line)}.hero-stat small,.hero-stat b{display:block}.hero-stat small{color:var(--muted);font-size:9px;letter-spacing:.08em;margin-bottom:7px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow:auto}.tabs button{border:0;background:transparent;padding:12px 16px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:700}.detail-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:18px}.facts{margin:0;padding:7px 20px 17px}.facts>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600}.mini-bars{padding:12px 20px 18px}.mini-bars>div{margin-bottom:13px}.mini-bars span{display:flex;justify-content:space-between}.mini-bars small{color:var(--muted)}.tab-panel{margin-top:0}.tag-list{display:flex;gap:8px;flex-wrap:wrap;padding:20px}.tag-list span{padding:8px 12px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);font-family:ui-monospace,monospace}.history-controls{display:grid;grid-template-columns:1.2fr 1fr 1.2fr .8fr auto;align-items:end;gap:12px;padding:18px}.history-controls label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 15px;border:0;border-radius:9px;font-weight:700;cursor:pointer}.button.primary{background:var(--blue);color:#fff}.history-chart{height:440px;margin:0 12px 18px}.overlay{display:none}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .panel:last-child{grid-column:span 2}.history-controls{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%)}body.menu-open .sidebar{transform:translateX(0)}.workspace{margin-left:0}.mobile-only{display:block}.overlay{position:fixed;inset:0;background:#0007;z-index:15}body.menu-open .overlay{display:block}.topbar{padding:0 16px}.live-badge{display:none}main{padding:16px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.span-2,.dashboard-grid .panel:last-child{grid-column:auto}.client-hero{align-items:flex-start;flex-wrap:wrap}.hero-stat{border:0;padding:4px 12px 4px 0}.history-controls{grid-template-columns:1fr}.panel-head{align-items:flex-start}.legend{display:none}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:14px}.metric strong{font-size:26px}.metric small{display:none}.topbar h1{font-size:17px}.resource-row .badge{display:none}.usage{min-width:80px}.filters>*{width:100%}.client-hero .avatar{display:none}}
.path-cell{max-width:360px}.path-cell code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quick-filters{display:flex;gap:8px;padding:12px 18px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--panel)}.filter-chip{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:99px;padding:7px 12px;white-space:nowrap;cursor:pointer;font-size:11px;font-weight:700}.filter-chip:hover,.filter-chip.active{background:var(--blue);border-color:var(--blue);color:#fff}
.inline-form{display:inline}.link-button{display:inline-grid;place-items:center;text-decoration:none}.link-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button.subtle{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.button.danger{background:#feecef;color:var(--red);border:1px solid #f7cbd1}.button.danger:hover{background:var(--red);color:#fff;border-color:var(--red)}[data-theme=dark] .button.danger{background:#4b2029;border-color:#71303d}.button.google{width:100%;background:#fff;color:#202124;border:1px solid #dadce0}.button:disabled{opacity:.55;cursor:not-allowed}.login-body{background:linear-gradient(135deg,#101827,#1e3154);min-height:100vh}.login-main{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:30px}.login-brand{padding:0 0 24px;color:var(--text)}.login-copy h1{margin:6px 0 8px}.login-copy p,.login-help{color:var(--muted)}.login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);margin:18px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.stack-form{display:grid;gap:14px}.stack-form label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.stack-form input,.stack-form select,.stack-form textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:10px 11px;outline:none}.stack-form input,.stack-form select{height:40px}.stack-form textarea{resize:vertical}.stack-form small{font-weight:400}.form-pad{padding:20px}.notice{padding:11px 13px;border-radius:9px;margin-bottom:14px}.notice.error{background:#feecef;color:var(--red)}.notice.success{background:#e8f8f1;color:var(--green)}.notice.warning{background:#fff3d8;color:#956200}.admin-grid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:18px}.narrow-panel{max-width:680px;margin:0 auto}
@media(max-width:1050px){.admin-grid{grid-template-columns:1fr}.top-actions .button.subtle{display:none}}
.import-files-panel{margin-top:18px}.import-notice{margin:14px 18px 0}.log-message{max-width:360px;white-space:normal;line-height:1.45}.badge.import-success,.badge.import-imported{color:var(--green);background:#e8f8f1}.badge.import-running{color:#245fd8;background:#e8efff}.badge.import-partial,.badge.import-skipped{color:#a96c00;background:#fff3d8}.badge.import-error{color:var(--red);background:#feecef}[data-theme=dark] .badge.import-success,[data-theme=dark] .badge.import-imported{background:#153c31}[data-theme=dark] .badge.import-running{background:#1b315e}[data-theme=dark] .badge.import-partial,[data-theme=dark] .badge.import-skipped{background:#493817}[data-theme=dark] .badge.import-error{background:#4b2029}
.row-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.schedule-form{display:flex;align-items:center;gap:6px}.schedule-form input[type=time]{width:94px;height:38px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}.schedule-form .button{padding:0 10px}
.alert-rules-table th:last-child,.alert-rules-table td:last-child{position:sticky;right:0;background:var(--panel);box-shadow:-8px 0 14px -14px #17203388}.alert-rules-table th:last-child{background:var(--panel-2);z-index:1}