:root{--bg:#f6f8f8;--panel:#ffffff;--panel-strong:#f0f5f4;--text:#172020;--muted:#66736f;--border:#dce5e2;--accent:#0f766e;--accent-strong:#0b5e57;--danger:#b42318;--warning:#b7791f;--success:#207044;--ink-soft:#34413f}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-card,.card,.form-panel,.panel,.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 40px rgba(30,42,40,.06)}.auth-card{width:min(100%,420px);padding:28px}.app-shell{min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;flex-direction:column;gap:0;min-width:164px}.brand strong{font-size:17px}.brand span,.muted{color:var(--muted)}.nav{display:flex;flex-wrap:wrap;gap:6px}.button,.button-danger,.button-ghost,.button-muted,.nav a{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid transparent;text-decoration:none;white-space:nowrap}.nav a{color:var(--ink-soft)}.button-ghost:hover,.button-muted:hover,.nav a:hover{background:var(--panel-strong)}.button{border-color:var(--accent);background:var(--accent);color:#fff}.button:hover{background:var(--accent-strong)}.button-ghost{border-color:var(--border);background:#fff;color:var(--text)}.button-muted{border-color:transparent;background:transparent;color:var(--ink-soft)}.button-danger{border-color:#f3c2bd;background:#fff2f0;color:var(--danger)}.main{width:min(100%,1220px);margin:0 auto;padding:28px 24px 48px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.auth-card h1,.page-head h1{margin:0;font-size:28px;line-height:1.15}.auth-card p,.page-head p{margin:6px 0 0;color:var(--muted)}.grid{display:grid;grid-gap:16px;gap:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.two-col{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr)}.card,.form-panel,.panel{padding:18px}.stat-label{color:var(--muted);font-size:13px}.stat-value{display:block;margin-top:6px;font-size:30px;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}td,th{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}tr:last-child td{border-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field,.field-full{display:flex;flex-direction:column;gap:6px}.field-full{grid-column:1/-1}label{color:var(--ink-soft);font-size:13px;font-weight:700}input,select,textarea{width:100%;min-height:40px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:9px 11px}textarea{min-height:86px;resize:vertical}input[type=checkbox]{width:auto;min-height:auto}.checkbox-row{min-height:40px}.actions,.checkbox-row{display:flex;align-items:center;gap:10px}.actions{flex-wrap:wrap}.stack{display:grid;grid-gap:14px;gap:14px}.inline-form{flex-wrap:wrap;gap:8px}.badge,.inline-form{display:inline-flex;align-items:center}.badge{gap:6px;min-height:26px;border-radius:999px;padding:3px 9px;border:1px solid var(--border);background:var(--panel-strong);color:var(--ink-soft);font-size:12px;font-weight:700}.badge.due,.badge.failed{border-color:#f1d09a;background:#fff8ea;color:var(--warning)}.badge.active,.badge.paid,.badge.synced{border-color:#b8dfc8;background:#eefaf2;color:var(--success)}.badge.disabled,.badge.none{color:var(--muted)}.badge.danger{border-color:#f3c2bd;background:#fff2f0;color:var(--danger)}.alert{margin-bottom:16px;padding:12px 14px;border:1px solid #f1d09a;border-radius:8px;background:#fff8ea;color:#7a4f08}.alert.error{border-color:#f3c2bd;background:#fff2f0;color:var(--danger)}.alert.success{border-color:#b8dfc8;background:#eefaf2;color:var(--success)}.small{font-size:13px}.code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:16px}.filters .field{min-width:170px}.cell-preview{display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px dashed var(--border);border-radius:8px;background:#fbfdfc}.audit-json{max-width:280px;white-space:pre-wrap;word-break:break-word}@media (max-width:820px){.page-head,.topbar{align-items:stretch;flex-direction:column}.main{padding-inline:16px}.form-grid,.form-grid.three,.two-col{grid-template-columns:1fr}.button,.button-danger,.button-ghost,.button-muted,.nav a{flex:1 1 auto}}