:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-text: #1e293b;--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #eff6ff;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-light: #fef2f2;--color-success: #22c55e;--color-success-light: #f0fdf4;--color-warning: #f59e0b;--color-warning-light: #fffbeb;--color-purple: #a855f7;--color-purple-light: #faf5ff;--sidebar-width: 220px;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--status-planning-bg: #dbeafe;--status-planning-text: #1d4ed8;--status-in-progress-bg: #fef3c7;--status-in-progress-text: #92400e;--status-rolling-out-bg: #d1fae5;--status-rolling-out-text: #065f46;--status-completed-bg: #dcfce7;--status-completed-text: #166534;--status-cancelled-bg: #fee2e2;--status-cancelled-text: #991b1b;--status-draft-bg: #f1f5f9;--status-draft-text: #475569;--status-active-bg: #dbeafe;--status-active-text: #1d4ed8;--status-pending-bg: #f1f5f9;--status-pending-text: #475569;--status-scheduled-bg: #dbeafe;--status-scheduled-text: #1d4ed8;--status-deployed-bg: #dcfce7;--status-deployed-text: #166534;--status-rolled-back-bg: #fee2e2;--status-rolled-back-text: #991b1b;--color-danger-border: #fecaca;--color-success-border: #bbf7d0;--color-overlay: rgba(0, 0, 0, .35);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .2);--color-focus-ring: rgb(59 130 246 / .1)}[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-border: #334155;--color-border-light: #1e293b;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-light: #64748b;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-light: #1e3a5f;--color-danger: #f87171;--color-danger-hover: #ef4444;--color-danger-light: #3b1c1c;--color-success: #4ade80;--color-success-light: #1a3a2a;--color-warning: #fbbf24;--color-warning-light: #3b2f1a;--color-purple: #c084fc;--color-purple-light: #2e1a4a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .2);color-scheme:dark;--status-planning-bg: #1e3a5f;--status-planning-text: #93c5fd;--status-in-progress-bg: #3b2f1a;--status-in-progress-text: #fcd34d;--status-rolling-out-bg: #1a3a2a;--status-rolling-out-text: #6ee7b7;--status-completed-bg: #14532d;--status-completed-text: #86efac;--status-cancelled-bg: #3b1c1c;--status-cancelled-text: #fca5a5;--status-draft-bg: #334155;--status-draft-text: #94a3b8;--status-active-bg: #1e3a5f;--status-active-text: #93c5fd;--status-pending-bg: #334155;--status-pending-text: #94a3b8;--status-scheduled-bg: #1e3a5f;--status-scheduled-text: #93c5fd;--status-deployed-bg: #14532d;--status-deployed-text: #86efac;--status-rolled-back-bg: #3b1c1c;--status-rolled-back-text: #fca5a5;--color-danger-border: #7f1d1d;--color-success-border: #14532d;--color-overlay: rgba(0, 0, 0, .6);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--color-focus-ring: rgb(96 165 250 / .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:14px;color:var(--color-text);background:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased}.app-layout{display:flex;height:100vh;overflow:hidden}.app-content{flex:1;overflow-y:auto;padding:24px;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:20px;font-weight:600;color:var(--color-text)}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(480px,100%);display:grid;gap:14px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px}.auth-brand-meta{display:flex;flex-direction:column;line-height:1.15;align-items:flex-start;text-align:left}.auth-brand-name{font-size:14px;font-weight:700;color:var(--color-text)}.auth-brand-product{font-size:11px;font-weight:500;color:var(--color-text-muted)}.auth-title{font-size:18px;font-weight:700;color:var(--color-text);text-align:center}.auth-subtitle{margin-top:-6px;font-size:13px;color:var(--color-text-muted);text-align:center}.auth-status-message{margin-top:-4px;font-size:13px;color:var(--color-text-muted);text-align:center}.auth-google-button{width:100%}.auth-divider{height:1px;background:var(--color-border)}.auth-section{display:grid;gap:8px}.auth-section-title{font-size:13px;font-weight:600;color:var(--color-text)}.auth-section-help{margin-top:-2px;font-size:12px;color:var(--color-text-muted)}.auth-inline-error{margin-bottom:0}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;font-size:13px;font-family:var(--font);font-weight:500;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s;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);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-border-light)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover{background:var(--color-border-light);color:var(--color-text)}.btn-sm{padding:4px 10px;font-size:12px}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}input:not([type]),input[type=text],input[type=email],input[type=date],input[type=datetime-local],input[type=number],input[type=file],input[type=password],select,textarea{font-family:var(--font);font-size:13px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:7px 10px;outline:none;transition:border-color .15s;width:100%}input:not([type]):focus,input[type=text]:focus,input[type=email]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=number]:focus,input[type=password]:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}textarea{resize:vertical;min-height:80px}label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:4px}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-section-heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding-bottom:6px;border-bottom:1px solid var(--color-border)}.settings-permissions-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.settings-permissions-details summary::-webkit-details-marker{display:none}.settings-permissions-details summary .card-title:after{content:" ▶";font-size:10px;margin-left:6px;display:inline;color:var(--color-text-muted)}.settings-permissions-details[open] summary .card-title:after{content:" ▼"}.settings-token-form-row{display:grid;grid-template-columns:minmax(240px,2fr) minmax(220px,1fr);gap:12px;align-items:end;margin-bottom:12px}.settings-token-form-group{margin-bottom:0}.settings-token-expiry-group{min-width:220px}.settings-token-expiry-input{min-height:34px}.settings-role-permissions-summary{margin-top:0;margin-bottom:12px;font-size:13px;color:var(--color-text-muted)}.settings-role-permissions-table th:nth-child(n+2){text-align:center;width:90px}.settings-role-permissions-table td:nth-child(n+2){text-align:center}.settings-role-permissions-scope{margin-top:2px;font-size:12px;color:var(--color-text-muted)}.settings-permission-cell{vertical-align:middle}.settings-permission-cell--editable{cursor:pointer}.settings-permission-cell--editable:hover{background:#0000000a}.settings-permission-pill{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;font-size:13px;font-weight:700}.settings-permission-pill--allow{color:var(--color-success);background:var(--color-success-light);border:1px solid var(--color-success-border)}.settings-permission-pill--deny{color:var(--color-text-muted);background:var(--color-border-light);border:1px solid var(--color-border)}.settings-user-access-table th,.settings-user-access-table td{vertical-align:middle}.settings-user-state-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;border:1px solid var(--color-border)}.settings-user-state-pill--active{color:var(--color-success);background:var(--color-success-light);border-color:var(--color-success-border)}.settings-user-state-pill--inactive{color:var(--color-text-muted);background:var(--color-border-light)}.settings-user-access-row{border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 12px;display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:12px}.settings-user-access-meta{min-width:0}.settings-user-create-panel{border:1px solid var(--color-border);border-radius:var(--radius);padding:12px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px}.settings-user-create-title{font-size:13px;font-weight:600}.settings-user-create-grid{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(220px,1.6fr) auto auto;gap:10px 12px;align-items:end}.settings-user-create-password-field{grid-column:1 / span 2}.settings-user-create-actions{display:flex;justify-content:flex-start}.settings-user-access-controls{display:flex;align-items:end;justify-content:flex-end;gap:16px;flex-wrap:wrap}.settings-user-password-status{margin-top:8px;font-size:12px;font-weight:500}.settings-user-password-status--enabled{color:var(--color-success)}.settings-user-password-status--disabled{color:var(--color-text-muted)}.settings-control-field{margin-bottom:0;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--color-text-muted)}.settings-control-field span{line-height:1}.settings-role-select{min-width:104px}.settings-checkbox-field{margin-bottom:0;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted);min-height:34px}.settings-checkbox-field input[type=checkbox]{width:16px;height:16px;margin:0}.settings-user-password-controls{grid-column:1 / -1;display:flex;align-items:end;justify-content:space-between;gap:10px;flex-wrap:wrap}.settings-user-password-field{min-width:min(100%,320px);flex:1}.settings-user-password-input{min-width:220px}.settings-user-password-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm)}.table-wrapper>table{width:max-content;min-width:100%}table{width:100%;border-collapse:collapse}thead th{background:var(--color-border-light);font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;text-align:left;border-bottom:1px solid var(--color-border)}tbody td{padding:11px 14px;font-size:13px;border-bottom:1px solid var(--color-border-light);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-border-light)}tbody tr.clickable{cursor:pointer}.sites-table th.sites-column-removed,.sites-table td.sites-column-removed{position:sticky;right:0}.sites-table thead th.sites-column-removed{z-index:4;background:var(--color-border-light);box-shadow:-1px 0 0 var(--color-border)}.sites-table tbody td.sites-column-removed{z-index:2;background:var(--color-surface);box-shadow:-1px 0 0 var(--color-border-light)}.sites-table tbody tr:hover td.sites-column-removed{background:var(--color-border-light)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.card-title{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--color-text)}.site-check-progress-card{display:grid;gap:14px;background:linear-gradient(140deg,var(--color-surface) 65%,var(--color-primary-light) 100%)}.site-check-progress-header{display:grid;gap:4px}.site-check-progress-title-row{display:flex;align-items:center;gap:8px}.site-check-progress-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:site-check-pulse 1.2s ease-in-out infinite}.site-check-progress-title{font-size:14px;font-weight:600;color:var(--color-text)}.site-check-progress-percent{margin-left:auto;font-size:13px;font-weight:700;color:var(--color-primary)}.site-check-progress-subtitle{font-size:12px;color:var(--color-text-muted)}.site-check-progress-track{position:relative;height:12px;border-radius:999px;overflow:hidden;background:var(--color-border)}.site-check-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary) 0%,#0ea5e9 100%);transition:width .35s ease}.site-check-progress-fill--active:after{content:"";display:block;height:100%;width:100%;background:repeating-linear-gradient(135deg,#ffffff40 0,#ffffff40 10px,#fff0 10px,#fff0 20px);animation:site-check-slide .9s linear infinite}.site-check-progress-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.site-check-progress-metric{display:grid;gap:2px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:8px 10px}.site-check-progress-metric-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.site-check-progress-metric-value{font-size:13px;font-weight:600;color:var(--color-text)}.site-check-version-cell{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px}.site-check-version-count{font-size:12px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.site-check-version-track{height:8px;border-radius:999px;overflow:hidden;background:var(--color-border)}.site-check-version-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary) 0%,#0ea5e9 100%)}.site-check-maintenance-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;background:var(--color-danger-light);color:var(--color-danger)}.site-check-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.site-check-status-pill--ok{background:var(--color-success-light);color:var(--color-success)}.site-check-status-pill--changed{background:var(--color-warning-light);color:var(--color-warning)}.site-check-status-pill--maintenance,.site-check-status-pill--cancelled,.site-check-status-pill--error{background:var(--color-danger-light);color:var(--color-danger)}tbody tr.site-check-result-row--attention td{background:var(--color-border-light)}@keyframes site-check-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.75}}@keyframes site-check-slide{0%{transform:translate(0)}to{transform:translate(20px)}}.status-planning{background:var(--status-planning-bg);color:var(--status-planning-text)}.status-in_progress{background:var(--status-in-progress-bg);color:var(--status-in-progress-text)}.status-rolling_out{background:var(--status-rolling-out-bg);color:var(--status-rolling-out-text)}.status-completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.status-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text)}.status-draft{background:var(--status-draft-bg);color:var(--status-draft-text)}.status-active{background:var(--status-active-bg);color:var(--status-active-text)}.status-pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.status-scheduled{background:var(--status-scheduled-bg);color:var(--status-scheduled-text)}.status-deployed{background:var(--status-deployed-bg);color:var(--status-deployed-text)}.status-rolled_back{background:var(--status-rolled-back-bg);color:var(--status-rolled-back-text)}.loading{display:flex;align-items:center;justify-content:center;padding:48px 24px;color:var(--color-text-muted);font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--color-text-muted);gap:8px}.error-message{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:var(--radius);padding:10px 14px;font-size:13px;margin-bottom:16px}.success-message{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success-border);border-radius:var(--radius);padding:10px 14px;font-size:13px;margin-bottom:16px}[data-theme=dark] select option{background:var(--color-surface);color:var(--color-text)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.gap-2{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}input[type=number].phase-input{width:64px;padding:4px 6px;text-align:center}@media(max-width:700px){.auth-screen{padding:14px}.auth-card{padding:16px}.site-check-progress-title-row{flex-wrap:wrap}.site-check-progress-percent{margin-left:0}.settings-token-form-row{grid-template-columns:1fr}.settings-role-permissions-table th:first-child,.settings-role-permissions-table td:first-child{min-width:220px}.settings-user-access-row{grid-template-columns:1fr;align-items:stretch}.settings-user-access-controls{justify-content:flex-start}.settings-user-create-grid{grid-template-columns:1fr}.settings-user-create-password-field{grid-column:auto}.settings-user-password-controls{align-items:stretch}.settings-user-password-field{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.site-check-progress-dot,.site-check-progress-fill--active:after{animation:none}.site-check-progress-fill{transition:none}}