:root{--bg:#f3f6f8;--ink:#172832;--muted:#7d8d97;--line:#e0e8ec;--cyan:#02a8bf;--cyan-dark:#07899b;--deep:#071820;--panel:#fff;--green:#18a875;--orange:#ed992a;--red:#db5865;--violet:#7769dc;--shadow:0 10px 30px rgba(27,51,62,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{transition:.18s}.primary{border:0;background:linear-gradient(135deg,#05adc3,#07899b);color:#fff!important;border-radius:10px;min-height:41px;padding:0 18px;font-size:13px;font-weight:700;box-shadow:0 7px 17px rgba(0,157,178,.16);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,157,178,.24)}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{border:1px solid #91d9e2;background:#f1fbfc;color:#078ea0;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:700;cursor:pointer}.app-page{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#071a23,#071219);padding:25px 16px 18px;color:#d5e4e8;display:flex;flex-direction:column;z-index:20}.brand{height:94px;border-bottom:1px solid #16303a;display:flex;align-items:center;flex-direction:column;margin:0 2px 18px}.brand img{width:145px;height:61px;object-fit:contain;filter:drop-shadow(0 0 11px rgba(0,191,215,.17))}.brand span{font-size:9px;letter-spacing:3px;color:#688690;margin-top:-3px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{border-radius:10px;padding:13px 15px;color:#879ea7;font-size:13px;font-weight:600;display:flex;align-items:center;gap:13px}.sidebar nav a i{font-style:normal;width:21px;text-align:center;font-size:18px}.sidebar nav a:hover{background:#0d2732;color:#e7f9fc}.sidebar nav a.active{color:#dffbff;background:linear-gradient(90deg,rgba(0,174,197,.24),rgba(0,174,197,.06));box-shadow:inset 3px 0 #04aec4}.sidebar-user{margin-top:auto;border-top:1px solid #16303a;padding:17px 7px 0;display:flex;align-items:center;gap:10px}.sidebar-user>b{width:37px;height:37px;border-radius:50%;background:linear-gradient(145deg,#04b3ca,#08778b);display:grid;place-items:center;color:#fff;font-size:11px}.sidebar-user div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.sidebar-user strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:9px;color:#637e88}.sidebar-user>a{font-size:18px;color:#71909a}.workspace{margin-left:248px;min-height:100vh}.topbar{height:89px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:14}.topbar p{margin:0 0 4px;color:#8c99a2;font-size:10px}.topbar h1{font-size:20px;margin:0;letter-spacing:-.35px}.menu-toggle{display:none}.content{max-width:1500px;margin:auto;padding:27px 33px 46px}.flash{position:fixed;right:25px;top:105px;z-index:25;min-width:300px;max-width:480px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:10px;padding:13px 15px;box-shadow:0 15px 40px rgba(8,31,42,.16);font-size:12px;display:flex;justify-content:space-between;gap:20px;animation:flashIn .3s ease}.flash.success{border-left-color:var(--green)}.flash.error{border-left-color:var(--red)}.flash button{border:0;background:transparent;font-size:18px;color:#88969f}@keyframes flashIn{from{transform:translateY(-8px);opacity:0}}.welcome-card{color:#fff;border-radius:17px;padding:25px 27px;background:radial-gradient(circle at 79% 20%,rgba(0,193,218,.17),transparent 25%),linear-gradient(120deg,#0a212b,#08151d);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.welcome-card:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(32,203,226,.1);border-radius:50%;right:95px;top:-115px;box-shadow:0 0 0 45px rgba(32,203,226,.025),0 0 0 90px rgba(32,203,226,.018)}.welcome-card span{color:#49cadc;letter-spacing:1.5px;font-size:9px;font-weight:800}.welcome-card h2{font-size:24px;margin:8px 0 6px}.welcome-card p{color:#86a0aa;margin:0;font-size:11px}.welcome-card>a{z-index:1;border:1px solid #24434e;background:#102d38;color:#cae7ed;border-radius:10px;padding:13px 17px;font-size:11px}.welcome-card>a b{color:#3cc1d3;margin-left:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:17px 0}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;gap:15px;box-shadow:0 4px 13px rgba(28,52,63,.025)}.stats-grid article>i{font-style:normal;width:43px;height:43px;border-radius:11px;display:grid;place-items:center;font-size:20px}.stats-grid .cyan{color:#04a9bf;background:#e8f9fb}.stats-grid .green{color:#1ba977;background:#eaf9f3}.stats-grid .orange{color:#e29428;background:#fff6e8}.stats-grid .violet{color:#786add;background:#f0effe}.stats-grid article div{display:flex;flex-direction:column;gap:5px}.stats-grid span{font-size:10px;color:#7d8b94;font-weight:600}.stats-grid strong{font-size:21px}.stats-grid small{font-size:9px;color:#98a4ab}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 13px rgba(28,52,63,.025)}.panel-head{padding:18px 20px 15px;display:flex;align-items:center;justify-content:space-between}.panel-head h3{font-size:13px;margin:0 0 4px}.panel-head p{font-size:9px;margin:0;color:#98a5ad}.panel-head>a{color:#009eb3;font-size:10px;font-weight:700}.data-table{width:100%;overflow:auto}.table-row{display:grid;grid-template-columns:1.2fr 2.25fr 1fr 1.1fr 1.05fr 36px;align-items:center;min-width:760px;border-top:1px solid #edf1f3;padding:11px 19px;font-size:10px;color:#66757f}.table-row:hover:not(.table-head){background:#fbfdfd}.table-row.table-head{background:#f8fafb;padding-top:9px;padding-bottom:9px;font-size:8px;font-weight:800;letter-spacing:.55px;color:#a0abb2}.table-row>span{min-width:0}.table-row>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.table-row b{color:#344550}.table-row small{font-size:8px;color:#a3aeb4}.table-row .number{color:#008fa4;font-weight:800}.status{font-style:normal;font-size:8px;font-weight:800;border-radius:20px;padding:5px 9px;display:inline-block}.status.approved{color:#10976b;background:#eaf9f3}.status.sent{color:#087fbc;background:#eaf6fc}.status.draft{color:#7c8790;background:#f0f2f4}.status.rejected,.status.expired{color:#cf5562;background:#fceef0}.empty{display:block!important;text-align:center!important;padding:42px 20px!important;color:#8b99a2;border-top:1px solid #edf1f3}.empty b{color:#3d4c55;font-size:13px}.empty p{font-size:10px}.empty .primary{margin-top:7px}.dashboard-lower{display:grid;grid-template-columns:1.05fr 1fr;gap:15px;margin-top:15px}.success-panel{min-height:240px}.success-ring{width:110px;height:110px;border-radius:50%;margin:4px auto;background:conic-gradient(var(--green) 0 var(--rate),#edf1f2 var(--rate) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.success-ring:after{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}.success-ring strong,.success-ring span{z-index:1}.success-ring strong{font-size:21px}.success-ring span{font-size:8px;color:#94a1a9}.legend{display:flex;justify-content:center;gap:20px;margin-top:11px}.legend span{font-size:8px;color:#89979f;display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%}.lg-green{background:var(--green)}.lg-orange{background:var(--orange)}.lg-red{background:var(--red)}.legend b{color:#34434c}.quick-panel{padding-bottom:11px}.quick-panel>.panel-head{padding-bottom:8px}.quick-panel>a{margin:7px 17px;border:1px solid #edf1f3;border-radius:11px;padding:9px 11px;display:flex;align-items:center}.quick-panel>a:hover{border-color:#bfe6eb;background:#fbfefe}.quick-panel>a>i{font-style:normal;width:34px;height:34px;border-radius:8px;background:#eaf9fb;color:#00a1b7;display:grid;place-items:center;font-size:17px;margin-right:11px}.quick-panel>a span{display:flex;flex-direction:column;gap:3px;flex:1}.quick-panel>a b{font-size:10px}.quick-panel>a small{font-size:8px;color:#9aa6ad}.quick-panel>a>strong{font-size:19px;color:#9aa8af}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 21px;gap:20px}.page-heading h2{font-size:23px;margin:0 0 6px;letter-spacing:-.45px}.page-heading p{margin:0;color:#81909a;font-size:11px}.back{display:inline-block;color:#0793a7;font-size:10px;font-weight:700;margin-bottom:10px}.table-panel{overflow:hidden}.filters{padding:15px 16px;display:flex;gap:9px;align-items:center}.filters .search{height:39px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:0 12px;color:#8ca0aa;min-width:310px}.filters input{border:0;outline:0;width:100%;padding-left:8px;color:var(--ink)}.filters select,.filters button{height:39px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#60717b;padding:0 13px;font-size:10px}.filters button{font-weight:700;background:#f8fafb}.filters>a{font-size:10px;color:#1598aa}.plain-table{overflow:auto}.plain-head,.plain-row{display:grid;align-items:center;gap:14px;min-width:820px;padding:12px 19px;border-top:1px solid #edf1f3;font-size:10px;color:#5f6f78}.plain-head{background:#f8fafb;font-size:8px;color:#98a4ac;letter-spacing:.45px}.plain-row:hover{background:#fbfdfd}.plain-row>span{min-width:0}.plain-row>span:has(small){display:flex;flex-direction:column;gap:4px}.plain-row strong{color:#344750}.plain-row small{font-size:8px;color:#9aa6ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plain-row em{font-style:normal;background:#eef8fa;color:#0c91a3;border-radius:15px;padding:5px 8px;font-size:8px}.customer-table .plain-head,.customer-table .plain-row{grid-template-columns:1.65fr 1fr 1.4fr .6fr 70px}.product-table .plain-head,.product-table .plain-row{grid-template-columns:.6fr 1.8fr .6fr 1fr .5fr 70px}.plain-row .code{color:#078fa2;font-weight:800}.row-menu{display:flex;justify-content:flex-end;align-items:center;gap:5px}.row-menu a,.row-menu button{width:29px;height:29px;border:1px solid var(--line);border-radius:7px;background:#fff;display:grid;place-items:center;color:#6f7f88;font-size:14px;cursor:pointer}.row-menu form{margin:0}.row-menu button{color:#d35561}.drawer-backdrop{position:fixed;inset:0;background:rgba(2,13,19,.68);backdrop-filter:blur(4px);z-index:30}.drawer{position:absolute;inset:0 0 0 auto;width:min(620px,96vw);background:#fff;box-shadow:-20px 0 50px rgba(0,0,0,.2);display:flex;flex-direction:column;animation:slide .25s ease}@keyframes slide{from{transform:translateX(30px);opacity:.5}}.drawer-head{padding:23px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-head span{font-size:8px;letter-spacing:1.5px;color:#00a2b8;font-weight:800}.drawer-head h2{margin:5px 0 0;font-size:20px}.drawer-head>a{width:34px;height:34px;border-radius:50%;background:#f1f4f5;display:grid;place-items:center;font-size:20px;color:#77858e}.drawer-form{padding:24px;overflow:auto;display:flex;flex-direction:column;min-height:0;flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.password-panel label{display:flex;flex-direction:column;gap:7px;color:#52636e;font-size:10px;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.password-panel input{border:1px solid #dce4e8;border-radius:8px;padding:11px 12px;color:#263740;background:#fff;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.password-panel input:focus{border-color:#00a7bd;box-shadow:0 0 0 3px rgba(0,167,189,.08)}.form-grid small{font-weight:400;color:#8b9aa3}.form-grid small a{color:#008fa3}.drawer-foot{margin:auto -24px -24px;padding:17px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.drawer-foot>a{height:39px;padding:0 15px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;font-size:10px;font-weight:700}.quote-form-page{padding-bottom:100px}.form-section{margin-bottom:15px;overflow:hidden}.section-title{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.section-title>i,.section-caption>span{font-style:normal;width:30px;height:30px;border-radius:8px;background:#eaf9fb;color:#0396a9;display:grid;place-items:center;font-size:9px;font-weight:800}.section-title h3,.section-caption h3{font-size:12px;margin:0 0 3px}.section-title p,.section-caption p{font-size:8px;color:#99a6ad;margin:0}.section-title>button{margin-left:auto}.form-padding{padding:20px}.quote-items-head,.quote-item{display:grid;grid-template-columns:1.75fr 1.2fr .5fr .55fr .75fr .5fr .5fr .78fr 30px;gap:7px;align-items:center;min-width:1070px}.quote-items-section{overflow:auto}.quote-items-head{padding:9px 15px;background:#f8fafb;font-size:7px;color:#96a3aa;font-weight:800;letter-spacing:.3px;border-bottom:1px solid var(--line)}#quote-items{min-width:1070px}.quote-item{padding:10px 15px;border-bottom:1px solid #edf1f3}.quote-item>div{display:flex;flex-direction:column;gap:5px}.quote-item input,.quote-item select,.quote-item textarea{width:100%;min-width:0;border:1px solid #dfe7ea;border-radius:7px;padding:8px;font-size:9px;color:#344650;outline:none}.quote-item textarea{resize:vertical}.quote-item .product-picker{background:#f5fafb;color:#078da0;font-weight:700}.quote-item .line-total{text-align:right;font-size:10px;color:#253943}.remove-item{border:0;border-radius:7px;background:#fceff1;color:#d45763;height:30px;font-size:17px;cursor:pointer}.quote-summary{margin-left:auto;min-width:300px;width:32%;padding:15px 20px;display:flex;flex-direction:column;gap:8px}.quote-summary span,.quote-summary strong{display:flex;justify-content:space-between;font-size:9px;color:#74848e}.quote-summary strong{border-top:1px solid var(--line);padding-top:10px;color:#20333d;font-size:12px}.sticky-submit{position:fixed;bottom:0;left:248px;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:13px 33px;display:flex;justify-content:flex-end;gap:10px;z-index:12}.sticky-submit>a{border:1px solid var(--line);border-radius:9px;padding:0 17px;display:flex;align-items:center;font-size:10px;font-weight:700}.quote-toolbar{align-items:flex-end}.toolbar-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.tool-button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 12px;font-size:9px;font-weight:700;color:#4e606a}.tool-button.whatsapp{color:#168e65;border-color:#b8e0d1;background:#f2fbf7}.quote-layout{display:grid;grid-template-columns:minmax(700px,1fr) 235px;gap:16px;align-items:start}.quote-document-wrap{background:#dde5e9;border-radius:14px;padding:24px;overflow:auto}.quote-document{background:#fff;width:210mm;min-height:297mm;margin:auto;color:#243640;position:relative;padding:18mm 16mm 14mm;box-shadow:0 8px 30px rgba(17,40,50,.13);font-size:10px}.doc-accent{position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#00aec5,#0a6171)}.doc-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5e8;padding-bottom:13px}.doc-header img{width:150px;height:68px;object-fit:contain}.doc-header div{display:flex;flex-direction:column;text-align:right}.doc-header span{font-size:22px;letter-spacing:4px;color:#05a1b7;font-weight:300}.doc-header strong{font-size:10px;color:#667983;margin-top:5px}.doc-meta{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;padding:22px 0}.doc-meta small,.doc-subject small,.doc-notes>small,.doc-terms>small,.signature-grid small{font-size:7px;color:#7e919a;letter-spacing:.7px;font-weight:800}.doc-meta h3{font-size:15px;margin:6px 0 8px}.doc-meta p{margin:3px 0;color:#60727c;line-height:1.45}.doc-meta>div:last-child{border-left:1px solid #dfe6e9;padding-left:24px;display:flex;flex-direction:column;gap:11px}.doc-meta>div:last-child span{display:flex;justify-content:space-between;gap:10px}.doc-meta>div:last-child b{font-size:9px}.doc-subject{padding:10px 13px;background:#eef8fa;border-left:3px solid #03a9bf;display:flex;gap:20px;align-items:center;margin-bottom:15px}.doc-subject strong{font-size:10px}.doc-table{width:100%;border-collapse:collapse}.doc-table th{background:#0d2b36;color:#dcebef;padding:9px 6px;font-size:6px;text-align:right;letter-spacing:.4px}.doc-table th:nth-child(2){text-align:left}.doc-table th:first-child{border-radius:5px 0 0 0}.doc-table th:last-child{border-radius:0 5px 0 0}.doc-table td{padding:9px 6px;border-bottom:1px solid #e3e9ec;text-align:right;font-size:8px;vertical-align:top}.doc-table td:nth-child(2){text-align:left}.doc-table td:nth-child(2) b{display:block;font-size:9px}.doc-table td small{display:block;color:#788992;line-height:1.35;margin-top:4px}.doc-after{display:grid;grid-template-columns:1fr 250px;gap:25px;margin-top:16px}.doc-notes p,.doc-terms p{color:#637680;font-size:8px;line-height:1.5}.doc-totals{display:flex;flex-direction:column}.doc-totals span,.doc-totals strong{display:flex;justify-content:space-between;padding:6px 9px;border-bottom:1px solid #e4eaed;font-size:8px}.doc-totals strong{background:#0d2b36;color:#fff;border:0;padding:10px;font-size:9px;border-radius:0 0 5px 5px}.doc-terms{margin-top:18px;padding:12px 14px;background:#f7f9fa;border-radius:6px}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:26px}.signature-grid>div{border:1px solid #dfe6e9;border-radius:6px;height:90px;padding:11px;display:flex;flex-direction:column}.signature-grid b{font-size:9px;margin-top:6px}.signature-grid span{font-size:7px;color:#9aa5ab;margin-top:auto}.doc-footer{border-top:1px solid #dce4e8;margin-top:20px;padding-top:10px;display:flex;justify-content:space-between;color:#74858e;font-size:7px}.doc-footer>div{display:flex;flex-direction:column;gap:3px}.doc-footer>div:last-child{text-align:right}.quote-side{display:flex;flex-direction:column;gap:12px}.status-card,.side-actions,.mini-info{padding:16px}.status-card>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.status-card>div>span{font-size:10px;font-weight:700}.status-card form{display:flex;flex-direction:column;gap:8px}.status-card select{border:1px solid var(--line);border-radius:8px;padding:9px;font-size:10px}.status-card .primary{width:100%;font-size:10px}.side-actions h3,.mini-info h3{font-size:11px;margin:0 0 12px}.side-actions form{margin:7px 0}.side-actions button{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px;text-align:left;font-size:9px;font-weight:700;color:#53656f}.side-actions button.danger{color:#c9535e;border-color:#f0d3d6}.mini-info p{font-size:9px;color:#778891;margin:7px 0;word-break:break-word}.settings-panel{display:grid;grid-template-columns:260px 1fr;overflow:hidden}.logo-settings{border-right:1px solid var(--line);padding:28px 25px;display:flex;flex-direction:column;align-items:center}.logo-preview{background:#0a1b23;border-radius:12px;width:210px;height:120px;padding:12px;display:grid;place-items:center}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.upload-button{border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:9px;font-weight:700;margin:15px 0 7px;cursor:pointer}.upload-button input{display:none}.logo-settings small{font-size:8px;color:#96a4ac}.settings-form{padding:25px}.section-caption{display:flex;align-items:center;gap:11px;padding-bottom:16px}.section-caption.top-space{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.settings-save{display:flex;justify-content:flex-end;margin-top:18px}.password-panel{margin-top:15px;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.password-panel>div h3{font-size:13px;margin:0 0 5px}.password-panel>div p{font-size:9px;color:#8c9aa2;margin:0}.password-panel form{display:flex;align-items:flex-end;gap:10px}.password-panel input{padding:9px}.password-panel .secondary{height:36px}.alert{border-radius:9px;padding:12px 14px;margin:12px 0;font-size:10px}.alert.error{color:#b84551;background:#fceff1;border:1px solid #f3d5d9}.alert.success{color:#0d8760;background:#ebf9f3;border:1px solid #cbeadd}.alert.warning{color:#976219;background:#fff7e9;border:1px solid #f0ddbc}.alert a{font-weight:700;text-decoration:underline}.login-page,.install-page{min-height:100vh;background:#071820}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brand,.install-intro{background:radial-gradient(circle at 22% 20%,rgba(0,183,207,.15),transparent 30%),linear-gradient(145deg,#081c25,#061117);padding:9vh 9vw;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.login-brand:after,.install-intro:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(25,190,211,.07);border-radius:50%;left:-170px;bottom:-330px;box-shadow:0 0 0 80px rgba(25,190,211,.025),0 0 0 160px rgba(25,190,211,.018)}.login-brand img,.install-intro img{width:180px;height:90px;object-fit:contain;margin-left:-8px}.login-brand>span,.install-intro>span{font-size:8px;letter-spacing:3.2px;color:#65838e;margin-top:-6px}.login-brand h1{font-size:48px;line-height:1.08;margin:65px 0 18px;letter-spacing:-2px}.login-brand h1 b{color:#02acc3}.login-brand p,.install-intro p{color:#849ca6;font-size:12px}.login-card{background:#fff;display:grid;place-items:center;padding:35px}.login-inner{width:min(370px,100%)}.eyebrow{font-size:8px;letter-spacing:1.5px;color:#00a2b8;font-weight:800}.login-inner h2,.install-card h2{font-size:28px;margin:8px 0 8px;letter-spacing:-.7px}.login-inner>p,.install-card>p{font-size:11px;color:#82909a;margin:0 0 30px}.login-inner form{display:flex;flex-direction:column;gap:16px}.login-inner label{font-size:10px;color:#52636e;font-weight:700;display:flex;flex-direction:column;gap:7px}.login-inner input{width:100%;border:1px solid #dce4e8;border-radius:9px;padding:13px;outline:none}.password{position:relative}.password button{position:absolute;right:6px;top:7px;border:0;background:#eff5f6;border-radius:6px;padding:7px;color:#647780;font-size:8px}.login-button{width:100%;margin-top:8px;height:45px}.login-button b{margin-left:auto}.login-note{display:block;text-align:center;color:#9ca8ae;font-size:8px;margin-top:25px}.install-shell{min-height:100vh;display:grid;grid-template-columns:.8fr 1.2fr}.install-intro{padding:7vh 6vw}.install-intro h1{font-size:36px;line-height:1.12;margin:45px 0 10px}.install-intro ul{list-style:none;padding:0;margin:25px 0;display:flex;flex-direction:column;gap:10px;color:#a8bbc2;font-size:10px}.install-intro li::first-letter{color:#02aec4}.install-card{background:#fff;padding:7vh 7vw;overflow:auto}.install-card form{max-width:660px}.install-card hr{border:0;border-top:1px solid var(--line);margin:25px 0}.wide-button{width:100%;margin-top:20px}.wide-button b{margin-left:auto}
@media(max-width:1100px){.stats-grid{grid-template-columns:1fr 1fr}.quote-layout{grid-template-columns:1fr}.quote-side{display:grid;grid-template-columns:repeat(3,1fr)}.settings-panel{grid-template-columns:1fr}.logo-settings{border:0;border-bottom:1px solid var(--line)}.login-brand h1{font-size:38px}.password-panel{align-items:flex-start;flex-direction:column}.password-panel form{width:100%;flex-wrap:wrap}}
@media(max-width:760px){.sidebar{width:72px;padding:19px 8px}.brand{height:64px}.brand img{width:56px;height:50px}.brand span{display:none}.sidebar nav a{padding:13px;justify-content:center}.sidebar nav a i{font-size:19px}.sidebar nav a span,.sidebar-user div,.sidebar-user>a{display:none}.sidebar-user{justify-content:center;padding-left:0}.workspace{margin-left:72px}.topbar{height:72px;padding:0 14px}.topbar p{display:none}.topbar h1{font-size:16px}.topbar .primary{font-size:0;width:40px;padding:0}.topbar .primary::first-letter{font-size:17px}.content{padding:17px 12px 35px}.welcome-card{align-items:flex-start;flex-direction:column;gap:18px}.welcome-card>a{width:100%}.stats-grid{grid-template-columns:1fr}.dashboard-lower{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading h2{font-size:19px}.page-heading>.primary{font-size:0;width:40px;padding:0}.page-heading>.primary::first-letter{font-size:17px}.filters{flex-wrap:wrap}.filters .search{min-width:100%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.sticky-submit{left:72px;padding:11px 13px}.quote-form-page{padding-bottom:80px}.quote-summary{width:100%}.quote-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:flex-start}.quote-document-wrap{padding:8px}.quote-document{transform-origin:top left}.quote-side{grid-template-columns:1fr}.settings-form{padding:17px}.password-panel form{display:grid;grid-template-columns:1fr}.login-shell,.install-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{min-height:100vh}.install-intro{padding:35px;min-height:340px}.install-intro h1{font-size:28px;margin-top:25px}.install-card{padding:35px 20px}}
@media print{@page{size:A4;margin:0}.print-page{background:#fff}.quote-document{box-shadow:none;width:210mm;min-height:297mm;margin:0;page-break-after:avoid}.doc-accent{print-color-adjust:exact;-webkit-print-color-adjust:exact}.doc-table th,.doc-totals strong{print-color-adjust:exact;-webkit-print-color-adjust:exact}}