:root{--blue:#3B82F6;--ink:#0B0B0F;--paper:#F8FAFC;--muted:#6B7280;--line:#E5E7EB;--green:#16A34A;--radius:18px}*{box-sizing:border-box}body{margin:0;background:#F2F4F7;color:var(--ink);font-family:Inter,system-ui,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--ink);color:#fff;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:Sora;font-weight:700;padding:0 8px 28px}.brand b{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #2D3440;border-radius:50%;color:var(--blue);font-size:12px}.sidebar nav{display:grid;gap:7px}.nav-item{appearance:none;border:0;background:transparent;color:#8E96A3;padding:12px 13px;border-radius:10px;text-align:left;font-weight:600;display:flex;justify-content:space-between;cursor:pointer}.nav-item.active{background:#171A20;color:#fff}.nav-item span{background:var(--blue);color:#fff;border-radius:20px;padding:2px 7px;font-size:10px}.sidebar-foot{margin-top:auto;color:#707887;font-size:11px;padding:8px}.status-dot{display:inline-block;width:7px;height:7px;background:#35C77A;border-radius:50%;margin-right:7px}.app-shell{margin-left:232px;min-height:100vh;padding:34px 42px 70px}.topbar,.workspace-head,.builder-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar{margin-bottom:26px}.topbar h1,.workspace h2,.builder h2{font-family:Sora;margin:5px 0}.topbar h1{font-size:27px}.overline{font-size:10px;letter-spacing:.16em;font-weight:700;color:#7B8491}.overline.blue{color:var(--blue)}.operator{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:7px 12px 7px 8px;border-radius:28px;font-family:Sora;font-size:11px}.operator>span:first-child{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:#fff;border-radius:50%}.operator span span{display:grid}.operator small{display:block;color:#9097A3;font-family:Inter;margin-top:2px}.pipeline{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:16px}.pipe{border:1px solid var(--line);background:#fff;padding:10px 11px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;color:#7A828E;cursor:pointer}.pipe span{font-size:10px;font-weight:600}.pipe b{font-family:Sora;font-size:13px;color:#333}.pipe.active{border-color:#BFD7FF;background:#F0F6FF}.pipe.active span,.pipe.active b{color:#236DE0}.workspace,.builder{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.workspace-head{padding-bottom:25px;border-bottom:1px solid var(--line)}.workspace-head h2{font-size:26px}.workspace-head p,.builder-head p{margin:0;color:var(--muted);font-size:13px}.head-actions{display:flex;gap:10px;align-items:center}select,input,textarea{font:inherit;border:1px solid #DADDE3;background:#fff;border-radius:9px;padding:11px;color:#222;width:100%}select{width:auto}.btn{border:1px solid transparent;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#fff;border-color:#DADDE3}.text-btn{border:0;background:transparent;color:#59616E;cursor:pointer;font-weight:600}.detail-grid{display:grid;grid-template-columns:1.45fr .7fr;gap:16px;margin-top:20px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff}.diagnosis-card h3{font-family:Sora;font-size:20px;margin:9px 0}.diagnosis-card>p,.principle-card p{color:var(--muted);line-height:1.7;font-size:13px}.axis-list{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.axis{border:1px solid var(--line);padding:11px;border-radius:10px}.axis div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.axis b{font-size:11px}.axis i{display:block;height:4px;background:#E8EDF4;border-radius:4px;margin-top:8px;overflow:hidden}.axis i:after{content:"";display:block;height:100%;width:var(--score);background:var(--blue)}.principle-card{background:var(--ink);color:#fff;position:relative;overflow:hidden}.principle-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #1A4E99;border-radius:50%;right:-80px;bottom:-80px}.principle-card blockquote{font-family:Sora;font-size:24px;line-height:1.3;margin:55px 0 12px}.principle-card blockquote strong{color:var(--blue)}.builder.hidden,.workspace.hidden{display:none}.builder-head{align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--line)}.builder-head>div:nth-child(2){flex:1}.builder-head h2{font-size:25px}.builder-layout{display:grid;grid-template-columns:265px 1fr;gap:16px;margin-top:20px}.config-panel{align-self:start;position:sticky;top:20px}.config-panel label{display:grid;gap:6px;font-size:10px;font-weight:700;color:#616A76;margin-top:15px}.config-panel input,.config-panel textarea{font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upload-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upload{border:1px dashed #C9CED7;border-radius:9px;padding:10px!important;text-align:center;cursor:pointer}.upload input{display:none}.micro{font-size:9px;color:#98A0AA;line-height:1.5}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan{border:1px solid var(--line);border-radius:16px;padding:17px;position:relative}.plan.recommended{border-color:var(--blue);box-shadow:0 0 0 2px #3B82F615}.recommend-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.recommend-toggle{border:0;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:800;background:#EEF1F5;color:#7C8490;cursor:pointer}.recommended .recommend-toggle{background:#E7F0FF;color:#236DE0}.plan-name{font-family:Sora;font-size:17px;font-weight:700;border:0;padding:0;border-radius:0;border-bottom:1px solid transparent;margin-bottom:8px}.plan-goal{font-size:11px;min-height:48px}.plan label{display:grid;gap:5px;font-size:9px;font-weight:700;color:#707886;margin-top:10px}.service-list{margin-top:14px;display:grid;gap:7px}.service-row{background:#F7F8FA;border-radius:9px;padding:9px}.service-row input{border:0;background:transparent;padding:2px;font-size:10px}.service-row .service-top{display:grid;grid-template-columns:1fr 68px;gap:4px}.remove-service{border:0;background:transparent;color:#A0A6AF;font-size:12px;cursor:pointer}.add-service{border:1px dashed #D5D9DF;background:#fff;border-radius:8px;padding:8px;color:#6E7681;font-size:10px;font-weight:700;cursor:pointer}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.discount{font-size:10px;margin:8px 0 0;color:#68717D}.discount.positive{color:var(--green);font-weight:700}.plan-total{font-family:Sora;font-size:22px;margin:9px 0 0}.plan-total small{font:500 10px Inter;color:#888}.term-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}dialog{border:0;padding:0;width:100vw;max-width:none;height:100vh;max-height:none;background:#E9EDF3}dialog::backdrop{background:#0B0B0FCC}.preview-toolbar{height:65px;background:#0B0B0F;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.preview-toolbar .text-btn{color:#C7CDD6}.proposal{width:min(980px,calc(100% - 40px));margin:28px auto;background:#fff;min-height:760px;padding:48px;border-radius:18px;box-shadow:0 12px 40px #20293A18;position:relative;overflow:hidden}.proposal:before{content:"";position:absolute;width:340px;height:340px;border:1px solid var(--proposal-accent,var(--blue));border-radius:50%;right:-170px;top:-170px;opacity:.22}.proposal-logo{max-width:110px;max-height:45px;object-fit:contain}.proposal-cover{width:100%;height:170px;object-fit:cover;border-radius:13px;margin:24px 0}.proposal h1{font:700 38px/1.08 Sora;margin:18px 0 10px;max-width:600px}.proposal .lead{color:#69717D;max-width:680px;line-height:1.6}.proposal-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.proposal-plan{border:1px solid #E0E4EA;border-radius:14px;padding:18px}.proposal-plan.recommended{border:2px solid var(--proposal-accent,var(--blue));position:relative}.proposal-plan .badge{display:inline-block;background:var(--proposal-accent,var(--blue));color:#fff;font-size:8px;font-weight:800;letter-spacing:.08em;border-radius:20px;padding:5px 8px;margin-bottom:10px}.proposal-plan h3{font:700 18px Sora;margin:4px 0}.proposal-plan>p{font-size:11px;color:#737B87;min-height:42px}.proposal-plan ul{padding-left:16px;min-height:100px;color:#424A55;font-size:10px;line-height:1.6}.proposal-plan .investment{font:700 22px Sora;margin:14px 0 3px}.proposal-plan .term{font-size:9px;color:#868D97}.proposal-footer{margin-top:30px;padding-top:18px;border-top:1px solid #E8EBEF;display:flex;justify-content:space-between;color:#8A919B;font-size:9px}@media(max-width:1050px){.pipeline{grid-template-columns:repeat(4,1fr)}.plans{grid-template-columns:1fr}.builder-layout{grid-template-columns:1fr}.config-panel{position:static}.proposal-plan-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{display:none}.app-shell{margin:0;padding:18px}.topbar,.workspace-head,.builder-head{align-items:flex-start;flex-direction:column}.detail-grid,.axis-list{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(2,1fr)}.head-actions{flex-wrap:wrap}.proposal{padding:25px}.proposal-plan-grid{grid-template-columns:1fr}}
@media print{body>*:not(dialog){display:none!important}dialog{position:static;width:auto;height:auto;background:#fff;overflow:visible}.preview-toolbar{display:none}.proposal{box-shadow:none;margin:0;width:100%;min-height:auto;border-radius:0;padding:22px}.proposal-plan-grid{grid-template-columns:repeat(3,1fr)}@page{size:A4 landscape;margin:8mm}}
.hidden{display:none!important}.section-intro{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.section-intro h2{font:700 24px Sora;margin:6px 0}.section-intro p{margin:0;color:var(--muted);font-size:12px}.lead-list{display:grid;gap:10px;margin-top:18px}.lead-row{display:grid;grid-template-columns:minmax(180px,1fr) 1fr auto;align-items:center;gap:20px;border:1px solid var(--line);border-radius:13px;padding:16px 17px;background:#fff;cursor:pointer;transition:.18s}.lead-row:hover{border-color:#B7D2FF;box-shadow:0 5px 18px #24344D0A}.lead-row h3{font:700 15px Sora;margin:3px 0}.lead-row p{margin:0;color:#818995;font-size:10px}.lead-row .need{font-size:10px;color:#59616D}.stage-pill{justify-self:end;background:#EDF4FF;color:#246EDB;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:800}.empty-state{border:1px dashed #D7DBE1;border-radius:13px;padding:35px;text-align:center;margin-top:18px;color:#7C8490}.empty-state b,.empty-state span{display:block}.empty-state b{color:#3C434D;font:600 13px Sora}.empty-state span{font-size:10px;margin-top:6px}.back-list{display:block;margin:0 0 13px;padding:0}.workspace-head .overline{display:block}.pipeline .pipe.active{border-color:#9DC1FF;background:#EEF5FF}.pipeline .pipe.active span,.pipeline .pipe.active b{color:#236DE0}
.pipeline{grid-template-columns:repeat(8,1fr)}
@media(max-width:1050px){.pipeline{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.pipeline{grid-template-columns:repeat(2,1fr)}}
.internal-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:16px}.contact-card h3,.notes-card h3,.answers-card h3{font:700 17px Sora;margin:7px 0 15px}.contact-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.contact-link{display:inline-flex;align-items:center;gap:6px;border:1px solid #DDE2E9;border-radius:9px;padding:9px 11px;text-decoration:none;color:#39414C;font-size:10px;font-weight:700;background:#fff}.contact-link.primary{background:#168B4C;border-color:#168B4C;color:#fff}.contact-link.disabled{opacity:.42;pointer-events:none}.contact-data{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.contact-item{background:#F7F8FA;border-radius:9px;padding:10px}.contact-item span,.contact-item b{display:block}.contact-item span{font-size:8px;letter-spacing:.09em;color:#8B939E;font-weight:700;text-transform:uppercase}.contact-item b{font-size:10px;margin-top:4px;word-break:break-word}.notes-card textarea{width:100%;resize:vertical;font-size:11px;line-height:1.5;margin-bottom:8px}.answers-card{margin-top:16px}.answers-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.answers-head h3{margin-bottom:0}.answers-note{font-size:9px;color:#969DA7}.answers-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px}.answer-row{padding:13px 0;border-bottom:1px solid #EEF0F3}.answer-row span,.answer-row b{display:block}.answer-row span{font-size:9px;color:#848C97;margin-bottom:5px}.answer-row b{font-size:11px;line-height:1.45;color:#343B45}.btn.saved{border-color:#A9DFC0;color:#168B4C;background:#F0FAF4}@media(max-width:850px){.internal-grid,.answers-list{grid-template-columns:1fr}.contact-data{grid-template-columns:1fr}}
.auth-locked .sidebar,.auth-locked .app-shell{display:none}.auth-gate{display:none;min-height:100vh;background:radial-gradient(circle at 70% 20%,#142B4D 0,transparent 30%),#0B0B0F;padding:24px;align-items:center;justify-content:center}.auth-locked .auth-gate{display:flex}.auth-card{width:min(430px,100%);background:#111318;border:1px solid #252B35;border-radius:24px;padding:34px;color:#fff;box-shadow:0 30px 80px #0008}.auth-brand{display:flex;align-items:center;gap:10px;font:700 14px Sora;margin-bottom:42px}.auth-brand b{color:var(--blue)}.auth-card h1{font:700 30px/1.1 Sora;margin:9px 0 12px}.auth-card>p{color:#939CAB;font-size:13px;line-height:1.65;margin:0 0 24px}.auth-card form{display:grid;gap:13px}.auth-card label{display:grid;gap:6px;color:#A8B0BD;font-size:10px;font-weight:700}.auth-card input{background:#171A20;border-color:#2A303A;color:#fff}.auth-card .btn{margin-top:4px}.auth-error{margin:0!important;color:#FF8F8F!important;background:#371A1A;border:1px solid #642B2B;border-radius:9px;padding:9px!important;font-size:10px!important}.logout-btn{border:0;background:transparent;color:#87909D;font-size:9px;font-weight:700;cursor:pointer;padding:6px}.logout-btn:hover{color:#E5484D}
.loading-state{padding:32px;text-align:center;color:#7D8692;font-size:11px}
.plan-action-buttons{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.plan-role{display:block;font-size:8px;color:#8C95A1;margin-top:3px;font-weight:800;letter-spacing:.06em}.catalog-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:10px}.catalog-picker select{min-width:0;width:100%;font-size:9px;padding:9px}.catalog-picker .btn{font-size:9px;padding:8px}.service-empty{padding:12px;border:1px dashed #D5D9DF;border-radius:8px;color:#9097A2;font-size:9px;text-align:center}.service-controls{display:grid;grid-template-columns:1.2fr .45fr .65fr .65fr;gap:4px;margin-top:5px}.service-controls label{margin:0;font-size:8px}.service-controls input,.service-controls select{font-size:9px;padding:6px;width:100%}.service-subtotal{font-size:8px;color:#777F89;margin-top:6px}.price-box{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.price-box.muted-box{opacity:.72}.price-box-title{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:.08em;color:#68717D}.price-box-title button{border:0;background:transparent;color:#236DE0;font-size:8px;font-weight:700;cursor:pointer}.price-box .price-grid{margin-top:4px}.price-box input[readonly]{background:#F7F8FA;color:#68717D}.discount.warning{color:#B45309}.term-label{border-top:1px solid var(--line);padding-top:11px}.catalog-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.catalog-group{border:1px solid var(--line);border-radius:16px;overflow:hidden}.catalog-group-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#F7F9FC}.catalog-group-head h3{font:700 14px Sora;margin:0}.catalog-group-head span{font-size:9px;color:#8A929D}.catalog-item{display:grid;grid-template-columns:1fr auto;gap:16px;padding:14px 18px;border-top:1px solid var(--line)}.catalog-item b{font:600 11px Sora}.catalog-item p{font-size:9px;line-height:1.5;color:#7B8490;margin:5px 0 0}.catalog-meta{text-align:right;min-width:115px}.catalog-meta strong,.catalog-meta span{display:block}.catalog-meta strong{font:700 13px Sora}.catalog-meta span{font-size:8px;color:#8B939E;margin-top:4px}.investment-stack{display:grid;gap:7px;margin-top:14px}.investment-stack div{border-top:1px solid #EDF0F3;padding-top:8px}.investment-stack span,.investment-stack strong{display:block}.investment-stack span{font-size:8px;color:#858D98;text-transform:uppercase;letter-spacing:.05em}.investment-stack strong{font:700 18px Sora;margin-top:2px}@media(max-width:1050px){.catalog-groups{grid-template-columns:1fr}}
