:root{--gunmetal:#1b1d21;--site-paper:#f6f4ef;--surface:#fff;--hi-vis:#e8590c;--paid-green:#2f9e44;--dispute-red:#e03131;--steel:#868e96;--border:#ddd9d0;--on-dark:#f6f4ef;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-xxl:48px;--r-sm:6px;--r-md:10px;--r-lg:16px;--shadow:0 1px 2px #1b1d210f;--t-fast:.15s ease-out;--t-base:.2s ease-out;--font-body:"Archivo", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--site-paper);color:var(--gunmetal);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--font-body);margin:0;font-weight:700;font-stretch:125%;line-height:1.2}h1{font-size:24px}h2{font-size:16px}a{color:inherit}.shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--gunmetal);color:var(--on-dark);padding:var(--sp-lg) 0;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{padding:0 var(--sp-lg) var(--sp-lg);border-bottom:1px solid #f6f4ef1f}.lockup{align-items:center;gap:var(--sp-sm);display:flex}.lockup svg{flex-shrink:0;display:block}.lockup .wordmark{font-family:var(--font-body);letter-spacing:-.01em;font-size:18px;font-weight:700;font-stretch:125%;line-height:1}.login-card .lockup .wordmark{font-size:22px}.sidebar-brand .biz{color:var(--steel);margin-top:var(--sp-sm);overflow-wrap:break-word;font-size:12px;font-weight:500;line-height:1.3}.sidebar nav{padding:var(--sp-md) 0;gap:var(--sp-xs);flex-direction:column;flex:1;display:flex}.nav-link{padding:var(--sp-sm) var(--sp-lg);color:var(--steel);transition:color var(--t-fast);border-left:2px solid #0000;font-weight:500;text-decoration:none;display:block}.nav-link:hover{color:var(--on-dark)}.nav-link.active{color:var(--on-dark);border-left-color:var(--on-dark);font-weight:600}.sidebar-foot{padding:var(--sp-md) var(--sp-lg) 0;border-top:1px solid #f6f4ef1f}.signout{color:var(--steel);font:inherit;text-align:left;cursor:pointer;min-height:32px;transition:color var(--t-fast);background:0 0;border:none;padding:0;font-weight:500}.signout:hover{color:var(--on-dark)}.main{padding:var(--sp-xl);min-width:0}.page{gap:var(--sp-lg);flex-direction:column;max-width:960px;margin:0 auto;display:flex}.page-head{justify-content:space-between;align-items:center;gap:var(--sp-md);display:flex}.page-loading{color:var(--steel);padding:var(--sp-xxl);text-align:center}.back-link{color:var(--steel);align-items:center;min-height:24px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--gunmetal)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow)}.card-pad{padding:var(--sp-lg)}.card-head{justify-content:space-between;align-items:center;gap:var(--sp-md);padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--border);display:flex}.card-body{padding:var(--sp-lg)}.btn{align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--gunmetal);font:inherit;white-space:nowrap;cursor:pointer;transition:border-color var(--t-fast), background-color var(--t-fast), color var(--t-fast);font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--steel)}.btn:disabled{color:var(--steel);cursor:not-allowed;border-color:var(--border)}.btn-primary{background:var(--hi-vis);border-color:var(--hi-vis);color:#fff;font-weight:600}.btn-primary:hover{background:var(--gunmetal);border-color:var(--gunmetal)}.btn-primary:disabled{background:var(--steel);border-color:var(--steel);color:#fff}.btn-dark{background:var(--gunmetal);border-color:var(--gunmetal);color:var(--on-dark)}.btn-dark:hover{border-color:var(--gunmetal);background:var(--gunmetal);color:#fff}.btn-danger{background:var(--surface);border-color:var(--dispute-red);color:var(--dispute-red)}.btn-danger:hover{background:var(--dispute-red);border-color:var(--dispute-red);color:#fff}.btn-danger-solid{background:var(--dispute-red);border-color:var(--dispute-red);color:#fff;font-weight:600}.btn-danger-solid:disabled{background:var(--steel);border-color:var(--steel);color:#fff}.btn-sm{padding:var(--sp-xs) var(--sp-sm);font-size:13px}.btn-link{font:inherit;color:var(--steel);cursor:pointer;min-height:24px;transition:color var(--t-fast);background:0 0;border:none;align-items:center;padding:0;font-size:13px;font-weight:500;display:inline-flex}.btn-link:hover{color:var(--gunmetal)}.btn-link.danger:hover{color:var(--dispute-red)}.field{gap:var(--sp-xs);flex-direction:column;display:flex}.field>label{color:var(--steel);font-size:13px;font-weight:500}.input,.select,.textarea{font:inherit;color:var(--gunmetal);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-sm);width:100%;transition:border-color var(--t-fast);line-height:1.4}.input,.select{min-height:42px}.input[readonly],.textarea[readonly],.select:disabled{background:var(--site-paper);color:var(--steel);cursor:default}.input:focus,.select:focus,.textarea:focus{border-color:var(--gunmetal);outline:none}.textarea{resize:vertical;min-height:72px}.form-grid{gap:var(--sp-md);grid-template-columns:1fr 1fr;display:grid}.form-grid .span-2{grid-column:span 2}.form-actions{justify-content:flex-end;gap:var(--sp-sm);margin-top:var(--sp-md);display:flex}.checkbox-row{align-items:center;gap:var(--sp-sm);cursor:pointer;min-height:32px;font-weight:500;display:flex}.checkbox-row input{accent-color:var(--gunmetal);width:18px;height:18px}.tabs{gap:var(--sp-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-xs);width:fit-content;display:flex}.tab{font:inherit;color:var(--steel);min-height:32px;padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--t-fast), color var(--t-fast);background:0 0;border:none;font-size:13px;font-weight:500}.tab:hover{color:var(--gunmetal)}.tab.active{background:var(--gunmetal);color:var(--on-dark)}.list-toolbar{align-items:center;gap:var(--sp-md);flex-wrap:wrap;display:flex}.search{flex:280px;min-width:240px;max-width:420px;position:relative}.search .input{padding-left:var(--sp-xl)}.search .search-icon{left:var(--sp-sm);color:var(--steel);pointer-events:none;display:block;position:absolute;top:50%;transform:translateY(-50%)}.row-list{flex-direction:column;display:flex}.row-list>*+*{border-top:1px solid var(--border)}.list-row{align-items:center;gap:var(--sp-md);padding:var(--sp-md) var(--sp-lg);color:inherit;transition:background-color var(--t-fast);text-decoration:none;display:flex}a.list-row:hover{background:var(--site-paper)}.list-row .grow{flex:1;min-width:0}.list-row .title{font-weight:600}.list-row .sub{color:var(--steel);font-size:13px}.list-row .meta{color:var(--steel);white-space:nowrap;flex-shrink:0;font-size:13px}.list-row .col-money{text-align:right;flex-shrink:0;width:104px}.list-row .col-time{text-align:right;width:104px}.list-row .col-chip{flex-shrink:0;justify-content:flex-end;width:88px;display:flex}.add-row{align-items:center;gap:var(--sp-sm);width:100%;padding:var(--sp-md) var(--sp-lg);border:none;border-bottom:1px dashed var(--border);font:inherit;color:var(--hi-vis);cursor:pointer;text-align:left;border-radius:var(--r-md) var(--r-md) 0 0;transition:background-color var(--t-fast);background:0 0;font-weight:600;display:flex}.add-row:hover{background:var(--site-paper)}.add-row .plus{border-radius:var(--r-sm);background:var(--hi-vis);color:#fff;justify-content:center;align-items:center;width:20px;height:20px;font-size:15px;line-height:1;display:inline-flex}.empty{color:var(--steel);padding:var(--sp-lg);text-align:center}.chip{padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-sm);white-space:nowrap;border:1px solid;font-size:12px;font-weight:600;line-height:1;display:inline-block}.badge-locked{padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-sm);background:var(--gunmetal);color:var(--on-dark);font-size:11px;font-weight:600;line-height:1;display:inline-block}.money{font-variant-numeric:tabular-nums;font-weight:500}.money-lg{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;font-stretch:125%}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--steel);text-transform:uppercase;letter-spacing:.06em;padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--border);font-size:12px;font-weight:500}.table td{padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--border);vertical-align:top}.table tbody tr:last-child td{border-bottom:none}.table .num,.table th.num{text-align:right}.table td.num{font-variant-numeric:tabular-nums}.bullet-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.note-item{gap:var(--sp-sm);padding:var(--sp-sm) 0;align-items:flex-start;min-height:32px;display:flex}.note-item+.note-item{border-top:1px solid var(--border)}.note-item .bullet{color:var(--hi-vis);text-align:center;flex-shrink:0;width:12px;font-weight:700;line-height:1.5}.note-item.locked .bullet{color:var(--steel)}.note-body{white-space:pre-wrap;overflow-wrap:break-word;flex:1;min-width:0}.note-add{align-items:flex-start;gap:var(--sp-sm);margin-top:var(--sp-md);padding-top:var(--sp-md);border-top:1px solid var(--border);display:flex}.note-add .textarea{flex:1;min-height:40px}.note-add .btn{white-space:nowrap;flex-shrink:0}.note-meta{color:var(--steel);margin-top:var(--sp-xs);font-size:12px}.note-actions{gap:var(--sp-sm);flex-shrink:0;display:flex}.section-divider{align-items:center;gap:var(--sp-md);color:var(--steel);text-transform:uppercase;letter-spacing:.06em;margin:var(--sp-md) 0;font-size:12px;font-weight:500;display:flex}.section-divider:before,.section-divider:after{content:"";border-top:1px solid var(--border);flex:1}.photo-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.photo-tile{gap:var(--sp-xs);flex-direction:column;display:flex}.photo-frame{border:1px solid var(--border);border-radius:var(--r-sm);aspect-ratio:4/3;background:var(--site-paper);position:relative;overflow:hidden}.photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.photo-frame .badge-locked{top:var(--sp-sm);left:var(--sp-sm);position:absolute}.photo-frame button.photo-open{cursor:zoom-in;background:0 0;border:none;width:100%;height:100%;padding:0;display:block}.photo-caption{justify-content:space-between;align-items:center;gap:var(--sp-sm);color:var(--steel);font-size:12px;display:flex}.photo-note{overflow-wrap:break-word;white-space:pre-wrap;font-size:13px;line-height:1.4}.photo-note.empty-note{color:var(--steel);font-style:italic}.photo-note-btn{width:100%;padding:var(--sp-xs) 0 0;font:inherit;color:var(--gunmetal);text-align:left;cursor:text;border-radius:var(--r-sm);background:0 0;border:none;font-size:13px;display:block}.photo-note-btn:hover{color:var(--hi-vis)}.photo-note-edit{gap:var(--sp-sm);flex-direction:column;display:flex}.photo-note-edit .textarea{min-height:56px;font-size:13px}.lightbox{z-index:20;padding:var(--sp-xl);background:#1b1d21e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-inner{gap:var(--sp-md);flex-direction:column;align-items:center;max-width:min(1100px,100%);max-height:100%;display:flex}.lightbox img{object-fit:contain;border-radius:var(--r-md);background:var(--gunmetal);max-width:100%;max-height:70vh;display:block}.lightbox-meta{background:var(--surface);border-radius:var(--r-md);padding:var(--sp-md) var(--sp-lg);gap:var(--sp-xs);flex-direction:column;width:100%;max-width:640px;display:flex}.lightbox-close{top:var(--sp-lg);right:var(--sp-lg);width:40px;height:40px;color:var(--on-dark);font:inherit;cursor:pointer;transition:background-color var(--t-fast);background:0 0;border:1px solid #f6f4ef4d;border-radius:50%;font-size:20px;line-height:1;position:absolute}.lightbox-close:hover{background:#f6f4ef24}.add-panel{background:var(--site-paper);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-md);gap:var(--sp-md);flex-direction:column;display:flex}.expense-form{gap:var(--sp-sm) var(--sp-md);grid-template-columns:minmax(0,1fr) 88px 120px 136px;align-items:end;display:grid}.expense-form>.btn{white-space:nowrap;grid-column:4;justify-content:center}.inline-form{gap:var(--sp-sm) var(--sp-md);grid-template-columns:minmax(0,1fr) 120px 136px;align-items:end;display:grid}.inline-form>.btn{white-space:nowrap;justify-content:center}.icon-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--gunmetal);font:inherit;cursor:pointer;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.icon-btn:hover:not(:disabled){border-color:var(--steel)}.icon-btn.on{background:var(--gunmetal);border-color:var(--gunmetal);color:var(--on-dark)}.icon-btn:disabled{color:var(--steel);cursor:not-allowed}.remove-x{width:24px;height:24px;color:var(--steel);font:inherit;cursor:pointer;border-radius:var(--r-sm);transition:color var(--t-fast), background-color var(--t-fast);background:0 0;border:none;font-size:16px;line-height:1}.remove-x:hover:not(:disabled){color:var(--dispute-red);background:var(--site-paper)}.remove-x:disabled{cursor:not-allowed;opacity:.4}.totals{border-top:1px solid var(--border);padding-top:var(--sp-md)}.template-row{align-items:center;gap:var(--sp-md);padding:var(--sp-sm) 0;display:flex}.template-row+.template-row{border-top:1px solid var(--border)}.template-row .name{overflow-wrap:break-word;flex:1;min-width:0}.template-row .money{text-align:right;flex-shrink:0;width:96px}.overlay{padding:var(--sp-lg);z-index:10;background:#1b1d2166;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);width:100%;max-width:480px;max-height:90vh;animation:.2s ease-out dialog-in;overflow-y:auto}@keyframes dialog-in{0%{opacity:0;transform:translateY(var(--sp-sm))}to{opacity:1;transform:none}}.dialog-head{padding:var(--sp-lg) var(--sp-lg) 0}.dialog-body{padding:var(--sp-md) var(--sp-lg) var(--sp-lg);gap:var(--sp-md);flex-direction:column;display:flex}.error-text,.hint,.empty{margin:0}.error-text{color:var(--dispute-red);font-size:13px}.hint{color:var(--steel);font-size:13px}.kv{justify-content:space-between;gap:var(--sp-md);padding:var(--sp-xs) 0;display:flex}.kv .k{color:var(--steel)}.danger-card{border-color:var(--dispute-red)}.stack-sm{gap:var(--sp-sm);flex-direction:column;display:flex}.stack-md{gap:var(--sp-md);flex-direction:column;display:flex}.hrow{align-items:center;gap:var(--sp-sm);display:flex}.spacer{flex:1}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-wrap{min-height:100vh;padding:var(--sp-lg);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:360px;padding:var(--sp-xl);gap:var(--sp-md);flex-direction:column;display:flex}.login-card .tagline{color:var(--steel);margin-top:var(--sp-sm);font-size:13px}