:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#17354a;background:#eef3f6;font-synthesis:none;--navy:#143d57;--blue:#1d6b8d;--cyan:#39a8cf;--orange:#f47a2a;--line:#d7e2e9;--muted:#647b8a;--panel:#fff;--soft:#f6f9fb;--shadow:0 10px 30px rgba(18,55,78,.08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(135deg,#edf3f6,#f8fafb)}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#123d57,#0d2d42);color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brandMark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ff8c33;color:#143d57;font-weight:900;font-size:20px;box-shadow:0 0 0 4px #ffffff17}.brand div:last-child{display:flex;flex-direction:column}.brand strong{font-size:17px}.brand small{opacity:.7;font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.sideFoot button{border:0;background:transparent;color:#d6e5ed;text-align:left;border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:11px}.sidebar nav button span{width:22px;text-align:center}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff1c;color:#fff}.sideFoot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:18px 8px 0;display:grid;gap:5px}.sideFoot small{opacity:.65}.sideFoot strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.sideFoot button{padding-left:0}.appShell>main{min-width:0;padding:26px 30px 60px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.topbar h1{margin:4px 0 0;font-size:30px;letter-spacing:-.03em;color:#143d57}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:800;color:#3687a7}.topActions{display:flex;align-items:center;gap:10px}.futureBadge{background:#e9f5fa;color:#1b6d8e;border:1px solid #c8e7f2;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.primary{background:linear-gradient(135deg,#176483,#238eb4)!important;color:#fff!important;border-color:#176483!important}.message{position:sticky;top:14px;z-index:8;display:flex;justify-content:space-between;gap:12px;background:#fff7e9;border:1px solid #f1c47b;border-left:5px solid #f47a2a;padding:13px 16px;border-radius:10px;box-shadow:var(--shadow);margin-bottom:18px}.message button{border:0;background:transparent;font-size:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px;margin-bottom:20px;min-width:0}.panel h2{margin:0 0 6px;color:#163f5c;font-size:21px}.panel h3{color:#1b526f}.panel p{color:var(--muted);margin:0;line-height:1.55}.panelHead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.panelHead>strong{font-size:20px;color:#165e7d}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metricGrid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow);display:grid;gap:8px}.metricGrid span{color:var(--muted);font-size:13px}.metricGrid strong{font-size:32px;color:#176483}.dataTable{width:100%;border-collapse:collapse;min-width:760px}.dataTable th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#708591;padding:10px 12px;border-bottom:2px solid #d7e5ec}.dataTable td{padding:13px 12px;border-bottom:1px solid #e7eef2;vertical-align:middle}.dataTable tr:hover td{background:#f7fafc}.tableScroll{overflow-x:auto}.status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:uppercase;background:#e8eef2;color:#516976}.status.concept{background:#fff4df;color:#9a641b}.status.published{background:#e7f4fa;color:#176483}.status.contract{background:#e4f6ed;color:#28724d}.status.ended{background:#eef0f2;color:#66727b}.panel button,.panel .linkButton,.topbar button{border:1px solid #c8d7df;background:#fff;color:#214c65;border-radius:9px;padding:9px 13px;text-decoration:none;font-weight:650}.panel button:hover,.panel .linkButton:hover{border-color:#6da9bf;background:#f4fafc}.split{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}.customerList,.adminList,.chapterList{display:grid;gap:8px}.customerList button,.adminList button,.chapterList button,.optionGroup button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px;text-align:left;display:flex;justify-content:space-between;gap:15px}.customerList button span,.adminList button span,.chapterList button small,.optionGroup small{color:var(--muted);font-size:12px}.customerList button.selected,.chapterList button.selected{border-color:#2e91b4;background:#edf8fc}.empty{min-height:180px;display:grid;place-content:center;text-align:center;gap:8px;color:var(--muted)}.empty strong{color:#244a60}.editorSteps{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:16px}.editorSteps span{padding:9px 8px;border-radius:8px;background:#dfe8ed;color:#6e808a;font-size:12px;font-weight:700;text-align:center}.editorSteps span.done{background:#dff2ea;color:#256b4b}.editorSteps span.active{background:#dceff7;color:#176483}.editorHero{border-top:5px solid #1b7899}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.formGrid label,.priceRows label{display:grid;gap:6px;color:#284d62;font-size:12px;font-weight:700}.formGrid input,.formGrid select,.formGrid textarea,.priceRows input,.priceRows select,.filters input,.filters select{width:100%;border:1px solid #c9d8e0;border-radius:8px;padding:10px 11px;background:#fff;color:#17354a;outline:none}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus,.priceRows input:focus,.priceRows select:focus{border-color:#2a93b7;box-shadow:0 0 0 3px #2a93b71f}.formGrid small{color:var(--muted);font-weight:400}.span2{grid-column:span 2}.inlineInput{display:grid;grid-template-columns:1fr auto;gap:7px}.serviceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service{min-height:132px!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;text-align:left!important;padding:16px!important;border:1px solid #d5e1e7!important}.service strong{font-size:15px}.service span{color:var(--muted);font-size:13px;line-height:1.4}.service small{margin-top:auto;color:#4f7a90}.service.selected{border-color:#2e91b4!important;background:linear-gradient(145deg,#edf8fc,#fff)!important;box-shadow:inset 4px 0 #f47a2a}.countBadge{background:#edf5f8;color:#176483;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.priceRows{display:grid;gap:10px}.priceRows article{display:grid;grid-template-columns:50px minmax(150px,1.2fr) 90px 125px 125px minmax(130px,1fr) minmax(160px,1.2fr) 110px auto;gap:10px;align-items:end;border:1px solid #dce6eb;background:#fbfdfe;padding:13px;border-radius:12px;min-width:1120px}.priceRows{overflow-x:auto}.order{display:grid;grid-template-columns:1fr;gap:3px;text-align:center}.order button{padding:3px 7px}.serviceName{display:grid;gap:3px;align-self:center}.serviceName span,.subtotal span{font-size:11px;color:var(--muted)}.subtotal{display:grid;gap:5px;align-self:center}.rowButtons{display:grid;gap:5px}.danger{color:#a94343!important;border-color:#e5bcbc!important}.saveBar{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.saveBar div{display:grid}.saveBar span{font-size:12px;color:var(--muted)}.saveBar strong{font-size:24px;color:#176483}.workflowCard{border-top:5px solid #f47a2a}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.timeline div{position:relative;border:1px solid #d8e3e9;border-radius:11px;padding:13px;display:grid;gap:5px}.timeline div:before{content:"";width:9px;height:9px;border-radius:50%;background:#bdcbd3}.timeline div.done:before{background:#2a9c68}.timeline div.current:before{background:#f47a2a}.timeline span{font-size:12px;color:var(--muted)}.signerGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signerGrid article{border:1px solid var(--line);border-radius:11px;padding:15px;display:grid;gap:7px}.signerGrid article>span{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:800}.signerGrid small{line-height:1.5;color:var(--muted)}.buttonRow{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.filters{display:flex;gap:8px;min-width:360px}.workflowList{display:grid;gap:9px}.workflowList article{border:1px solid var(--line);border-radius:11px;padding:14px;display:grid;grid-template-columns:minmax(250px,1fr) auto auto;gap:15px;align-items:center}.workflowList article>div:first-child{display:grid;gap:4px}.workflowList span{font-size:12px;color:var(--muted)}.signPills{display:flex;gap:6px}.signPills span{border-radius:999px;background:#edf1f3;padding:6px 9px}.signPills span.done{background:#e2f5eb;color:#29714f}.adminTabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:16px}.adminTabs button{white-space:nowrap;border:1px solid #cfdde4;background:#fff;border-radius:9px;padding:10px 13px;color:#31586e}.adminTabs button.active{background:#163f5c;color:#fff;border-color:#163f5c}.drawer{margin-top:20px;padding:20px;border:1px solid #b9d4e0;border-radius:13px;background:#f7fbfd}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.optionGroup{margin:20px 0}.optionGroup h3{margin-bottom:8px}.optionGroup button{width:100%;margin-bottom:7px}.chapterLayout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px}.chapterList{max-height:760px;overflow:auto}.chapterEditor{min-width:0}.history{margin-top:20px;display:grid;gap:7px}.history>div{border-top:1px solid var(--line);padding-top:8px;display:grid;gap:2px}.history span{color:var(--muted);font-size:12px}.contractSet{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.contractSet article{border:1px solid var(--line);border-radius:12px;padding:17px;display:grid;gap:7px;background:#fafcfd}.contractSet article.active{border-color:#f47a2a;box-shadow:inset 0 4px #f47a2a}.contractSet span{font-size:12px;color:var(--muted)}.noticeText{border-left:4px solid #39a8cf;padding-left:13px}.signatureModal{position:fixed;top:0;right:0;bottom:0;left:0;background:#071f2ebd;display:grid;place-items:center;padding:20px;z-index:100}.signatureCard{width:min(920px,100%);background:#fff;border-radius:16px;padding:24px;box-shadow:0 30px 80px #0000004d}.signatureCard canvas{width:100%;height:260px;border:2px dashed #a9c2cf;border-radius:10px;background:#fff;touch-action:none}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.loginCard{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--shadow);display:grid;gap:16px}.loginCard form{display:grid;gap:12px}.loginCard label{display:grid;gap:5px}.loginCard input{padding:11px;border:1px solid var(--line);border-radius:8px}.linkButton{display:inline-block;text-align:center}.error{color:#a43838}.future h2{font-size:28px}.inline{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:1200px){.serviceGrid,.metricGrid{grid-template-columns:repeat(2,1fr)}.chapterLayout{grid-template-columns:1fr}.chapterList{max-height:350px}.contractSet{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.appShell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:14px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap}.sideFoot{display:none}.appShell>main{padding:18px}.topbar{flex-direction:column}.split{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.serviceGrid{grid-template-columns:1fr}.editorSteps{grid-template-columns:repeat(3,1fr)}.workflowList article{grid-template-columns:1fr}.futureBadge{display:none}}@media(max-width:620px){.formGrid{grid-template-columns:1fr}.span2{grid-column:auto}.metricGrid,.signerGrid,.contractSet{grid-template-columns:1fr}.topActions{width:100%;justify-content:space-between}.filters{min-width:0;flex-direction:column}.panel{padding:16px}.panelHead,.saveBar{flex-direction:column;align-items:stretch}.timeline{grid-template-columns:1fr}.editorSteps{grid-template-columns:1fr 1fr}.topbar h1{font-size:25px}}.message{position:fixed!important;right:24px;top:24px;z-index:1000;max-width:520px;box-shadow:0 18px 45px #0f2a3d40;border-left:5px solid #1f8f6a;animation:toastIn .2s ease-out}.message button{margin-left:auto}@keyframes toastIn{0%{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}.adminList,.optionGroup{display:grid;gap:12px}.adminList>button,.optionGroup>button{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left;padding:18px 20px!important;min-height:82px}.adminList span:first-child,.optionGroup span:first-child{display:grid;gap:7px;min-width:0}.adminList strong,.optionGroup strong{font-size:1rem;line-height:1.25;color:#173f5b}.adminList small,.optionGroup small{display:block;font-size:.9rem;line-height:1.5;color:#5c7284;font-weight:400;white-space:normal}.rowActions{display:flex;gap:8px;flex-wrap:wrap}.brandingGrid input[type=color]{width:58px;height:44px;padding:3px}.colorField{display:grid;grid-template-columns:60px 1fr;gap:10px}.brandPreview{display:block;max-width:220px;max-height:90px;margin-top:12px;padding:10px;border:1px solid #d4e0e8;border-radius:10px;background:#fff}.coverPreview{display:block;max-width:520px;max-height:240px;object-fit:cover;margin-top:12px;border:1px solid #d4e0e8;border-radius:12px}.chapterEditor textarea{line-height:1.65;min-height:260px}.chapterEditor select[multiple]{min-height:180px}.chapterList button{padding:14px 16px!important}.chapterList small{display:block;margin-top:5px}.editorSteps span{position:relative;padding-bottom:11px}.editorSteps span.done:after{content:"✓";margin-left:6px}.workflowCard .timeline>div{min-height:92px}.fieldHint{line-height:1.55}.drawer{max-height:78vh;overflow:auto}.panel p{line-height:1.6}.formGrid label{gap:7px}.formGrid input,.formGrid select,.formGrid textarea{font-size:.96rem;line-height:1.4}.layoutToolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:1rem;border:1px solid #c9dbe8;border-radius:12px;background:#f4f8fb}.layoutToolbar strong{width:100%;color:#173f5c}.layoutToolbar small{width:100%;line-height:1.5;color:#526b7c}.layoutToolbar button{padding:.55rem .8rem}.chapterEditor textarea{line-height:1.6;min-height:20rem}.brandPreview{max-height:100px;max-width:260px;object-fit:contain;background:#fff;padding:12px;border:1px solid #d7e2ea;border-radius:10px}.coverPreview{width:100%;max-height:260px;object-fit:contain;background:#fff;padding:12px;border:1px solid #d7e2ea;border-radius:10px}.message{top:auto!important;bottom:24px!important;right:24px!important;display:flex!important;align-items:flex-start;gap:14px;max-width:min(520px,calc(100vw - 32px));padding:16px 18px!important;background:#effaf5!important;color:#173f32!important;border:1px solid #9ed9c1!important;border-left:5px solid #1f8f6a!important;border-radius:12px!important;box-shadow:0 20px 50px #0f2a3d47!important}.message span{line-height:1.5}.message button{border:0!important;background:transparent!important;padding:0 4px!important;font-size:24px!important;line-height:1!important;color:#315c4d!important}.workflowGuide{margin:0 0 18px;padding:16px 18px;border:1px solid #bcd8e5;border-left:5px solid #2a93b7;border-radius:12px;background:#f4fafc;display:flex;justify-content:space-between;align-items:center;gap:18px}.workflowGuide>div,.workflowGuide:not(:has(>div)){line-height:1.5}.workflowGuide strong{display:block;color:#153f5b}.workflowGuide span{display:block;color:#526b7c;margin-top:3px}.editorSteps span{display:grid!important;gap:4px!important;align-content:start!important;text-align:left!important;min-height:70px!important}.editorSteps span strong{font-size:12px}.editorSteps span small{font-size:10px;line-height:1.35;font-weight:500;color:inherit;opacity:.84}.timeline{grid-template-columns:repeat(5,1fr)!important}.nextAction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:center;margin:0 0 18px;padding:15px 17px;border-radius:11px;border:1px solid #f0c49d;background:#fff8f1}.nextAction strong,.nextAction span{grid-column:1}.nextAction button{grid-column:2;grid-row:1/3}.nextAction.success{border-color:#a9ddc6;background:#f0fbf6}.documentChoice{margin:18px 0;padding:16px;border:1px solid #d4e2e9;border-radius:12px;background:#fbfdfe}.documentChoice>strong{display:block;margin-bottom:10px}.documentChoice>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.documentChoice label{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #dce7ec;border-radius:9px;background:#fff}.documentChoice input{margin-top:4px}.documentChoice span{display:grid;gap:3px}.documentChoice small{color:#607785;line-height:1.4}.documentPreview{margin-top:9px;min-height:160px;padding:24px;border:1px solid #d4e1e8;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 8px #f5f8fa;font-family:Georgia,serif;color:#273947}.documentPreview h3{color:#173f5b;margin:20px 0 8px}.documentPreview h4{color:#2f75b5;margin:16px 0 6px}.documentPreview p{margin:0 0 12px;white-space:pre-wrap}.documentPreview ul{margin:0 0 12px;padding-left:24px}.previewPageBreak{margin:22px 0;border-top:2px dashed #f28c28;text-align:center;color:#a4581f;font-family:system-ui;font-size:12px;padding-top:5px}.previewSpace{position:relative;border-left:3px solid #bcd3df;margin:8px 0}.previewSpace span{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-family:system-ui;font-size:11px;color:#7b909c}.previewEmpty{color:#7c8d97;font-style:italic}.templatePreview{height:130px;margin-top:8px;border:1px solid #d3e1e8;border-radius:10px;background:#fff;overflow:hidden;padding:16px;display:grid;align-content:center;gap:4px}.templatePreview span{display:block;height:18px;border-radius:30% 70% 45% 55%;background:linear-gradient(90deg,var(--brand-primary,#163f5c),var(--brand-secondary,#2f75b5),var(--brand-accent,#f28c28))}.templatePreview strong{font-size:15px;color:#173f5b}.templatePreview small{color:#607785}.templatePreview.classic{text-align:center;border:2px solid #163f5c}.templatePreview.classic span{height:3px;border-radius:0}.templatePreview.minimal span{width:36%;height:5px;border-radius:0}.templatePreview.minimal{text-align:left}.chapterEditor select[multiple]{min-height:140px}.chapterEditor small{line-height:1.45}.brandPreview,.coverPreview{object-fit:contain!important}.panelHead button.primary{white-space:nowrap}@media(max-width:1100px){.timeline{grid-template-columns:1fr 1fr!important}.documentChoice>div{grid-template-columns:1fr}.workflowGuide,.nextAction{grid-template-columns:1fr;display:grid}.nextAction button{grid-column:1;grid-row:auto}.workflowGuide button{justify-self:start}}@media(max-width:620px){.message{right:16px!important;bottom:16px!important}.timeline{grid-template-columns:1fr!important}}