:root{color:#1a1a1a;background:#f6f5f4;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f5f4}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:26px 14px 18px;background:#fff;border-right:1px solid #e5e3df}.brand{display:flex;gap:10px;align-items:center;padding:0 10px 26px}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#5645d4;color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{margin-top:2px;color:#787671;font-size:12px}.sidebar nav{display:grid;gap:3px}.sidebar nav button,.bottom-nav button{border:0;border-radius:8px;padding:10px 12px;color:#5d5b54;background:transparent;font-size:14px;text-align:left}.sidebar nav button:hover,.sidebar nav .nav-active{background:#e6e0f5;color:#391c57;font-weight:700}.logout{margin-top:auto;border:0;padding:10px 12px;color:#787671;background:transparent;text-align:left;font-size:13px}.content{min-width:0;padding:48px clamp(22px,5vw,74px) 74px}.bottom-nav{display:none}.page{margin:0 auto;max-width:1200px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px}.page-header h1,.customer-header h1,.narrow h1{margin:3px 0 8px;color:#0a1530;font-size:clamp(30px,4vw,42px);letter-spacing:-1px;line-height:1.14}.page-header p:not(.eyebrow),.customer-header p{margin:0;max-width:590px;color:#5d5b54;line-height:1.6}.eyebrow{margin:0;color:#5645d4;font-size:11px;font-weight:800;letter-spacing:1.2px}.primary,.secondary,.link-button{min-height:40px;border-radius:8px;padding:9px 15px;font-size:14px;font-weight:650;transition:.16s ease}.primary{border:1px solid #5645d4;color:#fff;background:#5645d4}.primary:hover{background:#4534b3;border-color:#4534b3}.primary:disabled{background:#c8c4be;border-color:#c8c4be;cursor:wait}.secondary{border:1px solid #c8c4be;color:#37352f;background:#fff}.secondary:hover{border-color:#5645d4;color:#4534b3}.compact{min-height:34px;padding:6px 10px;font-size:12px}.full{width:100%}.center{display:grid;place-items:center}.link-button{display:inline-flex;align-items:center;padding:0;min-height:auto;border:0;color:#5645d4;background:transparent;margin:0 0 18px}.icon-button{border:0;padding:0;color:#5645d4;background:transparent;font-size:12px;font-weight:700}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.action-card{position:relative;overflow:hidden;min-height:278px;display:flex;flex-direction:column;padding:23px;border:1px solid #e5e3df;border-radius:16px;background:#fff;box-shadow:0 8px 24px #0a153009}.action-card:nth-child(1){background:#e6e0f5;border-color:#d6b6f6}.action-card:nth-child(2){background:#dcecfa}.action-card:nth-child(3){background:#d9f3e1}.action-number{position:absolute;right:-2px;top:-21px;color:#0a153014;font-size:98px;font-weight:800;line-height:1}.action-top,.action-footer,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.reason,.pill,.priority-mark{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;padding:4px 9px;color:#391c57;background:#fff;font-size:12px;font-weight:750}.reason-1{color:#005bab}.reason-2{color:#0d6b2a}.priority-mark{color:#fff;background:#dd5b00}.action-card h2{position:relative;margin:38px 0 5px;font-size:25px}.action-title{position:relative;min-height:44px;margin:0;color:#37352f;line-height:1.5}.action-card blockquote{position:relative;margin:15px 0;padding:8px 10px;border-left:2px solid currentColor;color:#5d5b54;font-size:13px;line-height:1.55}.action-footer{margin-top:auto;color:#787671;font-size:12px}.empty-card,.error-card,.panel{border:1px solid #e5e3df;border-radius:14px;background:#fff}.empty-card{display:grid;gap:6px;place-content:center;min-height:155px;padding:28px;color:#5d5b54;text-align:center}.empty-card strong{color:#37352f}.error-card{margin:0 0 16px;padding:12px 14px;border-color:#f0b7b7;color:#b42318;background:#fff5f5;font-size:14px}.panel{padding:22px}.panel h2,.panel h3{margin:3px 0 5px;color:#0a1530;font-size:20px}.panel.tinted{background:#fef7d6;border-color:#f5d75e}.narrow{max-width:600px}.muted-copy{color:#787671;font-size:14px;line-height:1.65}.hint{color:#787671;font-size:12px}.toolbar,.inline-form,.two-columns{display:flex;gap:10px}.toolbar{margin-bottom:16px}.toolbar input{max-width:350px}input,textarea,select{width:100%;border:1px solid #c8c4be;border-radius:8px;padding:10px 12px;color:#1a1a1a;background:#fff;outline:none}.large-textarea{min-height:132px;resize:vertical}textarea{min-height:76px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#5645d4;box-shadow:0 0 0 3px #5645d41f}label{display:grid;gap:6px;color:#37352f;font-size:13px;font-weight:650}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto}.stack{display:grid;gap:14px}.form-error{margin:0;color:#b42318;font-size:13px}.compact-stack{margin:14px 0;gap:8px}.customer-list{border:1px solid #e5e3df;overflow:hidden;border-radius:14px;background:#fff}.customer-row{width:100%;display:flex;align-items:center;gap:12px;padding:13px 16px;border:0;border-bottom:1px solid #ede9e4;background:#fff;text-align:left}.customer-row:last-child{border:0}.customer-row:hover{background:#fafaf9}.avatar{flex:0 0 auto;display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#391c57;background:#e6e0f5;font-size:15px;font-weight:800}.avatar.large{width:52px;height:52px;border-radius:16px;font-size:23px}.customer-copy{flex:1;display:grid;gap:2px}.customer-copy small{color:#787671}.chevron{color:#a4a097;font-size:24px}.customer-row .pill{margin-left:auto;background:#f0eeec;color:#5d5b54}.customer-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.customer-header>div:first-child{display:flex;align-items:center;gap:13px}.header-controls{display:flex;gap:8px;align-items:center}.header-controls select{width:auto}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.75fr);gap:18px;align-items:start}.detail-main,.detail-side{display:grid;gap:18px}.timeline-row{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #ede9e4}.timeline-row:last-of-type{border-bottom:0}.timeline-dot{width:9px;height:9px;margin-top:6px;border-radius:50%;background:#5645d4}.timeline-row p,.policy-row span{display:block;margin:4px 0 0;color:#787671;font-size:13px;line-height:1.5}.inline-form{margin-top:14px}.inline-form input:first-child{flex:1}.inline-form input[type=date]{max-width:142px}.history-card{margin-top:12px;padding:12px;border-radius:8px;background:#fafaf9}.history-card p{margin:0 0 8px;line-height:1.6}.history-card small{color:#787671;line-height:1.5}.policy-row{padding:10px 0;border-bottom:1px solid rgba(221,91,0,.17)}.policy-row:last-of-type{margin-bottom:12px}.draft-card{display:grid;gap:12px;padding:22px;border:1px solid #d6b6f6;border-radius:14px;background:#f8f5ff}.draft-card .two-columns{align-items:end}.import-panel{max-width:800px}.preview-card{margin-top:24px;padding:20px;border-radius:12px;background:#f8f5e8}.preview-card h2{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-grid span{display:grid;gap:2px;padding:12px;border-radius:8px;background:#fff;color:#787671;font-size:12px}.stat-grid strong{color:#0a1530;font-size:24px}.materials-layout{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.25fr);gap:18px}.material-list{display:grid;gap:12px}.material-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;border:1px solid #e5e3df;border-radius:14px;background:#fff}.material-card h2{margin:9px 0 5px;font-size:18px}.material-card p{margin:0 0 8px;color:#5d5b54;line-height:1.5}.material-card small{color:#787671}.login-shell{min-width:0;min-height:100vh;display:grid;place-items:center;overflow-x:hidden;padding:24px;background:radial-gradient(circle at 80% 15%,#e6e0f5 0,transparent 28%),radial-gradient(circle at 12% 95%,#dcecfa 0,transparent 25%),#f6f5f4}.login-card{width:min(100%,460px);min-width:0;padding:36px;border:1px solid #e5e3df;border-radius:20px;background:#ffffffeb;box-shadow:0 28px 64px #0a153017}.login-card h1{margin:8px 0 10px;overflow-wrap:anywhere;color:#0a1530;font-size:34px;line-height:1.2;letter-spacing:-1px}.login-card>p:not(.eyebrow){margin:0 0 26px;color:#5d5b54;line-height:1.6}@media(max-width:900px){.app-shell{display:block}.sidebar{display:none}.content{padding:28px 20px 90px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #e5e3df;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{min-height:44px;padding:6px;border-radius:8px;text-align:center;font-size:12px}.bottom-nav .nav-active{color:#391c57;background:#e6e0f5;font-weight:750}.action-grid{grid-template-columns:1fr}.action-card{min-height:220px}.detail-layout,.materials-layout{grid-template-columns:1fr}.detail-side{order:-1}.customer-header,.page-header{align-items:stretch;flex-direction:column}.page-header>.primary,.page-header>.secondary{align-self:flex-start}.header-controls{flex-wrap:wrap}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.login-shell{padding:16px}.login-card{width:100%;padding:28px 22px}.content{padding-inline:14px}.page-header h1,.customer-header h1,.narrow h1{font-size:30px}.panel,.draft-card{padding:17px}.two-columns,.inline-form{flex-direction:column}.inline-form input[type=date]{max-width:none}.customer-header>div:first-child{align-items:flex-start}.customer-row{padding:12px}.customer-row .pill{display:none}.action-footer{align-items:flex-end}.action-footer span{max-width:48%}}