:root{font-family:Inter,Microsoft YaHei,Arial,sans-serif;color:#17232d;background:#f4f7f8;font-synthesis:none;--brand: #0d6172;--line: #dfe6e9;--muted: #72808c}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{background:var(--brand);border:1px solid transparent;border-radius:8px;color:#fff;padding:10px 16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#fff;color:#344655;border-color:#cbd6dc}button:hover:not(:disabled){filter:brightness(.96)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{padding:10px 12px;min-height:42px;border:1px solid #cbd6dc;border-radius:8px;background:#fff;color:#17232d;max-width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #0d617233;border-color:var(--brand)}textarea{min-height:85px;resize:vertical}h1{font-size:28px;margin:0 0 8px}h2{font-size:19px;margin:0 0 18px}h3{font-size:16px}p{line-height:1.6}.muted{color:var(--muted)}small{font-size:12px;color:var(--muted);display:block;margin-top:5px}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}aside{background:#15212b;color:#e9f1f3;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:800;letter-spacing:1px}.brand>b{border:2px solid white;padding:4px 9px}.brand small{font-size:9px;letter-spacing:2px;color:#a6b7c0}.side-label{color:#8196a1;font-size:11px;margin:35px 12px 12px}aside nav{display:grid;gap:4px}nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#afc0c8;border-radius:8px;font-size:14px}nav a.active,nav a:hover{background:#2b3b45;color:#fff;text-decoration:none}.side-note{margin-top:auto;padding-top:35px;color:#9cb1ba;font-size:12px}.count{background:#b37721;color:#fff;padding:1px 6px;border-radius:10px;font-size:11px}.main{min-width:0}.topbar{min-height:75px;border-bottom:1px solid var(--line);background:#fff;padding:16px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.account{display:flex;gap:10px;align-items:center}.account select{max-width:330px;font-size:13px}.main main{padding:32px;max-width:1600px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--brand);margin:0 0 10px}.page-title p{margin-bottom:0}.card{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 35px #16252d06;margin-bottom:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{display:block;font-size:32px;font-weight:800;margin-top:12px}.two-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.hero{background:linear-gradient(110deg,#17313d,#0d6172);color:#fff;border-radius:14px;padding:28px;margin-bottom:20px}.hero h2{font-size:26px;margin-top:20px}.hero p{color:#d1e8ec}.light{background:#fff;color:var(--brand)}.steps{padding-left:23px;line-height:2.2;color:#526571}.list-row{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf1f2}.list-row:last-child{border:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px;font-size:14px}th{text-align:left;font-size:12px;color:#6e7e89;background:#f8fafb;padding:13px;white-space:nowrap}td{padding:15px 13px;border-top:1px solid #ecf0f2;vertical-align:top}td a{font-weight:700}.tracking-table{min-width:1500px}.tracking-table td{max-width:260px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar h2{margin:0}.badge{display:inline-block;border-radius:20px;background:#eaf3f5;color:#255c69;padding:5px 10px;font-size:12px;white-space:nowrap}.badge.warn{background:#fff3dd;color:#80520e}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;margin-bottom:12px}.field>span{color:#40515d}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:20px}.check{display:flex;align-items:center;gap:9px;font-size:14px;margin:15px 0}.check input{min-height:auto}.alert{background:#fff3dd;color:#80520e;padding:14px;border-radius:8px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.details strong{display:block;margin-top:5px;font-size:14px;overflow-wrap:anywhere}.timeline{border-left:2px solid #dce9ec;margin-left:7px}.timeline article{padding:0 0 20px 20px;position:relative}.timeline article:before{content:"";position:absolute;left:-6px;top:3px;border:3px solid var(--brand);border-radius:50%;height:7px;width:7px;background:#fff}.deal-card{padding:17px;border:1px solid var(--line);border-radius:10px;margin:15px 0}.deal-card h3{font-size:23px}.deal-card p{font-size:13px;margin:8px 0}.empty{text-align:center;padding:35px;color:var(--muted)}.demo-note{font-size:12px;color:var(--muted);line-height:1.7}.inset{padding:18px;background:#f7fafb;border:1px solid var(--line);border-radius:10px}.inset p{font-size:13px}.overlay{position:fixed;inset:0;background:#0f1f2999;z-index:50;display:grid;place-items:center;padding:18px}.modal{padding:25px;background:#fff;border-radius:14px;width:min(600px,100%);max-height:90vh;overflow:auto}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal header h2{margin:0}.modal header button{background:#edf2f4;color:#526571;padding:0;width:32px;min-height:32px;font-size:20px}.toast{position:fixed;right:20px;bottom:20px;background:#152d38;color:#fff;z-index:70;padding:12px 16px;border-radius:8px;max-width:400px;display:flex;align-items:center;gap:15px}.toast button{background:transparent;padding:0;min-height:25px}.back{display:inline-block;margin-bottom:20px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}.topbar>.muted{display:none}.main main{padding:24px}}@media(max-width:700px){.workspace{display:block}aside{display:none}.topbar{padding:12px 15px}.account{width:100%;justify-content:space-between}.account select{max-width:260px;width:100%}.main main{padding:20px 15px calc(32px + env(safe-area-inset-bottom))}.page-title{flex-direction:column;align-items:start}.form-grid,.details{grid-template-columns:1fr}.card{padding:18px}.metrics{gap:10px}.metrics .card{padding:15px}.metric{font-size:26px}h1{font-size:24px}.list-row{flex-wrap:wrap}.toast{bottom:calc(20px + env(safe-area-inset-bottom));left:15px;right:15px;max-width:none}}input::placeholder,textarea::placeholder{color:#a5afbc;opacity:1}.required-star{color:#dc2626;margin-left:3px}.contact-fields{border:0;padding:0;margin:0;grid-column:1 / -1;min-width:0}.contact-fields legend{font-weight:600;margin-bottom:10px}.customer-create{max-width:1120px;min-width:0}.customer-create form{display:flex;flex-direction:column;gap:20px;min-width:0}.customer-form-section{min-width:0}.customer-create .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0;gap:20px 24px}.customer-section-heading{display:flex;align-items:flex-start;gap:12px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid #e8edf1}.customer-section-heading h2{font-size:18px;margin:0 0 6px}.customer-section-heading p{font-size:13px;font-weight:400;color:#73828e;margin:0;line-height:1.6}.customer-section-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:10px;background:#eaf3f5;color:#176577;font-size:12px;font-weight:700}.store-association{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;border-radius:10px;background:#f4f7f9;padding:14px 16px;margin-top:8px}.store-association>span{font-size:13px;color:#526673}.store-association strong{font-size:14px}.store-association small{font-size:12px;color:#73828e}.customer-create .contact-fields{padding:20px 0 0;margin-top:20px;border-top:1px solid #e8edf1}.customer-create .contact-fields legend{float:left;width:100%;font-size:15px;margin-bottom:0}.customer-create .contact-fields>p{clear:both;padding-top:8px;margin:0 0 20px;font-size:13px}.customer-create .actions{margin-top:0}.customer-demo-help{margin-top:24px;border:1px dashed #d5e0e6;border-radius:12px;padding:16px 20px;color:#637580;font-size:13px}.customer-demo-help summary{cursor:pointer;font-weight:600}.customer-demo-help>div{padding-top:12px}@media(max-width:700px){.customer-create .form-grid{grid-template-columns:minmax(0,1fr)}.customer-section-heading{margin-bottom:20px;padding-bottom:16px}}.customer-create{container-type:inline-size;container-name:customer-form}.customer-create .field{min-width:0}.customer-create input,.customer-create select,.customer-create textarea{width:100%;font-size:16px;min-height:48px}.customer-create textarea{min-height:136px;line-height:1.65}.customer-create .field>span,.customer-section-heading p,.store-association strong{overflow-wrap:anywhere}.customer-create .actions button,.customer-demo-help button{min-height:48px}.customer-demo-help summary{min-height:44px;padding:10px 0}.customer-create .field small{line-height:1.6}.customer-create input,.customer-create select,.customer-create textarea{scroll-margin-block:24px}@container customer-form (max-width: 620px){.customer-create .form-grid{grid-template-columns:minmax(0,1fr);gap:14px}.customer-form-section{padding:20px}.store-association{align-items:flex-start;flex-direction:column;gap:6px}}@media(max-width:900px){.workspace{display:block}.workspace>aside{display:none}.topbar{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));min-height:68px;gap:10px}.account{min-width:0;width:100%;gap:8px}.account>.badge{flex:0 0 auto}.account select{min-width:0;flex:1;width:0;max-width:none;font-size:16px;min-height:44px}.main main{padding:24px max(16px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.toast{bottom:calc(20px + env(safe-area-inset-bottom))}}@media(max-width:430px){.main main{padding-top:20px}.customer-section-heading{gap:10px}.customer-create form{gap:16px}.customer-form-section{padding:18px 16px}.customer-section-number{flex-basis:30px;height:30px;border-radius:8px}.customer-create .actions{gap:12px}.customer-create .actions button{flex:1}.customer-demo-help{padding:10px 16px}}@media(max-width:350px){.account>.badge{font-size:10px;padding:5px 7px}}.customer-create-page{width:100%;max-width:1120px;min-width:0;margin-inline:auto}.customer-create-page>.customer-create{width:100%}.mobile-menu-toggle{display:none}.mobile-menu-dialog{padding:0;border:0;margin:0;max-width:none;max-height:none;width:min(340px,88vw);height:100dvh;background:#15212b;color:#e9f1f3}.mobile-menu-dialog::backdrop{background:#0f19227a}.mobile-menu-panel{min-height:100%;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}.mobile-menu-panel>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 8px 20px;border-bottom:1px solid #344651;margin-bottom:16px}.mobile-menu-panel header strong{font-size:20px}.mobile-menu-panel header p{margin:6px 0 0;font-size:14px;color:#afc0c8}.mobile-menu-close{background:transparent;color:#e9f1f3;font-size:28px;padding:0;width:48px;height:48px;flex:0 0 48px}.mobile-menu-panel nav{display:grid;gap:6px}.mobile-menu-panel nav a{min-height:52px;font-size:16px;line-height:1.5;padding:12px}.mobile-menu-panel nav a .count{margin-left:auto}@media(max-width:900px){.mobile-menu-toggle{display:inline-flex;position:relative;flex:0 0 44px;width:44px;min-height:44px;padding:0;background:#edf4f6;color:var(--brand);font-size:24px}.mobile-menu-toggle .count{position:absolute;top:-5px;right:-6px;font-size:11px;padding:2px 5px}.topbar .account{flex:1;width:auto}.main main{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.toast{bottom:calc(20px + env(safe-area-inset-bottom))}}@media(max-width:350px){.topbar .account>.badge{display:none}}@media(max-width:900px){.topbar{position:sticky;top:0;z-index:20}.customer-create input,.customer-create select,.customer-create textarea{scroll-margin-top:90px}}.form-grid,.field,.card,.list-row>*{min-width:0}.field>input,.field>select,.field>textarea{width:100%}.list-row>span{overflow-wrap:anywhere}.modal header{gap:12px}.modal header h2{min-width:0;overflow-wrap:anywhere}.modal header button{flex:0 0 44px;width:44px;min-height:44px}.overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.modal{max-height:calc(100dvh - 32px)}@media(max-width:700px){.modal{padding:20px 16px}.page-title>div{min-width:0;max-width:100%}.list-row>span{max-width:100%}}.customer-create .field-error>input,.customer-create .field-error>select,.customer-create .field-error>textarea{border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.customer-create .field-error .field-error-message,.submission-error{color:#b91c1c}.customer-submit-actions{justify-content:space-between;align-items:center}.customer-create .actions .clear-form-link{flex:0 1 auto;background:transparent;color:var(--brand);padding:10px 0;border-radius:0;text-decoration:underline;text-underline-offset:4px;font-weight:400}.clear-form-link:hover{background:transparent}.customer-submit-actions>button[type=submit]{min-width:144px}button:disabled{opacity:.55;cursor:not-allowed}.creation-success-message{font-size:18px}.customer-feedback-dialog{border:0;padding:0;background:transparent;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:visible}.customer-feedback-dialog::backdrop{background:#11202c73}.customer-feedback-dialog .modal{width:min(600px,calc(100vw - 24px))}.other-project-reminder{margin:0 0 12px;padding:12px 14px;border-radius:8px;background:#edf4f6;color:var(--text-secondary);font-size:var(--font-help);line-height:1.6}.inquiry-record{overflow-wrap:anywhere;margin-bottom:12px}[hidden]{display:none!important}:root{--font-body: 1rem;--font-label: 1rem;--font-help: .875rem;--font-page-title: 1.625rem;--font-section-title: 1.25rem;--font-nav: .875rem;--text-primary: #17232d;--text-secondary: #52616e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif}.field{font-size:var(--font-label);font-weight:400;line-height:1.5}.field>span{font-weight:600;color:var(--text-primary)}.field input,.field select,.field textarea,.customer-create input,.customer-create select,.customer-create textarea{font-size:var(--font-body);font-weight:400;line-height:1.5}.field small,.customer-create .field small{font-size:var(--font-help);font-weight:400;line-height:1.5;color:var(--text-secondary)}.field input::placeholder,.field textarea::placeholder{font-weight:400}.form-workspace .page-title h1{font-size:var(--font-page-title);font-weight:600;line-height:1.3}.form-workspace .page-title .muted,.form-workspace p.muted{font-size:var(--font-help);font-weight:400;line-height:1.6;color:var(--text-secondary)}.customer-section-heading h2,.customer-create .contact-fields legend{font-size:var(--font-section-title);font-weight:600;line-height:1.4}.customer-section-heading p,.customer-create .contact-fields>p,.customer-demo-help{font-size:var(--font-help);font-weight:400;line-height:1.6;color:var(--text-secondary)}.store-association>span,.store-association small{font-size:var(--font-help);font-weight:400;line-height:1.5;color:var(--text-secondary)}.store-association strong,.form-workspace button,.form-workspace .button{font-size:var(--font-body);font-weight:500;line-height:1.5}aside nav a{font-size:var(--font-nav);line-height:1.5;font-weight:400}aside nav a.active{font-weight:500}.account select{font-size:var(--font-body);font-weight:400;line-height:1.5}@media(max-width:900px){.form-workspace .page-title h1{font-size:1.5rem}:root{--font-section-title: 1.125rem}}@media(max-width:900px){.main main{padding-bottom:calc(32px + env(safe-area-inset-bottom))}}.page-title h1{font-size:var(--font-page-title);font-weight:600;line-height:1.3}.card h2,.modal header h2{font-size:var(--font-section-title);font-weight:600;line-height:1.4}@media(max-width:900px){:root{--font-page-title: 1.5rem}.toolbar input,.toolbar select,.list-row input,.modal input:not([type=checkbox]):not([type=radio]),.modal select,.modal textarea{font-size:var(--font-body)}}
