:root{--color-primary:#0b6bcb;--color-primary-hover:#0a5db0;--color-navy:#0a2d55;--color-bg:#f7f8fa;--color-surface:#fff;--color-text:#1d2939;--color-muted:#566072;--color-border:#e4e7ec;--color-border-strong:#cfd4dc;--color-row-hover:#f4f7fb;--color-info-bg:#e8f1fb;--color-info-text:#0a4f98;--color-info-accent:#0b6bcb;--color-success-bg:#dff5f0;--color-success-text:#0b5f52;--color-success-accent:#0e9f8a;--color-warning-bg:#fef3c7;--color-warning-text:#7c3d06;--color-warning-accent:#d97706;--color-danger-bg:#fee4e2;--color-danger-text:#b42318;--color-danger-accent:#d92d20;--color-danger-hover:#912018;--color-neutral-bg:#eceff3;--color-neutral-text:#3b4453;--color-purple-bg:#ede9fe;--color-purple-text:#5b21b6;--color-xero:#13b5ea;--color-xero-hover:#0e9fd0;--color-on-accent:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-control:8px;--radius-card:12px;--radius-pill:999px;--font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-title:21px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-base:1.5;--line-height-title:1.3;--nav-height:40px;--nav-underline-width:2px;--textarea-min-height:96px;--checkbox-size:16px;--swatch-width:56px;--table-input-min-width:80px;--disabled-opacity:.5;--notice-accent-width:4px;--badge-padding-y:2px;--control-height:36px;--filter-field-basis:120px;--page-max-width:1200px;--narrow-max-width:420px;--logo-height:30px;--logo-large-height:52px;--preview-height:720px;--shadow-card:0 1px 2px #1018280f;--focus-ring:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text)}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);margin:0}h1,h2,h3{color:var(--color-navy);font-weight:var(--font-weight-semibold);margin:0}h1{font-size:var(--font-size-title);line-height:var(--line-height-title)}h2{font-size:var(--font-size-md);margin-bottom:var(--space-3)}h3{font-size:var(--font-size-base);margin:var(--space-4) 0 var(--space-2)}p{margin:0 0 var(--space-3)}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}:focus-visible{box-shadow:var(--focus-ring);outline:none}.page{max-width:var(--page-max-width);padding:var(--space-6) var(--space-4) var(--space-12);margin:0 auto}.page-header{gap:var(--space-3) var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.page-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.page-footer{margin-top:var(--space-6)}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.split{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=800px){.split{grid-template-columns:1fr}}.plain-list{margin:0;padding:0;list-style:none}.muted{color:var(--color-muted)}.num{text-align:right;font-variant-numeric:tabular-nums}.topbar{gap:var(--space-2) var(--space-6);padding:var(--space-2) var(--space-4) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;display:flex}.brand{padding-bottom:var(--space-2);border-radius:var(--radius-control);align-items:center;display:inline-flex}.brand img{height:var(--logo-height);width:auto;display:block}.nav{gap:var(--space-1);order:3;align-self:stretch;width:100%;display:flex;overflow-x:auto}.nav a{padding:0 var(--space-3);min-height:var(--nav-height);color:var(--color-muted);font-weight:var(--font-weight-medium);white-space:nowrap;border-bottom:var(--nav-underline-width) solid transparent;align-items:center;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--color-navy)}.nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.nav a:focus-visible{border-radius:var(--radius-control);box-shadow:inset 0 0 0 var(--nav-underline-width) var(--color-primary)}.topbar-actions{gap:var(--space-2);padding-bottom:var(--space-2);flex-wrap:wrap;align-items:center;margin-left:auto;display:flex}@media (width>=900px){.topbar{padding-top:0}.brand{padding:var(--space-2) 0}.nav{flex:1;order:0;width:auto}.topbar-actions{margin-left:0;padding-bottom:0}}.switcher select{min-width:0;max-width:100%}.switcher label{align-items:center;gap:var(--space-2);min-width:0;max-width:100%;color:var(--color-muted);flex-direction:row;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4);margin:0 0 var(--space-4)}.card>:last-child{margin-bottom:0}.summary{gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.preview-frame{width:100%;height:var(--preview-height);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.state{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-muted)}.state-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.notice{padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4);border-radius:var(--radius-control);border-left:var(--notice-accent-width) solid var(--color-info-accent);background:var(--color-info-bg);color:var(--color-info-text)}.notice-success{border-left-color:var(--color-success-accent);background:var(--color-success-bg);color:var(--color-success-text)}.notice-warning{border-left-color:var(--color-warning-accent);background:var(--color-warning-bg);color:var(--color-warning-text)}.notice-error{border-left-color:var(--color-danger-accent);background:var(--color-danger-bg);color:var(--color-danger-text)}.notice a{color:inherit;font-weight:var(--font-weight-semibold)}.banner{border-left-width:var(--notice-accent-width);padding-inline:max(var(--space-4), calc((100% - var(--page-max-width)) / 2 + var(--space-4)));border-radius:0;margin:0}.warning{color:var(--color-warning-text);font-size:var(--font-size-sm);display:block}.field-error{color:var(--color-danger-text);font-size:var(--font-size-sm);display:block}.badge{padding:var(--badge-padding-y) var(--space-2);border-radius:var(--radius-pill);background:var(--color-neutral-bg);color:var(--color-neutral-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base);white-space:nowrap;display:inline-block}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-purple{background:var(--color-purple-bg);color:var(--color-purple-text)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:var(--space-4);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}th{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;background:var(--color-bg)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--color-row-hover)}td.actions{text-align:right;white-space:nowrap}.pager{gap:var(--space-2);color:var(--color-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}label{gap:var(--space-1);font-weight:var(--font-weight-medium);flex-direction:column;display:flex}.filters{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:flex-end;display:flex}.filters>label{flex:1 1 var(--filter-field-basis);min-width:0}.filters>label>input,.filters>label>select{width:100%}.field-error{color:var(--color-danger-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.check{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-normal);flex-direction:row}input,select,textarea{font:inherit;color:var(--color-text);min-height:var(--control-height);padding:var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-control)}textarea{min-height:var(--textarea-min-height);padding-block:var(--space-2)}input[type=checkbox]{min-height:0;width:var(--checkbox-size);height:var(--checkbox-size);accent-color:var(--color-primary);padding:0}input[type=color]{padding:var(--space-1);width:var(--swatch-width)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-primary)}input:disabled,select:disabled,textarea:disabled{background:var(--color-neutral-bg);color:var(--color-muted);cursor:not-allowed}table input:not([type=checkbox]){width:100%;min-width:var(--table-input-min-width)}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);min-width:0;margin:0}legend{padding:0 var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-navy)}fieldset .table-wrap{box-shadow:none}.button,button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-flex}.button:hover:not(:disabled),button:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.button-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-accent)}.button-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-accent)}.button-ghost{color:var(--color-muted);background:0 0;border-color:#0000}.button-ghost:hover:not(:disabled){background:var(--color-neutral-bg)}.button-danger{background:var(--color-danger-text);border-color:var(--color-danger-text);color:var(--color-on-accent)}.button-danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover);color:var(--color-on-accent)}button:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.xero-button{background:var(--color-xero);border-color:var(--color-xero);color:var(--color-on-accent);font-weight:var(--font-weight-semibold)}.xero-button:hover:not(:disabled){background:var(--color-xero-hover);border-color:var(--color-xero-hover);color:var(--color-on-accent)}.signin{min-height:100vh;padding:var(--space-6) var(--space-4);justify-content:center;align-items:center;display:flex}.signin-card{width:100%;max-width:var(--narrow-max-width);padding:var(--space-8);text-align:center}.signin-card h1{margin:0}.signin-card img{height:var(--logo-large-height);width:auto;margin:0 auto var(--space-4);display:block}.signin-card .button{width:100%}.signin-card .notice{text-align:left}.stack>button[type=submit]{align-self:flex-start}.card>fieldset.stack{border:0;padding:0}.card>fieldset.stack>legend{margin-bottom:var(--space-2);padding:0}.card>.stack>fieldset .row{margin-bottom:var(--space-2)}