*{box-sizing:border-box}:root{--navy:#061a33;--navy2:#082a50;--blue:#0765c4;--blue2:#0b79df;--gold:#a47b2a;--bg:#f1f4f8;--line:#dce4ec;--text:#142b46;--muted:#78889a}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{grid-template-columns:255px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:radial-gradient(circle at 0 0,#1c71c53d,#0000 35%),linear-gradient(#05182f,#082b50);height:100vh;padding:18px 13px;position:sticky;top:0;overflow:auto}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:11px;padding:2px 8px 18px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:9px;width:42px;height:42px;padding:4px}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.14em;font-size:17px}.brand span{letter-spacing:.25em;color:#83b8e8;font-size:9px}.create{color:#0759ae;background:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:calc(100% - 8px);margin:15px 4px;padding:11px;font-size:9px;font-weight:900;display:flex}.navtitle{color:#719ac2;letter-spacing:.16em;margin:13px 10px 6px;font-size:7px;font-weight:900;display:block}nav{flex-direction:column;gap:1px;display:flex}nav button{color:#bfd0e2;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:10px;display:flex}nav button:hover,nav button.active{color:#fff;background:#ffffff1a}nav button.active{box-shadow:inset 3px 0 #53aaff}.admin{color:#a9c0d8;border-top:1px solid #ffffff14;gap:9px;margin-top:15px;padding:14px 10px;font-size:10px;display:flex}main{min-width:0}header{z-index:20;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:14px;height:66px;padding:0 30px;display:flex;position:sticky;top:0}.search{color:#8594a4;background:#f7f9fb;border:1px solid #d9e1e9;border-radius:8px;align-items:center;gap:8px;width:min(570px,50vw);height:37px;padding:0 11px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:10px}header>svg{color:#687b90;margin-left:auto}.avatar{color:#fff;background:#075fb9;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.user{flex-direction:column;display:flex}.user span{color:#8492a2;font-size:7px}.content{max-width:1650px;margin:auto;padding:29px 32px 60px}.heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.heading>div>span{letter-spacing:.18em;color:#0864bd;font-size:7px;font-weight:900}.heading h1{letter-spacing:-.035em;margin:5px 0 3px;font-size:29px}.heading p{color:var(--muted);margin:0;font-size:10px}.group{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;display:flex}.group div{flex-direction:column;display:flex}.group small{color:#8795a4;font-size:7px}.divisions{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:12px;display:grid}.division{color:#fff;border-radius:11px;min-height:93px;padding:15px 17px;position:relative;overflow:hidden}.division:after{content:"";border:30px solid #ffffff0d;border-radius:50%;width:160px;height:160px;position:absolute;top:-70px;right:-55px}.division span{letter-spacing:.14em;opacity:.8;font-size:7px;font-weight:900}.division h3{margin:8px 0 4px;font-size:14px}.division p{opacity:.75;margin:0;font-size:8px}.actions{grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:12px;display:grid}.action{border:1px solid var(--line);color:#27425e;text-align:left;background:#fff;border-radius:9px;align-items:center;gap:8px;min-height:59px;padding:10px;display:flex}.action:hover{border-color:#8dbce9;transform:translateY(-1px);box-shadow:0 5px 18px #143f6a14}.action i{color:#0765c4;background:#edf6ff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.action i svg{width:17px}.action div{flex-direction:column;flex:1;display:flex}.action b{font-size:8px}.action small{color:#8b98a6;margin-top:2px;font-size:7px}.action>svg{color:#a2afbb}.moneybar{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(5,1fr);margin-bottom:13px;display:grid;overflow:hidden}.metric{border-right:1px solid #e6ecf1;flex-direction:column;padding:15px 17px;display:flex}.metric:last-child{border:0}.metric span{letter-spacing:.08em;color:#78889b;font-size:7px;font-weight:900}.metric strong{margin:3px 0;font-size:20px}.metric small{color:#909ca9;font-size:7px}.grid{grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);gap:13px;display:grid}.grid>div{flex-direction:column;gap:13px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:17px;box-shadow:0 2px 8px #18324e06}.cardhead{margin-bottom:13px}.cardhead h2{margin:0;font-size:13px}.cardhead p{color:#8996a5;margin:3px 0 0;font-size:7px}.kpis{border:1px solid #e2e9ef;border-radius:8px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.kpis div{border-right:1px solid #e7edf2;flex-direction:column;padding:13px;display:flex}.kpis div:last-child{border:0}.kpis span{color:#7d8b9b;font-size:7px}.kpis strong{margin-top:3px;font-size:18px}.chart{color:#8b9aaa;background:repeating-linear-gradient(#edf1f5 0 1px,#0000 1px 36px);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:180px;margin-top:13px;display:flex}.chart b{margin-top:6px;font-size:10px}.chart span{margin-top:3px;font-size:7px}.table{overflow:auto}.tr{border-bottom:1px solid #edf1f5;grid-template-columns:90px 145px minmax(160px,1fr) 90px 100px;align-items:center;gap:8px;min-width:650px;padding:11px 7px;font-size:8px;display:grid}.th{color:#8492a1;background:#f7f9fb;font-size:6px;font-weight:900}.tr em{color:#346794;background:#edf5fd;border-radius:20px;width:max-content;padding:4px 8px;font-size:7px;font-style:normal;font-weight:800}.tr strong{text-align:right}.receivable>small{color:#7c8999;font-size:7px}.receivable>strong{margin:3px 0 12px;font-size:25px;display:block}.receivable>div{border-bottom:1px solid #edf1f5;justify-content:space-between;padding:7px 0;font-size:8px;display:flex}.receivable span{color:#718195}.customer,.summary{border-bottom:1px solid #edf1f5;align-items:center;gap:8px;padding:9px 1px;display:flex}.customer i,.list i{color:#fff;background:#075fb9;border-radius:50%;place-items:center;width:31px;height:31px;font-size:8px;font-style:normal;font-weight:900;display:grid}.customer div{flex-direction:column;flex:1;display:flex}.customer b{font-size:8px}.customer small{color:#8b98a6;font-size:7px}.summary svg{color:#0863bc}.summary span{flex:1;font-size:8px}.primary{color:#fff;background:#075fb9;border:0;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-size:8px;font-weight:900;display:flex}.list,.quote{border-bottom:1px solid #edf1f5;align-items:center;gap:10px;padding:12px 5px;font-size:8px;display:flex}.list>div,.quote>div{flex-direction:column;flex:1;display:flex}.list small,.quote small{color:#8996a5;margin-top:2px}.quote>svg{color:#0765c4}.quote em{color:#356792;background:#edf5fd;border-radius:20px;padding:4px 8px;font-size:7px;font-style:normal}.quote>strong{text-align:right;min-width:90px}.coming{color:#8a98a7;flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex}.coming b{margin:9px 0 3px;font-size:13px}.coming span{font-size:8px}.overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020d1ab3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:min(1100px,96vw);max-height:94vh;overflow:auto;box-shadow:0 30px 90px #00000052}.modalhead{border-bottom:1px solid #e3e9ef;justify-content:space-between;align-items:center;padding:18px 21px;display:flex}.modalhead span{letter-spacing:.16em;color:#075fb9;font-size:7px;font-weight:900}.modalhead h2{margin:3px 0 0;font-size:21px}.modalhead button{background:#eef3f7;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.choose{grid-template-columns:1fr 1fr;gap:10px;padding:17px 21px 0;display:grid}.choose button{text-align:left;color:#29425e;background:#fff;border:1px solid #d9e2eb;border-radius:9px;align-items:center;gap:9px;padding:12px;display:flex}.choose button.selected{background:#f0f7ff;border:2px solid #0765c4}.choose button.selected.gold{background:#fffaf0;border-color:#9c792d}.choose button div{flex-direction:column;display:flex}.choose small{color:#8493a2;margin-top:2px;font-size:7px}.form{grid-template-columns:2fr 1fr;gap:11px;padding:16px 21px;display:grid}.form label{color:#5d6e81;flex-direction:column;gap:5px;font-size:8px;font-weight:800;display:flex}.form .wide{grid-column:1/-1}.form input,.form select{background:#fff;border:1px solid #d6e0e9;border-radius:7px;outline:0;padding:9px;font-size:8px}.form input:focus,.form select:focus{border-color:#72a9dd;box-shadow:0 0 0 3px #edf5fd}.lines{padding:0 21px}.line{border-bottom:1px solid #edf1f5;grid-template-columns:1.3fr 2fr 70px 100px 100px 35px;align-items:center;gap:7px;padding:6px 0;display:grid}.headerline{color:#7c8a9a;background:#f5f8fb;border:1px solid #e1e8ef;padding:7px;font-size:6px;font-weight:900}.line input,.line select{border:1px solid #d8e1e9;border-radius:6px;width:100%;min-width:0;padding:8px;font-size:8px}.line strong{text-align:right;font-size:8px}.line button{color:#a35d59;background:0 0;border:0}.addline{color:#0765c4;background:0 0;border:0;align-items:center;gap:5px;padding:10px 0;font-size:8px;font-weight:900;display:flex}.bottom{justify-content:space-between;gap:20px;padding:15px 21px;display:flex}.stocknote{color:#65798d;background:#f1f7fd;border:1px solid #dceafa;border-radius:8px;flex-direction:column;padding:10px 12px;font-size:8px;display:flex}.stocknote b{color:#20598f;margin-bottom:2px}.total{flex-direction:column;min-width:260px;display:flex}.total span,.total strong{justify-content:space-between;padding:6px 0;display:flex}.total strong{border-top:1px solid #dce3ea;font-size:13px}.error{color:#a64538;background:#fff0ee;border:1px solid #efc8c1;border-radius:7px;margin:0 21px;padding:9px;font-size:8px}.modalbuttons{border-top:1px solid #e3e9ef;justify-content:flex-end;gap:8px;padding:13px 21px;display:flex}.secondary{background:#fff;border:1px solid #d5dfe8;border-radius:8px;padding:10px 14px;font-size:8px;font-weight:900}@media (width<=1150px){.actions,.moneybar{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.app{grid-template-columns:1fr}aside{display:none}.content{padding:20px 14px}.grid,.divisions{grid-template-columns:1fr}.actions,.moneybar{grid-template-columns:repeat(2,1fr)}.user{display:none}.form{grid-template-columns:1fr}.form .wide{grid-column:auto}.headerline{display:none}.line{grid-template-columns:1fr 1fr}}.admin,.search input{font-size:13px}.user span,.heading>div>span{font-size:10px}.division p,.action b{font-size:11px}.action small,.metric span{font-size:9px}.cardhead p,.kpis span{font-size:10px}.receivable>div,.customer b{font-size:11px}.list small,.quote small,.quote em{font-size:10px}.primary,.secondary{font-size:11px}.brand strong{font-size:19px}.brand span{font-size:11px}.create{font-size:12px}.navtitle{font-size:9px}nav button{padding:10px 11px;font-size:13px}.admin,.search input{font-size:13px}.user b{font-size:12px}.user span,.heading>div>span{font-size:10px}.heading h1{font-size:31px}.heading p{font-size:13px}.group b{font-size:12px}.group small{font-size:10px}.division span{font-size:9px}.division h3{font-size:17px}.division p,.action b{font-size:11px}.action small,.metric span{font-size:9px}.metric strong{font-size:22px}.metric small{font-size:10px}.cardhead h2{font-size:16px}.cardhead p,.kpis span{font-size:10px}.kpis strong{font-size:20px}.chart b{font-size:12px}.chart span{font-size:10px}.tr{font-size:11px}.th{font-size:9px}.tr em{font-size:10px}.receivable>small{font-size:9px}.receivable>strong{font-size:28px}.receivable>div,.customer b{font-size:11px}.customer small{font-size:9px}.summary span{font-size:11px}.summary b{font-size:12px}.list,.quote{font-size:11px}.list small,.quote small,.quote em{font-size:10px}.primary,.secondary{font-size:11px}.modalhead span{font-size:9px}.modalhead h2{font-size:24px}.choose b{font-size:12px}.choose small{font-size:10px;line-height:1.45}.form label{font-size:11px;line-height:1.4}.form input,.form select{padding:11px 10px;font-size:12px}.headerline{padding:9px 7px;font-size:9px}.line input,.line select{padding:10px 8px;font-size:11px}.line strong{font-size:11px}.addline{padding:12px 0;font-size:11px}.stocknote{font-size:10px;line-height:1.45}.total span{font-size:11px}.total strong{font-size:16px}.error{font-size:11px}.modalbuttons .primary,.modalbuttons .secondary{padding:11px 16px;font-size:11px}.modal{width:min(1150px,96vw)}.choose{padding-top:20px}.form{padding-top:19px;padding-bottom:19px}.line{min-height:48px}:root{--atima-blue:#0868d1;--atima-cyan:#17a9e6;--success:#1f9d67;--warning:#d79416;--purple:#7756d8;--rose:#d65472;--teal:#178c91}body{background:radial-gradient(circle at 82% 0,#0868d10e,#0000 28%),linear-gradient(#f5f8fb 0%,#eef3f8 100%)}.card,.moneybar,.action,.group{box-shadow:0 2px 5px #0d2c4d06,0 8px 26px #0d2c4d09}.card{border-color:#d9e4ee;transition:box-shadow .2s,border-color .2s,transform .2s}.card:hover{border-color:#cbdcea;box-shadow:0 4px 10px #0d2c4d0a,0 15px 40px #0d2c4d0e}.heading h1{color:#102d4d;font-weight:800}.heading>div>span{color:#0870d7;font-weight:900}aside{box-shadow:8px 0 28px #00142a14}nav button{transition:background .18s,color .18s,transform .18s}nav button:hover{transform:translate(2px)}nav button svg{background:#ffffff0f;border-radius:5px;width:18px;height:18px;padding:3px}nav button.active svg{color:#fff;background:#0873dd;box-shadow:0 4px 12px #0077e74d}.division{transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px #0e25411f}.division:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0e254129}.division.atima{background:radial-gradient(circle at 90% 30%,#49b0ff4d,#0000 32%),linear-gradient(120deg,#06366a 0%,#0871d7 100%)}.division.mokang{background:radial-gradient(circle at 88% 24%,#e1b85538,#0000 32%),linear-gradient(120deg,#1c2735 0%,#796026 100%)}.action{border:1px solid #dbe5ee;transition:transform .2s,box-shadow .2s,border-color .2s}.action:hover{transform:translateY(-3px);box-shadow:0 12px 30px #11375c1a}.action i{border-radius:10px;width:39px;height:39px;box-shadow:inset 0 0 0 1px #ffffff80}.actions .action:first-child i{color:#086bd4;background:linear-gradient(145deg,#eaf5ff,#ddecff)}.actions .action:nth-child(2) i{color:#7756d8;background:linear-gradient(145deg,#f1ecff,#e7dfff)}.actions .action:nth-child(3) i{color:#188d63;background:linear-gradient(145deg,#e8faf2,#d8f4e7)}.actions .action:nth-child(4) i{color:#d15f35;background:linear-gradient(145deg,#fff0e9,#ffe4d8)}.actions .action:nth-child(5) i{color:#0c8c9f;background:linear-gradient(145deg,#e6f9fb,#d5f3f6)}.actions .action:nth-child(6) i{color:#cf7c13;background:linear-gradient(145deg,#fff7df,#ffedbd)}.metric{position:relative}.metric:before{content:"";opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.metric:first-child:before{background:#0870d7}.metric:nth-child(2):before{background:#7756d8}.metric:nth-child(3):before{background:#d75e5e}.metric:nth-child(4):before{background:#1b9c6b}.metric:nth-child(5):before{background:#148c9e}.metric strong{color:#142e4d}.kpis div{background:linear-gradient(#fff,#fbfdff);position:relative}.kpis div:first-child strong{color:#0870d7}.kpis div:nth-child(2) strong{color:#d25c53}.kpis div:nth-child(3) strong{color:#168b61}.kpis div:nth-child(4) strong{color:#7756d8}.chart{background:linear-gradient(#f6fafe99,#ffffffd9),repeating-linear-gradient(#eaf0f5 0 1px,#0000 1px 36px);border:1px solid #e4ebf2}.chart svg{color:#2380d5;background:#eaf4fe;border-radius:15px;width:54px;height:54px;padding:9px}.customer i,.list i{background:linear-gradient(145deg,#075db6,#0980ea);box-shadow:0 5px 14px #0869cd33}.overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#031325b8}.modal{border:1px solid #fff6;box-shadow:0 45px 100px #000e1d52,0 4px 14px #000e1d1f}.modalhead{background:linear-gradient(#fff 0%,#fbfdff 100%)}.modalhead h2{color:#122f50;letter-spacing:-.025em}.modalhead button{transition:background .18s,transform .18s}.modalhead button:hover{background:#e2ebf3;transform:rotate(4deg)}.choose button{min-height:63px;transition:transform .18s,border-color .18s,box-shadow .18s}.choose button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1937550f}.choose button>svg{color:#076acb;background:#eaf5ff;border-radius:9px;width:35px;height:35px;padding:8px}.choose button:nth-child(2)>svg{color:#9a7626;background:#fff7df}.choose button.selected{box-shadow:0 0 0 3px #0869d114}.choose button.selected.gold{box-shadow:0 0 0 3px #a47b2a17}.form label{color:#536b84}.form input,.form select,.line input,.line select{background:#fbfdff;border-color:#d5e1eb;transition:border-color .17s,box-shadow .17s,background .17s}.form input:hover,.form select:hover,.line input:hover,.line select:hover{background:#fff;border-color:#aac7df}.form input:focus,.form select:focus,.line input:focus,.line select:focus{background:#fff;border-color:#3a91df;outline:none;box-shadow:0 0 0 3px #086fd117}.headerline{color:#52677d;background:linear-gradient(#f6f9fc,#eff4f8);border-color:#dbe5ee}.addline{color:#076acb;border-radius:7px;transition:background .18s}.addline:hover{background:#eef7ff;padding-left:8px;padding-right:8px}.stocknote{background:linear-gradient(135deg,#eff8ff,#f8fcff);border-color:#cfe3f7;box-shadow:inset 3px 0 #1682dc}.total{background:#fafcff;border:1px solid #e2e9f0;border-radius:9px;padding:8px 12px}.total strong{color:#112f50}.modalbuttons .primary{background:linear-gradient(135deg,#0864c5,#087be5);transition:transform .18s,box-shadow .18s;box-shadow:0 6px 16px #0867cc33}.modalbuttons .primary:hover{transform:translateY(-1px);box-shadow:0 9px 22px #0867cc45}.modalbuttons .secondary:hover{background:#f5f8fb}*{scrollbar-width:thin;scrollbar-color:#9db4c8 transparent}.brand img{object-fit:contain!important;filter:brightness(0)invert()!important;width:auto!important;max-width:150px!important;height:auto!important;max-height:48px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;padding:0!important}.brand{background:0 0!important}.brand>div{display:none!important}.accounts-logout-btn{color:#ffd6d6!important;border:1px solid #ffffff0f!important;margin-top:6px!important}.accounts-logout-btn:hover{color:#fff!important;background:#dc3e3e26!important;border-color:#ff6e6e38!important}.logout-icon{color:#ff8c8c;place-items:center;width:20px;height:20px;font-size:17px;display:grid}.accounts-logout-btn{display:none!important}.user{flex-direction:column;justify-content:center;display:flex}.user b{color:#102b47;font-size:12px;line-height:1.15;display:block}.user-meta{align-items:center;gap:7px;margin-top:2px;display:flex}.user-meta span{color:#71869b;font-size:10px}.top-signout{width:auto;height:auto;box-shadow:none;color:#1478ed;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:10px;font-weight:750}.top-signout:hover{color:#d63f3f;text-decoration:underline}.quote-click{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.quote-click:hover{background:#f5f9ff}.status{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:6px 10px;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.status-draft{color:#1769c2;background:#e8f2ff}.status-sent{color:#6741d9;background:#eee9ff}.status-viewed{color:#087a9d;background:#e8f7ff}.status-accepted{color:#07854c;background:#e2f8ed}.status-rejected{color:#c53a3a;background:#ffe9e9}.status-unpaid{color:#a96800;background:#fff3dc}.status-paid{color:#07854c;background:#e2f8ed}.customer-modal{max-width:780px}.customer-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.customer-grid .full{grid-column:1/-1}.customer-grid textarea{resize:vertical;min-height:90px}.modal-actions,.quote-actions{justify-content:flex-end;gap:10px;padding-top:22px;display:flex}.secondary,.accept,.reject{color:#12304f;cursor:pointer;background:#fff;border:1px solid #d4deeb;border-radius:9px;padding:11px 18px;font-weight:750}.accept{color:#087d49;background:#e9f9f1;border-color:#bdebd2}.reject{color:#bd3333;background:#fff1f1;border-color:#f2caca}.quote-detail-modal{background:#eef4fa;width:min(1000px,94vw);max-height:94vh;overflow:auto}.document-sheet{background:#fff;border:1px solid #dce6ef;border-radius:12px;padding:42px;box-shadow:0 18px 50px #11304f17}.doc-top{border-bottom:3px solid #087ce1;justify-content:space-between;align-items:flex-start;padding-bottom:25px;display:flex}.doc-top img{object-fit:contain;max-width:180px;max-height:72px}.doc-top>div{text-align:right}.doc-top span,.doc-meta small{color:#087ce1;letter-spacing:.14em;font-size:11px;font-weight:900}.doc-top h2{color:#102d4d;margin:5px 0}.doc-meta{grid-template-columns:1fr 1fr;gap:50px;margin:32px 0;display:grid}.doc-meta>div{color:#526a82;flex-direction:column;gap:5px;display:flex}.doc-meta b{color:#102d4d}.doc-title{color:#102d4d;margin:25px 0 14px}.doc-lines{border:1px solid #dce6ef;border-radius:10px;overflow:hidden}.doc-line{border-bottom:1px solid #e5edf5;grid-template-columns:minmax(0,1fr) 70px 120px 130px;align-items:center;gap:12px;padding:14px 16px;display:grid}.doc-line:last-child{border-bottom:0}.doc-line-head{color:#fff;letter-spacing:.08em;background:#0d3156;font-size:10px;font-weight:900}.doc-line>span:first-child{flex-direction:column;display:flex}.doc-line small{color:#7b8fa3}.doc-line strong,.doc-line>span:nth-child(3),.doc-line>span:nth-child(4){text-align:right}.doc-total{width:360px;margin:25px 0 25px auto}.doc-total>div{justify-content:space-between;padding:8px 0;display:flex}.doc-total .grand{color:#fff;background:#0d3156;border-radius:9px;margin-top:8px;padding:15px;font-size:18px}.doc-footer{color:#6b8095;border-top:1px solid #dce6ef;flex-direction:column;gap:5px;padding-top:20px;display:flex}.doc-footer b{color:#102d4d}.empty-sales{color:#7890a8;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;display:flex}.empty-sales b{color:#173552;font-size:16px}@media (width<=760px){.customer-grid,.doc-meta{grid-template-columns:1fr}.doc-line{grid-template-columns:1fr 45px 80px 90px;font-size:12px}.document-sheet{padding:22px}}@media print{body *{visibility:hidden!important}.document-sheet,.document-sheet *{visibility:visible!important}.document-sheet{width:100%;box-shadow:none;border:0;position:absolute;top:0;left:0}.no-print{display:none!important}}.field-help{color:#718096;margin-top:6px;font-size:11px;font-weight:500;display:block}.premium-document-modal{width:min(1120px,96vw);max-height:96vh}.premium-document{color:#14213d;background:#fff;border-radius:4px;max-width:900px;margin:0 auto;padding:46px 52px 0;position:relative;overflow:hidden;box-shadow:0 20px 70px #0f224029}.premium-document:before{content:"ACGL";letter-spacing:-.08em;color:#075fb906;pointer-events:none;font-size:150px;font-weight:950;line-height:1;position:absolute;top:260px;right:-22px;transform:rotate(-90deg)}.premium-doc-header{justify-content:space-between;align-items:flex-start;gap:35px;display:flex}.company-identity{align-items:flex-start;gap:18px;min-width:0;display:flex}.company-logo{object-fit:contain;object-position:left top;width:150px;max-height:72px;display:block}.company-identity>div{flex-direction:column;gap:3px;padding-top:1px;display:flex}.company-identity h2{color:#12335b;margin:0 0 5px;font-size:17px;line-height:1.1}.company-identity span{color:#5d6c80;font-size:11px;line-height:1.45}.document-identity{text-align:right;flex:none}.document-identity>span{color:#0871cf;letter-spacing:.2em;font-size:13px;font-weight:900;display:block}.document-identity h1{color:#102d51;margin:8px 0 5px;font-size:22px;line-height:1}.document-blue-rule{background:linear-gradient(90deg,#0871cf 0% 72%,#e9b949 72% 100%);height:4px;margin:30px -52px 0}.document-intro-grid{grid-template-columns:1.35fr 1fr;gap:45px;padding:32px 0 28px;display:grid}.client-panel{flex-direction:column;align-items:flex-start;display:flex}.client-panel>small,.document-project-title>small{color:#0871cf;letter-spacing:.16em;margin-bottom:8px;font-size:9px;font-weight:900}.client-panel h3{color:#152f50;margin:0 0 7px;font-size:17px}.client-panel span{color:#637286;font-size:11px;line-height:1.55}.client-panel .address{white-space:pre-line;max-width:330px}.document-facts{grid-template-columns:1fr 1fr;gap:13px 22px;display:grid}.document-facts>div{border-bottom:1px solid #e8edf3;flex-direction:column;padding-bottom:8px;display:flex}.document-facts span{color:#8290a1;text-transform:uppercase;letter-spacing:.07em;font-size:9px}.document-facts b{color:#263c59;margin-top:4px;font-size:11px}.document-project-title{background:#f3f8fd;border-left:4px solid #0871cf;margin:0 0 18px;padding:16px 18px}.document-project-title h2{color:#17385f;margin:0;font-size:18px}.premium-lines{border:1px solid #dfe7f0;border-radius:7px;overflow:hidden}.premium-lines .doc-line-head{color:#fff;background:#12345b}.premium-lines .doc-line-head span{color:#fff}.premium-lines .doc-line{padding:14px 16px}.document-bottom-grid{grid-template-columns:1fr 310px;align-items:start;gap:40px;margin-top:28px;display:grid}.document-notes,.payment-panel{color:#627186;background:#f7f9fc;border-radius:7px;flex-direction:column;gap:7px;padding:16px;font-size:11px;line-height:1.5;display:flex}.document-notes>b,.payment-panel>b{color:#17385f;font-size:12px}.document-notes small,.payment-panel small{color:#8793a3}.premium-total{width:100%;margin:0}.premium-total .grand{color:#fff;background:#0871cf;border-radius:5px;margin-top:7px;padding:13px 14px}.premium-total .grand span,.premium-total .grand b{color:#fff}.document-verification-row{border-top:1px solid #e3e9f0;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding:16px 0 24px;display:flex}.verification-box{align-items:center;gap:12px;display:flex}.verification-box>img{background:#fff;border:1px solid #dbe3ec;border-radius:5px;width:62px;height:62px;padding:3px}.verification-box>div{flex-direction:column;gap:2px;display:flex}.verification-box span,.verification-box small{color:#78869a;font-size:9px}.document-legit{text-align:right}.document-legit b{color:#17385f;letter-spacing:.09em;font-size:9px;display:block}.document-legit span{color:#8491a1;font-size:9px}.premium-doc-footer{color:#fff;background:#112e51;justify-content:space-between;align-items:center;gap:20px;margin:0 -52px;padding:18px 52px;display:flex}.premium-doc-footer>div{flex-direction:column;gap:3px;display:flex}.premium-doc-footer b{font-size:10px}.premium-doc-footer span{color:#d9e5f2;font-size:9px}.invoice-identity>span{color:#0871cf}@media (width<=760px){.premium-document{padding:28px 22px 0}.document-blue-rule{margin-left:-22px;margin-right:-22px}.premium-doc-header,.document-intro-grid,.document-bottom-grid{grid-template-columns:1fr;display:grid}.document-identity{text-align:left}.document-intro-grid,.document-bottom-grid{gap:22px}.premium-doc-footer{margin-left:-22px;margin-right:-22px;padding:16px 22px}}@media print{body *{visibility:hidden!important}.premium-document,.premium-document *{visibility:visible!important}.premium-document{width:100%;max-width:none;box-shadow:none;border-radius:0;margin:0;padding:28px 36px 0;position:absolute;top:0;left:0}.document-blue-rule{margin-left:-36px;margin-right:-36px}.premium-doc-footer{margin-left:-36px;margin-right:-36px;padding-left:36px;padding-right:36px}@page{size:Letter;margin:0}}.quotation-title-field{position:relative}.title-combobox{width:100%;position:relative}.title-combobox>input{width:100%;padding-right:44px!important}.title-dropdown-button{color:#45627f;cursor:pointer;background:0 0;border:0;border-left:1px solid #dce4ee;border-radius:0 6px 6px 0;justify-content:center;align-items:center;width:34px;height:32px;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.title-dropdown-button:hover{color:#0871cf;background:#edf6ff}.title-dropdown{z-index:1000;background:#fff;border:1px solid #d9e3ee;border-radius:8px;max-height:260px;padding:6px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #14304e2e}.title-dropdown>button{color:#17324f;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:6px;padding:10px 12px;font-size:12px;font-weight:650}.title-dropdown>button:hover{color:#0871cf;background:#edf6ff}.title-new-option{color:#617287;flex-direction:column;gap:3px;padding:10px 12px;font-size:11px;display:flex}.title-new-option b{color:#0871cf}.premium-document{--acgl-navy:#12385f;--acgl-deep:#082847;--acgl-blue:#0877d1;--acgl-gold:#e6b33e;--acgl-soft:#f4f8fc}.premium-document:before{display:none!important}.premium-doc-header{align-items:center!important;min-height:0!important;padding-top:24px!important;padding-bottom:24px!important}.company-identity{align-items:center!important;gap:18px!important}.company-logo{object-fit:contain!important;width:138px!important;height:auto!important;max-height:72px!important}.company-identity h2{margin:0 0 5px!important;font-size:17px!important;line-height:1.15!important}.company-identity span{display:block;margin:2px 0!important;font-size:10px!important;line-height:1.4!important}.document-identity{min-width:205px!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.document-identity>span{letter-spacing:.23em!important;color:var(--acgl-blue)!important;font-size:9px!important;font-weight:800!important}.document-identity h1,.document-identity .compact-document-number{letter-spacing:-.025em!important;color:#112f50!important;margin:5px 0 3px!important;font-size:18px!important;line-height:1.05!important}.document-identity small{color:#8293a6!important;font-size:8.5px!important}.document-blue-rule{background:linear-gradient(90deg, var(--acgl-blue) 0%, var(--acgl-blue) 72%, var(--acgl-gold) 72%, var(--acgl-gold) 100%)!important;height:4px!important}.document-intro-grid{gap:42px!important;padding-top:23px!important;padding-bottom:21px!important}.client-panel{border:0!important;border-left:3px solid var(--acgl-blue)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0 0 0 14px!important}.client-panel:before{display:none!important}.client-panel>small{color:var(--acgl-blue)!important;letter-spacing:.18em!important;font-size:8px!important;font-weight:850!important}.client-panel h3{margin-top:6px!important;margin-bottom:7px!important;font-size:17px!important}.client-panel p,.client-panel span{color:#61758a!important;font-size:9px!important;line-height:1.5!important}.document-facts{box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important}.document-facts>div{border-bottom:1px solid #e3eaf1!important;padding:7px 0!important}.document-facts span{color:#8595a6!important;letter-spacing:.1em!important;font-size:8px!important}.document-facts b{color:#173858!important;font-size:10px!important}.document-project-title{border:1px solid #d9e8f5!important;border-left:4px solid var(--acgl-blue)!important;box-shadow:none!important;background:linear-gradient(100deg,#f4f9fd 0%,#edf6fd 72%,#f9fbfd 100%)!important;border-radius:5px!important;margin-bottom:17px!important;padding:15px 19px!important;position:relative!important;overflow:hidden!important}.document-project-title:before{content:""!important;border:1px solid #0877d114!important;border-radius:50%!important;width:130px!important;height:130px!important;display:block!important;position:absolute!important;top:-70px!important;right:-58px!important;box-shadow:0 0 0 23px #0877d106,0 0 0 46px #e6b33e05!important}.document-project-title:after{display:none!important}.document-project-title small{z-index:2!important;color:var(--acgl-blue)!important;letter-spacing:.17em!important;font-size:8px!important;font-weight:850!important;position:relative!important}.document-project-title h2{z-index:2!important;color:#173858!important;margin-top:4px!important;font-size:17px!important;position:relative!important}.premium-lines{box-shadow:none!important;border:1px solid #dbe5ee!important;border-radius:6px!important;overflow:hidden!important}.premium-lines .doc-line-head{background:linear-gradient(100deg,#12385f,#0d3155)!important}.premium-lines .doc-line-head span{color:#fff!important;letter-spacing:.12em!important;font-size:8px!important}.premium-lines .doc-line:not(.doc-line-head){background:#fff!important;min-height:61px!important}.premium-lines .doc-line:not(.doc-line-head):hover{background:#fff!important}.document-notes{box-shadow:none!important;background:#f6f8fa!important;border:0!important;border-radius:6px!important}.document-notes:after{display:none!important}.document-notes h4{color:#173858!important}.document-notes p{color:#61758a!important}.premium-total{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.premium-total>div:not(.grand){border-bottom:1px solid #e2e9f0!important}.premium-total .grand{box-shadow:none!important;background:linear-gradient(100deg,#12385f 0%,#075c9e 58%,#0877d1 100%)!important;border-radius:5px!important;margin-top:8px!important;position:relative!important;overflow:hidden!important}.premium-total .grand:before{content:""!important;background:var(--acgl-gold)!important;width:100%!important;height:2px!important;position:absolute!important;top:0!important;left:0!important}.premium-total .grand b{color:#fff!important}.document-verification-row{border-top:1px solid #dce5ed!important;margin-top:26px!important;padding:15px 0 17px!important}.verification-box img{border:1px solid #cad8e5!important;border-radius:4px!important;width:53px!important;height:53px!important;padding:2px!important}.verification-box b{color:var(--acgl-blue)!important;letter-spacing:.12em!important;font-size:8px!important}.verification-box span,.verification-box small{font-size:8px!important}.document-legit{background:0 0!important;border:0!important;padding:0!important}.document-legit b{letter-spacing:.11em!important;font-size:8px!important}.document-legit b:before{display:none!important}.document-legit span{font-size:8px!important}.premium-doc-footer,.signature-footer{color:#fff!important;background:linear-gradient(100deg,#0c2e50 0%,#12385f 65%,#0a2948 100%)!important;min-height:64px!important;padding:15px 26px!important}.signature-footer:before{display:none!important}.footer-company{width:36%!important}.footer-company b{font-size:9px!important}.footer-company span,.footer-company small{color:#d6e2ec!important;font-size:7.5px!important}.footer-promise{border-left:1px solid #e6b33ea6!important;width:36%!important;padding-left:17px!important}.footer-promise span{color:#c9d7e4!important;letter-spacing:.14em!important;font-size:6.8px!important}.footer-promise strong{color:#e6b33e!important;letter-spacing:.06em!important;margin-top:3px!important;font-size:9px!important}.footer-web{width:25%!important}.footer-web>span{font-size:8px!important}.footer-web small{color:#b6c8d8!important;font-size:6.5px!important}@media print{.premium-document{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.premium-doc-header{grid-template-columns:1fr 1fr!important;align-items:center!important;min-height:88px!important;padding:16px 26px 14px!important;display:grid!important;position:relative!important}.company-identity{min-width:0!important;display:block!important}.company-contact-block{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;max-width:235px!important;display:flex!important}.company-contact-block h2{color:#12385f!important;margin:0 0 5px!important;font-size:14px!important;font-weight:800!important;line-height:1.15!important}.company-contact-block span{color:#60758a!important;margin:1px 0!important;font-size:8.5px!important;line-height:1.35!important;display:block!important}.company-logo-center{pointer-events:none!important;justify-content:center!important;align-items:center!important;width:155px!important;display:flex!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.company-logo{object-fit:contain!important;width:145px!important;max-width:145px!important;height:auto!important;max-height:58px!important;display:block!important}.document-identity{text-align:right!important;grid-column:2!important;justify-self:end!important;min-width:190px!important;max-width:225px!important}.document-identity>span{letter-spacing:.2em!important;font-size:8px!important}.document-identity h1,.document-identity .compact-document-number{white-space:nowrap!important;margin:4px 0 3px!important;font-size:16px!important;line-height:1.05!important}.document-identity small{font-size:7.5px!important}.client-account{color:#12385f!important;margin:3px 0 5px!important;font-size:9px!important;display:block!important}.client-account b{color:#0877d1!important;font-size:8px!important;font-weight:800!important}.document-verification-row{justify-content:flex-start!important}.document-verification-row .document-legit{display:none!important}.signature-footer{grid-template-columns:1fr 1.2fr 1fr!important;align-items:center!important;gap:18px!important;min-height:62px!important;display:grid!important}.footer-company{flex-direction:column!important;width:auto!important;display:flex!important}.footer-promise{text-align:left!important;width:auto!important}.footer-promise span{letter-spacing:.16em!important;font-size:6.5px!important;display:block!important}.footer-promise strong{color:#e6b33e!important;letter-spacing:.07em!important;margin-top:3px!important;font-size:10px!important;display:block!important}.footer-web{text-align:right!important;flex-direction:column!important;width:auto!important;display:flex!important}.footer-web span{font-weight:700!important}@media print{.premium-doc-header{min-height:78px!important;padding:12px 20px!important}.company-logo-center{width:135px!important}.company-logo{width:125px!important;max-width:125px!important;max-height:50px!important}.company-contact-block h2{font-size:12px!important}.company-contact-block span{font-size:7.5px!important}.document-identity h1{font-size:14px!important}.signature-footer{min-height:54px!important}}.client-account-box{background:#f3f6f9!important;border-radius:4px!important;flex-direction:column!important;align-items:flex-start!important;width:205px!important;margin-top:12px!important;padding:9px 13px!important;display:flex!important}.client-account-box small{color:#75879a!important;letter-spacing:.13em!important;margin:0 0 3px!important;font-size:7px!important;font-weight:700!important}.client-account-box strong{color:#12385f!important;font-size:13px!important;font-weight:850!important}.company-contact-line{align-items:center!important;gap:6px!important;display:flex!important}.contact-icon{flex:0 0 7px!important;justify-content:center!important;align-items:center!important;width:7px!important;height:7px!important;font-size:7px!important;line-height:7px!important;display:inline-flex!important}.phone-icon{color:#0877d1!important}.email-icon{color:#e6b33e!important}.location-icon{color:#18a66a!important}