:root{--color-primary: #C84B31;--color-primary-hover: #B0402A;--color-primary-pressed: #963525;--color-on-primary: #FFFFFF;--color-cream: #FAF6EE;--color-cream-muted: #F2EBDC;--color-cream-sunken: #EBE3D0;--color-espresso: #1C1815;--color-espresso-muted: #2C2620;--color-espresso-sunken: #0F0D0B;--color-ink: #2A2520;--color-ink-muted: #7A7066;--color-ink-faint: #A89E92;--color-on-espresso: #F0E9D9;--color-on-espresso-muted: #A89E92;--color-on-espresso-faint: #6E6258;--color-stone: #D8CFBE;--color-stone-strong: #B8AE9A;--color-shale: #3A332C;--color-shale-strong: #5A4F44;--color-positive: #7A8A4D;--color-positive-muted: #E5E8D6;--color-positive-muted-dark: #2E3624;--color-negative: #8B3A1F;--color-negative-muted: #F2DCD0;--color-negative-muted-dark: #3A2018;--chart-1: #C84B31;--chart-2: #7A8A4D;--chart-3: #2D5F66;--chart-4: #C99A3B;--chart-5: #7A4A5C;--surface: var(--color-cream);--surface-muted: var(--color-cream-muted);--surface-sunken: var(--color-cream-sunken);--text: var(--color-ink);--text-muted: var(--color-ink-muted);--text-faint: var(--color-ink-faint);--line: var(--color-stone);--line-strong: var(--color-stone-strong);--positive-bg: var(--color-positive-muted);--positive-fg: var(--color-positive);--negative-bg: var(--color-negative-muted);--negative-fg: var(--color-negative);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--shadow-card: 0 1px 2px rgba(28, 24, 21, .04);--shadow-modal: 0 8px 24px rgba(28, 24, 21, .12)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--surface: var(--color-espresso);--surface-muted: var(--color-espresso-muted);--surface-sunken: var(--color-espresso-sunken);--text: var(--color-on-espresso);--text-muted: var(--color-on-espresso-muted);--text-faint: var(--color-on-espresso-faint);--line: var(--color-shale);--line-strong: var(--color-shale-strong);--positive-bg: var(--color-positive-muted-dark);--positive-fg: var(--color-positive-muted);--negative-bg: var(--color-negative-muted-dark);--negative-fg: var(--color-negative-muted)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}button{font:inherit;background:none;border:0;color:inherit;cursor:pointer;padding:0}code,pre{font-family:var(--font-mono);font-size:.875em}.layout{max-width:1120px;margin:0 auto;padding:var(--space-2xl) var(--space-lg);display:grid;gap:var(--space-2xl)}.topbar{border-bottom:1px solid var(--line);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-lg)}.topbar__brand{font-family:var(--font-display);font-weight:500;font-size:1.25rem;letter-spacing:-.01em;color:var(--text)}.topbar__nav{flex:1;display:flex;gap:var(--space-md)}.topbar__nav-link{color:var(--text-muted);font-weight:500;font-size:.9375rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.topbar__nav-link:hover{color:var(--text);background:var(--surface-muted);text-decoration:none}.topbar__nav-link.is-active{color:var(--color-primary);background:var(--surface-muted)}.topbar__nav-link--admin,.topbar__nav-link--customer-view{color:var(--color-primary);margin-left:auto}.topbar__nav-link--admin:hover,.topbar__nav-link--customer-view:hover{color:var(--color-primary-hover);background:var(--surface-muted)}.topbar__user{display:flex;align-items:center;gap:var(--space-sm)}.topbar__email{color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono)}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:500;font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.01em;text-decoration:none}.brand:hover{color:var(--color-primary-hover);text-decoration:none}.brand:hover .brand__name{color:var(--text)}.brand__mark{display:inline-flex;align-items:center}.brand__name{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:500;font-size:.9375rem;padding:12px 20px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;letter-spacing:.005em;transition:background-color .12s ease;text-decoration:none}.btn--sm{padding:6px 12px;font-size:.875rem}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover{background:var(--color-primary-hover);color:var(--color-on-primary);text-decoration:none}.btn--secondary{background:var(--surface-muted);color:var(--text)}.btn--secondary:hover{background:var(--surface-sunken);color:var(--text);text-decoration:none}.btn--ghost{background:transparent;color:var(--text)}.btn--ghost:hover{background:var(--surface-muted);color:var(--text);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.banner{padding:var(--space-md) var(--space-lg);border-left:3px solid var(--color-primary);background:var(--surface-muted);font-size:.9375rem;color:var(--text)}.banner--positive{border-color:var(--color-positive);background:var(--positive-bg);color:var(--positive-fg)}.banner--negative,.banner--warn{border-color:var(--color-negative);background:var(--negative-bg);color:var(--negative-fg)}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.kpi-card{background:var(--surface-muted);border-radius:var(--radius-lg);padding:var(--space-lg)}.kpi-card__label{font-size:.75rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-sm)}.kpi-card__value{font-family:var(--font-display);font-weight:400;font-size:2.5rem;line-height:1;font-feature-settings:"tnum";letter-spacing:-.02em;color:var(--text)}.dashboard--admin .kpi-card{padding:var(--space-md)}.dashboard--admin .kpi-card__value{font-family:var(--font-body);font-size:1.75rem;font-weight:500;font-feature-settings:"tnum"}.dashboard--admin .sites__item{padding:var(--space-sm) var(--space-md)}.dashboard--admin .sites__link{padding:var(--space-xs) 0}.card{padding:var(--space-lg);border-radius:var(--radius-lg)}.card--surface{background:var(--surface-muted)}.badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500}.badge--neutral{background:var(--surface-sunken);color:var(--text-muted)}.badge--positive{background:var(--positive-bg);color:var(--positive-fg)}.badge--negative{background:var(--negative-bg);color:var(--negative-fg)}.tier-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--text-muted);padding:3px 10px;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.tier-badge--lifetime:before{content:"";width:5px;height:5px;background:var(--color-primary);border-radius:50%;display:inline-block}.license-card{display:grid;grid-template-columns:1fr auto;gap:var(--space-md);align-items:baseline;padding:var(--space-lg);background:var(--surface-muted);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);transition:background-color .12s ease}.license-card:hover{background:var(--surface-sunken);text-decoration:none}.license-card__main{display:flex;flex-direction:column;gap:var(--space-xs)}.license-card__prefix{font-family:var(--font-display);font-weight:400;font-size:1.5rem;font-feature-settings:"tnum";color:var(--text);letter-spacing:-.01em}.license-card__meta{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:.8125rem}.license-card__expires{text-align:right;color:var(--text-muted);font-size:.8125rem;font-family:var(--font-mono)}.sites__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-xs)}.sites__item{background:var(--surface-muted);border-radius:var(--radius-md)}.sites__link{display:grid;grid-template-columns:1fr auto;gap:var(--space-md);align-items:baseline;padding:var(--space-md) var(--space-lg);color:var(--text);text-decoration:none}.sites__link:hover{background:var(--surface-sunken);text-decoration:none}.sites__meta{color:var(--text-muted);font-size:.8125rem}.settings{display:grid;gap:var(--space-lg)}.settings__nav-back{display:inline-block;color:var(--text-muted);font-size:.8125rem;margin-bottom:var(--space-sm)}.settings__nav-back:hover{color:var(--color-primary);text-decoration:none}.settings__title{font-family:var(--font-display);font-weight:500;font-size:2rem;line-height:1.15;letter-spacing:-.015em;margin:0 0 var(--space-md)}.settings__subtitle{font-family:var(--font-display);font-weight:500;font-size:1.25rem;margin:var(--space-xl) 0 var(--space-sm)}.settings__lede{color:var(--text-muted);font-size:1rem;line-height:1.55;margin:0 0 var(--space-xl)}.settings__form{display:grid;gap:var(--space-sm);max-width:520px}.settings__form--inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);max-width:none;margin-bottom:var(--space-sm)}.settings__form-row{display:flex;gap:var(--space-md);align-items:center}.settings__label{display:block;font-weight:500;font-size:.875rem;color:var(--text-muted)}.settings__input,.settings__select{padding:10px 14px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);font:inherit;width:100%}.settings__input:focus,.settings__select:focus{outline:2px solid var(--color-primary);border-color:var(--line-strong)}.settings__hint{color:var(--text-muted);font-size:.875rem;margin:0}.settings__error{color:var(--color-negative);font-size:.875rem}.settings__row{display:grid;grid-template-columns:200px 1fr;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--line);align-items:baseline}.settings__row:last-child{border-bottom:0}.settings__row-key{color:var(--text-muted);font-size:.875rem}.settings__row-val{color:var(--text);font-size:.9375rem;word-break:break-word}.checklist{list-style:none;padding:0;margin:0 0 var(--space-lg);display:grid;gap:var(--space-xs)}.checklist__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--surface-muted);border-radius:var(--radius-md)}.checklist__name{color:var(--text);font-size:.9375rem}.audit-log{width:100%;border-collapse:collapse;font-size:.875rem;margin:var(--space-md) 0}.audit-log th{text-align:left;color:var(--text-muted);font-weight:500;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--line);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em}.audit-log td{padding:4px var(--space-sm);border-bottom:1px solid var(--line);vertical-align:top}.audit-row__ts,.audit-row__actor{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.audit-row__action{color:var(--text);font-weight:500}.audit-row__target{color:var(--text-muted);font-family:var(--font-mono);font-size:.8125rem}.audit-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-md)}.audit-filters__label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.75rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.audit-filters__label .settings__input{min-width:220px}.auth{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--surface);padding:var(--space-lg)}.auth__panel{width:100%;max-width:400px;padding:var(--space-2xl);background:var(--surface-muted);border-radius:var(--radius-lg)}.auth__brand{margin-bottom:var(--space-md)}.auth__title{font-family:var(--font-display);font-size:1.75rem;font-weight:500;margin:0 0 var(--space-xs);letter-spacing:-.01em}.auth__tagline{color:var(--text-muted);font-size:.9375rem;margin:0 0 var(--space-xl)}.auth__form{display:grid;gap:var(--space-sm)}.auth__label{font-size:.8125rem;color:var(--text-muted);margin-top:var(--space-sm)}.auth__input{padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit}.auth__input:focus{outline:2px solid var(--color-primary);border-color:var(--line-strong)}.auth__remember{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:.875rem;margin:var(--space-sm) 0}.auth__submit{margin-top:var(--space-md)}.auth__error{background:var(--negative-bg);color:var(--negative-fg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem}.auth__hint{color:var(--text-muted);font-size:.875rem;margin-top:var(--space-md)}.auth__hint a{color:var(--color-primary)}.auth__flash{margin:var(--space-sm) 0 var(--space-md)}.auth__legal{color:var(--text-muted);font-size:.8125rem;line-height:1.5;margin-top:var(--space-md)}.auth__legal a{color:var(--color-primary)}.auth__toggle-row{text-align:left}.auth__toggle{background:none;border:0;padding:0;font:inherit;font-size:.875rem;color:var(--color-primary);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.auth__toggle:hover{color:var(--color-primary-hover)}.empty{padding:var(--space-2xl) var(--space-lg);text-align:center;background:var(--surface-muted);border-radius:var(--radius-lg);color:var(--text-muted);font-size:.9375rem;line-height:1.55}.empty__title{color:var(--text);font-weight:500;margin-bottom:var(--space-xs)}.key-display{background:var(--surface-muted);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.key-display__prefix{font-family:var(--font-display);font-weight:400;font-size:2.25rem;letter-spacing:-.015em;font-feature-settings:"tnum";color:var(--text);margin:0}.key-display__hint{margin:var(--space-sm) 0 0;color:var(--text-muted);font-size:.875rem;line-height:1.55}.footer{border-top:1px solid var(--line);padding:var(--space-md) var(--space-lg);margin-top:var(--space-2xl)}.footer__inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;color:var(--text-muted);font-size:.8125rem}.footer .brand{font-size:.9375rem;gap:6px}.footer .brand__name{font-size:.9375rem;font-weight:500}.footer__sep{color:var(--text-faint)}.footer__version{font-family:var(--font-mono);font-size:.75rem}.footer__caption{flex:1}@media (max-width: 640px){.topbar{flex-wrap:wrap;gap:var(--space-sm)}.topbar__nav{order:3;flex-basis:100%;overflow-x:auto}.layout{padding:var(--space-lg) var(--space-md);gap:var(--space-xl)}.kpi-strip{grid-template-columns:1fr 1fr}.settings__row{grid-template-columns:1fr}.audit-log{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}@media (max-width: 480px){.auth__panel{padding:var(--space-lg)}.key-display{padding:var(--space-md)}.key-display__prefix{font-size:1.625rem}.footer__inner{font-size:.75rem}}