:root{--color-lucky-point-50: #ecf1ff;--color-lucky-point-100: #dde6ff;--color-lucky-point-200: #c2d0ff;--color-lucky-point-500: #565efe;--color-lucky-point-700: #342bd7;--color-lucky-point-950: #19174f;--color-orange-peel-300: #fcd34d;--color-orange-peel-400: #fbbf24;--color-keppel-100: #ccfbf1;--color-keppel-200: #99f6e4;--color-keppel-300: #5eead4;--color-keppel-400: #2dd4bf;--color-keppel-500: #14b8a6;--bg-core: var(--color-lucky-point-950);--bg-grad-b: #0a1030;--surface-1: rgba(20, 31, 86, .56);--surface-2: rgba(16, 26, 74, .58);--surface-border: color-mix(in srgb, var(--color-lucky-point-500) 40%, transparent);--text-primary: var(--color-lucky-point-50);--text-secondary: var(--color-lucky-point-200);--accent-tertiary: var(--color-keppel-400);--accent-tertiary-border: color-mix(in srgb, var(--color-keppel-400) 44%, transparent);--glow: color-mix(in srgb, var(--color-lucky-point-500) 42%, transparent);--rail-border: color-mix(in srgb, var(--color-keppel-300) 26%, var(--surface-border));--rail-edge-glow: color-mix(in srgb, var(--color-keppel-300) 34%, transparent);--rail-panel-bg: radial-gradient(72% 58% at 18% 6%, color-mix(in srgb, var(--color-keppel-400) 20%, transparent), transparent 72%), radial-gradient(62% 48% at 92% 10%, color-mix(in srgb, var(--color-orange-peel-400) 18%, transparent), transparent 74%), linear-gradient(180deg, color-mix(in srgb, var(--color-lucky-point-700) 62%, transparent), color-mix(in srgb, var(--color-lucky-point-950) 92%, transparent));--glass-card-bg: rgba(18, 30, 86, .22);--glass-card-border: color-mix(in srgb, var(--color-lucky-point-100) 42%, transparent);--glass-card-glow: color-mix(in srgb, var(--color-keppel-400) 22%, transparent);--glass-inner-bg: rgba(20, 34, 94, .14);--glass-inner-border: color-mix(in srgb, var(--color-lucky-point-100) 28%, transparent);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--panel-padding: 18px;--rail-width: 248px;--rail-width-collapsed: 84px;font-family:Space Grotesk,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-sidenav-collapsed=true]{--rail-width: var(--rail-width-collapsed)}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{overflow-x:hidden;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0}body{margin:0;min-width:320px;color:var(--text-primary);background:radial-gradient(120% 92% at 6% 10%,rgba(251,191,36,.22),transparent 56%),radial-gradient(108% 86% at 92% 16%,rgba(20,184,166,.24),transparent 58%),radial-gradient(84% 68% at 24% 82%,rgba(45,212,191,.14),transparent 62%),radial-gradient(94% 74% at 52% 88%,rgba(86,94,254,.26),transparent 62%),linear-gradient(130deg,var(--bg-core),var(--bg-grad-b))}button,select,input,textarea{min-height:40px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:0 14px;color:var(--text-primary);background:color-mix(in srgb,var(--surface-2) 85%,transparent);font:inherit;font-weight:700;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}button{cursor:pointer}textarea{width:100%;min-height:96px;padding:10px 14px;resize:vertical}input{width:100%}button:disabled,select:disabled,input:disabled,textarea:disabled{opacity:.65;cursor:not-allowed}button:hover:not(:disabled),select:hover:not(:disabled),input:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--accent-tertiary-border);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-tertiary) 18%,transparent)}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent-tertiary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-tertiary) 28%,transparent)}h1,h2,h3,h4{margin:0}h1{font-size:2.45rem;line-height:1}h2{color:color-mix(in srgb,var(--text-primary) 90%,var(--color-keppel-100) 10%);text-shadow:0 0 14px color-mix(in srgb,var(--color-keppel-400) 18%,transparent)}.app-shell{width:calc(100vw - var(--rail-width) - 26px);margin:0;margin-left:calc(var(--rail-width) + 12px);padding:12px 14px 24px 0}.auth-shell{min-height:100vh;padding:24px;display:grid;place-items:center}.auth-card{width:min(560px,100%);border:1px solid var(--glass-card-border);border-radius:28px;padding:28px;display:grid;gap:18px;background:linear-gradient(146deg,color-mix(in srgb,var(--color-keppel-400) 11%,transparent),transparent 34%),linear-gradient(160deg,#ffffff1f,#fff0 42%),#0b1338d6;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px #ffffff1f,0 28px 72px -34px #000000c2}.auth-card-header,.auth-form,.auth-recovery-panel,.auth-setup-preview{display:grid;gap:14px}.auth-card-header p,.auth-note,.auth-field span,.auth-card-footer{color:var(--text-secondary)}.auth-card-header p,.auth-note{margin:0}.auth-eyebrow{color:var(--color-keppel-200);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-field{display:grid;gap:6px}.auth-field span{font-size:.82rem;font-weight:800}.auth-actions,.auth-inline-actions,.auth-card-footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.auth-actions{justify-content:flex-end}.auth-card-footer{justify-content:space-between}.auth-message{margin:0}.auth-setup-preview{border:1px solid var(--glass-inner-border);border-radius:var(--radius-md);padding:16px;background:linear-gradient(160deg,#ffffff14,#fff0 46%),var(--glass-inner-bg)}.auth-qr-code{width:min(240px,100%);padding:12px;border-radius:18px;background:#fff;justify-self:center}.auth-recovery-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.auth-recovery-list li{border:1px solid var(--glass-inner-border);border-radius:12px;padding:10px 12px;font-family:JetBrains Mono,Cascadia Code,Segoe UI Mono,monospace;font-size:.95rem;letter-spacing:.04em;background:linear-gradient(160deg,#ffffff14,#fff0 46%),var(--glass-inner-bg)}.auth-checkbox{display:flex;gap:10px;align-items:flex-start;color:var(--text-primary)}.auth-checkbox input{width:18px;min-height:18px;margin-top:2px}.left-rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail-width);z-index:10;padding:var(--panel-padding);border:1px solid var(--rail-border);border-left:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden;background:var(--rail-panel-bg);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px #ffffff1a,inset -1px 0 0 var(--rail-edge-glow),0 26px 56px -34px var(--glow);transition:width .25s ease}.left-rail:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 26%),radial-gradient(88% 66% at 50% 100%,rgba(86,94,254,.14),transparent 66%)}.left-rail:after{content:"";position:absolute;top:12px;bottom:12px;right:0;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-keppel-300) 62%,transparent),transparent);opacity:.85;pointer-events:none}.rail-brand,.rail-button,.rail-collapse{position:relative;z-index:1}.rail-brand{display:flex;gap:12px;align-items:center;margin-bottom:14px;padding:4px 8px 12px;border-bottom:1px solid color-mix(in srgb,var(--color-lucky-point-200) 14%,transparent)}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:900;letter-spacing:.04em;color:#04111f;background:radial-gradient(80% 72% at 20% 22%,rgba(255,255,255,.78),transparent 66%),linear-gradient(140deg,var(--color-keppel-300),var(--color-orange-peel-300));border:1px solid color-mix(in srgb,var(--color-keppel-100) 40%,transparent);box-shadow:0 10px 22px -12px color-mix(in srgb,var(--color-keppel-400) 72%,transparent),inset 0 1px #ffffff6b}.rail-brand strong,.rail-brand small{display:block}.rail-brand strong{letter-spacing:.02em}.rail-brand small{color:color-mix(in srgb,var(--text-secondary) 86%,var(--color-keppel-200) 14%);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.rail-button{width:100%;min-height:44px;margin-top:8px;border:1px solid transparent;border-radius:12px;display:flex;gap:10px;align-items:center;text-align:left;color:color-mix(in srgb,var(--text-secondary) 92%,var(--color-keppel-100) 8%);background:linear-gradient(120deg,color-mix(in srgb,var(--color-lucky-point-500) 10%,transparent),transparent 65%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.rail-button span{font-weight:650;letter-spacing:.01em}.rail-button:hover{transform:translate(2px);border-color:color-mix(in srgb,var(--accent-tertiary) 26%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--color-keppel-400) 15%,transparent),color-mix(in srgb,var(--color-lucky-point-500) 10%,transparent))}.rail-button svg{width:20px;height:20px;flex:0 0 20px;stroke:currentColor;fill:none;stroke-width:1.9;border-radius:8px;padding:3px;background:color-mix(in srgb,var(--color-lucky-point-500) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-lucky-point-200) 16%,transparent)}.rail-button.active{color:var(--text-primary);border-color:color-mix(in srgb,var(--color-keppel-300) 38%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-keppel-200) 22%,transparent),0 12px 26px -16px color-mix(in srgb,var(--color-keppel-400) 86%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--color-keppel-400) 22%,transparent),color-mix(in srgb,var(--color-lucky-point-500) 14%,transparent) 58%,transparent)}.rail-button.active:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--color-keppel-200),var(--color-keppel-500));box-shadow:0 0 10px color-mix(in srgb,var(--color-keppel-300) 85%,transparent)}.rail-collapse{margin:auto 10px 10px;width:calc(100% - 20px);min-height:32px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-keppel-300) 18%,transparent);background:color-mix(in srgb,var(--surface-2) 70%,transparent);color:color-mix(in srgb,var(--text-secondary) 92%,var(--color-keppel-100) 8%);font-size:.68rem;letter-spacing:.08em}.left-rail.collapsed .rail-brand>div,.left-rail.collapsed .rail-button span{display:none}.left-rail.collapsed .rail-button,.left-rail.collapsed .rail-collapse{justify-content:center;padding-left:0;padding-right:0}.left-rail.collapsed .rail-button.active:before{left:4px}.content-shell{display:grid;gap:16px;padding:calc(var(--panel-padding) + 2px);background:transparent}.app-header{min-height:92px;border:1px solid var(--glass-card-border);border-radius:var(--radius-md);padding:16px var(--panel-padding);display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(146deg,color-mix(in srgb,var(--color-keppel-400) 9%,transparent),transparent 34%),linear-gradient(160deg,#ffffff1c,#fff0 42%),var(--glass-card-bg);backdrop-filter:blur(26px) saturate(175%);-webkit-backdrop-filter:blur(26px) saturate(175%);box-shadow:inset 0 1px #ffffff1f,0 18px 44px -26px var(--glass-card-glow)}.app-header-title{display:grid;gap:6px}.app-header-title span,.section-heading p,.history-header p,.page-toolbar label,.settings-panel-header p,.settings-page-header p{color:var(--text-secondary)}.app-header-title span{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-header-actions,.header-meta,.page-toolbar,.server-heading-meta,.status-group,.settings-toolbar,.settings-form-actions,.settings-action-group,.auth-inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-meta{justify-content:flex-end}.meta-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;border:1px solid var(--surface-border);border-radius:999px;padding:0 10px;color:var(--text-secondary);font-size:.75rem;background:color-mix(in srgb,var(--surface-1) 88%,transparent);white-space:nowrap}.meta-chip strong{color:var(--text-primary);font-weight:700}.meta-chip-error{max-width:260px;border-color:#ff648273;color:#ffd7e3;overflow:hidden;text-overflow:ellipsis}.api-health-chip{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;line-height:1;font-weight:700}.page-stack{display:grid;gap:14px}.page-toolbar{justify-content:flex-start}.page-toolbar label{font-size:.82rem;font-weight:800}.server-heading-meta{margin-top:8px}.status-group{justify-content:flex-end}.server-address-chip{min-height:32px;border-radius:999px;padding:0 10px;color:var(--text-primary);background:color-mix(in srgb,var(--surface-1) 88%,transparent)}.server-section,.storagebox-panel,.history-panel,.containers-panel,.container-history-panel,.settings-panel,.placeholder-panel,.summary-card,.metric-card,.gauge-card{border:1px solid var(--glass-card-border);border-radius:var(--radius-md);background:linear-gradient(146deg,color-mix(in srgb,var(--color-keppel-400) 9%,transparent),transparent 34%),linear-gradient(160deg,#ffffff1c,#fff0 42%),var(--glass-card-bg);backdrop-filter:blur(26px) saturate(175%);-webkit-backdrop-filter:blur(26px) saturate(175%);box-shadow:inset 0 1px #ffffff1f,0 18px 44px -26px var(--glass-card-glow)}.server-section,.storagebox-panel,.history-panel,.containers-panel,.container-history-panel,.settings-panel,.placeholder-panel,.summary-card{padding:var(--panel-padding)}.section-heading,.history-header,.settings-panel-header,.settings-page-header{margin-bottom:12px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.section-heading p,.history-header p,.settings-panel-header p,.settings-page-header p,.placeholder-panel p{margin:6px 0 0}.placeholder-panel p{color:var(--text-secondary);font-size:1rem}.metrics-grid,.storagebox-overview-grid,.history-grid{display:grid;gap:12px}.metrics-grid{margin-top:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.storagebox-overview-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.storagebox-empty-state,.storagebox-info-banner,.storagebox-overview-card,.storagebox-overview-summary,.storagebox-overview-meta,.storagebox-overview-copy,.storagebox-overview-title,.storagebox-path-section,.storagebox-path-list,.storagebox-path-row{display:grid;gap:10px}.storagebox-empty-state,.storagebox-info-banner{margin-top:12px;border:1px dashed var(--glass-inner-border);border-radius:var(--radius-sm);padding:16px;background:linear-gradient(160deg,#ffffff0f,#fff0 44%),var(--glass-inner-bg)}.storagebox-empty-state p,.storagebox-info-banner p,.storagebox-overview-copy p,.storagebox-overview-title p{margin:0;color:var(--text-secondary)}.storagebox-empty-state button{justify-self:start}.storagebox-overview-card{border:1px solid var(--glass-inner-border);border-radius:var(--radius-sm);padding:14px;background:linear-gradient(160deg,#ffffff14,#fff0 44%),var(--glass-inner-bg)}.storagebox-overview-card-inactive{opacity:.76}.storagebox-overview-header{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.storagebox-overview-title h3{font-size:1.05rem}.storagebox-overview-title-row,.storagebox-path-row-title,.storagebox-path-section-header{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.storagebox-overview-summary,.storagebox-overview-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.storagebox-overview-metric,.storagebox-overview-meta>div,.storagebox-path-row{min-width:0;border:1px solid var(--glass-inner-border);border-radius:12px;padding:10px 12px;display:grid;gap:6px;background:color-mix(in srgb,var(--surface-2) 32%,transparent)}.storagebox-overview-metric span,.storagebox-overview-meta span,.storagebox-overview-copy span{color:var(--text-secondary);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.storagebox-overview-metric strong,.storagebox-overview-meta strong,.storagebox-overview-copy p{overflow-wrap:anywhere}.storagebox-progress-bar{overflow:hidden;height:10px;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 42%,transparent)}.storagebox-progress-fill{height:100%;border-radius:inherit;transition:width .18s ease}.storagebox-progress-fill.status-ok{background:linear-gradient(90deg,#43c99ce0,#6defbfe0)}.storagebox-progress-fill.status-warning{background:linear-gradient(90deg,#fbb75fe0,#ffd683e0)}.storagebox-progress-fill.status-critical{background:linear-gradient(90deg,#ff5f78e0,#ff90a4e0)}.storagebox-progress-fill.status-unknown{background:linear-gradient(90deg,#aabada73,#cdd9f173)}.storagebox-overview-copy-critical{border-left:3px solid rgba(255,95,120,.88);padding-left:12px}.storagebox-path-empty,.storagebox-path-row-main p,.storagebox-path-row-main small,.storagebox-path-row-note{margin:0;color:var(--text-secondary)}.storagebox-path-row-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--text-secondary);font-size:.8rem}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uptime-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.uptime-range-switcher,.uptime-modal-actions,.uptime-event-header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.uptime-range-switcher{justify-content:flex-end}.uptime-range-button{min-height:34px;padding:0 12px;border-radius:999px;font-size:.78rem}.uptime-range-button.active{border-color:color-mix(in srgb,var(--color-keppel-300) 52%,transparent);color:var(--text-primary);background:linear-gradient(100deg,color-mix(in srgb,var(--color-keppel-400) 22%,transparent),color-mix(in srgb,var(--color-lucky-point-500) 14%,transparent) 58%,transparent)}.summary-card{display:grid;gap:8px;min-height:110px}.summary-card span{color:var(--text-secondary);font-size:.82rem;font-weight:800}.summary-card strong{font-size:2rem}.summary-card-warning{border-color:#fbb75f8c}.summary-card-alert,.uptime-row-down,.uptime-row-invalid{border-color:#ff5f788c}.uptime-row-expiring td{background:#fbb75f14}.uptime-row-down td,.uptime-row-invalid td{background:#ff5f7814}.uptime-group-tree,.uptime-group-content,.uptime-event-list,.uptime-monitor-grid{display:grid;gap:12px}.uptime-group-tree,.uptime-group-content,.uptime-event-list{grid-template-columns:1fr}.uptime-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uptime-group-section,.uptime-monitor-card,.uptime-event-card,.uptime-detail-metric{border:1px solid var(--glass-inner-border);border-radius:var(--radius-sm);background:linear-gradient(160deg,#ffffff14,#fff0 44%),var(--glass-inner-bg)}.uptime-group-section{padding:12px;margin-left:calc(var(--uptime-depth, 0) * 12px)}.uptime-group-toggle{width:100%;border:0;padding:0;display:flex;align-items:flex-start;gap:12px;text-align:left;background:transparent;box-shadow:none;justify-content:flex-start;flex-wrap:wrap}.uptime-group-copy{display:grid;gap:4px;min-width:180px;flex:1 1 220px}.uptime-group-copy strong{font-size:1.05rem}.uptime-group-copy small,.uptime-monitor-header p{margin:0;color:var(--text-secondary);font-size:.78rem;overflow-wrap:anywhere}.uptime-group-summary,.uptime-group-preview{flex:0 0 100%;min-width:0}.uptime-group-summary{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-start}.uptime-group-summary-chip{min-height:28px;border:1px solid var(--glass-inner-border);border-radius:999px;padding:4px 10px;color:var(--text-secondary);font-size:.74rem;font-weight:800;background:linear-gradient(160deg,#ffffff14,#fff0 46%),var(--glass-inner-bg)}.uptime-group-preview{max-width:none}.uptime-group-preview .uptime-status-strip{min-height:18px;width:100%}.uptime-group-preview .uptime-segment{min-width:2px;border-radius:2px}.uptime-group-chevron{font-size:1.35rem;line-height:1;transition:transform .18s ease;margin-left:auto;align-self:center}.uptime-group-chevron.expanded{transform:rotate(90deg)}.uptime-group-content{margin-top:12px}.uptime-monitor-card{min-height:212px;padding:14px;display:grid;gap:14px;outline:none}.uptime-monitor-card:focus-visible{border-color:var(--accent-tertiary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-tertiary) 28%,transparent)}.uptime-monitor-down,.uptime-monitor-invalid{border-color:#ff5f788c}.uptime-monitor-expiring{border-color:#fbb75f8c}.uptime-monitor-header,.uptime-modal-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.uptime-monitor-header h3{margin:0 0 6px;font-size:1.08rem}.uptime-status-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(3px,1fr);gap:3px;min-height:32px;align-items:stretch}.uptime-segment{min-width:3px;border-radius:3px;background:#aabada52}.uptime-segment-up{background:var(--color-keppel-400)}.uptime-segment-down{background:#ff5f78}.uptime-segment-pending,.uptime-segment-unknown{background:#fbb75f}.uptime-segment-maintenance{background:#8b5cf6}.uptime-monitor-metrics,.uptime-detail-grid{display:grid;gap:8px}.uptime-monitor-metrics,.uptime-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.uptime-detail-metric{min-height:76px;padding:10px;display:grid;gap:6px}.uptime-detail-metric span{color:var(--text-secondary);font-size:.74rem;font-weight:800}.uptime-detail-metric strong{font-size:1rem;overflow-wrap:anywhere}.modal-backdrop{position:fixed;inset:0;z-index:30;padding:24px;display:grid;place-items:center;background:#03081cb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.uptime-modal{width:min(1080px,100%);max-height:min(880px,calc(100vh - 48px));overflow:auto;border:1px solid var(--glass-card-border);border-radius:var(--radius-md);padding:var(--panel-padding);display:grid;gap:14px;background:linear-gradient(146deg,color-mix(in srgb,var(--color-keppel-400) 9%,transparent),transparent 34%),linear-gradient(160deg,#ffffff1c,#fff0 42%),#0c143af5;box-shadow:0 28px 84px -36px #000c}.uptime-modal:focus{outline:none}.uptime-modal-section{display:grid;gap:10px}.uptime-modal-section h3{margin:0}.uptime-modal-subline,.uptime-event-card p,.uptime-event-card small{margin:0;color:var(--text-secondary)}.uptime-modal-actions{justify-content:flex-end}.uptime-label-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.uptime-label-grid p{margin:0;border:1px solid var(--glass-inner-border);border-radius:10px;padding:8px 10px;display:grid;gap:4px;background:var(--glass-inner-bg)}.uptime-label-grid b{color:var(--text-secondary);font-size:.74rem}.uptime-label-grid span{overflow-wrap:anywhere}.uptime-raw-details{border:1px solid var(--glass-inner-border);border-radius:var(--radius-sm);padding:10px 12px;background:var(--glass-inner-bg)}.uptime-raw-details summary{cursor:pointer;font-weight:800}.uptime-raw-details pre{max-height:280px;overflow:auto;margin:12px 0 0;color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.uptime-event-card{padding:12px;display:grid;gap:10px}.uptime-event-header{justify-content:space-between}.metric-card{min-height:124px;padding:var(--panel-padding);position:relative;overflow:hidden}.gauge-card{min-height:220px;padding:10px 8px 6px}.metric-card span{color:var(--text-secondary);font-size:1.56rem;font-weight:800}.metric-card strong{display:block;font-size:1.9rem}.metric-card strong:empty{display:none}.metric-details{margin-top:10px;display:grid;gap:8px}.metric-details p{margin:0;min-height:28px;border:1px solid var(--glass-inner-border);border-radius:10px;padding:4px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(160deg,#ffffff14,#fff0 40%),var(--glass-inner-bg)}.metric-details b{color:var(--text-secondary);font-size:.82rem;letter-spacing:.01em}.metric-details em{color:var(--text-primary);font-style:normal;font-weight:700;font-size:.95rem;text-align:right}.metric-card i{position:absolute;right:-26px;top:-26px;width:84px;height:84px;border-radius:999px;filter:blur(6px);opacity:.7}.history-chart{height:230px;border:1px solid var(--glass-inner-border);border-radius:var(--radius-sm);background:linear-gradient(160deg,#ffffff14,#fff0 40%),var(--glass-inner-bg);box-shadow:inset 0 1px #ffffff0f}.history-legend{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.legend-chip{display:inline-flex;align-items:center;gap:8px;min-height:30px;border:1px solid var(--glass-inner-border);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700;color:var(--text-secondary);background:linear-gradient(160deg,#ffffff14,#fff0 46%),var(--glass-inner-bg)}.legend-chip.active{border-color:color-mix(in srgb,var(--color-keppel-300) 52%,transparent);color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-keppel-200) 18%,transparent)}.legend-chip i{width:9px;height:9px;border-radius:999px;display:inline-block}.containers-table-wrapper,.settings-table-wrapper{overflow-x:auto}.containers-table,.settings-table{width:100%;border-collapse:collapse}.containers-table th,.containers-table td,.settings-table th,.settings-table td{vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--surface-border) 80%,transparent);padding:10px 8px;text-align:left}.containers-table th,.settings-table th{color:var(--text-secondary);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.container-name-block,.settings-server-name,.settings-exporter-list,.settings-layout,.settings-form,.settings-form-grid,.settings-exporter-grid,.settings-card-grid,.settings-chip-list,.settings-card-title-group,.settings-detail-block,.settings-subsection{display:grid;gap:8px}.container-name-block strong{font-size:1.16rem;letter-spacing:.01em}.container-fullname,.container-image-chip,.settings-server-name span,.settings-server-name small,.settings-exporter-chip span,.settings-form-grid span,.settings-exporter-fieldset span{color:var(--text-secondary)}.container-fullname,.settings-server-name small{font-size:.74rem}.container-image-chip{width:fit-content;border:1px solid var(--glass-inner-border);border-radius:999px;padding:2px 8px;font-size:.73rem;background:linear-gradient(160deg,#ffffff14,#fff0 46%),var(--glass-inner-bg)}.settings-layout{grid-template-columns:minmax(320px,440px) minmax(0,1fr);align-items:start;gap:16px}.settings-page-panel,.settings-form-panel,.settings-list-panel{min-width:0}.settings-page-header{margin-bottom:16px}.settings-helper-text,.settings-card-title-group p,.settings-detail-card small,.settings-detail-block span,.settings-subsection-title,.settings-tab-button small{color:var(--text-secondary)}.settings-helper-text,.settings-detail-block p{margin:0}.settings-tab-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.settings-tab-button{min-height:112px;padding:14px;border-radius:16px;display:grid;gap:6px;align-content:start;text-align:left;background:linear-gradient(140deg,color-mix(in srgb,var(--color-keppel-400) 10%,transparent),transparent 50%),color-mix(in srgb,var(--surface-2) 86%,transparent)}.settings-tab-button span,.settings-tab-button small{display:block}.settings-tab-button span{font-size:.92rem;font-weight:800}.settings-tab-button strong{font-size:1.7rem;line-height:1}.settings-tab-button small{font-size:.76rem;line-height:1.4}.settings-tab-button.active{border-color:color-mix(in srgb,var(--color-keppel-300) 44%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-keppel-200) 18%,transparent),0 16px 30px -22px color-mix(in srgb,var(--color-keppel-400) 80%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--color-keppel-400) 22%,transparent),color-mix(in srgb,var(--color-lucky-point-500) 14%,transparent))}.settings-form-grid,.settings-exporter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-subpanel,.settings-path-list,.settings-path-card,.settings-tag-list{display:grid;gap:10px}.settings-subpanel{padding-top:8px}.settings-subpanel-header,.settings-path-card-header{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.settings-subpanel-header h3,.settings-path-card-header strong{margin:0}.settings-subpanel-header p,.settings-inline-hint{margin:4px 0 0;color:var(--text-secondary);font-size:.78rem}.settings-form-grid label,.settings-exporter-fieldset label{display:flex;flex-direction:column;gap:6px}.settings-field{min-width:0}.settings-form-grid span,.settings-exporter-fieldset span{font-size:.82rem}.settings-input,.settings-select,.settings-textarea{width:100%}.settings-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6.25L8 10.25L12 6.25' stroke='%23c7d4f6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(160deg,#ffffff14,#fff0 46%);background-repeat:no-repeat,no-repeat;background-position:right 14px center,center;background-size:14px 14px,100% 100%}.settings-select option{color:var(--text-primary);background:#13214e}.settings-field-label{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.35}.settings-field-label-text{display:inline-flex;align-items:baseline;gap:4px}.settings-required-indicator{color:#ffb6c7;font-weight:800}.settings-field-hint{display:inline-flex;align-items:center}.settings-field-hint-trigger{min-height:20px;width:20px;padding:0;border-radius:999px;border-color:color-mix(in srgb,var(--color-keppel-300) 34%,transparent);color:var(--color-keppel-100);font-size:.72rem;font-weight:900;background:linear-gradient(160deg,color-mix(in srgb,var(--color-keppel-400) 18%,transparent),#ffffff0a),color-mix(in srgb,var(--surface-2) 82%,transparent);box-shadow:inset 0 0 0 1px #ffffff0d}.settings-field-hint-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-keppel-200) 56%,transparent)}.settings-field-hint-tooltip{position:fixed;z-index:10000;width:min(280px,calc(100vw - 24px));max-width:280px;border:1px solid color-mix(in srgb,var(--color-keppel-300) 28%,var(--glass-inner-border));border-radius:12px;padding:10px 12px;color:var(--text-primary);font-size:.78rem;line-height:1.45;overflow-wrap:anywhere;background:linear-gradient(160deg,color-mix(in srgb,var(--color-keppel-400) 10%,transparent),#ffffff05 54%),#0a1231fa;box-shadow:0 20px 36px -22px #000c;pointer-events:none;opacity:1}.settings-field-hint-tooltip:before{content:"";position:absolute;left:var(--settings-field-hint-arrow-left, 50%);width:10px;height:10px;background:#0a1231fa;transform:translate(-50%) rotate(45deg)}.settings-field-hint-tooltip--bottom:before{top:-6px;border-top:1px solid color-mix(in srgb,var(--color-keppel-300) 28%,var(--glass-inner-border));border-left:1px solid color-mix(in srgb,var(--color-keppel-300) 28%,var(--glass-inner-border))}.settings-field-hint-tooltip--top:before{bottom:-6px;border-right:1px solid color-mix(in srgb,var(--color-keppel-300) 28%,var(--glass-inner-border));border-bottom:1px solid color-mix(in srgb,var(--color-keppel-300) 28%,var(--glass-inner-border))}.settings-checkbox-grid{display:grid;gap:10px;align-content:start}.settings-checkbox{min-height:44px;border:1px solid var(--glass-inner-border);border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center;background:linear-gradient(160deg,#ffffff14,#fff0 46%),var(--glass-inner-bg)}.settings-checkbox input{width:18px;min-height:18px;margin:0}.settings-checkbox-copy{display:grid;gap:4px;min-width:0}.settings-form-field-wide{grid-column:1 / -1}.settings-path-card{border:1px solid var(--glass-inner-border);border-radius:14px;padding:14px;background:linear-gradient(160deg,#ffffff0f,#fff0 46%),color-mix(in srgb,var(--surface-2) 26%,transparent)}.settings-exporter-fieldset{margin:0;min-width:0;border:1px solid var(--glass-inner-border);border-radius:var(--radius-sm);padding:14px;display:grid;gap:12px;background:linear-gradient(160deg,#ffffff14,#fff0 40%),var(--glass-inner-bg)}.settings-exporter-fieldset legend{padding:0 8px;color:var(--text-primary);font-weight:700}.settings-row-inactive{opacity:.72}.settings-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.settings-resource-card{border:1px solid var(--glass-inner-border);border-radius:var(--radius-sm);padding:14px;display:grid;gap:14px;background:linear-gradient(160deg,#ffffff14,#fff0 44%),var(--glass-inner-bg)}.settings-resource-card-inactive{opacity:.76}.settings-card-header,.settings-card-title-row,.settings-chip-row,.settings-confirm-dialog-actions{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.settings-card-header{padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent)}.settings-card-title-row h3{font-size:1.05rem}.settings-card-title-group p{margin:0;overflow-wrap:anywhere}.settings-card-header small{font-size:.74rem;color:var(--text-secondary)}.settings-default-badge{display:inline-flex;align-items:center;min-height:28px;border:1px solid color-mix(in srgb,var(--color-orange-peel-400) 52%,transparent);border-radius:999px;padding:4px 10px;color:#fff1c6;font-size:.74rem;font-weight:800;background:#fbb75f2e}.settings-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-detail-card{border:1px solid var(--glass-inner-border);border-radius:12px;padding:10px 12px;display:grid;gap:6px;background:color-mix(in srgb,var(--surface-2) 32%,transparent)}.settings-detail-card-wide{grid-column:1 / -1}.settings-detail-card span,.settings-detail-block span,.settings-subsection-title{font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.settings-detail-card strong,.settings-detail-block p{overflow-wrap:anywhere}.settings-tag-list{grid-template-columns:repeat(auto-fit,minmax(180px,max-content))}.settings-tag{width:fit-content;max-width:100%;border:1px solid color-mix(in srgb,var(--color-keppel-300) 26%,var(--glass-inner-border));border-radius:999px;padding:6px 10px;overflow-wrap:anywhere;background:linear-gradient(160deg,#ffffff14,#fff0 46%),color-mix(in srgb,var(--surface-2) 30%,transparent)}.settings-tag-muted{opacity:.7}.settings-subsection{gap:10px}.settings-chip-list{grid-template-columns:1fr}.settings-exporter-chip{display:flex;flex-direction:column;gap:4px;border:1px solid var(--glass-inner-border);border-radius:10px;padding:8px 10px;background:linear-gradient(160deg,#ffffff14,#fff0 46%),var(--glass-inner-bg)}.settings-exporter-chip strong{font-size:.82rem;text-transform:uppercase}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:.75rem;text-transform:uppercase;line-height:1}.status-pill.status-ok{background:color-mix(in srgb,var(--color-keppel-500) 22%,transparent);color:var(--color-keppel-200)}.status-pill.status-warning{background:#fbb75f33;color:#ffd7a2}.status-pill.status-critical{background:#ff5f7833;color:#ffbdc8}.status-pill.status-unknown,.status-pill.status-inactive{background:#aabada2e;color:#d4dcf2}.status-ok{border-color:var(--color-keppel-500)}.status-warning{border-color:#fbb75f}.status-critical{border-color:#ff5f78}.status-inactive{border-color:#aabada66}.error-message,.loading-message{margin:12px 0 0;border-radius:var(--radius-sm);padding:10px 12px;font-weight:700}.error-message{border:1px solid rgba(255,100,130,.45);background:#4d1124b8;color:#ffd7e3}.loading-message{border:1px solid var(--surface-border);background:color-mix(in srgb,var(--surface-1) 90%,transparent);color:var(--text-primary)}.ghost-btn{background:transparent}.danger-btn{border-color:#ff5f786b;color:#ffd7e3;background:linear-gradient(135deg,#ff5f7833,#78143424);box-shadow:inset 0 0 0 1px #ff8ca514,0 10px 22px -18px #ff5f78bf}.danger-btn:hover:not(:disabled){border-color:#ff5f78b8;background:linear-gradient(135deg,#ff5f7847,#7814342e);box-shadow:inset 0 0 0 1px #ffa0b424,0 12px 24px -18px #ff5f78e0}.danger-btn:focus-visible{border-color:#ff5f78e0;box-shadow:0 0 0 2px #ff5f7833,0 12px 24px -18px #ff5f78e0}.settings-confirm-dialog{width:min(520px,100%);border:1px solid var(--glass-card-border);border-radius:var(--radius-md);padding:var(--panel-padding);display:grid;gap:16px;background:linear-gradient(146deg,color-mix(in srgb,var(--color-keppel-400) 9%,transparent),transparent 34%),linear-gradient(160deg,#ffffff1c,#fff0 42%),#0c143af5;box-shadow:0 28px 84px -36px #000c}.settings-confirm-dialog-copy{display:grid;gap:8px}.settings-confirm-dialog-copy p{margin:0;color:var(--text-secondary)}.settings-confirm-dialog-actions{justify-content:flex-end}@media(max-width:1180px){.metrics-grid,.storagebox-overview-summary,.storagebox-overview-meta,.history-grid,.uptime-summary,.uptime-monitor-grid,.uptime-monitor-metrics,.uptime-detail-grid,.uptime-label-grid,.settings-layout,.settings-tab-bar,.settings-form-grid,.settings-exporter-grid,.settings-detail-grid{grid-template-columns:1fr}.uptime-group-copy,.uptime-group-summary,.uptime-group-preview{min-width:100%;max-width:none}}@media(max-width:960px){h1{font-size:2rem}.auth-shell{padding:16px}.auth-card{padding:22px;border-radius:22px}.left-rail{position:static;width:100%;border-radius:var(--radius-lg);border-left:1px solid var(--rail-border)}.app-shell{width:min(99vw,1920px);margin-left:0;padding:14px}.content-shell{padding:0}.app-header{flex-direction:column;align-items:stretch}.auth-actions,.auth-card-footer,.auth-inline-actions,.app-header-actions,.header-meta,.section-heading,.history-header,.settings-panel-header,.settings-page-header,.settings-confirm-dialog-actions{justify-content:flex-start}}