:root{--bg:#f4f6f2;--card:#fff;--text:#20251f;--muted:#70786f;--line:#e1e6df;--brand:#d8612c;--brand-dark:#bd4b1e;--green:#276d52;--green-soft:#e7f2ec;--red:#b54137;--red-soft:#f9e9e6;--orange-soft:#f8ece4;--nav:#23302a;--radius:16px;--shadow:0 8px 28px rgba(31,42,34,.055)}[hidden],.hidden{display:none!important}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{cursor:pointer;min-height:42px}button:disabled{cursor:wait;opacity:.7}input,select{min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);padding:10px 12px;outline:none}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--orange-soft)}h1,h2,p{margin-top:0}.eyebrow{margin:0;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.13em}.muted{color:var(--muted);font-size:13px}.primary,.secondary,.danger{border:0;border-radius:10px;padding:11px 17px;font-weight:700}.primary{background:var(--brand);color:#fff}.primary:hover{background:var(--brand-dark)}.secondary{background:#fff;border:1px solid var(--line);color:var(--text)}.danger{background:var(--red);color:#fff}.wide{width:100%}
.auth-view{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#f8f2ec,#edf3ee)}.auth-brand{position:fixed;top:26px;left:30px;display:flex;align-items:center;gap:10px}.auth-brand span,.logo span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand);color:#fff;font:700 21px Georgia}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:var(--shadow)}.auth-card h1{margin:7px 0 8px;font-size:28px}.auth-form{margin-top:26px}.auth-form label{display:grid;gap:7px;color:#454c46;font-size:12px;font-weight:600}.auth-form label+label{margin-top:16px}.auth-form .auth-submit{margin-top:20px}.link-button{display:block;margin:15px auto 0;border:0;background:transparent;color:var(--brand);min-height:36px}.form-error{min-height:18px;margin:12px 0 0;color:var(--red);font-size:12px}
.app{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:30}.logo{display:flex;align-items:center;gap:10px;padding:0 8px}.sidebar nav{display:grid;gap:5px;margin-top:43px}.nav-button{border:0;background:transparent;color:#b8c2bc;text-align:left;padding:12px 15px;border-radius:10px;display:flex;align-items:center;gap:12px}.nav-button span{width:17px;text-align:center}.nav-button:hover,.nav-button.active{background:#37453e;color:#fff}.account{margin-top:auto;border-top:1px solid #3b4841;padding-top:18px;display:grid;gap:8px;font-size:11px;color:#aeb8b1;word-break:break-all}.account button{border:0;background:transparent;color:#fff;text-align:left;padding:0;min-height:32px}main{min-width:0;padding:0 38px 50px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-title{flex:1}header h1{font-size:23px;margin:4px 0 0}.month-select{display:flex;align-items:center;gap:9px;padding-left:12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);font-size:11px;font-weight:600}.month-select select{border:0;box-shadow:none;font-weight:700}.menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;width:42px}.page{display:none}.page.active{display:block}.page-lead{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:13px 0 20px}.page-lead h2{font-size:23px;margin:0 0 5px}.page-lead p{margin:0;color:var(--muted);font-size:12px}
.metric-section{margin-bottom:17px}.section-label{margin-bottom:9px;color:var(--muted);font-size:11px;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{min-height:112px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.metric span{color:var(--muted);font-size:11px}.metric strong{font-size:22px}.metric small{font-size:9px;color:var(--muted)}.metric.profit{border-top:3px solid var(--green)}.metric.loss{border-top:3px solid var(--red)}.metric.cost{border-top:3px solid var(--brand)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card h2{font-size:17px;margin:5px 0 18px}.card-head{display:flex;justify-content:space-between;align-items:start}.expense-card{margin-top:17px}.expense-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.expense-item{background:#f7f8f5;border-radius:11px;padding:14px}.expense-item span,.expense-item strong{display:block}.expense-item span{font-size:10px;color:var(--muted)}.expense-item strong{font-size:14px;margin-top:6px}.empty-state{background:#fff;border:1px dashed #cbd2ca;border-radius:var(--radius);padding:55px 20px;text-align:center}.empty-state>div{font-size:30px;color:var(--brand)}.empty-state h2{font-size:19px;margin:10px 0 7px}.empty-state p{color:var(--muted);font-size:12px;margin-bottom:19px}.data-error{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:11px 14px;border:1px solid #e7c3bd;border-radius:10px;background:#fff2ef;color:var(--red);font-size:12px}.data-error button{border:0;background:transparent;color:var(--red);font-weight:700;white-space:nowrap}
.daily-form{max-width:900px;padding:27px}.daily-form fieldset{border:0;padding:0;margin:0}.daily-form fieldset+fieldset{border-top:1px solid var(--line);margin-top:25px;padding-top:23px}.daily-form legend{font-size:13px;font-weight:700;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px 14px}.sales-fields{grid-template-columns:1.2fr .8fr 1fr}.daily-form label{display:grid;gap:7px;color:#4b514b;font-size:11px;font-weight:600}.daily-form label em{color:var(--brand);font-style:normal;font-size:9px}.live-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;padding:15px;background:#f4f7f3;border-radius:11px}.live-summary span{font-size:10px;color:var(--muted)}.live-summary strong{display:block;margin-top:4px;font-size:15px;color:var(--text)}.form-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:9px;margin:22px -5px -5px;padding:13px 5px 5px;background:linear-gradient(transparent,#fff 22%)}
.table-card{padding:5px 16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 9px;text-align:left;border-bottom:1px solid var(--line);font-size:11px;white-space:nowrap}th{font-size:9px;color:var(--muted);text-transform:uppercase}.table-actions{display:flex;gap:3px}.table-actions button{border:0;background:transparent;color:var(--brand);padding:4px;min-height:30px}.table-actions button:last-child{color:var(--red)}.positive{color:var(--green)}.negative{color:var(--red)}.empty-row{text-align:center;color:var(--muted);padding:35px}.history-cards{display:none}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.chart-card{min-width:0}.chart-box{height:245px;max-width:100%;overflow:hidden}.chart-box canvas{display:block;width:100%;height:100%}.comparison{margin-top:16px}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.comparison-item{border:1px solid var(--line);border-radius:11px;padding:14px}.comparison-item span,.comparison-item small{display:block;color:var(--muted);font-size:10px}.comparison-item strong{display:block;margin:7px 0;font-size:17px}
.loading{position:fixed;inset:0;background:rgba(244,246,242,.94);display:grid;place-content:center;text-align:center;z-index:60;font-size:12px;color:var(--muted)}.loading span{width:28px;height:28px;border:3px solid #d9ded8;border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;margin:auto}.toast{position:fixed;right:22px;bottom:22px;max-width:min(380px,calc(100% - 30px));background:#26332c;color:#fff;padding:12px 18px;border-radius:10px;font-size:12px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:70}.toast.show{opacity:1;transform:none}.modal{position:fixed;inset:0;background:rgba(20,25,22,.56);display:grid;place-items:center;z-index:65}.modal-card{width:min(380px,calc(100% - 30px));background:#fff;padding:27px;border-radius:16px}.modal-card h2{font-size:18px}.modal-card p{color:var(--muted);font-size:12px}.modal-card div{text-align:right;margin-top:24px}.modal-card button+button{margin-left:7px}.mobile-backdrop{position:fixed;inset:0;background:rgba(20,25,22,.4);z-index:25}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){main{padding:0 24px 40px}.metric-grid{grid-template-columns:repeat(2,1fr)}.expense-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.app{display:block;padding-bottom:env(safe-area-inset-bottom)}.sidebar{position:fixed;left:-245px;width:230px;transition:.22s;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.sidebar.open{left:0;box-shadow:10px 0 30px rgba(0,0,0,.2)}main{padding:0 14px calc(30px + env(safe-area-inset-bottom))}header{height:78px;gap:10px}.menu-button{display:block}.header-title h1{font-size:18px}.header-title .eyebrow{display:none}.month-select{font-size:0;padding-left:0}.month-select select{font-size:11px;max-width:125px}.page-lead{margin-top:9px}.page-lead h2{font-size:20px}.metric{min-height:102px;padding:15px}.metric strong{font-size:19px}.expense-grid{grid-template-columns:1fr 1fr}.daily-form{padding:20px 16px}.form-grid,.sales-fields{grid-template-columns:1fr}.live-summary{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}.chart-box{height:220px}.comparison-grid{grid-template-columns:1fr 1fr}.table-wrap{display:none}.table-card{padding:12px}.history-cards{display:grid;gap:11px}.history-card{border:1px solid var(--line);border-radius:13px;padding:15px}.history-card-head{display:flex;justify-content:space-between;align-items:start}.history-card-head strong{font-size:14px}.history-card-head span{font-size:11px;color:var(--muted)}.history-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.history-card-grid span,.history-card-grid strong{display:block}.history-card-grid span{font-size:9px;color:var(--muted)}.history-card-grid strong{font-size:12px;margin-top:4px}.history-card-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:9px}.history-card-actions button{border:0;background:transparent;color:var(--brand);min-height:36px}.history-card-actions button:last-child{color:var(--red)}.auth-brand{position:static;margin:0 0 25px}.auth-view{display:flex;flex-direction:column;justify-content:center;padding:22px}.auth-card{padding:28px 24px}.auth-form input{min-height:48px}.auth-submit{min-height:48px}.toast{right:15px;bottom:calc(15px + env(safe-area-inset-bottom))}}
@media(max-width:430px){.metric-grid{gap:9px}.metric strong{font-size:17px}.expense-grid{grid-template-columns:1fr 1fr}.comparison-grid{grid-template-columns:1fr}.live-summary{grid-template-columns:1fr}.page-lead .secondary{display:none}}
.input-affix{display:flex;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.input-affix:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--orange-soft)}.input-affix b{align-self:stretch;min-width:38px;display:grid;place-items:center;background:#f3f5f1;color:var(--muted);font-size:13px}.input-affix.cny b{background:#fff3dc;color:#9a6914}.input-affix input{width:100%;border:0;border-radius:0;box-shadow:none!important}.daily-form label i{font-style:normal;font-size:10px;color:var(--muted);font-weight:400}.daily-form label i strong{color:var(--green);font-size:11px}.rate-field{max-width:360px;margin-bottom:17px}.rate-input{display:flex;align-items:center;gap:8px}.rate-input small{color:var(--muted);white-space:nowrap}.rate-input input{width:130px}.cny-fieldset{background:#fffaf0;border:1px solid #f0dfbc!important;border-radius:13px!important;padding:18px!important;margin-top:25px!important}.cny-fieldset legend{padding:0 7px;color:#86601e}.cny-fields{grid-template-columns:1fr 1fr}.live-summary.five{grid-template-columns:repeat(5,1fr)}
@media(max-width:760px){.cny-fields{grid-template-columns:1fr}.live-summary.five{grid-template-columns:1fr 1fr}.rate-field{max-width:none}.input-affix{min-height:48px}}
@media(max-width:430px){.live-summary.five{grid-template-columns:1fr}}
html,body{min-height:100%;background:var(--bg)}body{min-height:100vh}.app{min-height:100vh;align-items:stretch;background:linear-gradient(to right,var(--nav) 0,var(--nav) 230px,var(--bg) 230px,var(--bg) 100%)}.sidebar{align-self:start}.app main{min-height:100vh;background:var(--bg)}header{height:auto;min-height:116px;padding:21px 0 18px;align-items:center}.header-title{min-width:0}.header-description{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.page{padding-top:5px}.page-actions{display:flex;justify-content:flex-end;margin:0 0 13px}.content-toolbar{display:flex;align-items:center;min-height:35px;margin:0 0 12px}.content-toolbar p{margin:0;color:var(--muted);font-size:11px}.month-select{flex:none}.month-select select{padding-right:10px}.page-lead{display:none}
@media(max-width:760px){.app{min-height:100vh;background:var(--bg)}.app main{min-height:100vh}header{min-height:94px;height:auto;padding:14px 0 13px;align-items:center}.header-description{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}.page{padding-top:4px}.page-actions{margin-bottom:10px}.content-toolbar{margin-bottom:9px}}
.basic-fields{grid-template-columns:minmax(180px,.7fr) minmax(280px,1.3fr)}.fieldset-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.fieldset-heading legend{margin:0}.compact{min-height:36px;padding:7px 12px;font-size:11px}.orders-editor{display:grid;gap:12px}.order-editor-card{border:1px solid var(--line);border-radius:13px;padding:16px;background:#fbfcfa}.order-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.order-card-head strong{font-size:13px}.remove-order{border:0;background:transparent;color:var(--muted);font-size:10px;min-height:30px;padding:4px 7px}.remove-order:hover{color:var(--red)}.order-fields{display:grid;grid-template-columns:1fr repeat(4,minmax(125px,.8fr));gap:11px}.order-fields label{min-width:0}.order-fields .order-note{grid-column:1/-1}.order-calculations{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding:11px 13px;background:#f1f5f1;border-radius:9px}.order-calculations span{font-size:9px;color:var(--muted)}.order-calculations strong{display:block;margin-top:3px;font-size:12px;color:var(--text)}.public-fees{grid-template-columns:1fr 1fr}.daily-summary{margin-top:24px}.daily-summary>.eyebrow{margin-bottom:8px}.live-summary.seven{grid-template-columns:repeat(7,1fr);margin-top:0}.order-detail-row td{padding:0 10px 14px;background:#fafbf9}.order-detail-list{display:grid;gap:8px;padding:11px}.order-detail-item{display:grid;grid-template-columns:1.2fr repeat(5,1fr);gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff}.order-detail-item>div strong,.order-detail-item>div small,.order-detail-item span,.order-detail-item span strong{display:block}.order-detail-item small,.order-detail-item span{font-size:9px;color:var(--muted)}.order-detail-item span strong{margin-top:3px;font-size:11px;color:var(--text)}.order-detail-item p{grid-column:1/-1;margin:0;padding-top:7px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.detail-toggle{width:100%;border:1px solid var(--line);background:#f8faf7;color:var(--green);border-radius:8px;font-size:10px;margin:3px 0 9px}.history-card [data-order-details] .order-detail-list{padding:4px 0 10px}.history-card [data-order-details] .order-detail-item{display:grid;grid-template-columns:1fr 1fr}.history-card [data-order-details] .order-detail-item>div,.history-card [data-order-details] .order-detail-item p{grid-column:1/-1}
@media(max-width:1100px){.order-fields{grid-template-columns:repeat(2,1fr)}.order-fields .order-note{grid-column:1/-1}.live-summary.seven{grid-template-columns:repeat(4,1fr)}.order-detail-item{grid-template-columns:repeat(3,1fr)}.order-detail-item>div,.order-detail-item p{grid-column:1/-1}}
@media(max-width:760px){.basic-fields,.order-fields,.public-fees{grid-template-columns:1fr}.order-fields .order-note{grid-column:auto}.order-editor-card{padding:14px 12px}.order-calculations{grid-template-columns:1fr}.live-summary.seven{grid-template-columns:1fr 1fr}.fieldset-heading{align-items:center}.order-detail-item{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.live-summary.seven{grid-template-columns:1fr}.fieldset-heading{gap:10px}.compact{white-space:nowrap}}