:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#303133;background:#f3f5f7;font-size:14px;line-height:1.5;--blue:#1675d1;--nav:#263445;--border:#dcdfe6;--muted:#606975;--surface:#fff;--danger:#b72c2c}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}input,select,textarea{width:100%;min-width:0;min-height:38px;border:1px solid #bfc6cf;border-radius:4px;background:white;color:#303133;padding:8px 12px}textarea{resize:vertical}input[type=checkbox]{width:18px;min-height:18px;height:18px;margin:0}input:focus,select:focus,textarea:focus{outline:2px solid #a8d2fc;outline-offset:1px;border-color:var(--blue)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #85bdf5;outline-offset:3px}h1,h2,p{margin-top:0}h1{font-size:22px;line-height:1.4;font-weight:600;margin-bottom:8px}h2{font-size:16px;font-weight:600;margin-bottom:16px}p{margin-bottom:12px}small,.hint{font-size:13px;color:var(--muted)}.hint{margin:6px 0 0;overflow-wrap:anywhere}.boot{padding:32px}.button{border:1px solid transparent;border-radius:4px;padding:8px 16px;min-height:38px;white-space:nowrap;background:#eef1f5;color:#303133}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.primary:hover{background:#0f63b6}.button.secondary{background:white;border-color:#bfc6cf}.button.secondary:hover{color:var(--blue);border-color:var(--blue)}.button.link{background:transparent;color:var(--blue);padding:6px 8px;min-height:32px}.button.danger{background:white;border-color:#e6b1b1;color:var(--danger)}.button.wide{width:100%}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.actions .actions{margin:0}.form-error{background:#fff1f0;color:#a32020;border:1px solid #f2b5b5;padding:12px;border-radius:4px;margin-bottom:16px}.form-error[hidden]{display:none}.warning{padding:12px 16px;background:#fff7e8;border:1px solid #e8c484;border-radius:4px;color:#7b4a09}.info-box{padding:12px 16px;background:#edf6ff;border:1px solid #a7cbed;color:#31597b;margin-top:16px}.amount{font-variant-numeric:tabular-nums;font-weight:600;color:#145da3}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:460px;background:white;border:1px solid var(--border);border-radius:6px;padding:32px;box-shadow:0 4px 20px #2838470a}.auth-brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.auth-brand h1{margin:0;font-size:23px}.auth-brand .hint{margin:2px 0 0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:4px;background:var(--blue);color:white;font-size:21px;font-weight:600}.trial-banner{background:#f0f7ff;padding:12px;color:#3a607e;font-size:13px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0}.field label{font-weight:500;color:#454e5c}.form-end{justify-content:flex-end}.form-narrow{max-width:560px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px}.demo-accounts{margin-top:24px;border-top:1px solid var(--border);padding-top:16px}.demo-accounts summary{cursor:pointer;color:var(--muted);margin-bottom:8px}.sample-account{display:block;width:100%;padding:8px;text-align:left;border:0;background:#f5f7fa;color:#465769;font-size:12px;margin-top:4px;border-radius:3px}.sample-account:hover{background:#e7f1fc}.app-shell{display:flex;min-height:100vh}.sidebar{width:212px;background:var(--nav);color:#c4cdd7;flex:none;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:8px;color:white;padding:20px 16px;font-weight:600;white-space:nowrap}.brand:hover{text-decoration:none}.brand .brand-mark{width:30px;height:30px;font-size:18px}.sidebar nav{display:flex;flex-direction:column;padding:12px 0}.nav-item{padding:14px 24px;color:#d1d8df;border-left:3px solid transparent}.nav-item:hover{background:#1f2c3c;color:white;text-decoration:none}.nav-item.active{background:#193b5e;color:#6eb6ff;border-left-color:#409eff}.sidebar-note{margin-top:auto;padding:24px;color:#b6c0cb;font-size:12px;line-height:1.8}.workspace{flex:1;min-width:0}.topbar{height:60px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px}.breadcrumb{color:#66717e}.session-actions,.identity{display:flex;align-items:center;gap:12px}.role-label{font-size:12px;padding:2px 8px;border:1px solid #c6d7eb;color:#235f9c;border-radius:3px}.trial-strip{background:#edf4fb;padding:8px 24px;color:#54708c;font-size:12px;border-bottom:1px solid #dfe9f3}.content{padding:24px;max-width:1600px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.page-heading .hint{margin:0}.panel{background:white;border:1px solid #e2e6eb;border-radius:4px;padding:20px;margin-bottom:20px}.panel>h2{border-bottom:1px solid #edf0f4;padding-bottom:12px}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{background:#f5f7fa;color:#59616d;font-weight:600;white-space:nowrap}td,th{padding:12px 16px;border-bottom:1px solid #ebeef3;vertical-align:middle}td{overflow-wrap:anywhere}tbody tr:hover{background:#f7faff}td .hint{font-size:12px}td .actions{margin:0;gap:4px}.empty{padding:40px 16px;text-align:center;background:#fafbfc;color:#6a7480;border:1px dashed #d9e0e8}.filter-bar{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.filter-bar .field{margin:0;min-width:180px;flex:1;max-width:320px}.pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;font-size:13px;color:var(--muted)}.badge{display:inline-block;padding:3px 8px;border:1px solid #d2dbe6;background:#f3f6fa;color:#52677d;border-radius:3px;font-size:12px;white-space:nowrap}.status-REVIEW_PENDING{background:#ecf5ff;border-color:#b5d7fa;color:#2364a7}.status-REJECTED{background:#fff1f0;border-color:#efb1ac;color:#a72c26}.status-PAYMENT_PENDING{background:#fff7e8;border-color:#e8c484;color:#8b580f}.status-PAID{background:#ecf8ee;border-color:#b0d8b8;color:#28773a}.order-title{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.order-title h2{margin:0;font-size:18px;overflow-wrap:anywhere}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:0}.facts dt{font-size:12px;color:var(--muted);margin-bottom:6px}.facts dd{margin:0;font-size:15px;overflow-wrap:anywhere}.item-row{display:grid;grid-template-columns:minmax(200px,1fr) minmax(100px,160px) auto;gap:16px;align-items:end;margin-bottom:12px}.item-row .field{margin:0}.line-editor{margin-bottom:16px}.line-editor>.item-row{padding-bottom:16px;border-bottom:1px solid #edf0f4}.receipt-line{padding:16px;background:#f9fbfd;border:1px solid #dbe4ee;border-radius:4px;margin-bottom:16px}.receipt-line .item-row{grid-template-columns:minmax(150px,1fr) minmax(90px,160px)}.price-line{margin:12px 0;color:#245f96;font-weight:500}.scan-bar{display:flex;gap:12px;align-items:flex-end}.scan-bar .field{flex:1;max-width:600px;margin:0}.scan-bar input{font-size:17px;min-height:44px}.scan-bar .button{min-height:44px}.checkbox-label{display:flex;align-items:center;gap:8px;margin:20px 0;cursor:pointer}.notifications{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100vw - 32px);width:max-content}.notice{padding:12px 20px;background:#f0f9eb;border:1px solid #b5d9a8;color:#326f23;box-shadow:0 4px 16px #0001;margin-bottom:8px;border-radius:4px;max-width:600px}.notice.error{background:#fff1f0;border-color:#efb1ac;color:#a72c26}.skip-link{position:fixed;top:-80px;left:12px;background:white;padding:12px;z-index:200}.skip-link:focus{top:12px}details.panel summary{cursor:pointer;font-weight:600}details.panel[open]>summary{margin-bottom:16px}
@media(max-width:900px){.sidebar{width:180px}.brand{padding-left:12px;padding-right:12px;font-size:13px}.content{padding:16px}.topbar{padding:0 16px}.trial-strip{padding:8px 16px}.nav-item{padding-left:18px;padding-right:18px}.panel{padding:16px}.item-row{grid-template-columns:minmax(150px,1fr) 100px}.item-row>.button{justify-self:start}}
.numeric{white-space:nowrap;font-variant-numeric:tabular-nums}.received-lines table{min-width:640px}
.camera-launch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.camera-launch>.button{min-height:44px}.camera-launch .hint{margin:0;flex:1;min-width:180px}.camera-panel{border:1px solid var(--border);border-radius:4px;background:#f9fbfd;padding:16px;margin-bottom:20px;max-width:640px}.camera-panel[hidden]{display:none}.camera-panel h2{margin-bottom:12px}.camera-preview{display:block;width:100%;max-height:360px;aspect-ratio:4/3;object-fit:contain;background:#17212b;border-radius:4px}.camera-preview[hidden]{display:none}.camera-status{margin:12px 0}.camera-panel>.button{margin-top:16px;min-height:44px}.scan-feedback:empty{display:none}
@media(max-width:600px){.app-shell{display:block}.sidebar{width:100%;display:block}.brand{padding:12px 16px}.sidebar nav{flex-direction:row;overflow:auto;padding:0}.nav-item{padding:12px 16px;white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.nav-item.active{border-bottom-color:#409eff}.sidebar-note{display:none}.topbar{height:52px;padding:0 12px}.breadcrumb{display:none}.session-actions{justify-content:space-between;width:100%;gap:8px}.identity{gap:8px}.trial-strip{padding:6px 12px;font-size:11px}.content{padding:16px 12px}.page-heading{display:block;margin-bottom:16px}.page-heading>.button{margin-top:12px}h1{font-size:20px}.panel{padding:16px 12px;margin-bottom:16px}.facts{grid-template-columns:1fr 1fr;gap:16px}td,th{padding:10px 12px}.filter-bar{gap:12px}.filter-bar .field{max-width:none;min-width:160px}.form-grid{grid-template-columns:1fr}.item-row{grid-template-columns:minmax(120px,1fr) 90px;gap:12px}.receipt-line{padding:12px}.receipt-line .item-row{grid-template-columns:minmax(120px,1fr) 90px}.auth-card{padding:24px 20px}.auth-page{padding:16px}.auth-brand h1{font-size:21px}.pager{justify-content:flex-start;gap:8px;flex-wrap:wrap}.scan-bar{gap:8px}.scan-bar .button{padding:8px 14px}.actions .button{white-space:normal}.order-title{gap:8px}.notifications{top:8px}.notice{padding:12px;font-size:13px}}