:root{color-scheme:light;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-page: #eef2f6;--color-surface: #ffffff;--color-surface-muted: #f7f9fb;--color-text: #15202b;--color-muted: #66788a;--color-border: #d9e1e8;--color-primary: #0f766e;--color-primary-strong: #0b5f59;--color-primary-soft: #d9f2ef;--color-accent: #2563eb;--color-warning: #a16207;--color-warning-soft: #fff2cf;--color-danger: #b42318;--color-danger-soft: #fde4e1;--color-success: #166534;--color-success-soft: #dcfce7;--shadow-panel: 0 1px 2px rgba(15, 23, 42, .08);--radius: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}*{box-sizing:border-box}html{min-width:320px;background:var(--color-page)}body{margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:15px;line-height:1.45;background:var(--color-page)}button,input,select{font:inherit}button{min-height:38px;border:1px solid var(--color-border);border-radius:6px;padding:8px 12px;color:var(--color-text);background:var(--color-surface);cursor:pointer}button:hover:not(:disabled){border-color:var(--color-primary)}button:disabled{cursor:not-allowed;opacity:.58}button.primary{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}button.primary:hover:not(:disabled){background:var(--color-primary-strong)}button.danger{border-color:#f3b4ad;color:var(--color-danger)}input,select{width:100%;min-height:40px;border:1px solid var(--color-border);border-radius:6px;padding:8px 10px;color:var(--color-text);background:#fff}input:disabled,select:disabled{color:var(--color-muted);background:var(--color-surface-muted)}label{display:grid;gap:var(--space-2);color:var(--color-muted);font-size:13px;font-weight:650}code,pre{overflow:auto;border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;white-space:pre-wrap;word-break:break-word}code{display:block;padding:var(--space-3);background:#10202b;color:#e4f5f2}pre{max-height:360px;padding:var(--space-4);background:var(--color-surface-muted)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:26px;line-height:1.15;letter-spacing:0}h2{margin-bottom:0;font-size:18px;line-height:1.25;letter-spacing:0}h3{margin-bottom:var(--space-2);font-size:15px;line-height:1.3;letter-spacing:0}.auth-page{display:grid;min-height:100vh;place-items:center;padding:var(--space-5)}.auth-panel,.panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-panel)}.auth-panel{display:grid;width:min(480px,100%);gap:var(--space-5);padding:var(--space-6)}.app-shell{display:grid;gap:var(--space-5);width:min(1440px,100%);margin:0 auto;padding:var(--space-5)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:72px}.topbar-actions,.button-row{display:flex;align-items:center;gap:var(--space-2)}.button-row.wrap{flex-wrap:wrap}.tabs,.segmented{display:flex;gap:var(--space-1);width:fit-content;border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-1);background:var(--color-surface)}.tabs button,.segmented button{border:0;background:transparent}.tabs button.active,.segmented button.active{color:var(--color-primary-strong);background:var(--color-primary-soft)}.grid{display:grid;gap:var(--space-4)}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.weather-grid{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr)}.panel{display:grid;align-content:start;gap:var(--space-4);padding:var(--space-5)}.panel.wide{grid-column:1 / -1}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.stack{display:grid;gap:var(--space-4)}.stack.small{gap:var(--space-3)}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.eyebrow{margin-bottom:var(--space-1);color:var(--color-muted);font-size:12px;font-weight:750;letter-spacing:0;text-transform:uppercase}.muted{margin-bottom:0;color:var(--color-muted)}.feedback{border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-weight:650}.feedback.error{border:1px solid #f2b8b5;color:var(--color-danger);background:var(--color-danger-soft)}.feedback.notice,.notice-panel{border-color:#bfe3dc;background:var(--color-primary-soft)}.secret-panel{grid-template-columns:minmax(0,1fr);border-color:#b9d2ff}.pill,.status{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:4px 10px;color:var(--color-muted);background:var(--color-surface-muted);font-size:13px;font-weight:700;white-space:nowrap}.status.warning{color:var(--color-warning);background:var(--color-warning-soft)}.tier-paid,.tier-paid_plus{color:var(--color-success);background:var(--color-success-soft)}.tier-free{color:var(--color-accent);background:#e1ecff}.details{display:grid;gap:var(--space-3);margin:0}.details.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.details div{min-width:0}.details dt{color:var(--color-muted);font-size:12px;font-weight:750;text-transform:uppercase}.details dd{margin:2px 0 0;overflow-wrap:anywhere;font-weight:650}.plan{gap:var(--space-5)}.plan.current{border-color:var(--color-primary)}.price{margin-bottom:0;font-size:26px;font-weight:800}.price span{color:var(--color-muted);font-size:14px;font-weight:600}.feature-list{display:grid;gap:var(--space-2);margin:0;padding-left:18px;color:var(--color-muted)}.row-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);background:var(--color-surface-muted)}.stripe-card{min-height:44px;border:1px solid var(--color-border);border-radius:6px;padding:12px;background:#fff}.divider{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-2);border:0;margin:0;padding:0}.checkboxes legend{width:100%;margin-bottom:var(--space-1);color:var(--color-muted);font-size:13px;font-weight:750}.checkboxes label{display:inline-flex;align-items:center;gap:var(--space-2);min-height:34px;border:1px solid var(--color-border);border-radius:999px;padding:4px 10px;color:var(--color-text);background:var(--color-surface-muted);font-size:13px}.checkboxes input{width:auto;min-height:auto}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.metric{display:grid;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);background:var(--color-surface-muted)}.metric span{color:var(--color-muted);font-size:12px;font-weight:750;text-transform:uppercase}.metric strong{overflow-wrap:anywhere;font-size:18px}.table-wrap{overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:640px}th,td{border-bottom:1px solid var(--color-border);padding:10px 12px;text-align:left;vertical-align:top}th{color:var(--color-muted);background:var(--color-surface-muted);font-size:12px;font-weight:800;text-transform:uppercase}tr:last-child td{border-bottom:0}.invoice-detail{display:grid;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.error-text{color:var(--color-danger);font-weight:700}.success-text{color:var(--color-success);font-weight:700}@media(max-width:980px){.grid.two,.grid.three,.weather-grid,.summary-grid,.details.compact{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.app-shell,.auth-page{padding:var(--space-3)}.panel,.auth-panel{padding:var(--space-4)}.tabs{width:100%;overflow-x:auto}.topbar-actions,.row-card,.field-row,.panel-header{align-items:stretch;flex-direction:column}.field-row{display:grid;grid-template-columns:1fr}.button-row{flex-wrap:wrap}}