:root{--navy:#073b6b;--navy2:#0b4f88;--blue:#0b72d5;--light:#eaf5ff;--line:#c7d8e8;--ink:#0c2b4a;--muted:#5d7288;--bg:#f4f8fc;--red:#e1261c;--green:#139447;--white:#fff}*{box-sizing:border-box}html,body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}body.app-body{min-width:1180px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.side{position:fixed;left:0;top:0;bottom:0;width:190px;background:linear-gradient(180deg,#073b6b,#0a4a80);color:#fff;padding:18px 10px;z-index:20;box-shadow:4px 0 18px #06284622}.side-brand{text-align:center;padding:0 8px 18px;border-bottom:1px solid #ffffff22}.side-brand img{display:block;width:150px;height:auto;margin:auto;filter:brightness(0) invert(1)}.side-brand b{display:block;font-size:13px;letter-spacing:.08em;margin-top:5px}.side nav{margin-top:18px;display:grid;gap:7px}.side nav a{padding:11px 13px;border-radius:6px;font-size:14px;display:flex;gap:10px;align-items:center}.side nav a.active,.side nav a:hover{background:#2384e1}.side-foot{position:absolute;left:14px;right:14px;bottom:22px;color:#d7ecff;font-size:14px;font-style:italic;line-height:1.45}.app-main{margin-left:190px;width:calc(100% - 190px)}.app-top{height:44px;background:#fff;border-bottom:1px solid #d8e4ef;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:15}.app-top h1{font-size:18px;margin:0}.top-meta{display:flex;align-items:center;gap:18px;font-size:12px}.company-head{height:122px;background:#fff;border-bottom:1px solid #d7e4f0;padding:10px 25px 8px;display:grid;grid-template-columns:300px 1fr 280px;align-items:center;gap:18px}.company-logo{width:285px;height:92px;object-fit:contain}.company-info h2{font-size:29px;margin:0;color:#0a579c;line-height:1}.company-info h3{font-size:18px;margin:3px 0 8px;color:#123f6d}.company-info .info-line{font-size:13px;margin:3px 0;display:flex;gap:8px}.company-info .lab{font-weight:800;min-width:92px}.company-right{text-align:right}.company-right .script{font-size:31px;color:#0a63b0;font-style:italic;line-height:1}.company-right .tag{font-weight:900;color:#0b4e8b;margin-top:6px;line-height:1.1}.service-band{height:39px;background:#e3f1fc;border-bottom:1px solid #c7dfef;display:flex;align-items:center;justify-content:center;gap:0;color:#0a4e88;font-weight:800;font-size:13px}.service-band span{padding:0 22px;border-right:1px solid #7fa6c5}.service-band span:last-child{border-right:0}.content{padding:10px 20px 20px}.offer-grid{display:grid;grid-template-columns:minmax(720px,1.75fr) minmax(370px,.7fr);gap:12px;align-items:start}.offer-title{background:linear-gradient(90deg,#0a4679,#0d5d9c);color:#fff;border-radius:5px;padding:11px 18px;font-weight:900;font-size:27px;letter-spacing:.02em;display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.offer-title small{font-size:18px;font-weight:400;font-style:italic}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:9px}.panel-title{background:linear-gradient(90deg,#ddecf9,#edf6fd);padding:7px 12px;font-weight:900;color:#0c4d83;font-size:14px}.panel-body{padding:8px 10px}.customer-project{display:grid;grid-template-columns:1.45fr .8fr;gap:10px}.field-row{display:grid;grid-template-columns:88px 1fr;gap:7px;align-items:center;margin-bottom:5px;font-size:12px}.field-row label{font-weight:700}.field-row input,.field-row textarea,.field-row select{border:1px solid #c7d8e8;border-radius:4px;background:#fff;padding:6px 7px;width:100%}.field-row textarea{height:52px;resize:none}.project-text{width:100%;height:115px;border:1px solid #c7d8e8;border-radius:4px;resize:none;padding:7px}.items-table{width:100%;border-collapse:collapse;font-size:12px}.items-table th{background:#0a4a7f;color:#fff;padding:7px 6px;border-right:1px solid #4f82aa}.items-table td{border:1px solid #c9d8e5;padding:2px}.items-table input{width:100%;border:1px solid #d2deea;border-radius:3px;padding:4px 5px;height:25px}.items-table .num{text-align:right}.items-table .qty{width:70px;text-align:center}.items-table .del{background:none;border:0;color:var(--red);font-size:17px;cursor:pointer;width:28px}.item-actions{display:flex;justify-content:space-between;margin-top:6px}.sm-btn{border:0;border-radius:4px;padding:6px 11px;font-weight:700;cursor:pointer}.sm-btn.blue{background:#147be1;color:#fff}.sm-btn.red{background:#fff;border:1px solid #ff8d86;color:#d5281d}.terms{margin:0;padding-left:21px;font-size:12px;line-height:1.35}.bottom-left{display:grid;grid-template-columns:1fr 1fr;gap:9px}.signature-box{height:82px}.signature-box .field-row{grid-template-columns:76px 1fr}.right-stack .panel{margin-bottom:10px}.offer-meta .field-row{grid-template-columns:120px 1fr;margin:0;border-bottom:1px solid #d7e3ed;padding:2px 0}.offer-meta .field-row:last-child{border-bottom:0}.totals{width:100%;border-collapse:collapse;font-size:13px}.totals td{border:1px solid #c7d8e8;padding:7px}.totals td:first-child{font-weight:800;background:#eef6fd;width:48%}.totals tr.grand td:first-child{background:#0a4a7f;color:white;font-size:16px}.totals tr.grand td:last-child{font-size:17px;font-weight:900}.totals input,.totals select{width:78px;padding:3px;border:1px solid #c7d8e8;border-radius:4px;text-align:right}.totals .value{text-align:right;font-weight:700}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-list{display:grid;gap:6px;font-size:12px}.check-list label{display:flex;gap:7px;align-items:center}.check-list input[type=checkbox],.check-list input[type=radio]{width:15px;height:15px}.check-list .custom{display:grid;grid-template-columns:16px auto 1fr;gap:6px;align-items:center}.check-list .custom input[type=text]{padding:4px;border:1px solid #c7d8e8;border-radius:3px;width:100%}.bank-table{width:100%;border-collapse:collapse;font-size:10px}.bank-table th{background:#0a4a7f;color:#fff;padding:5px;border:1px solid #c7d8e8}.bank-table td{border:1px solid #c7d8e8;padding:2px}.bank-table input{width:100%;border:0;padding:4px}.action-row{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.action-btn{border:0;border-radius:5px;padding:10px 16px;color:#fff;font-weight:800;cursor:pointer}.action-btn.preview{background:#e8eef4;color:#16334f}.action-btn.save{background:#17a34a}.action-btn.pdf{background:#147be1}.action-btn.send{background:#0959be}.action-btn[disabled]{opacity:.45;cursor:not-allowed}.list-wrap{max-width:1200px;margin:22px auto;padding:0 20px}.list-hero{background:linear-gradient(135deg,#083c6c,#0c6cb8);color:#fff;border-radius:12px;padding:26px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.list-hero h1{margin:0 0 6px}.card{background:#fff;border:1px solid #dce7f0;border-radius:10px;padding:15px}.offer-list{width:100%;border-collapse:collapse}.offer-list th,.offer-list td{padding:11px;border-bottom:1px solid #e4edf5;text-align:left}.offer-list th{font-size:11px;color:#60758a}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#06375f,#0b67ad)}.login-card{width:min(430px,92vw);background:#fff;padding:30px;border-radius:15px;box-shadow:0 20px 60px #0004}.login-card img{width:250px;display:block;margin:0 auto 12px}.login-card h1{text-align:center;margin:0 0 15px}.login-card form{display:grid;gap:10px}.login-card input{padding:11px;border:1px solid #c7d8e8;border-radius:6px}.login-card button{padding:11px;background:#0b6bc0;color:#fff;border:0;border-radius:6px;font-weight:800}.alert{background:#fff0ee;color:#a8372d;padding:10px;border-radius:6px}.print-page{width:210mm;min-height:297mm;margin:15px auto;background:white;padding:10mm;box-shadow:0 5px 30px #1233}.print-head{display:grid;grid-template-columns:65mm 1fr;gap:8mm;border-bottom:2px solid #0a5b9f;padding-bottom:5mm}.print-logo{width:62mm}.print-company h2{margin:0;color:#0a5b9f}.print-company div{font-size:10pt;margin:2px 0}.print-title{display:flex;justify-content:space-between;align-items:center;background:#0a4a7f;color:#fff;padding:4mm 5mm;margin:5mm 0}.print-customer{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-bottom:4mm}.print-box{border:1px solid #c7d8e8;padding:3mm}.print-box h3{margin:0 0 2mm;color:#0a4a7f;font-size:11pt}.print-kv{font-size:9pt;display:grid;grid-template-columns:35mm 1fr;gap:1mm}.doc-table{width:100%;border-collapse:collapse;font-size:8.5pt}.doc-table th{background:#0a4a7f;color:white}.doc-table th,.doc-table td{border:1px solid #c7d8e8;padding:2mm}.print-bottom{display:grid;grid-template-columns:1fr 70mm;gap:4mm;margin-top:4mm}.print-summary{border-collapse:collapse;width:100%;font-size:9pt}.print-summary td{border:1px solid #c7d8e8;padding:2mm}.print-summary td:first-child{font-weight:700}.print-small{font-size:8.5pt}.no-print{}@media(max-width:1250px){body.app-body{min-width:1080px}.side{width:165px}.app-main{margin-left:165px;width:calc(100% - 165px)}.company-head{grid-template-columns:260px 1fr 220px}.company-logo{width:245px}.service-band span{padding:0 12px}.content{padding:8px 12px}.offer-grid{grid-template-columns:minmax(650px,1.55fr) minmax(350px,.75fr)}}@media print{.no-print,.side,.app-top,.service-band{display:none!important}.app-main{margin:0;width:100%}.print-page{margin:0;box-shadow:none;width:auto;min-height:auto;padding:0}@page{size:A4;margin:10mm}}