:root{--spacing-unit:8px;--spacing-small:calc(var(--spacing-unit)*.5);--spacing-medium:calc(var(--spacing-unit)*1);--spacing-normal:calc(var(--spacing-unit)*1.5);--spacing-large:calc(var(--spacing-unit)*2)}.container{height:100vh;font-size:15px;position:relative}.sticky{z-index:100;border-top:1px solid var(--color-divider);position:sticky;top:0}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.fixed-foot{opacity:1;background:var(--color-menubar);border-top:1px solid var(--color-divider);width:-webkit-fill-available;height:40px;padding:var(--spacing-medium)var(--spacing-large);justify-content:space-between;align-items:center;gap:8px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:0;transform:translateY(0)}.fixed-foot.hiding-foot{opacity:0;pointer-events:none;transform:translateY(100%)}.fixed-foot button{white-space:nowrap}.fixed-foot .spacer{flex:1}.fixed-foot .total{color:#111827;white-space:nowrap;font-size:1.1rem}.btn-dashed,.dash-btn{color:#374151;background:#fff;border:1px dashed #9ca3af;border-radius:18px;padding:6px 12px;font-size:12px}.header-card{border-bottom:1px solid var(--color-divider);background-color:#fff;margin-bottom:10px;padding:10px;position:sticky;top:0}.header-card .row{align-items:baseline;gap:8px;margin:4px 0;display:flex}.header-card .label{color:#6b7280;font-size:12px}.header-card .value{color:#111827;font-size:14px}.header-card .spacer{flex:1}.list-card{padding-top:var(--spacing-medium);padding-bottom:var(--spacing-medium);padding-left:var(--spacing-large);padding-right:var(--spacing-large);margin-bottom:var(--spacing-medium);background-color:#fff}.list-meta{color:#6b7280;align-items:center;gap:8px;margin:4px 0 8px;font-size:12px;display:flex}.list-meta .sep{background:#e5e7eb;width:10px;height:1px;display:inline-block}.list-btns{border-top:1px solid var(--color-divider);justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.list-btns .spacer{flex:1}.list-btns button{border-radius:12px;align-items:center;padding:4px 8px;font-size:13px;display:inline-flex}.icon-btn{color:#9ca3af;background:0 0;border:none;padding:0 3px;font-size:18px;line-height:1}.btn-primary,.btn-default .btn-warning,.btn-danger,.btn-success{border-radius:6px;padding:8px 12px}.btn-primary{color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary);border-color:color-mix(in srgb,var(--color-primary)85%,black);flex:1}.btn-primary:hover{filter:brightness(.98)}.btn-default{color:#374151;background-color:#fff;border:1px solid #e7e8e9}.btn-default:hover{background:#f9fafb}.btn-text{color:#3b82f6!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;font-size:14px!important;font-weight:400!important}.btn-text:hover{color:#2563eb!important;background:0 0!important}.btn-text:active{color:#1d4ed8!important;background:0 0!important}.btn-warning{color:var(--color-warning);background:var(--color-warning-bg);border:1px solid var(--color-warning)}.btn-danger{color:#fff;background:var(--color-danger);border:1px solid var(--color-danger)}.btn-danger:hover{filter:brightness(.98)}.btn-success{color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-success)}.btn-success:hover{filter:brightness(.98)}.empty,.loading{color:#6b7280;text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:200px;padding:20px;font-size:1.2rem;display:flex}.no-more{color:#6b7280;text-align:center;width:100%;margin:20px 0;font-size:.8rem}.gap-zone{height:55px}.gap-line{height:2px;margin:14px 0}.floating-add{background:var(--color-primary);color:#fff;text-align:center;z-index:100;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;border-radius:22px;outline:none;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;font-size:2rem;line-height:1;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 8px #0003}.floating-add:active{filter:brightness(.95);-webkit-tap-highlight-color:transparent;outline:none}.floating-add:focus{-webkit-tap-highlight-color:transparent;outline:none}.floating-add:focus-visible{outline:none}.form-head{z-index:100;border-bottom:1px solid var(--color-divider);background:#fff;position:sticky;top:0}.form-body{height:calc(100% - 33px);min-height:320px;padding:var(--spacing-large);border-top:1px solid var(--color-divider);background:#fff;margin-bottom:10px;overflow-y:scroll}.form-head+.form-body{border-top:none;height:calc(100% - 85px)}.overlay{z-index:1000;background:#00000073;position:fixed;inset:0}.dialog{z-index:2000;border-top:1px solid var(--color-divider);background-color:#fff;flex-direction:column;height:100vh;display:flex;position:fixed;inset:0}.dialog-head{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;padding:10px;display:none}.dialog-body{height:calc(100% - 45px);min-height:320px;overflow-y:scroll}.dialog-foot{justify-content:flex-end;gap:var(--spacing-medium);width:-webkit-fill-available;padding:var(--spacing-medium)var(--spacing-large);flex-direction:row;display:flex;position:sticky}@media (max-height:500px){.dialog-foot{display:none!important}}@media (min-height:500px){.dialog-foot{display:flex!important}}