.h5{background:#fff;max-width:480px;min-height:100vh;margin:0 auto;font-size:16px}.h5 main{padding:12px 16px 48px}.h5-header{z-index:5;background:var(--primary);color:#fff;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.h5-header a,.h5-header button.link{color:#fff}.h5-header .brand{margin-right:auto;font-weight:700;text-decoration:none}.h5-header select{color:#fff;background:0 0;border-color:#ffffff80}.h5 h1{margin:8px 0;font-size:22px}.h5 .lead{color:#555}.h5 label{margin:10px 0;display:block}.h5 input,.h5 select,.h5 button{font-size:16px}.h5 input,.h5 select{box-sizing:border-box;width:100%}.h5-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.h5-card{border:1px solid var(--border);color:inherit;border-radius:10px;flex-direction:column;gap:4px;padding:10px;text-decoration:none;display:flex}.h5-card img,.h5-card .no-photo{aspect-ratio:1;object-fit:contain;background:#f5f6f8;border-radius:6px;width:100%}.h5-card span{color:var(--primary)}.h5-product>img{object-fit:contain;background:#f5f6f8;border-radius:10px;width:100%;max-height:280px}.chips{border:none;margin:12px 0;padding:0}.chips legend{margin-bottom:6px;font-weight:600}.chip{border:1px solid var(--border);background:#fff;border-radius:18px;margin:0 6px 6px 0;padding:8px 14px}.chip.on{border-color:var(--primary);background:var(--primary);color:#fff}.h5-terms{background:#f5f8fb;border-radius:10px;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:6px 12px;padding:12px;display:grid}.h5-terms dt{color:#667085}.h5-terms dd{margin:0}.h5-cta{border-radius:10px;width:100%;margin:16px 0 8px;padding:14px;display:block}.test-code{background:#fff7e0;border:1px dashed #d4a017;border-radius:8px;padding:8px 12px}.h5-section{border:1px solid var(--border);border-radius:10px;margin:16px 0;padding:12px}.h5-section legend{padding:0 4px;font-weight:600}.h5-contact{border:none;margin:10px 0;padding:0}.h5-contact input,.h5-contact select{margin-bottom:6px}.h5-docs{padding:0;list-style:none}.h5-docs li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.h5-docs li>div{flex-wrap:wrap;flex:100%;align-items:center;gap:6px;display:flex}.h5 .upload{border:1px solid var(--primary);color:var(--primary);border-radius:8px;margin:0;padding:6px 12px;display:inline-block}.h5 .upload input{display:none}.h5-status{color:#555;background:#eef0f3;border-radius:10px;padding:2px 8px;font-size:13px;display:inline-block}.h5-status.SUBMITTED,.h5-status.PENDING{color:#1f5f8b;background:#e8f0fe}.h5-status.APPROVED,.h5-status.ACCEPTED{color:#1a7f45;background:#e3f5ea}.h5-status.NEEDS_MORE,.h5-status.REJECTED,.h5-status.NONE{color:var(--danger);background:#fdecea}.h5-apps{padding:0;list-style:none}.h5-apps a{border-bottom:1px solid var(--border);color:inherit;flex-direction:column;gap:4px;padding:12px 0;text-decoration:none;display:flex}.h5-actions{margin-top:8px}.h5-bills{margin:0 0 16px;padding:0;list-style:none}.h5-bills li{border-bottom:1px solid #eaecf0;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.h5-bills li span{flex-direction:column;display:flex}.h5-bills li span:last-child{text-align:right}.h5-bills small{color:#667085}.h5-bills li.PAID,.h5-bills li.CONFIRMED{color:#067647}.h5-bills li.OVERDUE,.h5-bills li.REJECTED{color:#b42318}.h5 details.h5-card summary{cursor:pointer;font-weight:600}.h5 .payment-form input,.h5 .payment-form select{width:100%}.h5 section>.h5-card{margin-bottom:12px}.h5 .h5-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.h5 .same-as{align-items:center;gap:8px;font-weight:400;display:flex}.h5 .same-as input{width:auto}.h5-header{flex-wrap:wrap;row-gap:6px}.h5-header a,.h5-header button{white-space:nowrap}.h5-login .tabs{margin-bottom:12px}.code-form{flex-direction:column;gap:10px;display:flex}.code-help{margin:0;padding-left:18px}.code-help li{margin:4px 0}.h5-account{margin-top:24px}.h5-account .ok{color:var(--ok,#1a7f37);font-size:.9em}.hint.warn{color:#9a6700}:root{--bg:#f6f7f9;--surface:#fff;--text:#1d2430;--muted:#5f6b7a;--border:#dde2e8;--primary:#1f5f8b;--primary-text:#fff;--danger:#b42318;--success:#067647;--sidebar:#17324a;--sidebar-text:#dbe6f0;--radius:6px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}h1{margin:0;font-size:20px}h2{font-size:16px}button,input,select{font:inherit}button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;padding:6px 12px}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}button:disabled{opacity:.5;cursor:default}button.link{color:var(--primary);background:0 0;border:none;padding:2px 6px}button.link.danger{color:var(--danger)}input,select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:6px 8px}label,.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}label.inline{flex-direction:row;align-items:center;gap:8px;margin-bottom:6px}small,.hint{color:var(--muted)}.error{color:var(--danger)}.success{color:var(--success)}.notice{color:#1d4f86;background:#e8f1fb;border:1px solid #b9d3f0;border-radius:6px;padding:8px 12px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.loading{text-align:center;padding:40px}.layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);width:220px;color:var(--sidebar-text);flex-shrink:0;height:100vh;position:sticky;top:0;overflow-y:auto}.brand{padding:16px;font-size:16px;font-weight:700}.menu-group-title{width:100%;color:var(--sidebar-text);text-align:left;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 16px;font-weight:600;display:flex}.menu-group-title>span:first-child{flex:1;min-width:0}.menu-group ul{margin:0;padding:0 0 8px;list-style:none}.menu-group a{color:var(--sidebar-text);padding:6px 16px 6px 28px;text-decoration:none;display:block}.menu-group a.active{color:#fff;background:#ffffff1f}.badge{background:#7f7f7f33;border-radius:8px;margin-left:6px;padding:0 6px;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.topbar label,.login-header label{margin:0}.content{padding:20px}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.filters{gap:8px;margin-bottom:12px;display:flex}table.list,table.matrix{border-collapse:collapse;background:var(--surface);width:100%}table.list th,table.list td,table.matrix th,table.matrix td{border-bottom:1px solid var(--border);text-align:left;padding:8px 10px}table.list th{color:var(--muted);font-weight:600}table.matrix thead th{z-index:1;background:var(--surface);box-shadow:0 1px 0 var(--border);position:sticky;top:0}table.matrix td.cell{text-align:center;color:var(--muted)}table.matrix .group-row th{background:var(--bg)}table.matrix .group-row label{flex-direction:row;align-items:center;gap:8px;margin:0}.row-actions{white-space:nowrap}.modal-backdrop{white-space:normal}code.detail{color:var(--muted);word-break:break-all;font-size:12px}.pagination{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.pagination label{flex-direction:row;align-items:center;margin:0}.pagination button.current{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.pagination input{width:110px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card.narrow,.login .card{width:360px}.login{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-header{justify-content:space-between;align-items:center;display:flex}.form-row{grid-template-columns:1fr 2fr;gap:12px;display:grid}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 12px}.modal-backdrop{background:#0f172073;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);width:480px;max-width:100%}.modal.wide{width:960px}.modal header,.modal footer{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.modal footer{border-bottom:none;border-top:1px solid var(--border);justify-content:flex-end;gap:8px}.modal-body{padding:16px 20px}.changes.added h4{color:var(--success)}.changes.removed h4{color:var(--danger)}.address-picker{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;display:grid}.address-picker input{grid-column:1/-1}.scope-targets{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:240px;display:grid;overflow:auto}.scope-targets h4{margin:4px 0}.tabs{border-bottom:1px solid var(--border,#d0d5dd);gap:4px;margin-bottom:12px;display:flex}.tabs .tab{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px}.tabs .tab.active{border-bottom-color:var(--primary,#1f5f8b);font-weight:600}.image-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:12px 0;display:grid}.image-grid figure{border:1px solid var(--border,#d0d5dd);background:#fff;border-radius:6px;margin:0;overflow:hidden}.image-grid img{aspect-ratio:1;object-fit:contain;background:#f5f6f8;width:100%}.image-grid figcaption{flex-direction:column;gap:2px;padding:6px 8px;display:flex}table.list.compact td,table.list.compact th{padding:4px 8px}.plan-preview{margin-top:8px}.price-sheet input{width:100px}.thumb{object-fit:contain;vertical-align:middle;width:40px;height:40px}.status-pill{color:#555;background:#eef0f3;border-radius:10px;padding:1px 8px;font-size:12px;display:inline-block}.status-pill.on{color:#1a7f45;background:#e3f5ea}.status-pill.danger{background:#fdecea;margin-left:4px}.thumb.large{width:120px;height:120px;margin:4px 0 8px;display:block}.saved{color:#1a7f45;margin-right:auto}dl.facts{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 12px;display:grid}dl.facts dt{color:#667085}dl.facts dd{margin:0}.purchase-lines{margin-bottom:8px;overflow-x:auto}.purchase-lines select{min-width:110px}.purchase-lines input.imei{width:150px}.purchase-lines input.narrow{width:90px}.summary{color:#667085;margin-right:auto}button.danger{color:var(--danger)}.hint-box{background:#fff7e0;border:1px solid #f0d58a;border-radius:6px;padding:8px 12px}.upload-button{background:var(--primary);color:var(--primary-text);cursor:pointer;border-radius:6px;padding:6px 14px;display:inline-block}.upload-button input{display:none}.totals{margin:8px 0;font-weight:600}.facts-pair{display:contents}.review-facts{grid-template-columns:3fr 2fr;gap:16px;display:grid}.review-doc-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.review-doc{border:2px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;margin:0;padding:8px;display:flex}.review-doc.ACCEPTED{border-color:#1a7f45}.review-doc.REJECTED,.review-doc.MISSING{border-color:var(--danger)}.review-doc img{object-fit:contain;background:#f5f6f8;width:100%;max-height:220px}.review-doc figcaption{justify-content:space-between;gap:6px;display:flex}.review-doc-actions{grid-template-columns:auto 1fr auto;gap:4px;display:grid}.review-note{flex:1;margin-right:8px}.timeline{padding:0;list-style:none}.timeline li{border-bottom:1px dashed var(--border);padding:4px 0}th.num,td.num{text-align:right;white-space:nowrap}td.danger,.danger:not(button){color:#b42318}fieldset.lease-step{flex-wrap:wrap;align-items:end;gap:8px 12px;display:flex}fieldset.lease-step legend{font-weight:600}.receipt-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.receipt-layout .proof img{border:1px solid #d0d5dd;border-radius:6px;max-width:100%;max-height:480px}@media (width<=720px){.receipt-layout{grid-template-columns:1fr}}.payment-form label{margin-bottom:8px;display:block}.decide-row{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:12px;display:flex}.decide-row label{flex:260px}tr.muted{color:var(--muted)}table.list tr.sub-row td{background:var(--surface-muted,transparent);font-size:.92em}.store-qr{width:240px;height:240px;image-rendering:pixelated;margin:12px auto;display:block}.welcome-groups{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px;display:grid}.welcome-groups ul{margin:0;padding:0;line-height:2;list-style:none}label.button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;padding:6px 12px;display:inline-block}.modal textarea{width:100%;font:inherit}.danger-zone{border-radius:var(--radius);border:1px solid #c62828;max-width:640px;padding:16px}.table-scroll{max-width:100%;overflow-x:auto}table.report td:first-child{white-space:nowrap}tr.section-row th{background:var(--surface-alt,#eef2f6);text-align:left;padding-top:12px}tr.result-row td{border-top:2px solid}.kpis{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:12px 0 20px;display:grid}.kpi{background:var(--surface,#fff);border:1px solid var(--border,#dde3ea);border-radius:var(--radius,8px);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.kpi span{opacity:.75;font-size:13px}.kpi strong{font-size:22px}.todo-list{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.todo-list a{border:1px solid var(--border,#dde3ea);border-radius:var(--radius,8px);background:var(--surface,#fff);padding:8px 12px;text-decoration:none;display:inline-block}.bars{align-items:flex-end;gap:16px;height:220px;padding:8px 0 0;display:flex}.bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.bar-fill{background:var(--primary,#1f5f8b);border-radius:4px 4px 0 0;width:60%;min-height:2px}.bar-value,.bar-label{white-space:nowrap;font-size:12px}ol.steps{padding-left:32px;line-height:1.7}.contact-links a,a.contact-links{margin-right:10px;font-size:13px}.contact-card ul.plain{margin:0;padding:0;line-height:1.9;list-style:none}.upload-list ul{margin:8px 0 0;padding:0;list-style:none}.upload-line{border-bottom:1px solid var(--border);grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:6px 0;display:grid}.upload-line img{object-fit:cover;border-radius:4px;width:48px;height:48px}.upload-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-line.done .upload-state{color:#1d7a3a}.upload-line.failed .upload-state{color:var(--danger,#b42318)}td.ok{color:#1d7a3a}.settings-form{gap:12px;max-width:640px;margin-bottom:16px;display:grid}.settings-form label{gap:4px;display:grid}.settings-form fieldset{gap:10px;display:grid}.storage-colors{border-bottom:1px solid #eef0f3;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:6px 0;display:flex}.storage-colors strong{min-width:80px}.nowrap{white-space:nowrap}.model-images{flex-wrap:wrap;gap:12px;display:flex}.model-images figure{margin:0}.model-images figcaption{gap:8px;font-size:13px;display:flex}.h5-gallery{scroll-snap-type:x mandatory;gap:8px;margin:8px 0 12px;display:flex;position:relative;overflow-x:auto}.h5-gallery img{object-fit:contain;scroll-snap-align:center;flex:0 0 100%;max-height:320px}.h5-gallery-count{color:#fff;background:#00000080;border-radius:10px;align-self:flex-end;padding:2px 8px;font-size:12px;position:sticky;right:8px}.list th.tick,.list td.tick{text-align:center;width:2rem}.list tr.selected td{background:var(--selected-bg,#2563eb14)}.bulk-bar{z-index:2;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.bulk-bar label{align-items:center;gap:.4rem;margin:0;display:flex}.error-box{color:var(--danger);background:#fdecea;border:1px solid #f5c2bd;border-radius:6px;padding:8px 12px;font-weight:600}.check-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px;display:grid}tr.highlight td{background:#fff8e6}.approval-banner{color:#7a4100;background:#fff4e5;border:1px solid #f5b971;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 16px;padding:10px 14px;font-weight:600;display:flex}.approval-banner a{margin-left:auto}.count-badge{background:var(--danger);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:1px 6px;font-size:12px;text-decoration:none;display:inline-block}.investor-top{color:#fff;background:#13304d;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 20px;display:flex}.investor-top nav{flex-wrap:wrap;gap:4px 16px;display:flex}.investor-top a{color:#cfe0f3;text-decoration:none}.investor-top a.active{color:#fff;border-bottom:2px solid #fff;font-weight:600}.investor-user{align-items:center;gap:12px;margin-left:auto;display:flex}.investor-user .link{color:#cfe0f3}.figures{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:12px;display:grid}.figure{background:#fff;border:1px solid #e3e7ec;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.figure span{color:#5b6573;font-size:13px}.figure strong{font-size:20px}.figure.strong{background:#eef5fc;border-color:#1d6fb8}a.button{background:var(--primary,#1f5f8b);color:#fff;border-radius:6px;padding:8px 14px;text-decoration:none;display:inline-block}.date-range{flex-wrap:wrap;align-items:flex-end;gap:8px 16px;display:flex}.date-range label{min-width:160px}.date-range .quick{flex-wrap:wrap;gap:4px 12px;padding-bottom:8px;display:flex}th .part{color:var(--muted,#6b7280);font-size:.8em;font-weight:400;display:block}.check-grid label.check{flex-direction:row;align-items:center;gap:8px;display:flex}.check-grid label.check input{width:auto;margin:0}.decide-row .date-range{display:contents}
