:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif;--bg: #f9fafb;--text: #111827;--border: #e5e7eb;--sidebar-bg: #f3f4f6;--sidebar-fg: #111827;--sidebar-border: #e5e7eb;--brand: #16a34a;--brand-contrast: #ffffff;--positive-bg: #ecfdf5;--positive-fg: #065f46;--negative-bg: #fef2f2;--negative-fg: #991b1b;--button-bg: #ffffff;--button-border: #d1d5db;--button-fg: #111827;--neutral-bg: #eef1f5;--neutral-fg: #374151;--card-bg: #ffffff}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0f17;--text: #f3f4f6;--border: #1f2937;--sidebar-bg: #111827;--sidebar-fg: #f9fafb;--sidebar-border: #1f2937;--positive-bg: rgba(34, 197, 94, .16);--positive-fg: #4ade80;--negative-bg: rgba(248, 113, 113, .16);--negative-fg: #f87171;--button-bg: #111827;--button-border: #374151;--button-fg: #f3f4f6;--neutral-bg: rgba(148, 163, 184, .14);--neutral-fg: #cbd5e1;--card-bg: #161f2e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:var(--sidebar-bg);color:var(--sidebar-fg);border-right:1px solid var(--sidebar-border);padding:1.5rem 1rem}.sidebar-title{display:flex;align-items:center;justify-content:center;gap:.65rem;font-weight:700;font-size:1.6rem;margin-bottom:1.5rem}.brand-accent{color:var(--brand)}.sidebar ul{list-style:none;padding:0;margin:0 0 .25rem}.sidebar li{display:flex;align-items:center;padding:.5rem .75rem;border-radius:6px;margin-bottom:4px;cursor:pointer}.sidebar-icon{display:inline-flex;margin-right:.6rem;font-size:.95rem}.sidebar li.active{background:var(--brand);color:var(--brand-contrast)}.sidebar-divider{height:1px;border:none;background:var(--sidebar-border);margin:.85rem 0 .6rem}.sidebar-group-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.6;padding:0 .75rem;margin-bottom:.4rem}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:.6rem}.sidebar-user{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem;padding:0 .1rem}.sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.sidebar-logout{flex-shrink:0;background:none;border:none;padding:0;color:var(--sidebar-fg);opacity:.6;cursor:pointer;font-size:.8rem;text-decoration:underline}.sidebar-logout:hover{opacity:1}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem;border-radius:8px;border:1px solid var(--sidebar-border);background:transparent}.theme-toggle button{display:flex;align-items:center;justify-content:center;flex:1;padding:.4rem 0;border-radius:6px;border:none;background:transparent;color:var(--sidebar-fg);opacity:.55;cursor:pointer}.theme-toggle button:hover{opacity:.85}.theme-toggle button.active{background:var(--brand);color:var(--brand-contrast);opacity:1}.content{flex:1;padding:2rem;max-width:100%;overflow-x:auto}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.page-header h1{margin:0}.period-filter{display:flex;gap:.5rem}.period-filter button{padding:.4rem 1rem;border-radius:6px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-fg);cursor:pointer}.period-filter button.active{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}.metric-cards{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.25rem}.metric-card.positive{background:var(--positive-bg);color:var(--positive-fg)}.metric-card.negative{background:var(--negative-bg);color:var(--negative-fg)}.metric-card.neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.metric-label{font-size:1rem;font-weight:500;opacity:.85}.metric-value{font-size:1.5rem;font-weight:700}.sites-table{width:100%;border-collapse:collapse}.sites-table th,.sites-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border);white-space:nowrap}.sites-table td.positive{color:var(--positive-fg)}.sites-table td.negative{color:var(--negative-fg)}.site-link{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--brand);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.site-link:hover{text-decoration-color:var(--brand)}.site-link-arrow{display:inline-block;margin-left:.3rem;opacity:.6}.page-placeholder p{max-width:60ch;line-height:1.5}.placeholder-note{opacity:.7;font-size:.9rem}.error{color:var(--negative-fg)}.overview-loading{color:var(--neutral-fg);font-style:italic;font-size:.9rem;margin-bottom:1rem}.overview-note{background:var(--neutral-bg);color:var(--neutral-fg);border-radius:8px;padding:.6rem .9rem;font-size:.85rem;margin-bottom:1rem}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.auth-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem;background:var(--button-bg);border:1px solid var(--border);border-radius:12px;padding:2rem;margin:1rem}.auth-brand{display:flex;align-items:center;justify-content:center;gap:.65rem;font-weight:700;font-size:1.6rem}.auth-subtitle{margin:0;text-align:center;font-size:.9rem;opacity:.75}.auth-field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.auth-field input{padding:.55rem .7rem;border-radius:6px;border:1px solid var(--button-border);background:var(--bg);color:var(--text);font-size:.95rem}.auth-submit{padding:.65rem;border-radius:6px;border:none;background:var(--brand);color:var(--brand-contrast);font-weight:600;font-size:.95rem;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:default}.password-field{position:relative;display:flex}.password-field input{flex:1;min-width:0;padding-right:2.3rem}.password-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.2rem;font-size:1rem;line-height:1;cursor:pointer;opacity:.65}.password-toggle:hover{opacity:1}.user-form{display:flex;align-items:end;gap:1rem;flex-wrap:wrap;background:var(--button-bg);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1.5rem}.user-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;opacity:.85}.user-form input,.user-form select{padding:.5rem .6rem;border-radius:6px;border:1px solid var(--button-border);background:var(--bg);color:var(--text);font-size:.9rem}.user-form-submit{height:fit-content;padding:.55rem 1rem;border-radius:6px;border:none;background:var(--brand);color:var(--brand-contrast);font-weight:600;cursor:pointer}.user-form-submit:disabled{opacity:.6;cursor:default}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border)}.users-table select{padding:.35rem .5rem;border-radius:6px;border:1px solid var(--button-border);background:var(--bg);color:var(--text)}.active-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.78rem;border:none;background:var(--positive-bg);color:var(--positive-fg);cursor:pointer}.active-badge.inactive{background:var(--negative-bg);color:var(--negative-fg)}.active-badge.neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.connection-description{font-size:.8rem;opacity:.7;margin-top:.15rem}.connection-test-ok{color:var(--positive-fg);font-size:.85rem}.connection-test-error{color:var(--negative-fg);font-size:.85rem}.connection-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem}.connection-card-header h2{margin:0 0 .75rem;font-size:1.1rem}.connection-actions{display:flex;align-items:center;gap:.3rem}.icon-action-button{border:1px solid var(--button-border);background:var(--button-bg);border-radius:6px;width:2rem;height:2rem;font-size:1rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-action-button:disabled{opacity:.6;cursor:default}.users-table td input{padding:.35rem .5rem;border-radius:6px;border:1px solid var(--button-border);background:var(--bg);color:var(--text);font-size:.9rem;width:100%;min-width:8rem}.user-row-edit,.user-row-save,.user-row-cancel{padding:.35rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer}.user-row-edit{border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-fg)}.user-row-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.user-row-save{border:none;background:var(--brand);color:var(--brand-contrast);font-weight:600}.user-row-cancel{border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-fg)}.user-row-save:disabled,.user-row-cancel:disabled{opacity:.6;cursor:default}.user-row-error{color:var(--negative-fg);font-size:.8rem;flex-basis:100%}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1.5rem;width:100%;max-width:22rem;box-shadow:0 10px 30px #00000040}.modal-card h2{margin:0 0 1rem;font-size:1.1rem}.modal-card form{display:flex;flex-direction:column;gap:.9rem}.modal-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;opacity:.85}.modal-actions{display:flex;gap:.5rem;margin-top:.2rem}.audit-search{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--button-border);background:var(--bg);color:var(--text);font-size:.9rem;min-width:260px}.audit-log-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}