:root{--orange:#ea580c;--orange-dark:#c2410c;--orange-soft:#ffedd5;--orange-ink:#9a3412;--ink:#1c1917;--muted:#78716c;--line:#ece7e2;--line-strong:#d6d0ca;--bg:#f8f6f3;--sunken:#f4efea;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3,p{margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}.app{color:var(--ink);flex-wrap:wrap;min-height:100vh;font-family:DM Sans,system-ui,sans-serif;font-size:14px;line-height:1.45;display:flex}.side{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:0 0 272px;gap:6px;width:272px;padding:14px 12px;display:flex}.main{flex-direction:column;flex:999 560px;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;min-height:57px;padding:12px 28px;display:flex}.content{flex-direction:column;gap:20px;min-width:0;padding:24px 28px 40px;display:flex}.page{flex-direction:column;gap:16px;display:flex}.page-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-head>.grow{flex:240px;min-width:0}.page h2{font-size:22px;font-weight:700}.subtle{color:var(--muted)}.navbtn{text-align:left;color:#44403c;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 10px;font-weight:500;text-decoration:none;display:flex}.navbtn:hover{background:#fbf3ec}.navbtn.on{background:var(--orange-soft);color:var(--orange-ink)}.grouplabel{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:14px 10px 4px;font-size:11px;font-weight:700}.ico{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.card{border:1px solid var(--line);background:#fff;border-radius:12px}.sec{flex-direction:column;gap:14px;padding:18px;display:flex}.sec h3{font-size:15px;font-weight:700}.btn{border:1px solid var(--line-strong);background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-weight:600;display:inline-flex}.btn:hover{background:#fbf7f3}.btn.sm{min-height:34px;padding:4px 10px}.btnp{background:var(--orange);color:#fff;border:0;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-weight:600;display:inline-flex}.btnp:hover{background:var(--orange-dark)}.btnp:disabled,.btn:disabled{color:#fff;cursor:not-allowed;background:#a8a29e}.btn:disabled{color:#a8a29e;background:#f4efea}.btnd{color:var(--danger);background:#fff;border:1px solid #fda29b;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-weight:600;display:inline-flex}.link{color:var(--orange-dark);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-weight:600;text-decoration:underline}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip.tag{background:var(--sunken);color:#44403c}.chip.tag.orange{background:var(--orange-soft);color:var(--orange-ink)}.chip.removable{padding:4px 6px 4px 12px;font-size:13px}.chip.removable button{width:22px;height:22px;color:inherit;background:0 0;border:0;border-radius:50%}.code{background:var(--sunken);letter-spacing:.04em;border-radius:6px;padding:1px 7px;font-family:DM Mono,ui-monospace,monospace;font-weight:500}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;min-height:44px;margin-right:18px;padding:10px 4px;font-weight:600}.tab.on{color:var(--orange-dark);border-bottom-color:var(--orange)}.row{text-align:left;background:#fff;border:0;border-top:1px solid #f1ece7;align-items:center;gap:12px;width:100%;padding:10px 16px;display:grid}button.row:hover{background:#fdf8f4}.th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#fbf8f5;border-top:0;font-size:12px;font-weight:700}.scroll{overflow-x:auto}.input{border:1px solid var(--line-strong);width:100%;font:inherit;background:#fff;border-radius:8px;min-height:40px;padding:9px 12px}.input:focus,textarea:focus{outline-offset:0;border-color:var(--orange);outline:2px solid #fdba8c}.input:disabled{background:var(--sunken);color:var(--muted)}.input.bad{border-color:#f04438}.label{color:#44403c;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.help{color:var(--muted);margin-top:5px;font-size:12px}.field-error{color:#b42318;margin-top:5px;font-size:12px}.searchbox{border:1px solid var(--line-strong);min-height:40px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.searchbox input{background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:36px}.money{border:1px solid var(--line-strong);background:#fff;border-radius:8px;align-items:center;display:flex;overflow:hidden}.money input{border:0;outline:none;flex:1;min-width:0;min-height:38px;padding:0 4px}.money>span{color:var(--muted);padding:0 10px}.money>span.unit{border-left:1px solid var(--line);background:#fbf8f5;align-self:stretch;align-items:center;padding:0 12px;font-weight:600;display:flex}.pop{z-index:20;border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;min-width:260px;padding:6px;display:flex;position:absolute;top:44px;left:0;box-shadow:0 8px 24px #1c191724}.popbtn{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;min-height:38px;padding:8px 10px;font-weight:500;display:flex}.popbtn:hover{background:#fbf3ec}.popbtn .mark{width:16px;color:var(--orange);font-weight:700}.note{border-radius:8px;padding:10px 12px;font-size:13px}.note.ok{color:#05603a;background:#e6f8ef;font-weight:600}.note.warn{color:#7c2d12;background:#fff4ec;border:1px solid #fed7aa}.note.error{color:#912018;background:#fde9e7}.note.pending{color:#7a2e0e;background:#fef0c7}.empty-card{text-align:center;color:var(--muted);padding:28px}.stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.grid2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.split{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.split>.main-col{flex-direction:column;flex:999 520px;gap:16px;min-width:0;display:flex}.split>.side-col{flex-direction:column;flex:320px;gap:16px;min-width:0;display:flex}.wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.skeleton{background:linear-gradient(90deg,#f3eee9,#fbf8f5,#f3eee9);border-radius:8px;min-height:18px}.login-screen{background:linear-gradient(150deg,#f97316 0%,#c2410c 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:DM Sans,system-ui,sans-serif;display:flex}.login-card{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:380px;padding:36px 32px;display:flex;box-shadow:0 10px 40px #7c2d1259}@media (width<=760px){.content{padding:18px 16px 32px}.topbar{padding:12px 16px}.side{border-right:0;border-bottom:1px solid var(--line);flex-basis:100%;width:100%}}