:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#24322f;background:#f8f5ef;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}html,body{max-width:100%;overflow-x:hidden}button,input,select,textarea{font:inherit;min-width:0}button{border:0;cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:radial-gradient(circle at top left,rgba(125,188,172,.16),transparent 32rem),linear-gradient(135deg,#fbf8f1,#f7f5ef 45%,#f8f2e4)}.sidebar{padding:28px 20px;border-right:1px solid #e4ded2;background:#ffffffb8;display:flex;flex-direction:column;gap:28px}.logo{display:flex;gap:12px;align-items:center}.logo span,.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#d9eee8;color:#1a806f;font-weight:800}.logo strong{font-size:17px}nav{display:grid;gap:10px}nav button,.logout{display:flex;gap:10px;align-items:center;padding:13px 14px;border-radius:8px;color:#31413d;background:transparent}nav button.active{background:#dff0ea;color:#0f7668;font-weight:700}.logout{margin-top:auto}.content{width:min(1180px,100%);padding:32px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.page-head h1{margin:0;font-size:28px;letter-spacing:0}.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px}.primary{background:#82cdbc;color:#123d36;font-weight:800}.secondary{background:#e8f3ef;color:#0f7668;font-weight:700}.ghost{background:#f5f1e9;color:#50605c}.text-button{background:#fff;border:1px solid #e2d8c8;border-radius:8px;padding:9px 14px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.workbench-hero{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);gap:18px;margin-bottom:18px}.todo-count,.urgent-card,.next-queue{border:1px solid #d9d2c6;border-radius:8px;background:#ffffffd1;padding:24px}.todo-count{background:linear-gradient(135deg,#e3f7f1,#fbfffc);display:grid;align-content:center;gap:14px}.todo-count span,.urgent-card span{color:#596963;font-weight:800}.todo-count strong{color:#06352f;font-size:84px;line-height:.95}.todo-count small{font-size:22px;margin-left:6px}.todo-count em,.urgent-card p,.queue-record p{color:#61706b;font-style:normal;margin:0}.urgent-card{display:grid;gap:10px;background:linear-gradient(135deg,#fff7e5,#fffdf8)}.urgent-card strong{color:#10231f;font-size:42px}.urgent-card h2{margin:0;font-size:28px;overflow-wrap:anywhere}.next-queue{margin-bottom:18px;background:#ffffffb8}.queue-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.queue-head h2{margin:0;font-size:20px}.queue-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.queue-record{border:1px solid #e3dacb;border-radius:8px;background:#fffefa;padding:14px;display:flex;justify-content:space-between;gap:10px;min-height:132px}.queue-record strong{color:#00796b;font-size:18px}.queue-record h3{margin:8px 0 6px;font-size:17px;overflow-wrap:anywhere}.queue-record>span{align-self:flex-start;color:#16806f;background:#dff3ed;border-radius:999px;padding:4px 10px;white-space:nowrap}.compact-metrics .metric{min-height:118px}.metric{min-height:148px;padding:22px;border:1px solid #ded8cd;border-radius:8px;background:#ffffffc7;display:grid;align-content:space-between}.metric.mint{background:linear-gradient(135deg,#effaf6,#f8fbf7)}.metric.warm{background:linear-gradient(135deg,#fff8e8,#fffdf9)}.metric span{color:#596963}.metric strong{font-size:34px;letter-spacing:0}.metric small{font-size:16px;margin-left:4px}.metric em{color:#687771;font-style:normal}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:22px;min-height:250px;border:1px solid #ded8cd;border-radius:8px;background:#ffffffb8}.panel.green{background:linear-gradient(135deg,#edf8f3,#fbfffc)}.panel.gold{background:linear-gradient(135deg,#fff6df,#fffdf7)}.panel h2{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:20px}.mini-record{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(91,105,97,.14)}.mini-record em,.tags span,.tags button,.filter-row button{font-style:normal;color:#16806f;background:#dff3ed;border-radius:999px;padding:4px 10px;white-space:nowrap;border:0}.tags button.active-tag{background:#89d2c0;color:#103d36;font-weight:800}.toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.segmented{display:flex;padding:4px;background:#ebe5dc;border-radius:8px}.segmented button{padding:8px 16px;border-radius:7px;background:transparent}.segmented .active{background:#fff;color:#0f7668;font-weight:800}.search{min-width:280px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ded8cd;border-radius:8px;padding:0 12px}.search input{border:0;outline:0;min-height:40px;background:transparent;width:100%}.year-select{width:auto;min-width:120px;background:#fffefa}.record-list{display:grid;gap:12px}.record-card{display:flex;justify-content:space-between;gap:16px;padding:18px;border:1px solid #ded8cd;border-radius:8px;background:#ffffffc7}.record-card.warn{border-color:#efb35f;background:#fff8ea}.record-card h3{display:flex;align-items:center;gap:6px;margin:5px 0 6px;font-size:18px}.record-card p{margin:0 0 12px;color:#61706b}.record-number{color:#0f7668;font-weight:800}.tags{display:flex;flex-wrap:wrap;gap:8px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 14px}.filter-row button{display:inline-flex;align-items:center;gap:6px}.filter-row .ghost{background:#f5f1e9;color:#50605c}.record-money{display:grid;justify-items:end;align-content:space-between;min-width:150px}.record-money strong{font-size:21px}.record-money small{color:#61706b}.icon-row{display:flex;gap:6px}.icon-row button,.modal-head button{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#f2eee6;color:#43514d}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);display:grid;gap:16px;padding:32px;border:1px solid #ded8cd;border-radius:8px;background:#fffdf8}.login-card h1{margin:0}.login-card p{margin:0;color:#61706b}.field{display:grid;gap:7px;min-width:0}.field span{font-size:13px;color:#5c6a65;font-weight:700}input,select,textarea{width:100%;max-width:100%;border:1px solid #d9d2c6;background:#fffefa;border-radius:8px;padding:10px 12px;outline-color:#82cdbc}input[type=month],input[type=date],input[type=number]{min-width:0}textarea{min-height:92px;resize:vertical}.error{color:#b42318;background:#fff0ed;padding:10px;border-radius:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e242161;padding:18px;display:grid;place-items:center;z-index:20}.record-modal{width:min(1060px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow-y:auto;overflow-x:hidden;padding:24px;border-radius:8px;background:#fffdf8;display:grid;gap:18px}.modal-head,.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.modal-head>div{min-width:0}.modal-head h2{margin:4px 0 0;font-size:22px;overflow-wrap:anywhere}.eyebrow{color:#0f7668;font-weight:800}.form-section,.price-box,.print-box,.settings-panel{border:1px solid #e2dbcf;border-radius:8px;padding:16px;background:#fff}.note-section{display:grid;gap:10px}.note-section h3,.price-box h3{margin:0}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.price-box p{margin:7px 0 12px;color:#596963}.price-controls{display:flex;flex-wrap:wrap;gap:16px}.price-controls label{display:flex;gap:7px;align-items:center}.price-controls input{width:auto}.auto-addons{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.auto-addons span{border-radius:999px;background:#e1f5ef;color:#00796b;padding:5px 10px;font-weight:800}.form-actions{display:flex;flex-wrap:wrap;gap:10px}.addon-row{display:grid;grid-template-columns:1fr 120px auto;gap:10px;margin:12px 0}.addon-row button{border-radius:8px;padding:0 14px;background:#f5ead2;color:#795b17;font-weight:800}.selected-addons{display:grid;gap:8px;margin-top:10px}.selected-addon{display:grid;grid-template-columns:1fr 120px 38px;gap:8px;align-items:center}.selected-addon button{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#f2eee6;color:#43514d}.print-box{display:grid;gap:12px}.print-box pre{margin:0;white-space:pre-wrap;background:#faf6ee;border-radius:8px;padding:14px;color:#34423e;overflow-wrap:anywhere}.settings-panel{max-width:480px;display:grid;gap:12px}.settings-panel.wide{max-width:none;margin-bottom:18px}.settings-panel.export-filter{max-width:720px;margin-top:18px}.settings-panel p{margin:0;color:#61706b}.settings-panel h2{margin:0;font-size:19px}.check-line{display:flex;align-items:center;gap:8px;padding-top:24px}.check-line input{width:auto}.export-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.bar-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:90px 1fr 110px;gap:12px;align-items:center}.bar-row div{height:14px;background:#edf2ee;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:#82cdbc;border-radius:inherit}.bar-row em{font-style:normal;text-align:right;color:#50605c}.preview-canvas{width:min(360px,100%);height:auto;margin-top:18px;border:1px solid #ded8cd;border-radius:8px;background:#fff}.backup-panel,.tax-panel{margin-top:18px}.tax-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin-bottom:16px}.calc-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.calc-month-table{display:grid;gap:8px;overflow-x:auto}.calc-month-head,.calc-month-row{display:grid;grid-template-columns:92px 88px repeat(4,minmax(110px,1fr)) 120px 120px;gap:8px;align-items:center;min-width:1000px}.calc-month-head{color:#5c6a65;font-size:13px;font-weight:800}.calc-month-row{padding:8px;border:1px solid #eee6da;border-radius:8px;background:#fffefa}.calc-month-row strong{color:#00796b}.calc-month-row span{text-align:right;color:#43514d}.tax-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tax-grid div{padding:12px;border-radius:8px;background:#faf6ee}.tax-grid span{display:block;color:#60716b;font-size:13px;margin-bottom:6px}.tax-grid strong{font-size:18px}.tax-grid .tax-result{background:#dff3ed;color:#123d36}.tax-panel p{margin:12px 0 0;color:#687771}.empty{min-height:120px;display:grid;place-items:center;color:#77837f;border:1px dashed #d6cfc2;border-radius:8px}.toast{position:fixed;right:22px;bottom:22px;padding:12px 16px;border-radius:8px;background:#263532;color:#fff;z-index:40}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5;padding:12px;flex-direction:row;align-items:center;overflow-x:auto}.logo strong{display:none}nav{display:flex}nav button,.logout{white-space:nowrap;min-height:42px}.content{padding:18px}.modal-backdrop{padding:0;place-items:stretch}.record-modal{width:100vw;max-height:100dvh;border-radius:0;padding:16px}.page-head{align-items:flex-start}.metric-grid,.split,.form-grid,.form-grid.two,.form-grid.compact,.workbench-hero,.queue-list{grid-template-columns:1fr}.todo-count strong{font-size:64px}.urgent-card strong{font-size:34px}.queue-record{min-height:auto}.tax-form,.tax-grid,.calc-form{grid-template-columns:minmax(0,1fr)}.tax-form .primary,.calc-form .primary{width:100%;justify-content:center}.calc-month-head{display:none}.calc-month-row{grid-template-columns:1fr;min-width:0}.calc-month-row span{text-align:left}.toolbar,.record-card{flex-direction:column}.bar-row{grid-template-columns:72px 1fr}.bar-row em{grid-column:2;text-align:left}.search{min-width:0;width:100%}.record-money{justify-items:start;gap:8px}.addon-row,.selected-addon{grid-template-columns:1fr}}