:root{--color-bg:#fff;--color-surface:#f9fafb;--color-border:#e5e7eb;--color-text:#111827;--color-text-muted:#4b5563;--color-text-subtle:#6b7280;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-on-primary:#fff;--color-success:#15803d;--color-warning:#b45309;--color-error:#b91c1c;--color-info:#1d4ed8;--color-success-bg:#dcfce7;--color-on-success-bg:#166534;--color-warning-bg:#fef3c7;--color-on-warning-bg:#92400e;--color-error-bg:#fee2e2;--color-on-error-bg:#991b1b;--color-info-bg:#dbeafe;--color-on-info-bg:#1e40af;--color-neutral-bg:#f3f4f6;--color-on-neutral-bg:#374151;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--leading-tight:1.25;--leading-normal:1.5;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-overlay:1200;--z-modal:1300;--z-toast:1400}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);margin:0}.app-shell{max-width:64rem;padding:var(--space-8);margin:0 auto}.muted{color:var(--color-text-muted)}.topbar{justify-content:space-between;align-items:baseline;gap:var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8);padding-bottom:var(--space-4);display:flex}.topbar h1{font-size:var(--text-xl);margin:0}.topbar nav{gap:var(--space-4);display:flex}.topbar nav a{color:var(--color-text-muted);font-weight:var(--weight-medium);text-decoration:none}.topbar nav a.active{color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.form{gap:var(--space-4);flex-direction:column;max-width:32rem;display:flex}.field{gap:var(--space-2);font-weight:var(--weight-medium);border:0;flex-direction:column;margin:0;padding:0;display:flex}.field input,.field select{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text)}.field legend{font-weight:var(--weight-semibold);padding:0}.check{align-items:center;gap:var(--space-2);font-weight:var(--weight-normal);display:flex}button[type=submit]{font:inherit;font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;border:0;align-self:flex-start}button[type=submit]:hover{background:var(--color-primary-hover)}button[type=submit]:disabled{opacity:.6;cursor:progress}.state{color:var(--color-text-muted)}.state.error{color:var(--color-error)}.breakdown{margin-top:var(--space-6);max-width:32rem}.breakdown h3{margin-top:0}.breakdown-table{border-collapse:collapse;width:100%}.breakdown-table td{padding:var(--space-2) 0}.breakdown-table .amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.breakdown-table .sep td{border-top:1px solid var(--color-border);font-weight:var(--weight-medium)}.breakdown-table .total td{border-top:2px solid var(--color-text);font-weight:var(--weight-bold);font-size:var(--text-lg)}.logs-table{width:100%}.logs-row{cursor:pointer}.logs-row:hover{background:var(--color-surface)}.logs-detail-row td{padding:0}.logs-detail{padding:var(--space-3) var(--space-4) var(--space-4);background:var(--color-surface);gap:var(--space-2);flex-direction:column;display:flex}.logs-detail .breakdown-table{max-width:32rem}.setup-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.setup-grid{grid-template-columns:1fr 1fr}}.setup-section h3{margin-top:0}.setup-table{border-collapse:collapse;width:100%;margin:var(--space-4) 0}.setup-table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:var(--space-1) var(--space-2)}.setup-table td{padding:var(--space-2);border-top:1px solid var(--color-border);vertical-align:middle}.setup-table .amount{text-align:right;font-variant-numeric:tabular-nums}.row-actions{text-align:right}.row-actions button{font:inherit;font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer}.badge{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:0 var(--space-2);border-radius:var(--radius-full);line-height:1.6;display:inline-block}.badge.on{background:var(--color-success-bg);color:var(--color-on-success-bg)}.badge.off{background:var(--color-neutral-bg);color:var(--color-on-neutral-bg)}.badge.default{background:var(--color-info-bg);color:var(--color-on-info-bg)}.field.readonly{align-items:baseline;gap:var(--space-2);flex-direction:row}.field.readonly .field-label{color:var(--color-text-muted);font-weight:var(--weight-medium)}.inline-form{align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.inline-form input{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);flex:8rem}.inline-form button{font:inherit;font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;border:0}.inline-form button:disabled{opacity:.6;cursor:progress}.state.ok{color:var(--color-success)}.app-loading{padding:var(--space-8)}.login-wrap{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login{gap:var(--space-4);flex-direction:column;width:100%;max-width:22rem;display:flex}.login h1{font-size:var(--text-xl);margin:0}.login p{margin:0}.linkbtn{font:inherit;color:var(--color-primary);cursor:pointer;background:0 0;border:0;padding:0}.linkbtn:hover{color:var(--color-primary-hover);text-decoration:underline}.autocomplete{position:relative}.autocomplete input{width:100%}.inline-form .autocomplete{flex:10rem}.autocomplete-menu{z-index:var(--z-dropdown);margin:var(--space-1) 0 0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:16rem;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-menu li{margin:0}.autocomplete-menu button{text-align:left;width:100%;font:inherit;padding:var(--space-2) var(--space-3);color:var(--color-text);cursor:pointer;background:0 0;border:0;display:block}.autocomplete-menu button:hover{background:var(--color-surface)}