:root,[data-design=a]{--ink:#233246;--muted:#718094;--green:#356be5;--paper:#f7f9fc;--line:#e2e8f0;--gold:#7184a0;--danger:#b83b58;--surface:#fff;--side:#fff;--tint:#edf3ff;--tint2:#f2f5fa;--radius:12px;--body-font:'Microsoft JhengHei','PingFang TC','Segoe UI',sans-serif;--title-font:var(--body-font);--metric-font:'Segoe UI','Helvetica Neue',sans-serif;--accent2:#2d7363;--button-radius:9px;--shadow:0 4px 16px #253b5c04}
[data-design=b]{--ink:#463c32;--muted:#8d7e6b;--green:#74674e;--paper:#f7f2e9;--line:#e4d8c8;--gold:#998169;--surface:#fffdf8;--side:#efe7db;--tint:#eae3d3;--tint2:#f5efe2;--radius:3px;--body-font:'PMingLiU','Songti TC','Noto Serif TC',serif;--title-font:var(--body-font);--metric-font:Georgia,'Times New Roman',serif;--accent2:#9c623d;--button-radius:4px;--shadow:none}
[data-design=c]{--ink:#363344;--muted:#706c7e;--green:#7561a4;--paper:#faf8f5;--line:#e8e3ed;--gold:#81748e;--danger:#a64162;--surface:#fff;--side:#f3eef8;--tint:#ebe3f5;--tint2:#f7f3fa;--radius:22px;--body-font:'PingFang TC','Microsoft JhengHei','Noto Sans TC',sans-serif;--title-font:var(--body-font);--metric-font:'Segoe UI','Helvetica Neue',sans-serif;--accent2:#95654a;--button-radius:15px;--shadow:0 4px 0 #ece7ef}
body{font-family:var(--body-font);background:var(--paper);color:var(--ink);line-height:1.6}h1,h2,h3,.brand{font-family:var(--title-font)}.page-heading h1{font-size:28px;font-weight:650;letter-spacing:-.3px}.brand{color:var(--ink)}.brand small{color:var(--muted)}.brandmark,.brandmark.small{background:var(--tint);color:var(--green);border-radius:var(--button-radius);box-shadow:none}.sidebar{background:var(--side);border-color:var(--line)}.nav-label,.sidebar-bottom,.sidebar-bottom button{color:var(--muted)}nav button{color:var(--muted);border-radius:var(--button-radius);font-family:var(--body-font)}nav button span{background:var(--tint2)!important;color:var(--muted)!important;border-radius:6px}nav button.active{background:var(--tint);color:var(--green);box-shadow:none}nav button.active span{background:transparent!important;color:var(--green)!important}nav b{background:var(--tint);color:var(--green)}.dot{background:var(--green)}.topbar{background:var(--surface);border-color:var(--line)}.breadcrumb strong{color:var(--ink)}.primary{background:var(--green);border-radius:var(--button-radius);box-shadow:none}.primary:hover{background:var(--green);filter:brightness(.95)}.secondary{background:var(--tint);color:var(--green);border-radius:var(--button-radius)}.secondary:hover{background:var(--tint);filter:brightness(.98)}.quiet,a,.inventory-actions .quiet{color:var(--green)}.quiet:hover{background:var(--tint);border-radius:var(--button-radius)}.eyebrow,.page-heading .eyebrow{color:var(--gold)}.page-heading .muted{color:var(--muted)}.date-pill{background:var(--surface);border-color:var(--line);color:var(--muted)}.stat,.stat:nth-child(2),.stat:nth-child(3){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:21px}.stat label{color:var(--muted);font-family:var(--body-font);font-size:12px;font-weight:500}.stat .number,.stat:nth-child(2) .number,.stat:nth-child(3) .number{color:var(--ink);font-family:var(--metric-font);font-size:42px;font-weight:700;letter-spacing:-1px}.stat:nth-child(2) .number{color:var(--green)}.stat .number small{font-family:var(--body-font);font-size:13px;color:var(--muted)}.stat p{color:var(--muted);font-family:var(--body-font)}.panel,.document-card,.item-card{background:var(--surface);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-heading h3{color:var(--ink);font-size:17px}.row,.shopping-row,.service-event{border-color:var(--line)}.row-main strong{font-size:14px;font-family:var(--body-font);color:var(--ink)}.row-main small,.form-hint,.inventory-name small,.inventory-stock small,.inventory-dates small,.shopping-row .row-main small{color:var(--muted)}.file-icon{background:var(--tint2);color:var(--green);border-radius:var(--button-radius)}.badge{background:var(--tint);color:var(--green);border-radius:var(--button-radius)}.badge.pending{background:#fff1d9;color:#976624}.badge.overdue{background:#fde9ee;color:#af385b}.expense-status.paid{background:var(--tint);color:var(--green);border-radius:var(--button-radius)}.money{font-family:var(--metric-font);color:var(--ink)}.shopping-quantity,.shopping-summary strong{font-family:var(--metric-font);color:var(--green)}.expense-status.unpaid,.note{background:var(--tint2);color:var(--muted);border-color:var(--line)}.empty,.empty .empty-icon{color:var(--muted)}.check-button{border-radius:5px;color:var(--green);border-color:var(--line)}.check-button.checked{background:var(--tint);border-color:var(--green)}.done strong{color:var(--muted)}.toolbar input,.toolbar select,input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:var(--button-radius);font-family:var(--body-font)}input:focus,select:focus,textarea:focus{border-color:var(--green);outline-color:var(--tint)}label{color:var(--muted)}button:focus-visible,a:focus-visible{outline-color:var(--green)}.login-shell{background:var(--paper)}.login-card{background:var(--surface);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.tabs,.preview-box{background:var(--tint2)}.tabs button.selected{color:var(--green)}.dropzone{background:var(--tint2);border-color:var(--line)}dialog{background:var(--surface);border-color:var(--line);border-radius:var(--radius)}.receipt-item{border-color:var(--line)}.receipt-item legend{color:var(--green)}.history{border-color:var(--line);color:var(--muted)}progress{accent-color:var(--green)}#toast{background:var(--green);border-radius:var(--button-radius)}.inventory-table{border-color:var(--line);border-radius:var(--radius)}.inventory-table-head{background:var(--tint2);color:var(--muted)}.inventory-row.item-card{background:var(--surface);border-color:var(--line);border-radius:0;box-shadow:none}.inventory-row:hover{background:var(--tint2)}.inventory-name strong{font-family:var(--body-font)}.inventory-stock{color:var(--green);font-family:var(--metric-font)}.inventory-dates{color:var(--ink)}.compact-stats .stat{border-radius:var(--radius);padding:10px 14px}.compact-stats .stat .number{font-size:28px}.compact-stats .stat label{font-size:12px}.document-tabs button{border-color:var(--line);color:var(--muted);background:var(--surface);border-radius:var(--button-radius)}.document-tabs button.selected{background:var(--tint);color:var(--green);border-color:var(--green)}.shopping-row .secondary{background:var(--tint);color:var(--green)}
[data-design=b] .page-heading h1{font-size:32px;font-weight:500;letter-spacing:2px}[data-design=b] .eyebrow{letter-spacing:2px}[data-design=b] .panel-heading{border-bottom:1px solid var(--line);padding-bottom:10px}[data-design=b] .stats{gap:1px;background:var(--line);border:1px solid var(--line)}[data-design=b] .stat{border:0;border-radius:0}[data-design=b] .brand{letter-spacing:2px}[data-design=b] .date-pill{border-radius:2px}[data-design=b] .topbar{background:var(--paper)}[data-design=b] .row-main strong{font-size:16px}[data-design=b] .nav-label{letter-spacing:3px}
[data-design=c] .page-heading h1{font-size:30px;font-weight:700;letter-spacing:.2px}[data-design=c] .brand{font-size:24px}[data-design=c] .stat{border-width:2px;background:#fff}[data-design=c] .stat:nth-child(2){background:#fff2e9;border-color:#efdfd2}[data-design=c] .stat:nth-child(2) .number{color:var(--accent2)}[data-design=c] .stat:nth-child(3){background:#f2ecfa;border-color:#e5dcef}[data-design=c] .primary{box-shadow:0 3px 0 #7561a41a}[data-design=c] .panel-heading h3{font-size:18px;font-weight:650}[data-design=c] .brandmark{border-radius:50%}[data-design=c] nav button.active{box-shadow:inset 3px 0 #a998c5}
.design-picker{margin:18px 28px 0;padding:13px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.design-picker>div{margin-right:auto}.design-picker strong{display:block;font-family:'Microsoft JhengHei','PingFang TC',sans-serif;font-size:12px}.design-picker small{font-family:'Microsoft JhengHei','PingFang TC',sans-serif;font-size:11px;color:var(--muted)}.design-picker button{font-family:'Microsoft JhengHei','PingFang TC',sans-serif;display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);padding:9px 11px;border-radius:9px;color:var(--ink);font-size:12px;min-height:40px}.design-picker button.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.design-swatch{display:block;width:13px;height:13px;border-radius:50%}.design-a{background:#5180e8}.design-b{background:#a38966}.design-c{background:#b4a0ce}
@media(max-width:1000px){.design-picker{margin:16px 20px 0}.stat .number{font-size:35px}}
@media(max-width:650px){.sidebar{background:var(--side);border-color:var(--line)}#nav button{color:var(--muted)}#nav button.active{background:var(--tint);color:var(--green);box-shadow:none}.design-picker{margin:12px 12px 0;padding:10px;gap:6px}.design-picker>div{width:100%;display:flex;justify-content:space-between}.design-picker button{flex:1;font-size:10px;padding:8px 4px;gap:4px;justify-content:center}.page-heading h1{font-size:23px}.stat,.stat:nth-child(2),.stat:nth-child(3){padding:12px 8px}.stat .number,.stat:nth-child(2) .number,.stat:nth-child(3) .number{font-size:29px}.stat label{font-size:10px}.stat .number small{font-size:10px}.compact-stats .stat{padding:9px}.compact-stats .stat .number{font-size:25px}.compact-stats .stat label{font-size:10px}[data-design=b] .page-heading h1{font-size:25px}[data-design=b] .row-main strong{font-size:14px}[data-design=c] .page-heading h1{font-size:28px}.design-picker strong{font-size:11px}.design-picker small{font-size:10px}}