.loading-state{display:grid;justify-items:center;gap:12px;padding:24px;color:var(--text-muted)}.loading-state--full{min-height:60vh;place-content:center}.loading-state__spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lilipadd-logo{display:inline-flex;align-items:center;text-decoration:none;line-height:0}.lilipadd-logo__img{display:block;width:auto;height:44px;max-width:100%;object-fit:contain}.lilipadd-logo--sidebar .lilipadd-logo__img{height:88px}.lilipadd-logo--compact .lilipadd-logo__img{height:36px}.lilipadd-logo--large .lilipadd-logo__img{height:56px}.lilipadd-logo--centered{justify-content:center}.lilipadd-logo--on-dark{gap:10px}.lilipadd-logo--on-dark .lilipadd-logo__mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f5f6f4;flex-shrink:0}.lilipadd-logo--on-dark .lilipadd-logo__img,.lilipadd-logo--sidebar.lilipadd-logo--on-dark .lilipadd-logo__img{height:28px;width:28px}.lilipadd-logo--on-dark .lilipadd-logo__word{font-family:var(--font-brand);font-size:1.2rem;font-weight:600;letter-spacing:-.03em;color:#f5f6f4;line-height:1}.admin-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr}.admin-sidebar{--sidebar-bg: #0f2b24;--sidebar-text: #f5f6f4;--sidebar-muted: rgba(245, 246, 244, .62);--sidebar-hover: rgba(245, 246, 244, .08);--sidebar-active: rgba(249, 143, 113, .18);--sidebar-icon: var(--brand-peach);position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;padding:16px 12px;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:none}.admin-sidebar__brand{display:grid;gap:6px;padding:4px 8px}.admin-sidebar__section{display:grid;gap:6px;padding:0 8px}.admin-sidebar__label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted)}.admin-sidebar__select{width:100%;border:1px solid rgba(245,246,244,.18);border-radius:var(--radius-control);background:#0000002e;color:var(--sidebar-text);padding:8px 10px;transition:border-color .15s ease,box-shadow .15s ease}.admin-sidebar__select option{color:var(--text);background:var(--bg)}.admin-sidebar__select:focus{outline:none;border-color:var(--brand-peach);box-shadow:0 0 0 4px #f98f7138}.admin-sidebar__nav{display:grid;gap:0;align-content:start;overflow-y:auto;padding-right:4px;scrollbar-color:rgba(245,246,244,.28) transparent;scrollbar-width:thin}.admin-sidebar__nav::-webkit-scrollbar{width:8px}.admin-sidebar__nav::-webkit-scrollbar-track{background:transparent}.admin-sidebar__nav::-webkit-scrollbar-thumb{border:2px solid var(--sidebar-bg);border-radius:var(--radius-pill);background:#f5f6f447}.admin-sidebar__link{display:flex;align-items:center;gap:9px;min-height:32px;padding:5px 12px;border-radius:8px;color:var(--sidebar-text);text-decoration:none;font-size:13px;font-weight:500;line-height:20px;border-left:1px solid transparent;transition:background .15s ease,color .15s ease}.admin-sidebar__icon{display:inline-flex;flex-shrink:0;color:var(--sidebar-icon)}.admin-sidebar__link:hover{background:var(--sidebar-hover)}.admin-sidebar__link--active{background:var(--sidebar-active);color:#fff;font-weight:600;border-left-color:var(--brand-peach)}.admin-sidebar__footer{display:grid;gap:8px;padding:4px 8px 0}.admin-sidebar__user{font-size:.85rem;color:var(--sidebar-muted);word-break:break-word}.admin-sidebar .admin-sidebar__logout{width:100%;background:transparent;color:var(--sidebar-text);border-color:#f5f6f438}.admin-sidebar .admin-sidebar__logout:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.admin-main{min-width:0}.admin-topbar{padding:20px 32px 0}.admin-topbar__hint{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.admin-content{padding:24px 32px 48px;max-width:1200px}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-sidebar__nav{overflow:visible}.admin-content{padding:20px 16px 32px}}.alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:var(--radius-control);font-size:.92rem}.alert--error{background:var(--danger-subtle);border:1px solid var(--danger-subtle);color:var(--danger-strong)}.alert--success{background:var(--success-subtle);border:1px solid var(--success-subtle);color:var(--success-strong)}.alert--info{background:var(--accent-subtle);border:1px solid var(--accent-subtle);color:var(--text)}.alert__dismiss{border:none;background:transparent;color:inherit;font-size:1.2rem;line-height:1;padding:0 4px;border-radius:6px}.empty-state h3{font-size:1.05rem;font-weight:600}.empty-state p{margin-top:8px;color:var(--text-muted);font-size:.92rem}.empty-state__action{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.a11y-preview{position:relative;min-height:140px;padding:16px;background:var(--bg-subtle);border:1px dashed var(--border);border-radius:var(--radius-card)}.a11y-preview__widget{position:absolute;bottom:16px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.a11y-preview__widget--left{left:16px;align-items:flex-start}.a11y-preview__widget--right{right:16px}.a11y-preview__panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;min-width:200px;box-shadow:var(--shadow-card);font-size:.85rem}.a11y-preview__panel p{margin:0 0 8px;font-weight:600}.a11y-preview__panel label{display:flex;align-items:center;gap:8px;margin:6px 0}.a11y-preview__btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:#fff;font-weight:700;cursor:default}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg-subtle)}.login-card{width:min(100%,420px);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.login-card__body{padding:32px}.login-card__brand{display:flex;justify-content:center;margin-bottom:20px}.login-card__title{margin-top:0;font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.015em;text-align:center}.login-card__subtitle{margin-top:8px;color:var(--text-muted);font-size:14px;line-height:1.5;text-align:center}.login-form{margin-top:24px}.login-form .alert{margin-bottom:4px}.login-card__hint{margin-top:16px;font-size:.85rem;color:var(--text-muted);line-height:1.5}.login-card__hint code{font-size:.82rem;background:var(--bg-subtle);padding:2px 6px;border-radius:4px}.consent-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--border);border-top:3px solid var(--brand-green);border-radius:var(--radius-card);box-shadow:var(--shadow-card);font-size:.9rem}.consent-preview__actions{display:flex;gap:8px}.consent-preview__decline,.consent-preview__accept{border-radius:999px;padding:8px 16px;font:inherit;cursor:default}.consent-preview__decline{border:1px solid var(--border);background:#fff}.consent-preview__accept{border:none;color:#fff}.bar-chart{display:flex;align-items:flex-end;gap:3px;min-height:160px;padding-top:8px;overflow-x:auto}.bar-chart__col{flex:1 1 0;min-width:18px;max-width:28px;display:flex;flex-direction:column;align-items:center;gap:6px}.bar-chart__track{width:100%;height:120px;display:flex;align-items:flex-end}.bar-chart__bar{width:100%;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--brand-medium) 0%,var(--brand-dark) 100%);transition:height .2s ease}.bar-chart__label{font-size:.65rem;color:var(--text-muted);white-space:nowrap}.bar-chart-empty{color:var(--text-muted);font-size:.9rem;padding:24px 0}.metric-card__label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.metric-card__value{margin-top:8px;font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--brand-dark);overflow-wrap:anywhere}.metric-card__hint{margin-top:6px;color:var(--text-muted);font-size:13px;line-height:1.4}.statistics-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.statistics-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.statistics-table-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.statistics-table-head h2{margin:0}.statistics-search{min-width:180px}.statistics-period{display:flex;gap:8px}.statistics-period__active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.statistics-muted{color:var(--text-muted);font-size:.9rem}.activity-list{list-style:none;margin:0;padding:0}.activity-list__item{padding:12px 0;border-bottom:1px solid var(--border)}.activity-list__item:last-child{border-bottom:none}.activity-list__action{font-weight:500;text-transform:capitalize}.activity-list__meta{margin-top:4px;color:var(--text-muted);font-size:.85rem}.activity-list__empty{color:var(--text-muted);font-size:.92rem}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.status-badge--active{background:var(--success-subtle);color:var(--success-strong)}.status-badge--suspended{background:var(--warning-subtle);color:var(--warning-strong)}.status-badge--archived{background:var(--bg-subtle);color:var(--text-muted)}.dns-check__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dns-check__header h3{margin-bottom:6px}.dns-check__error{margin:0;color:var(--danger);font-size:14px}.dns-check__summary{margin:0;font-size:13px;color:var(--text-muted)}.dns-check__section{display:grid;gap:8px}.dns-check__section-title{margin:0;font-size:15px;font-weight:600}.dns-check__section-lead{margin:0;font-size:13px;color:var(--text-muted)}.dns-check__hint{margin:0;font-size:12px;color:var(--text-muted);line-height:1.45}.dns-check__list{display:grid;gap:10px}.dns-check__item{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg)}.dns-check__item--ok{border-color:#b8dfc4;background:var(--success-subtle)}.dns-check__item--fail{border-color:#efb8b3;background:var(--danger-subtle)}.dns-check__item-top{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.dns-check__item-copy{display:grid;gap:4px}.dns-check__label{font-size:14px;font-weight:600}.dns-check__badge{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:4px 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dns-check__badge--ok{background:#d7f0de;color:var(--success-strong)}.dns-check__badge--fail{background:#f8d9d6;color:var(--danger-strong)}.dns-check__badge--pending{background:var(--surface-2);color:var(--text-muted)}.dns-check__instruction{font-size:13px}.dns-check__message,.dns-check__observed{margin:8px 0 0;font-size:13px;color:var(--text-muted)}.dns-check__observed code,.dns-check__instruction{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media(max-width:700px){.dns-check__header{flex-direction:column}}.onboarding-check__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.onboarding-check__toggle{all:unset;cursor:pointer}.onboarding-check__toggle h3{margin:0}.onboarding-check__sections{display:flex;flex-direction:column;gap:1.25rem}.onboarding-check__test-btn{flex-shrink:0;align-self:flex-start;font-size:.85rem;padding:.35rem .75rem}.dns-check__summary--ok{color:var(--success, #1a7f37)}.dns-check__item-top{align-items:flex-start}@media(max-width:640px){.onboarding-check__test-btn{width:100%}}.site-publish__actions{flex-wrap:wrap}.site-publish__status p{margin:0}.site-publish__status p+p{margin-top:.35rem}.site-publish__advanced{margin-top:.5rem;font-size:.9rem}.site-publish__advanced summary{cursor:pointer;color:var(--muted, #666);-webkit-user-select:none;user-select:none}.site-publish__advanced[open] summary{margin-bottom:.75rem}.copy-button{white-space:nowrap}.code-block-row{display:flex;align-items:stretch;gap:10px}.code-block-row .code-block{flex:1;min-width:0;margin:0}.site-result__actions{margin-top:4px}:root{--brand-dark: #214a3d;--brand-medium: #3d725e;--brand-light: #8ab09f;--brand-peach: #f98f71;--bg: #ffffff;--bg-subtle: #f5f6f4;--surface-2: #eef2ef;--border: #d8deda;--text: #1a1f1c;--text-muted: #5f6b64;--accent: var(--brand-dark);--accent-hover: var(--brand-medium);--accent-subtle: #eef4f1;--danger: #ff3b30;--warning: #ff9500;--success: #34c759;--brand-green: var(--brand-medium);--brand-green-strong: var(--brand-dark);--brand-green-subtle: var(--accent-subtle);--danger-strong: #d70015;--warning-strong: #a05a00;--success-strong: #1d7a35;--danger-subtle: #fdeeed;--warning-subtle: #fff4e5;--success-subtle: #e9f7ee;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-brand: "Quicksand", var(--font-ui);--radius-control: 12px;--radius: var(--radius-control);--radius-card: 18px;--radius-pill: 980px;--shadow-card: 0 1px 3px rgba(33, 74, 61, .04), 0 8px 24px rgba(33, 74, 61, .06);--focus-ring: 0 0 0 4px rgba(33, 74, 61, .22);--focus-glow: 0 0 0 4px rgba(33, 74, 61, .14);--sidebar-width: 248px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-ui);font-size:15px;font-weight:400;line-height:1.55;background:var(--bg-subtle);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}h1,.page-title{font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.02em}h2{font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.015em}h3{font-size:20px;font-weight:600;line-height:1.3}h4,.card h2,.card h3.card-title{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:normal}.text-muted,.page-subtitle{color:var(--text-muted);font-size:14px;font-weight:400;line-height:1.5}.page-subtitle{margin-top:6px}.text-small{font-size:13px;line-height:1.4}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.tabular-nums{font-variant-numeric:tabular-nums}:focus-visible{outline:none;box-shadow:var(--focus-ring)}a:focus-visible{border-radius:6px}.card{background:var(--bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card-body{padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-pill);padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.row-actions .btn,.table-wrap .btn,td .btn{border-radius:var(--radius-control);padding:8px 14px}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-subtle);color:var(--text)}.btn-secondary:hover{background:var(--surface-2)}.btn-danger{background:transparent;color:var(--danger-strong)}.btn-danger:hover{background:var(--danger-subtle)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{display:grid;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--text-muted)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg);color:var(--text);padding:12px 16px;font-size:15px;line-height:1.55;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted)}.field textarea{min-height:110px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.password-field{position:relative}.field .password-field input,.password-field input{width:100%;padding-right:48px}.password-field__toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);padding:0;transition:background .15s ease,color .15s ease}.password-field__toggle:hover{background:var(--bg-subtle);color:var(--text)}.password-field__toggle:focus-visible{box-shadow:var(--focus-ring)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-glow)}.field-label{font-size:13px;font-weight:500;color:var(--text-muted)}.choice-list{display:grid;gap:8px}.choice-list__option{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer;font-size:15px;line-height:1.4}.choice-list__option.is-selected{border-color:var(--accent);background:var(--accent-subtle)}.choice-list__option input{margin-top:3px;width:auto}.field-hint{margin:6px 0 0;font-size:13px;color:var(--text-muted);line-height:1.4}.field-hint--error{color:var(--danger)}.git-connection-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.git-connection-status{margin:0;color:var(--text-muted);font-size:13px;line-height:1.4}.git-connection-status--testing{color:var(--text)}.git-connection-status--success{color:var(--success-strong)}.git-connection-status--error{color:var(--danger-strong)}.input-with-icon{display:flex;align-items:stretch}.input-with-icon__icon,.input-with-icon__btn{display:flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--border);border-right:none;border-radius:var(--radius-control) 0 0 var(--radius-control);background:var(--surface-2);color:var(--text-muted)}.input-with-icon__btn{cursor:pointer;transition:background .15s ease,color .15s ease}.input-with-icon__btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.input-with-icon__btn:disabled{opacity:.6;cursor:wait}.input-with-icon__btn:focus-visible{outline:none;box-shadow:var(--focus-ring);z-index:1}.input-with-icon input{flex:1;border-radius:0 var(--radius-control) var(--radius-control) 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.input-with-icon input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-glow)}.field--inline-hint input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-list{display:grid;gap:10px;margin:0}.detail-list>div{display:grid;grid-template-columns:120px 1fr;gap:8px 16px;align-items:baseline}.detail-list dt{margin:0;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.detail-list dd{margin:0;font-size:13px;line-height:1.45}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:13px;font-weight:400;line-height:1.45;font-variant-numeric:tabular-nums}th{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);font-variant-numeric:normal}tr:last-child td{border-bottom:none}.grid-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.stack{display:grid;gap:20px}.row-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.form-grid{display:grid;gap:16px}@media(max-width:900px){.hide-mobile{display:none!important}}@media(max-width:720px){.table-wrap table{min-width:560px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
