:root{font-family:Inter,"Noto Sans JP",system-ui,sans-serif;color:#172642;background:#f5f7fb;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}header{background:#10223f;color:white;padding:17px 4%;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.brand{font-weight:800;font-size:20px;letter-spacing:-.5px}.brand i{font-style:normal;color:#74a9ff}.subtitle{font-size:11px;color:#a9bad4}.roles{display:flex;gap:4px;background:#1c3152;padding:4px;border-radius:9px;margin-left:auto}.roles button{background:transparent;color:#bac9dd;border-radius:6px;padding:9px 15px}.roles button.active{background:white;color:#18365f;font-weight:700}.notice{background:#eaf2ff;color:#4d6587;padding:9px 4%;font-size:12px}main{max-width:1440px;margin:auto;padding:30px 4% 70px}.eyebrow{color:#6582a9;font-size:11px;letter-spacing:.12em;font-weight:800}.heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:23px}.heading h1{font-size:26px;letter-spacing:-.03em;margin:5px 0}.muted{color:#8391a6}.heading p{margin:0;color:#7b8a9f}.btn{border-radius:8px;background:#fff;border:1px solid #dbe3ef;color:#314767;padding:11px 15px;font-weight:700}.btn.primary{background:#2766d8;color:white;border-color:#2766d8;box-shadow:0 3px 8px #2766d828}.btn.danger{color:#c64b56}.btn.small{padding:7px 10px;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.card,.panel{background:white;border:1px solid #e5eaf2;border-radius:12px;box-shadow:0 3px 12px #172c4b08}.card{padding:19px}.card .label{color:#71829c;font-size:12px;font-weight:700}.card .value{font-size:25px;font-weight:750;margin:11px 0 4px;letter-spacing:-.04em}.card .hint{font-size:11px;color:#94a1b2}.panel{padding:22px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.panel h2{font-size:16px;margin:0}.panel p{color:#8694a7;font-size:12px;margin:5px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#8795a9;font-size:11px;background:#f8fafd}th,td{padding:13px 11px;border-bottom:1px solid #edf1f6}td{font-size:12px}td strong{color:#22395a}tr:last-child td{border:0}.badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;background:#edf1f6;color:#64758d}.badge.blue{background:#e7f0ff;color:#2863c0}.badge.green{background:#e4f6ee;color:#17865d}.badge.orange{background:#fff1db;color:#b87c20}.badge.red{background:#fff0ef;color:#bd5c56}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}input,select,textarea{border:1px solid #dbe3ed;border-radius:7px;padding:10px;color:#263b59;background:white;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #bad1ff;border-color:#80aafa}.filters input{flex:1;min-width:180px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#637590;font-weight:700}.field input,.field select,.field textarea{width:100%;font-weight:400;color:#1c3152}.field.full{grid-column:1/-1}.section-title{font-size:14px;font-weight:800;margin:25px 0 14px;color:#294363}.section-title:first-child{margin-top:0}.bar-row{display:grid;grid-template-columns:130px 1fr 110px;align-items:center;gap:10px;margin:13px 0;font-size:12px}.bar{height:9px;background:#edf2f9;border-radius:10px;overflow:hidden}.bar span{display:block;height:100%;background:#4783e6;border-radius:10px}.bar-row b{text-align:right}.legend{display:flex;gap:15px;color:#8291a6;font-size:11px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.chart{height:190px;display:flex;align-items:end;gap:14px;border-bottom:1px solid #e8edf5;padding:8px 8px 0}.chart-col{flex:1;height:100%;display:flex;align-items:end;justify-content:center;gap:3px;position:relative}.chart-col span{width:18%;min-width:6px;border-radius:4px 4px 0 0}.chart-col label{position:absolute;top:100%;padding-top:7px;font-size:10px;color:#8291a6;white-space:nowrap}.chart-space{padding-bottom:25px}.empty{text-align:center;padding:35px;color:#9aa7b8}.footer{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#9aa8ba;font-size:11px;margin-top:30px}.mobile-list{display:none}.link{background:none;color:#2766d8;font-weight:700;padding:0}.detail-meta{display:flex;gap:8px;flex-wrap:wrap}.back{margin-bottom:16px}.note{background:#f6f9fe;border-radius:8px;padding:12px;color:#72839c;font-size:12px;line-height:1.7}.history{font-size:12px;color:#62748d;line-height:1.8}.checkbox{display:flex;align-items:center;gap:6px;color:#62748d;font-size:12px}.checkbox input{width:auto}@media(max-width:800px){header{gap:12px}.roles{width:100%;margin:0}.roles button{flex:1;padding:10px 4px}.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}.heading .actions{width:100%}.heading .actions .btn{flex:1}.panel{padding:16px}.sales-table{display:none}.mobile-list{display:block}.mobile-item{padding:14px 0;border-bottom:1px solid #edf1f6}.mobile-item:last-child{border:0}.mobile-item .line{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.bar-row{grid-template-columns:100px 1fr 85px}.footer{align-items:start;flex-direction:column}main{padding-top:22px}}@media(max-width:480px){.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.card .value{font-size:21px}.filters select,.filters input{width:100%}.heading h1{font-size:23px}}
/* Sales mobile experience */
.sales-hero{background:linear-gradient(125deg,#183e79,#3174df);color:#fff;border-radius:16px;padding:24px;margin-bottom:12px;display:flex;flex-direction:column;gap:7px;box-shadow:0 9px 24px #245db42b}.sales-hero span{font-size:12px;color:#d5e5ff;font-weight:700}.sales-hero strong{font-size:30px;letter-spacing:-.03em}.sales-hero small{color:#c6ddff}.sales-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.sales-stats .card{padding:16px}.sales-stats .value{font-size:22px}.sales-new{width:100%;min-height:54px;margin-bottom:22px;font-size:15px}.sales-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-card{text-align:left;width:100%;min-width:0;border:1px solid #e3eaf4;background:#fff;border-radius:12px;padding:16px;color:#223855;display:flex;flex-direction:column;gap:9px;box-shadow:0 3px 10px #1c365508}.project-card:hover{border-color:#a7c2ee}.project-top,.project-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.project-top{color:#5275a5;font-weight:700;font-size:12px}.project-card>strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.project-client{font-size:12px;color:#8493a7;overflow-wrap:anywhere}.project-bottom{border-top:1px solid #eef2f7;padding-top:10px}.project-bottom>span:first-child{display:flex;flex-direction:column;gap:3px}.project-bottom small{font-size:10px;color:#95a2b4}.project-bottom b{font-size:17px}.progress-pill{margin-left:auto;font-size:11px;color:#647a99;background:#f1f5fa;border-radius:12px;padding:5px 8px;white-space:nowrap}.arrow{font-size:23px;color:#a9b7ca}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.filter-tabs button{min-height:40px;border-radius:20px;padding:8px 14px;background:#f0f4f9;color:#6c7d94;font-size:12px}.filter-tabs button.active{background:#e2edff;color:#245fc0;font-weight:700}.sales-nav{display:none}.stepper-ui{display:flex;justify-content:space-between;margin:0 auto 20px;max-width:620px}.stepper-ui div{display:flex;align-items:center;gap:7px;color:#9aa8ba;font-size:12px;font-weight:700}.stepper-ui b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e9eef5}.stepper-ui .active{color:#2462c4}.stepper-ui .active b{background:#2766d8;color:white}.wizard-panel{max-width:800px}.wizard-actions{display:flex;gap:10px;max-width:800px}.wizard-actions .btn{min-height:50px;flex:1}.money-wrap{display:flex;align-items:center;border:1px solid #dbe3ed;border-radius:7px;padding-left:13px;color:#71829c;font-size:16px}.money-wrap input{border:0;min-height:48px}.profit-preview{background:#eff6ff;padding:16px;border-radius:10px;margin-top:18px;display:flex;flex-direction:column;gap:4px;color:#4d6c96;font-size:12px}.profit-preview strong{font-size:24px;color:#235caf}.review-list>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f6}.review-list span{color:#8290a3}.review-list strong{overflow-wrap:anywhere}.success{text-align:center;padding:50px 20px;max-width:680px;margin:auto}.success .actions{justify-content:center;margin-top:25px}.success-icon{display:grid;place-items:center;margin:auto;width:60px;height:60px;border-radius:50%;background:#e2f7ed;color:#229765;font-size:30px}.dialog-backdrop{position:fixed;inset:0;z-index:100;background:#14274499;display:grid;place-items:center;padding:20px}.dialog{background:#fff;border-radius:14px;padding:24px;width:min(100%,430px);max-height:calc(100dvh - 40px);overflow:auto}.dialog h2{font-size:18px}.dialog p{line-height:1.7;color:#677b96}.dialog .actions{justify-content:flex-end}.dialog .btn{min-height:44px}
@media(max-width:800px){html,body{max-width:100%;overflow-x:hidden}main{min-width:0;padding-bottom:calc(100px + env(safe-area-inset-bottom))}input,select,textarea{font-size:16px;min-height:48px;max-width:100%}.table-wrap{max-width:100%;overscroll-behavior-x:contain}.sales-cards{grid-template-columns:1fr}.sales-panel{background:transparent;border:0;box-shadow:none;padding:0}.sales-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e3eaf2;padding:5px 4px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #1a315010}.sales-nav button{min-height:50px;background:transparent;color:#8798ae;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.sales-nav button span{font-size:22px;line-height:22px}.sales-nav button.active{color:#2766d8}.sales-stats .card .value{font-size:21px}.stepper-ui div{flex-direction:column;gap:5px;text-align:center;font-size:11px}.review-list>div{grid-template-columns:1fr;gap:5px}.wizard-actions .btn{min-height:52px}.heading .actions:empty{display:none}.footer{padding-bottom:6px}.field{font-size:12px}.field textarea{min-height:75px}.project-card{min-height:145px}}