:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#112e44;background:#f1f6fa;line-height:1.5;-webkit-font-smoothing:antialiased;--navy:#0d2d45;--teal:#087f8b;--line:#d9e5ee;--muted:#627b8e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #49c3c4;outline-offset:2px}[hidden]{display:none!important}
.demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:12px max(24px,calc((100% - 1380px)/2));background:#fff;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);font-weight:800;line-height:1.05}.brand-mark,.workspace-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;background:var(--navy);color:#fff;font-size:20px}.brand small{display:block;margin-top:4px;color:#688298;font-size:10px;letter-spacing:.03em}.header-actions{display:flex;align-items:center;gap:22px}.header-actions a{text-decoration:none;font-size:13px;font-weight:700}.header-actions a:hover{color:var(--teal)}.demo-pill{padding:6px 11px;border:1px solid #afe2dd;border-radius:100px;background:#e8f8f5;color:#08796e;font-size:11px;font-weight:800}
main{max-width:1380px;margin:0 auto;padding:0 24px 70px}.intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:48px 0 36px}.eyebrow{margin:0;color:var(--teal);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.intro h1{margin:8px 0 10px;font-size:clamp(34px,3.4vw,50px);line-height:1.1;letter-spacing:-.05em}.intro h1 span{color:#119da3}.intro p:not(.eyebrow){max-width:620px;margin:0;color:var(--muted);font-size:15px}.intro-note{display:flex;gap:14px;max-width:350px;padding:16px 18px;border:1px solid #b9e3df;border-radius:14px;background:#e8f8f5}.intro-note>span{color:#159685;font-size:24px}.intro-note p{font-size:12px!important;line-height:1.55}.intro-note b{color:#155160}
.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:730px;overflow:hidden;border:1px solid #d5e3ec;border-radius:20px;background:#fff;box-shadow:0 26px 70px #153b5315}.sidebar{display:flex;flex-direction:column;padding:24px 14px;background:#0d2e45;color:#fff}.workspace-name{display:flex;align-items:center;gap:10px;padding:0 10px 27px;border-bottom:1px solid #ffffff1c}.workspace-icon{width:36px;height:36px;border:1px solid #ffffff42;background:#195477;font-size:17px}.workspace-name strong,.workspace-name small{display:block}.workspace-name strong{font-size:13px}.workspace-name small{margin-top:3px;color:#9dbdce;font-size:10px}.sidebar nav{display:grid;gap:5px;margin-top:22px}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border:0;border-radius:9px;background:transparent;color:#b9d0de;text-align:left;font-size:13px;font-weight:700}.sidebar nav button span{width:21px;font-size:18px;text-align:center}.sidebar nav button:hover{background:#ffffff12;color:#fff}.sidebar nav button.active{background:#e7f7f6;color:#0c4854}.sidebar-foot{margin:auto 10px 0;padding-top:25px;color:#9dbdce;font-size:11px;line-height:1.6}
.workspace-main{min-width:0;background:#fbfdfe}.demo-panel{padding:clamp(23px,3vw,42px)}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:29px}.panel-heading h2{margin:7px 0 5px;font-size:clamp(27px,2.5vw,36px);letter-spacing:-.04em}.panel-heading p:last-child{margin:0;color:var(--muted);font-size:13px}.text-button{padding:9px 0;border:0;background:transparent;color:var(--teal);font-size:12px;font-weight:750;white-space:nowrap}.text-button:hover{text-decoration:underline}
.estimate-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;align-items:start;gap:23px}.estimate-body,.total-card{min-width:0;padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 22px #153b5308}.project-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.project-fields label,.custom-line-form label,.discount-label{color:#3e6075;font-size:11px;font-weight:800}.project-fields input,.custom-line-form input,.discount-label input{display:block;width:100%;height:43px;margin-top:6px;padding:0 12px;border:1px solid #cddde8;border-radius:8px;background:#fff;color:#15344a;font-size:13px;font-weight:500}.project-fields input:focus,.custom-line-form input:focus,.discount-label input:focus,.line-input:focus{border-color:#19a2a8;outline:3px solid #19a2a824}.section-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 11px}.section-top h3{margin:0;font-size:17px;letter-spacing:-.02em}.section-top span{color:#849bad;font-size:11px}.estimate-lines{border-top:1px solid #dce7ee}.line-row{display:grid;grid-template-columns:minmax(160px,1fr) 66px 94px 108px 24px;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #e4edf2}.line-name strong,.line-name small{display:block}.line-name strong{font-size:12px;line-height:1.35}.line-name small{margin-top:3px;color:#8ca1b0;font-size:10px}.line-input{width:100%;height:37px;padding:0 7px;border:1px solid #d4e2ea;border-radius:7px;background:#fff;color:#17374d;font-size:12px;text-align:right}.line-amount{font-size:12px;text-align:right;white-space:nowrap}.remove-line{width:23px;height:28px;padding:0;border:0;background:transparent;color:#839bad;font-size:20px}.remove-line:hover{color:#bd4242}.empty-lines{padding:30px 10px;color:#7c94a5;text-align:center;font-size:13px}.custom-line-form{display:grid;grid-template-columns:minmax(0,1fr) 105px auto;align-items:end;gap:9px;margin-top:20px}.custom-line-form label span{display:block}.custom-line-form button,.catalog button,.warehouse-row button,.outline-action{min-height:43px;padding:0 14px;border:1px solid #bdd6e0;border-radius:8px;background:#fff;color:#0a6073;font-size:12px;font-weight:800}.custom-line-form button:hover,.catalog button:hover,.warehouse-row button:hover,.outline-action:hover{border-color:#1898a4;background:#eaf8f8}.catalog-heading{margin-top:31px}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:9px}.catalog button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:52px;padding:9px 12px;text-align:left}.catalog button span{line-height:1.3}.catalog button b{flex:none;color:#667f90;font-size:11px}
.total-card{position:sticky;top:20px;border-color:#c2e4e1;background:#f3fbfa}.total-card>strong{display:block;margin:9px 0 26px;color:#0c354b;font-size:clamp(28px,2.5vw,35px);line-height:1.1;letter-spacing:-.045em}.total-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 0;border-top:1px solid #d6e9e8;color:#5e7b8a;font-size:12px}.total-row b{color:#204c5b}.discount-label{display:block;padding:14px 0;border-top:1px solid #d6e9e8}.discount-label input{width:84px;height:36px;margin-top:7px;text-align:right}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 16px;border:1px solid #0b3b54;border-radius:9px;background:#0d3650;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.primary-action:hover{background:#13516a}.total-card .primary-action{width:100%;margin:18px 0 12px}.total-card small{display:block;color:#8199a5;font-size:10px;line-height:1.5}
.document-sheet{max-width:770px;margin:0 auto;padding:clamp(24px,5vw,54px);border:1px solid #d7e3ea;border-radius:9px;background:#fff;box-shadow:0 20px 40px #1a415014}.sheet-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:26px;border-bottom:2px solid #183d55;color:#8495a2;font-size:10px;font-weight:800;letter-spacing:.08em}.sheet-brand{color:#0d334d;font-size:18px;letter-spacing:0}.sheet-brand small{margin-left:8px;color:#0f9da5;font-size:10px}.sheet-kicker{margin:33px 0 4px;color:#0b8e9b;font-size:10px;font-weight:850;letter-spacing:.16em}.document-sheet h3{margin:0;color:#102f45;font-size:29px;letter-spacing:-.04em}.sheet-customer{margin:15px 0 35px;color:#607989;font-size:13px}.sheet-customer strong{color:#244b5f}.sheet-table-head,.sheet-item{display:grid;grid-template-columns:minmax(0,1fr) 80px 125px;gap:10px;padding:11px 0;border-bottom:1px solid #e3ebf0;font-size:12px}.sheet-table-head{border-bottom:2px solid #ccdce5;color:#7890a1;font-size:10px;font-weight:800;text-transform:uppercase}.sheet-item span:nth-child(n+2),.sheet-table-head span:nth-child(n+2){text-align:right}.sheet-total{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:25px;padding-top:19px;border-top:2px solid #173d54;color:#587488;font-size:12px}.sheet-total strong{color:#0e354b;font-size:25px}.sheet-note{margin:41px 0 0;color:#8298a6;font-size:11px}.panel-bottom{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.warehouse-note{padding:12px 15px;border:1px solid #b6e0dd;border-radius:10px;background:#edf9f7;color:#436b72;font-size:12px}.warehouse-list{display:grid;gap:10px;margin-top:18px}.warehouse-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px auto;align-items:center;gap:14px;padding:17px 19px;border:1px solid var(--line);border-radius:11px;background:#fff}.warehouse-row strong,.warehouse-row small{display:block}.warehouse-row strong{font-size:13px}.warehouse-row small{margin-top:4px;color:#8298a8;font-size:11px}.warehouse-row .stock{color:#126d60;font-size:12px;font-weight:800}.warehouse-row .price{font-size:12px;font-weight:800;text-align:right}.warehouse-row button{min-height:36px}
footer{display:flex;justify-content:space-between;gap:20px;max-width:1380px;margin:auto;padding:0 24px 35px;color:#8196a4;font-size:11px}footer a{color:#386177;text-decoration:none}
.demo-status{position:fixed;right:22px;bottom:20px;z-index:10;max-width:min(380px,calc(100% - 44px));padding:12px 16px;border-radius:10px;background:#0d3650;color:#fff;box-shadow:0 10px 30px #06233855;font-size:12px;font-weight:700}
@media(max-width:1140px){.estimate-layout{grid-template-columns:1fr}.total-card{position:static}.total-card .primary-action{max-width:280px}.workspace{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding-inline:10px}}
@media(max-width:780px){.intro{align-items:flex-start;flex-direction:column;padding:33px 0 26px}.intro-note{max-width:none}.workspace{display:block}.sidebar{padding:15px}.workspace-name{padding-bottom:12px}.sidebar nav{display:flex;margin-top:12px;overflow-x:auto}.sidebar nav button{width:auto;white-space:nowrap}.sidebar-foot{display:none}.demo-panel{padding:23px}.line-row{grid-template-columns:minmax(100px,1fr) 58px 83px 91px 22px;gap:5px}.warehouse-row{grid-template-columns:minmax(0,1fr) 90px auto}.warehouse-row .price{display:none}}
@media(max-width:560px){.demo-header{min-height:68px;padding:10px 16px}.demo-pill{display:none}main{padding:0 12px 48px}.intro h1{font-size:36px}.intro p:not(.eyebrow){font-size:13px}.workspace{border-radius:14px}.demo-panel{padding:18px 14px}.project-fields,.catalog{grid-template-columns:1fr}.estimate-body,.total-card{padding:16px}.line-row{grid-template-columns:minmax(0,1fr) 66px 86px 22px}.line-name{grid-column:1/-1}.line-amount{font-size:11px}.custom-line-form{grid-template-columns:1fr 90px}.custom-line-form button{grid-column:1/-1}.panel-heading{align-items:start}.panel-heading h2{font-size:26px}.panel-bottom{flex-direction:column}.panel-bottom>*{justify-content:center;width:100%}.warehouse-row{grid-template-columns:minmax(0,1fr) auto}.warehouse-row .stock{grid-column:1}.warehouse-row button{grid-column:2;grid-row:1/3}.sheet-table-head,.sheet-item{grid-template-columns:minmax(0,1fr) 50px 85px}.document-sheet h3{font-size:24px}footer{padding-inline:14px}}
@media print{body{background:#fff}.demo-header,.intro,.sidebar,.panel-heading,.panel-bottom,footer{display:none!important}main,.workspace,.workspace-main,.demo-panel{display:block!important;max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:#fff}#estimate-panel,#warehouse-panel{display:none!important}#document-panel{display:block!important}.document-sheet{max-width:none;padding:0;border:0;box-shadow:none}.sheet-top{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}