*{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}}