:root{--navy:#0a1f3d;--navy-2:#112b4c;--green:#1e6a45;--green-soft:#e8f3ed;--ink:#172033;--muted:#68768a;--line:#dce3ea;--bg:#f4f7f8;--card:#fff;--danger:#a94442;--amber:#9a6310}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px}.app-frame{min-height:100vh;display:flex}.side-rail{position:fixed;inset:0 auto 0 0;width:232px;background:var(--navy);color:#dce8f2;padding:24px 16px;display:flex;flex-direction:column;z-index:5}.logo{display:flex;align-items:baseline;gap:5px;color:white;text-decoration:none;font-size:1.45rem;letter-spacing:-.06em;margin:0 10px 42px}.logo span{font-weight:800}.logo b{color:#68c58f;font-weight:500}.eyebrow,.rail-caption,.section-kicker{font-size:.72rem;letter-spacing:.14em;font-weight:700;color:var(--muted)}.rail-caption{color:#7391ad;margin:0 12px 10px}.side-rail nav{display:grid;grid-gap:4px;gap:4px}.rail-link{color:#b8c9d8;text-decoration:none;border-radius:10px;padding:12px;display:flex;gap:11px;align-items:center;font-weight:600}.rail-link span{width:18px;text-align:center;color:#7bbd98}.rail-link.active,.rail-link:hover{background:#17385b;color:#fff}.rail-foot{margin-top:auto;color:#84a0b5;font-size:.82rem;display:flex;align-items:center;gap:8px;padding:12px}.status-dot{height:8px;width:8px;border-radius:50%;background:#69c38c;display:inline-block}.main-column{margin-left:232px;min-height:100vh;flex:1 1}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,5vw,70px) 18px;border-bottom:1px solid var(--line);background:rgba(244,247,248,.94)}h1{font-size:2rem;line-height:1.1;margin:8px 0 0;color:var(--navy);letter-spacing:-.04em}.avatar,.eyebrow{color:var(--green)}.avatar{height:40px;width:40px;border:1px solid #b9d8c6;border-radius:50%;background:var(--green-soft);font-weight:800}.content{max-width:1280px;margin:0 auto;padding:30px clamp(20px,5vw,70px) 70px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-intro h2{margin:6px 0 0;font-size:1.6rem;color:var(--navy);letter-spacing:-.03em}.page-intro p{margin:8px 0 0;color:var(--muted)}.button{border:0;border-radius:9px;background:var(--green);color:#fff;padding:12px 17px;text-decoration:none;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.button:hover{background:#155536}.button.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.button:disabled{opacity:.55;cursor:not-allowed}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:26px}.metric{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.metric strong{font-size:1.7rem;color:var(--navy);display:block;margin-top:10px}.metric small{color:var(--muted)}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;min-width:0}.panel.full{grid-column:1/-1}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.panel-title h3{margin:0;color:var(--navy);font-size:1rem}.panel-title span{font-size:.78rem;color:var(--muted)}.list{display:grid;grid-gap:2px;gap:2px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #edf0f3;text-decoration:none;color:inherit}.list-item:first-child{border-top:0;padding-top:0}.item-main{min-width:0}.item-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-main small,.muted{color:var(--muted);font-size:.84rem}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:6px;background:#edf2f6;color:var(--navy);font-size:.76rem;font-weight:800;white-space:nowrap}.badge.p0{background:#fbe8e7;color:#9b3532}.badge.p1{background:#fff1d5;color:#8b5a09}.badge.green{background:var(--green-soft);color:var(--green)}.state-box{background:var(--card);border:1px dashed #bdcbd6;color:var(--muted);border-radius:12px;padding:25px;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center;gap:10px}.state-box.error{border-color:#e2b5b3;color:var(--danger);background:#fffafa}.state-box.empty{background:#fbfcfd}.spinner{height:15px;width:15px;border:2px solid #bdd0c5;border-top:2px solid var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.search-row{display:flex;gap:12px;margin-bottom:20px}.input,.select,.textarea{font:inherit;border:1px solid #cbd6df;border-radius:9px;background:#fff;color:var(--ink);padding:12px 13px;width:100%;min-height:46px}.textarea{min-height:110px;resize:vertical}.search-row .input{max-width:520px}.customer-list{display:grid;grid-gap:8px;gap:8px}.customer-row{display:grid;grid-template-columns:1fr minmax(140px,.5fr) minmax(120px,.4fr) auto;align-items:center;grid-gap:18px;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;text-decoration:none;color:inherit}.customer-row:hover{border-color:#9fc7af;box-shadow:0 3px 12px rgba(10,31,61,.05)}.customer-row strong{color:var(--navy)}.customer-meta{color:var(--muted);font-size:.87rem}.form-card{max-width:760px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.field{display:grid;grid-gap:7px;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;color:var(--navy);font-size:.9rem}.field label span{font-weight:400;color:var(--muted)}.form-actions{display:flex;gap:10px;margin-top:24px}.error-text{color:var(--danger);font-size:.9rem;margin:12px 0}.success-note{color:var(--green);background:var(--green-soft);padding:12px;border-radius:9px}.profile-head{display:flex;justify-content:space-between;gap:24px;align-items:start;background:var(--navy);color:#fff;border-radius:14px;padding:24px;margin-bottom:18px}.profile-head h2{font-size:1.7rem;margin:8px 0}.profile-head p{margin:0;color:#bcd0df}.profile-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.profile-meta .badge{background:#264767;color:#ebf4fb}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{border:0;background:transparent;padding:12px 14px;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--green);border-bottom-color:var(--green)}.empty-doc{padding:34px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.quick-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.bottom-nav,.create-menu{display:none}.create-nav{font:inherit}.timeline{display:grid;grid-gap:12px;gap:12px}.timeline-entry{border-left:3px solid #b8d9c4;padding-left:14px}.timeline-entry strong{display:block}.timeline-entry small{color:var(--muted)}@media(max-width:820px){.side-rail{display:none}.main-column{margin-left:0;padding-bottom:78px}.topbar{height:94px;padding:20px}.content{padding:24px 16px 40px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid var(--line);z-index:10;box-shadow:0 -5px 18px rgba(10,31,61,.08)}.bottom-link,.create-nav{border:0;text-decoration:none;background:transparent;color:var(--muted);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:.72rem;font-weight:700}.bottom-link span,.create-nav span{font-size:1.25rem;line-height:1;color:var(--navy)}.bottom-link.active,.bottom-link.active span{color:var(--green)}.create-nav{color:#fff;background:var(--green);height:52px;width:52px;border-radius:50%;justify-self:center;margin-top:-20px;box-shadow:0 4px 12px rgba(30,106,69,.3)}.create-nav span{color:#fff;font-size:1.6rem}.create-menu{position:fixed;display:grid;grid-gap:4px;gap:4px;right:16px;bottom:78px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 28px rgba(10,31,61,.15);z-index:11;min-width:210px}.create-menu a{padding:10px;color:var(--navy);text-decoration:none;font-weight:700}.create-menu small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.create-menu a:hover{background:var(--green-soft);border-radius:7px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-grid{grid-template-columns:1fr}.panel.full{grid-column:auto}.page-intro{align-items:start;flex-direction:column}.page-intro .button{width:100%}.customer-row{grid-template-columns:1fr auto;gap:8px}.customer-row .customer-meta:nth-child(2){display:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-actions{flex-direction:column}.form-actions .button{width:100%}.profile-head{padding:20px}.profile-head,.search-row{flex-direction:column}.search-row .button{width:100%}}@media(max-width:380px){.content{padding-left:12px;padding-right:12px}.bottom-link,.create-nav{font-size:.67rem}.overview-grid{gap:7px}.metric{padding:14px 12px}}.pipeline-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:22px}.pipeline-board{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));grid-gap:14px;gap:14px;align-items:start;overflow-x:auto;padding-bottom:16px}.pipeline-column{min-width:260px;background:#eef2f5;border:1px solid var(--line);border-radius:14px;overflow:hidden}.pipeline-column-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;background:#fff;border-bottom:1px solid var(--line)}.pipeline-column-header div{display:grid;grid-gap:3px;gap:3px}.pipeline-column-header strong{color:var(--navy);font-size:.98rem}.pipeline-column-header span{color:var(--muted);font-size:.72rem}.pipeline-column-header b{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--green-soft);color:var(--green)}.pipeline-column-body{display:grid;grid-gap:10px;gap:10px;padding:10px}.pipeline-empty{padding:24px 12px;text-align:center;color:var(--muted);font-size:.86rem;border:1px dashed #bdcbd6;border-radius:10px;background:rgba(255,255,255,.55)}.pipeline-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 2px 8px rgba(10,31,61,.04)}.pipeline-card.overdue{border-color:#e3a8a8}.pipeline-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.pipeline-card h3{margin:0 0 6px;color:var(--navy);font-size:1rem;line-height:1.25}.pipeline-priority{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:4px 8px;border-radius:7px;font-size:.72rem;font-weight:800}.pipeline-priority.p0{color:#9b3532;background:#fbe8e7}.pipeline-priority.p1{color:#8b5a09;background:#fff1d5}.pipeline-priority.p2{color:#264767;background:#edf2f6}.pipeline-priority.p3{color:#68768a;background:#f1f3f5}.pipeline-probability{color:var(--muted);font-size:.76rem;font-weight:700}.pipeline-customer{display:block;color:var(--green);text-decoration:none;font-size:.86rem;font-weight:700}.pipeline-customer:hover{text-decoration:underline}.pipeline-value{margin-top:12px;color:var(--navy);font-size:1rem;font-weight:800}.pipeline-next{display:grid;grid-gap:3px;gap:3px;margin-top:12px;padding:10px;border-radius:9px;background:#f5f8fa}.pipeline-next small{color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.04em}.pipeline-next strong{color:var(--ink);font-size:.84rem}.pipeline-next span{color:var(--muted);font-size:.76rem}.pipeline-next.overdue{background:#fff1f0}.pipeline-next.overdue small{color:var(--danger)}.pipeline-link{display:inline-block;margin-top:12px;color:var(--navy);font-size:.78rem;font-weight:800;text-decoration:none}.pipeline-link:hover{color:var(--green)}@media(max-width:820px){.pipeline-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pipeline-board{grid-template-columns:1fr;overflow-x:visible}.pipeline-column{min-width:0}}@media(max-width:380px){.pipeline-metrics{grid-template-columns:1fr 1fr}}.opportunity-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.opportunity-grid .panel.full{grid-column:1/-1}.opportunity-next-action{display:grid;grid-gap:6px;gap:6px;padding:16px;border-radius:10px;background:#f5f8fa}.opportunity-next-action strong{color:var(--navy)}.opportunity-next-action small,.opportunity-next-action span{color:var(--muted)}.opportunity-section-title{margin-top:22px}.pipeline-title-link{color:inherit;text-decoration:none}.pipeline-title-link:hover{color:var(--green)}@media(max-width:820px){.opportunity-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.opportunity-grid{grid-template-columns:1fr}.opportunity-grid .panel.full{grid-column:auto}}.product-image{display:block;width:100%;max-height:220px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff;margin:0 0 16px}.product-image.compact{max-height:150px;margin:0}.catalog-lines{display:grid;grid-gap:28px;gap:28px}.proposal-document{display:grid;grid-gap:18px;gap:18px;max-width:1020px;margin:0 auto}.proposal-header{background:var(--navy);color:#fff;border-radius:14px;padding:26px;display:flex;justify-content:space-between;gap:16px;align-items:start}.proposal-header h2{margin:7px 0;font-size:1.8rem}.proposal-header p{margin:0;color:#c5d5e2}.proposal-header .section-kicker{color:#8ecfac}.proposal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.proposal-grid .panel h3,.proposal-notes h3,.proposal-totals h3{margin-top:0;color:var(--navy)}.proposal-grid p{margin:7px 0}.proposal-items{display:grid;grid-gap:16px;gap:16px}.proposal-item{display:grid;grid-template-columns:150px 1fr minmax(155px,.45fr);grid-gap:18px;gap:18px;align-items:start;padding:16px 0;border-top:1px solid var(--line)}.proposal-item:first-child{border-top:0;padding-top:0}.proposal-item h4{margin:0 0 8px;color:var(--navy)}.proposal-item p{margin:7px 0}.proposal-item-total{display:grid;grid-gap:5px;gap:5px;text-align:right}.proposal-item-total span{font-size:.78rem;color:var(--muted)}.proposal-image-placeholder{min-height:112px;border:1px dashed var(--line);border-radius:10px;display:grid;place-items:center;color:var(--muted);font-size:.8rem;text-align:center;padding:12px}.proposal-preparation{margin-top:18px}.proposal-preparation h3{margin:6px 0}.proposal-notes p{color:var(--muted)}.proposal-totals{max-width:550px;margin-left:auto;width:100%}@media(max-width:720px){.proposal-grid,.proposal-header{grid-template-columns:1fr;display:grid}.proposal-item{grid-template-columns:1fr}.proposal-item-total{text-align:left}.proposal-item .product-image{max-width:200px}.proposal-totals{max-width:none}}.catalog-line{display:grid;grid-gap:16px;gap:16px}.catalog-line-header{display:flex;justify-content:space-between;gap:16px;align-items:end}.catalog-line-header h2,.catalog-line-header p{margin:0}.catalog-line-header p{color:var(--muted);margin-top:4px}.catalog-line-header>span{white-space:nowrap;color:var(--muted);font-weight:600}@media(max-width:560px){.catalog-line-header{align-items:start;flex-direction:column;gap:6px}}.quote-builder{padding:24px;margin-bottom:18px}.quote-items{display:grid;grid-gap:14px;gap:14px}.quote-item{display:grid;grid-template-columns:34px 126px 1fr 36px;grid-gap:16px;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfd}.quote-item-number{height:30px;width:30px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}.quote-item-image{height:104px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:.78rem}.quote-item-image img{width:100%;height:100%;object-fit:contain}.quote-item-fields{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(170px,1fr) 105px;grid-gap:12px;gap:12px;align-items:flex-end}.quote-product-meta{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.8rem}.quote-product-meta strong{color:var(--green)}.remove-item{border:1px solid var(--line);background:#fff;color:var(--danger);border-radius:8px;height:36px;width:36px;font-size:1.3rem;cursor:pointer}.remove-item:disabled{opacity:.3;cursor:not-allowed}.quote-controls{display:flex;justify-content:flex-end;align-items:flex-end;gap:14px;margin-top:18px}.quote-controls .field{min-width:300px}.quote-result{display:grid;grid-template-columns:1fr minmax(320px,.7fr);grid-gap:24px;gap:24px;align-items:center;margin-bottom:18px;border-left:5px solid var(--green)}.quote-result h3{margin:5px 0}.quote-result p{margin:0;color:var(--muted)}.quote-result-values{display:grid;grid-gap:9px;gap:9px}.quote-result-values span{display:flex;justify-content:space-between;gap:18px}.quote-result-values .grand-total{border-top:1px solid var(--line);padding-top:12px;color:var(--navy);font-size:1.05rem}.proposal-actions{display:flex;justify-content:flex-end;gap:10px;max-width:1020px;margin:0 auto 14px}.proposal-brand{display:flex;align-items:center;gap:22px}.proposal-brand>img{width:215px;max-height:72px;object-fit:contain;background:#fff;border-radius:8px;padding:8px}.proposal-header .proposal-brand h2{font-size:1.25rem;letter-spacing:.02em}.proposal-grand-total{font-size:1.08rem;color:var(--green)}.proposal-footer{display:grid;grid-gap:6px;gap:6px;text-align:center;color:var(--muted);font-size:.78rem;border-top:2px solid var(--green);padding:18px}.proposal-footer strong{font-size:1rem;color:var(--navy)}@media(max-width:900px){.quote-item{grid-template-columns:34px 100px 1fr 36px}.quote-item-fields{grid-template-columns:1fr 1fr}.quantity-field{grid-column:1/-1}.quote-result{grid-template-columns:1fr}}@media(max-width:650px){.quote-item{grid-template-columns:34px 1fr 36px;align-items:start}.quote-item-image{grid-column:2;height:140px}.quote-item-fields{grid-column:1/-1;grid-template-columns:1fr}.quantity-field,.quote-product-meta{grid-column:auto}.quote-controls{align-items:stretch;flex-direction:column}.quote-controls .field{min-width:0;width:100%}.quote-controls .button{width:100%}.proposal-brand{align-items:flex-start;flex-direction:column}.proposal-brand>img{width:180px}}@media print{.content,.main-column,body{background:#fff}.bottom-nav,.proposal-actions,.side-rail,.topbar{display:none!important}.main-column{margin:0}.content{max-width:none;padding:0}.proposal-document{max-width:none;gap:12px}.panel,.proposal-header{box-shadow:none}.panel,.proposal-header,.proposal-item{page-break-inside:avoid;break-inside:avoid}.proposal-header{-webkit-print-color-adjust:exact;print-color-adjust:exact}}