:root,[data-theme=dark]{--page-bg:#08111f;--text-primary:#e5eefb;--text-strong:#f8fafc;--text-muted:#b6c5d8;--text-soft:#93a4b8;--panel-bg:#0f172ac7;--panel-inner-bg:#0206176b;--input-bg:#020617b3;--border:#94a3b83d;--border-strong:#94a3b85c;--accent:#38bdf8;--accent-2:#2dd4bf;--button-bg:linear-gradient(135deg, #38bdf8, #2dd4bf);--button-text:#06111f;--secondary-bg:#94a3b829;--secondary-text:#dbeafe;--shadow:0 24px 80px #00000047;--danger-text:#fecaca;--danger-bg:#ef444429;--neutral-bg:#94a3b829;--info-bg:#0ea5e924;color:var(--text-primary);background:var(--page-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=light]{--page-bg:#eef6ff;--text-primary:#102033;--text-strong:#071426;--text-muted:#40546b;--text-soft:#64748b;--panel-bg:#ffffffdb;--panel-inner-bg:#f1f5f9c7;--input-bg:#ffffffeb;--border:#4755692e;--border-strong:#4755694d;--accent:#0284c7;--accent-2:#0f766e;--button-bg:linear-gradient(135deg, #0ea5e9, #14b8a6);--button-text:#f8fafc;--secondary-bg:#0f172a0f;--secondary-text:#0f172a;--shadow:0 24px 80px #0f172a24;--danger-text:#991b1b;--danger-bg:#f871712e;--neutral-bg:#64748b24;--info-bg:#0ea5e91f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;min-height:44px;color:var(--button-text);background:var(--button-bg);border:0;border-radius:14px;padding:0 18px;font-weight:800}.app-shell{background:radial-gradient(circle at 20% 20%, #3b82f638, transparent 28rem), radial-gradient(circle at 80% 20%, #14b8a624, transparent 24rem), var(--page-bg);min-height:100vh;padding:20px}.centered-shell{place-items:center;display:grid}.dashboard-shell{align-content:start;gap:18px;width:min(1180px,100%);margin:0 auto;display:grid}.hero-card,.dashboard-header,.panel,.kpi-card{border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{border-radius:28px;width:min(760px,100%);padding:40px}.auth-card{width:min(520px,100%)}.auth-card .theme-toggle{float:right;margin-bottom:18px}.dashboard-header{border-radius:26px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:var(--text-strong);margin-bottom:10px;font-size:clamp(2rem,5vw,3.7rem);line-height:.98}h2{color:var(--text-strong);margin-bottom:6px;font-size:1.2rem}p{color:var(--text-muted);font-size:1rem;line-height:1.55}.dashboard-header p,.panel-header p{margin-bottom:0}.login-form{clear:both;gap:14px;margin-top:28px;display:grid}.login-form label{color:var(--text-strong);font-weight:700}.login-form input{border:1px solid var(--border-strong);min-height:46px;color:var(--text-primary);background:var(--input-bg);border-radius:14px;outline:none;padding:0 14px}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf833}.secondary-button{color:var(--secondary-text);background:var(--secondary-bg);border:1px solid var(--border)}.compact{min-height:36px;padding:0 12px;font-size:.88rem}.theme-toggle{white-space:nowrap}.error-message{color:var(--danger-text);margin:0;font-size:.95rem}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi-card{border-radius:22px;gap:6px;padding:18px;display:grid}.kpi-card span,.kpi-card small{color:var(--text-soft)}.kpi-card strong{color:var(--text-strong);font-size:clamp(1.9rem,5vw,3rem);line-height:1}.widget-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:18px;display:grid}.panel{border-radius:24px;min-width:0;padding:20px}.dashboard-block{transition:border-color .18s,box-shadow .18s,opacity .18s,transform .18s}.dashboard-block[draggable=true]{cursor:grab}.dashboard-block:active{cursor:grabbing}.dashboard-block.is-dragging{opacity:.54;border-color:var(--accent);transform:scale(.99)}.dashboard-block.is-collapsed{padding-bottom:16px}.wide-block{grid-column:1/-1}.warning-panel{color:var(--danger-text);justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header,.item-title-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-header{margin-bottom:14px}.dashboard-block.is-collapsed .panel-header{margin-bottom:0}.block-header{align-items:center}.block-title-group,.block-actions{align-items:center;gap:10px;display:flex}.block-title-group{min-width:0}.block-title-group h2,.block-title-group p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drag-handle{border:1px solid var(--border);width:24px;min-width:24px;height:34px;color:var(--text-soft);background:var(--secondary-bg);letter-spacing:-.16em;border-radius:11px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.block-actions{flex-wrap:wrap;justify-content:flex-end}.icon-button{width:36px;min-width:36px;min-height:36px;padding:0}.icon-button:disabled{cursor:not-allowed;opacity:.4}.block-body{animation:.16s ease-out block-expand}@keyframes block-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.item-list{gap:12px;display:grid}.task-item,.server-item{border:1px solid var(--border);background:var(--panel-inner-bg);border-radius:18px;gap:9px;padding:14px;display:grid}.task-item p,.server-item p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;display:-webkit-box;overflow:hidden}.item-title-row strong{color:var(--text-strong);line-height:1.35}.badge,.meta-row span{min-height:24px;color:var(--accent);background:var(--info-bg);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.priority-high,.danger,.status-critical,.status-error{color:var(--danger-text);background:var(--danger-bg)}.priority-normal,.neutral,.status-ok,.status-info{color:var(--secondary-text);background:var(--neutral-bg)}.status-warning,.status-unknown,.status-debug{color:var(--text-muted);background:var(--neutral-bg)}.meta-row{flex-wrap:wrap;gap:6px;display:flex}.empty-text{color:var(--text-soft);margin:0}@media (width<=860px){.app-shell{padding:12px}.dashboard-header{flex-direction:column;padding:18px}.header-actions,.dashboard-header .secondary-button{width:100%}.header-actions .secondary-button{flex:1}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-grid{grid-template-columns:1fr}.hero-card{padding:24px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card,.panel{border-radius:18px;padding:14px}.kpi-card strong{font-size:1.8rem}.panel-header{flex-direction:column}.block-header{align-items:stretch}.block-actions{justify-content:stretch;width:100%}.block-actions .collapse-button{flex:1}.panel-header .secondary-button{width:100%}.block-actions .icon-button{width:42px;min-width:42px}}
