@import"https://fonts.googleapis.com/css2?family=Inter:wght@300..700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition: .16s cubic-bezier(.16, 1, .3, 1);--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--shadow-md: 0 4px 12px rgb(0 0 0 / .08);--shadow-lg: 0 12px 32px rgb(0 0 0 / .12);--sidebar-w: 220px;--content-max: 1100px}:root,[data-theme=light]{--color-bg: #f5f5f3;--color-surface: #ffffff;--color-surface-2: #f9f9f8;--color-surface-offset: #f0efed;--color-border: #e2e1de;--color-divider: #eae9e6;--color-text: #1a1916;--color-text-muted: #6b6a67;--color-text-faint: #b0afac;--color-text-inverse: #f9f9f8;--color-primary: #01696f;--color-primary-hover: #0c4e54;--color-primary-active: #0f3638;--color-primary-light: #e8f3f3;--color-danger: #c0392b;--color-danger-hover: #a93226;--color-danger-light: #fdf0ef;--color-warning: #d97706;--color-warning-light: #fffbeb;--color-success: #2e7d32;--color-success-light: #f0faf0;--badge-online-bg: #dcfce7;--badge-online-text: #15803d;--badge-offline-bg: #fee2e2;--badge-offline-text: #dc2626;--badge-unknown-bg: #f3f4f6;--badge-unknown-text: #6b7280;--badge-updating-bg: #dbeafe;--badge-updating-text: #1d4ed8;--badge-warning-bg: #fef9c3;--badge-warning-text: #854d0e}[data-theme="dark"],@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-bg: #141312;--color-surface: #1c1b19;--color-surface-2: #201f1d;--color-surface-offset: #1a1918;--color-border: #2e2d2b;--color-divider: #262523;--color-text: #d4d3d0;--color-text-muted: #7a7977;--color-text-faint: #4e4d4b;--color-text-inverse: #1c1b19;--color-primary: #3d9ea8;--color-primary-hover: #2e8a94;--color-primary-active: #1f7178;--color-primary-light: #1a2e30;--color-danger: #e57373;--color-danger-hover: #ef5350;--color-danger-light: #2a1515;--color-warning: #fbbf24;--color-warning-light: #2a2008;--color-success: #66bb6a;--color-success-light: #0f2211;--badge-online-bg: #14301e;--badge-online-text: #4ade80;--badge-offline-bg: #301414;--badge-offline-text: #f87171;--badge-unknown-bg: #2a2a2a;--badge-unknown-text: #9ca3af;--badge-updating-bg: #0d1f3c;--badge-updating-text: #60a5fa;--badge-warning-bg: #2e2208;--badge-warning-text: #fbbf24}}[data-theme=dark]{--color-bg: #141312;--color-surface: #1c1b19;--color-surface-2: #201f1d;--color-surface-offset: #1a1918;--color-border: #2e2d2b;--color-divider: #262523;--color-text: #d4d3d0;--color-text-muted: #7a7977;--color-text-faint: #4e4d4b;--color-text-inverse: #1c1b19;--color-primary: #3d9ea8;--color-primary-hover: #2e8a94;--color-primary-active: #1f7178;--color-primary-light: #1a2e30;--color-danger: #e57373;--color-danger-hover: #ef5350;--color-danger-light: #2a1515;--color-warning: #fbbf24;--color-warning-light: #2a2008;--color-success: #66bb6a;--color-success-light: #0f2211;--badge-online-bg: #14301e;--badge-online-text: #4ade80;--badge-offline-bg: #301414;--badge-offline-text: #f87171;--badge-unknown-bg: #2a2a2a;--badge-unknown-text: #9ca3af;--badge-updating-bg: #0d1f3c;--badge-updating-text: #60a5fa;--badge-warning-bg: #2e2208;--badge-warning-text: #fbbf24}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);line-height:1.6}img,svg{display:block;max-width:100%}input,button,select,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}a,button,[role=button]{transition:color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition)}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}h1,h2,h3,h4{line-height:1.2;font-weight:600}p{max-width:72ch}code,pre{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.app-layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.app-loading{display:grid;place-items:center;min-height:100dvh;color:var(--color-text-muted);font-size:var(--text-sm)}.sidebar{position:sticky;top:0;height:100dvh;overflow-y:auto;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-1)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.sidebar-nav a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.sidebar-nav a:hover{background:var(--color-surface-offset);color:var(--color-text)}.sidebar-nav a.active{background:var(--color-primary-light);color:var(--color-primary)}.sidebar-user{padding:var(--space-3);border-top:1px solid var(--color-border);margin-top:auto}.sidebar-user .user-name{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .user-role{display:block;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:capitalize;margin-top:var(--space-1)}.sidebar-bottom{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0 0;border-top:1px solid var(--color-border);margin-top:auto}.main-content{overflow-y:auto;padding:var(--space-8) var(--space-8);max-width:1140px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.page-header h1{font-size:var(--text-xl);font-weight:600}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-surface-offset)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover{background:var(--color-surface-offset);color:var(--color-text)}.btn-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.badge-online{background:var(--color-online-bg);color:var(--color-online)}.badge-offline{background:var(--color-offline-bg);color:var(--color-offline)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-unknown{background:var(--color-unknown-bg);color:var(--color-unknown)}.badge-updating,.badge-superadmin{background:var(--color-primary-light);color:var(--color-primary)}.badge-agency{background:var(--color-warning-bg);color:var(--color-warning)}.badge-viewer{background:var(--color-surface-offset);color:var(--color-text-muted)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-online{background:var(--color-online)}.dot-offline{background:var(--color-offline)}.dot-updating{background:var(--color-primary);animation:pulse 1.4s ease-in-out infinite}.dot-unknown{background:var(--color-unknown)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.card-hover{cursor:pointer;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-1px)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-card .stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.stat-card .stat-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;margin-top:var(--space-2)}.stat-card .stat-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:calc(var(--space-1) * -.5)}input[type=text],input[type=email],input[type=password],input[type=url],select,textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-sm);width:100%;transition:border-color var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .15)}.form-error{font-size:var(--text-xs);color:var(--color-danger)}.form-success{font-size:var(--text-xs);color:var(--color-online)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;z-index:100;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:480px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-5)}.modal h2{font-size:var(--text-lg);font-weight:600}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-2);border-top:1px solid var(--color-divider)}.install-steps{background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.install-ol{list-style:decimal;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.install-ol li{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.install-ol li strong{color:var(--color-text)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:var(--space-3);font-size:var(--text-sm);border-bottom:1px solid var(--color-divider);color:var(--color-text)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-surface-offset)}.login-wrapper{min-height:100dvh;display:grid;place-items:center;background:var(--color-bg);padding:var(--space-4)}.login-box{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-6)}.login-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--text-lg)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.site-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.site-card-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-card-url{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.site-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.update-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--color-warning-bg);color:var(--color-warning)}.health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.health-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.health-item .hi-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.health-item .hi-value{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-top:2px;font-family:var(--font-mono)}.update-list{display:flex;flex-direction:column;gap:var(--space-2)}.update-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-4)}.update-row-name{font-size:var(--text-sm);font-weight:500}.update-row-version{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.version-arrow{color:var(--color-warning);font-size:var(--text-xs)}.job-row{display:flex;align-items:center;gap:var(--space-3)}.job-type{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);min-width:140px}.code-block{background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);overflow-x:auto;white-space:pre;word-break:break-all}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.empty-state h3{color:var(--color-text);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--text-sm);max-width:36ch;margin-bottom:var(--space-6)}.section{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid}.alert-error{background:var(--color-offline-bg);color:var(--color-danger);border-color:var(--color-danger)}.alert-success{background:var(--color-online-bg);color:var(--color-online);border-color:var(--color-online)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:background var(--transition),color var(--transition)}.theme-toggle:hover{background:var(--color-surface-offset);color:var(--color-text)}@media (max-width: 768px){.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;bottom:0;left:0;right:0;height:auto;flex-direction:row;padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);border-right:none;z-index:50}.sidebar-logo,.sidebar-user,.sidebar-bottom{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around}.main-content{padding:var(--space-4);padding-bottom:var(--space-16)}}