@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#14243b;font-synthesis:none;background:#f5f7fa;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}aside{color:#dbe6f0;z-index:20;background:#071d38;flex-direction:column;width:248px;padding:22px 15px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #17304e;align-items:center;gap:11px;height:72px;margin:0 4px 20px;padding-bottom:18px;display:flex}.brand img{object-fit:contain;width:48px;height:48px}.brand div{flex-direction:column;display:flex}.brand b{letter-spacing:.08em;font-size:21px}.brand span{color:#8295aa;letter-spacing:.06em;font-size:11px}.close{display:none}nav{flex-direction:column;gap:5px;display:flex}nav button{color:#94a7bb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:11px 12px;font-weight:500;display:flex}nav button:hover,nav button.active{color:#fff;background:linear-gradient(90deg,#0b8e95,#09757e)}.company{border-top:1px solid #17304e;align-items:center;gap:10px;margin-top:auto;padding:18px 6px 2px;display:flex}.company>span,.avatar{color:#fff;background:#0a9297;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.company div{flex-direction:column;display:flex}.company b{font-size:12px}.company small{color:#8fa2b6;margin-top:3px;font-size:11px}main{width:calc(100% - 248px);margin-left:248px}header{z-index:10;background:#fff;border-bottom:1px solid #e4e9ef;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.search{color:#8b99aa;align-items:center;gap:9px;display:flex}.search input{font:inherit;background:0 0;border:0;outline:0;width:260px}.search kbd{background:#f1f4f7;border:1px solid #e0e5ea;border-radius:5px;padding:3px 7px;font-size:11px}.head-actions{align-items:center;gap:10px;display:flex}.head-actions>button{background:#f5f7f9;border:0;border-radius:9px;width:36px;height:36px;position:relative}.head-actions>button i{background:#0c9da2;border-radius:9px;width:7px;height:7px;position:absolute;top:7px;right:8px}.user{flex-direction:column;font-size:12px;display:flex}.user span{color:#8996a5;margin-top:2px;font-size:10px}.hamb{display:none}.content{max-width:1550px;margin:auto;padding:28px 32px 45px}.page-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-head h1{margin:0 0 6px;font-size:25px}.page-head p,.panel-head p{color:#7b8999;margin:0;font-size:13px}.primary,.secondary{cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 16px;font-weight:600;display:flex}.primary{color:#fff;background:#078d94;box-shadow:0 4px 12px #078d9433}.secondary{color:#475569;background:#fff;border:1px solid #dde4ea}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.card,.panel{background:#fff;border:1px solid #e5eaf0;border-radius:11px;box-shadow:0 1px 2px #172b4d0a}.card{padding:18px}.card-top{color:#758497;justify-content:space-between;font-size:12px;display:flex}.card strong{margin:15px 0 8px;font-size:22px;display:block}.card small{color:#768496;align-items:center;display:flex}.card small.positive{color:#0b9b74}.grid2{grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel-head{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel h2{margin:0 0 5px;font-size:15px}.panel select{background:#fff;border:1px solid #dfe5eb;border-radius:7px;padding:7px}.chart{border-bottom:1px solid #edf0f3;align-items:flex-end;gap:28px;height:220px;padding:28px 35px 20px;display:flex}.barset{flex:1;justify-content:center;align-items:flex-end;gap:5px;height:100%;padding-bottom:26px;display:flex;position:relative}.barset i,.barset b{border-radius:4px 4px 0 0;width:18px;display:block}.barset i{background:#0b969c}.barset b{background:#d9e5e8}.barset span{color:#8390a0;font-size:11px;position:absolute;bottom:0}.legend{color:#738193;justify-content:center;gap:20px;padding:12px 20px;font-size:11px;display:flex}.legend i{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.legend .sale{background:#0b969c}.legend .purchase{background:#d9e5e8}.actions{grid-template-columns:1fr 1fr;gap:9px;padding:15px;display:grid}.action{text-align:left;color:#314157;background:#fff;border:1px solid #e5eaf0;border-radius:8px;align-items:center;gap:8px;padding:11px;font-size:12px;font-weight:500;display:flex}.action span{color:#078d94;background:#e8f7f6;border-radius:7px;padding:7px;display:flex}.action>svg{color:#9aa6b3;margin-left:auto}.currency{background:#f7fafb;border-radius:8px;margin:0 15px 15px;padding:13px 15px}.currency h3{margin:0 0 8px;font-size:12px}.currency p{justify-content:space-between;margin:7px 0;font-size:11px;display:flex}.currency small{color:#8b98a6;font-size:9px}.table-panel{overflow:hidden}.link{color:#078d94;background:0 0;border:0;align-items:center;font-weight:600;display:flex}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8290a0;text-transform:uppercase;letter-spacing:.05em;background:#fafbfc;font-size:10px}th,td{white-space:nowrap;border-bottom:1px solid #edf0f3;padding:13px 20px}td small{color:#8a97a5;margin-top:4px;display:block}.status{border-radius:20px;padding:5px 9px;font-size:10px;font-weight:600}.approved{color:#07815f;background:#e9f8f2}.pending{color:#a46b00;background:#fff5dd}.draft{color:#607184;background:#eef2f5}.expired{color:#bc4545;background:#fdecec}.dots{color:#7b8796;background:0 0;border:0}.toolbar{border-bottom:1px solid #edf0f3;justify-content:space-between;padding:15px 20px;display:flex}.toolbar .search{border:1px solid #dfe5eb;border-radius:8px;padding:9px 12px}.stock{color:#07815f;background:#e9f8f2;border-radius:6px;padding:5px 8px}.empty{text-align:center;padding:90px 20px}.empty>div{color:#078d94;background:#e9f7f7;border-radius:15px;place-items:center;width:65px;height:65px;margin:auto;display:grid}.empty h2{margin-top:17px}.empty p{color:#7d8998}.close{color:#fff;background:0 0;border:0;position:absolute;top:10px;right:10px}@media (width<=1050px){.metrics{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.chart{gap:16px}}@media (width<=760px){aside{transition:all .25s;transform:translate(-100%)}aside.open{transform:translate(0)}aside.open .close{display:block}main{width:100%;margin-left:0}.hamb{background:0 0;border:0;display:block}.content{padding:20px 15px}header{padding:0 15px}.user,header>.search{display:none}.metrics{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:15px}.page-head h1{font-size:21px}.primary{padding:10px;font-size:0}.primary svg{margin:0}.grid2{display:block}.grid2>.panel{margin-bottom:15px}.chart{padding-left:12px;padding-right:12px}.actions{grid-template-columns:1fr}.table-panel{margin-top:10px}}.invite,.email-panel{margin-bottom:18px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid}.form-grid label{color:#566578;flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}.form-grid input,.form-grid select{font:inherit;color:#24364d;background:#fff;border:1px solid #dce3e9;border-radius:8px;padding:11px 12px}.permission-box{grid-row:span 2}.permission-box>span{flex-wrap:wrap;gap:7px;display:flex}.permission-box small{color:#087c82;background:#e9f7f7;border-radius:6px;align-items:center;gap:5px;padding:7px 9px;display:flex}.form-actions{justify-content:flex-end;gap:9px;padding:0 20px 20px;display:flex}.role-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:17px;display:grid}.role-card{background:#fff;border:1px solid #e4e9ef;border-radius:10px;flex-direction:column;gap:6px;padding:15px;display:flex}.role-card>span{color:#078d94;background:#e8f7f6;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.role-card h3{margin:5px 0;font-size:13px}.role-card small{color:#758396;font-size:10px}.email-btn{color:#087f85;background:#fff;border:1px solid #dce5eb;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-weight:600;display:inline-flex}.email-btn:disabled{color:#9ba7b3;background:#f5f7f9}.close-light{color:#7d8998;background:0 0;border:0}.confirm{background:#f7fafb;border:1px solid #e3e9ee;border-radius:8px;align-items:center;padding:12px;flex-direction:row!important;grid-column:1/-1!important;display:flex!important}.confirm input{width:16px;height:16px}.primary:disabled{opacity:.45;cursor:not-allowed}@media (width<=1050px){.role-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.form-grid,.role-grid{grid-template-columns:1fr}.permission-box{grid-row:auto}.confirm{grid-column:auto!important}}.login,.boot{background:radial-gradient(circle at 70% 20%,#e4f7f5 0,#0000 32%),#f3f6f9;place-items:center;min-height:100vh;display:grid}.boot{color:#607085}.login-card{text-align:center;background:#fff;border:1px solid #e0e7ed;border-radius:16px;width:min(420px,100% - 32px);padding:32px;box-shadow:0 20px 60px #102b4930}.login-card>img{object-fit:contain;width:105px;height:74px}.login-card h1{margin:12px 0 6px;font-size:24px}.login-card>p{color:#7b8999;margin:0 0 25px;font-size:13px}.login-card form{text-align:left;flex-direction:column;gap:15px;display:flex}.login-card label{color:#566578;flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}.login-card input{font:inherit;border:1px solid #dce3e9;border-radius:8px;padding:12px}.login-card form .primary{justify-content:center;margin-top:3px;font-size:13px}.login-card>small{color:#98a4af;margin-top:22px;display:block}.login-error{color:#b42318;background:#fdecec;border-radius:7px;padding:10px;font-size:11px}.logout{color:#536274;background:#f0f4f6;border:0;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:600}.forgot{color:#087f85;text-align:right;cursor:pointer;background:0 0;border:0;margin-top:-7px;font-size:11px;font-weight:600}.login-notice{color:#07815f;background:#e9f8f2;border-radius:7px;padding:10px;font-size:11px}.tabs{background:#e9eef2;border-radius:9px;gap:5px;width:max-content;margin-bottom:16px;padding:4px;display:flex}.tabs button{color:#718093;background:0 0;border:0;border-radius:7px;padding:9px 16px;font-weight:600}.tabs button.active{color:#087f85;background:#fff;box-shadow:0 1px 4px #102b4918}.no-records{color:#8996a5;text-align:center!important;padding:50px!important}.page-message{border-radius:8px;margin:-10px 0 16px;padding:11px 14px;font-size:12px}.page-message.error{color:#b42318;background:#fdecec}.page-message.success{color:#07815f;background:#e9f8f2}.quotation-editor{margin-bottom:18px}.quote-fields{grid-template-columns:1.3fr 1.3fr .7fr .8fr;gap:14px;padding:18px 20px;display:grid}.quote-fields label{color:#566578;flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.quote-fields input,.quote-fields select,.quote-lines input,.quote-lines select,.quote-lines textarea{font:inherit;color:#24364d;background:#fff;border:1px solid #dce3e9;border-radius:7px;padding:9px}.quote-fields small{color:#8491a0;font-weight:400}.quote-lines{border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;overflow:auto}.quote-lines table{min-width:1320px}.quote-lines th,.quote-lines td{padding:9px}.quote-lines td:first-child{width:190px}.quote-lines td:nth-child(2){width:340px}.quote-lines select,.quote-lines textarea,.quote-lines input{width:100%}.quote-lines textarea{resize:vertical;min-height:55px}.quote-lines td:nth-child(3),.quote-lines td:nth-child(5),.quote-lines td:nth-child(7){width:85px}.quote-lines td:nth-child(4){width:110px}.quote-lines td:nth-child(6){width:155px}.quote-lines td:nth-child(8){width:135px}.quote-lines td small{font-size:9px}.calculated-price{color:#087f85;white-space:nowrap;background:#f2fbfa}.icon-danger{color:#b42318;background:#fdecec;border:0;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.icon-danger:disabled{opacity:.3}.add-line{color:#087f85;background:#f0fbfa;border:1px dashed #0b969c;border-radius:7px;align-items:center;gap:6px;margin:12px 18px;padding:8px 11px;font-weight:600;display:flex}.quote-footer{justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.approval-note{color:#9a6805;background:#fff8e8;border-radius:8px;gap:10px;padding:12px;display:flex}.approval-note span{flex-direction:column;gap:4px;font-size:11px;display:flex}.approval-note small{color:#846f48}.totals{width:290px}.totals p{justify-content:space-between;margin:0;padding:6px 0;font-size:11px;display:flex}.totals .grand{border-top:1px solid #dce3e9;margin-top:5px;padding-top:11px;font-size:14px}.manager-actions{gap:6px;display:flex}.manager-actions button{color:#07815f;background:#e9f8f2;border:0;border-radius:6px;padding:7px 9px;font-weight:600}.manager-actions button.reject{color:#b42318;background:#fdecec}.approved-ready{color:#07815f;font-weight:600}@media (width<=1050px){.quote-fields{grid-template-columns:1fr 1fr}}@media (width<=760px){.quote-fields{grid-template-columns:1fr}.quote-footer{flex-direction:column;gap:15px}.totals{width:100%}}.awaiting{color:#9a6805;font-weight:600}.print-btn{color:#087f85;cursor:pointer;background:#ecf9f8;border:1px solid #0a9097;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-weight:600;display:inline-flex}.convert-panel{margin-bottom:18px}.convert-row{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.convert-row>div{flex-direction:column;gap:4px;display:flex}.convert-row small{color:#7b8999}.primary.compact{padding:8px 11px;font-size:11px}.delivery-btn{color:#087f85;background:#ecf9f8;border:1px solid #0a9097;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-weight:600;display:inline-flex}.delivery-editor{margin-top:18px}.out-stock{color:#b42318;background:#fdecec;border-radius:6px;padding:5px 8px}.qty-input{border:1px solid #dce3e9;border-radius:7px;width:95px;padding:8px}.delivery-actions{justify-content:space-between;align-items:end;gap:15px;padding:18px 20px;display:flex}.delivery-actions label{color:#566578;flex-direction:column;flex:1;gap:7px;font-size:11px;font-weight:600;display:flex}.delivery-actions input{border:1px solid #dce3e9;border-radius:8px;padding:10px}.delivery-history{border-top:1px solid #edf0f3;padding:16px 20px}.delivery-history h3{margin:0 0 10px;font-size:12px}.delivery-history>div{background:#f7fafb;border-radius:7px;grid-template-columns:20px 130px 110px 100px 1fr;align-items:center;gap:8px;margin-bottom:6px;padding:9px;font-size:11px;display:grid}.delivery-history svg{color:#07815f}.delivery-history small{color:#7d8998}@media (width<=760px){.convert-row,.delivery-actions{flex-direction:column;align-items:stretch}.delivery-history>div{grid-template-columns:20px 1fr}.delivery-history span,.delivery-history small{grid-column:2}}.product-code-cell{align-items:center;gap:7px;display:flex}.product-code-cell>div{flex:1;min-width:0}.drag-handle{color:#8290a0;cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;padding:8px 2px;display:grid}.drag-handle:active{cursor:grabbing}.dragging-line{opacity:.45;background:#eaf8f7}.quote-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.edit-btn{color:#33465d;cursor:pointer;background:#fff;border:1px solid #ccd7e0;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-weight:600;display:inline-flex}.head-buttons,.row-actions{align-items:center;gap:8px;display:flex}.purchase-editor,.receipt-editor,.adjustment-editor,.movement-panel{margin-bottom:18px}.purchase-fields,.adjustment-fields{grid-template-columns:1.4fr .65fr .8fr 1fr;gap:14px;padding:18px 20px;display:grid}.purchase-fields label,.adjustment-fields label{color:#566578;flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.purchase-fields input,.purchase-fields select,.adjustment-fields input,.adjustment-fields select{font:inherit;color:#24364d;background:#fff;border:1px solid #dce3e9;border-radius:7px;padding:9px}.purchase-fields .wide,.adjustment-fields .wide{grid-column:1/-1}.adjustment-fields small{color:#8491a0;font-weight:400}.cell-input,.money-input{font:inherit;border:1px solid #dce3e9;border-radius:7px;padding:8px}.cell-input{width:150px}.money-input{width:115px}.description-cell{white-space:normal;min-width:300px;line-height:1.45}.purchase-footer{justify-content:space-between;align-items:center;padding:6px 20px 16px;display:flex}.purchase-footer>div{align-items:center;gap:18px;display:flex}.approve-small,.reject-small{border:0;border-radius:6px;align-items:center;gap:5px;padding:7px 9px;font-weight:600;display:inline-flex}.approve-small{color:#07815f;background:#e9f8f2}.reject-small{color:#b42318;background:#fdecec}.inventory-metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;display:grid}.inventory-metrics .card span{color:#758497;font-size:12px}.movement-panel h2{align-items:center;gap:7px;display:flex}.positive-qty{color:#07815f;font-weight:700}.negative-qty{color:#b42318;font-weight:700}.live-badge{letter-spacing:.08em;color:#087f85;background:#e8f7f6;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700}.dashboard-note{color:#466274;background:#f0fbfa;border-radius:8px;align-items:flex-start;gap:9px;margin:0 15px 15px;padding:13px 14px;font-size:11px;line-height:1.5;display:flex}.dashboard-note svg{color:#078d94;flex:none}.edit-btn:disabled{opacity:.55;cursor:not-allowed}.po-product-picker{flex-direction:column;gap:6px;min-width:235px;display:flex}.po-product-picker .cell-input,.po-product-picker select{width:100%;font:inherit;color:#24364d;background:#fff;border:1px solid #dce3e9;border-radius:7px;padding:8px}.po-product-picker select{color:#5f7083;font-size:10px}.landed-cost-box{background:#f5fbfa;border:1px solid #dbe8e8;border-radius:10px;margin:16px 20px 0;padding:16px}.landed-cost-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.landed-cost-head h3{margin:0 0 4px;font-size:13px}.landed-cost-head p{color:#728395;margin:0;font-size:10px}.landed-cost-head>b{color:#087f85;font-size:13px}.landed-cost-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.landed-cost-grid label{color:#566578;flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}.landed-cost-grid input{font:inherit;background:#fff;border:1px solid #d6e2e4;border-radius:7px;padding:9px}@media (width<=760px){.landed-cost-head{flex-direction:column;align-items:flex-start}.landed-cost-grid{grid-template-columns:1fr 1fr}}@media (width<=1050px){.purchase-fields,.adjustment-fields,.inventory-metrics{grid-template-columns:1fr 1fr}}@media (width<=760px){.head-buttons,.purchase-footer,.purchase-footer>div{flex-direction:column;align-items:stretch}.purchase-fields,.adjustment-fields,.inventory-metrics{grid-template-columns:1fr}.purchase-fields .wide,.adjustment-fields .wide{grid-column:auto}.head-buttons .primary{font-size:0}.head-buttons .secondary{font-size:11px}}.purchase-fields textarea{font:inherit;color:#24364d;resize:vertical;background:#fff;border:1px solid #dce3e9;border-radius:7px;padding:9px;line-height:1.5}.row-actions{flex-wrap:wrap}.preview-btn{color:#087f85;cursor:pointer;background:#f0fbfa;border:1px solid #9bcdd0;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-weight:600;display:inline-flex}.document-grid{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.file-field{background:#f5fbfa;border-radius:9px;padding:12px;border:1px dashed #9bcdd0!important}.file-field input{background:0 0!important;border:0!important;padding:6px 0!important}.file-field small{color:#718194;overflow-wrap:anywhere;font-weight:400}.document-actions{flex-wrap:wrap;gap:6px;display:flex}.document-actions button,.upload-mini{color:#087f85;cursor:pointer;background:#f1fbfa;border:1px solid #b7d8da;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:600;display:inline-flex}.upload-mini input{display:none}.mandatory-attachment{padding:0 20px 16px}.mandatory-attachment label{color:#7b5b08;background:#fff9e8;border:1px dashed #d4a72c;border-radius:9px;flex-direction:column;gap:6px;padding:12px;font-size:11px;font-weight:700;display:flex}.mandatory-attachment input{font:inherit}.mandatory-attachment small{font-weight:400}.attachment-strip{align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.conversion-docs{margin-bottom:18px}.conversion-docs>.document-grid{padding:18px 20px}.attachment-register{margin-bottom:18px}@media (width<=760px){.document-grid{grid-template-columns:1fr}.attachment-strip{flex-direction:column;align-items:flex-start}}.restricted-panel{text-align:center;color:#6f7f91;padding:70px 25px}.restricted-panel>svg{color:#0a9097}.restricted-panel h2{margin:15px 0 7px;font-size:19px}.restricted-panel p{margin:0}.permissions-editor{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 20px 18px;display:grid}.permission-group{background:#fafcfd;border:1px solid #e1e8ed;border-radius:9px;padding:14px}.permission-group h3{color:#314157;margin:0 0 10px;font-size:12px}.permission-group label{color:#566578;align-items:center;gap:8px;margin:8px 0;font-size:11px;display:flex}.permission-group label span{align-items:center;gap:6px;display:flex}.permission-group input{accent-color:#078d94}.security-note{color:#35656a;background:#eef8f8;border-radius:8px;align-items:flex-start;gap:9px;margin:0 20px 18px;padding:12px 14px;font-size:11px;display:flex}.security-note svg{color:#078d94;flex:none}.user-editor .confirm{margin:0}.user-editor input:disabled{color:#7d8998;background:#f1f4f6}.user-editor .primary{font-size:12px}@media (width<=760px){.permissions-editor{grid-template-columns:1fr}}.language-switch{direction:ltr;background:#f3f6f8;border:1px solid #dce4ea;border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.language-switch button{color:#657487;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700}.language-switch button.active{color:#fff;background:#078d94;box-shadow:0 1px 4px #075b6030}.login-card>.language-switch{position:absolute;top:16px;right:16px}.login-card{position:relative}html[dir=rtl]{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] body{text-align:right}html[dir=rtl] .app{direction:rtl}html[dir=rtl] aside{inset:0 0 0 auto}html[dir=rtl] main{margin-left:0;margin-right:248px}html[dir=rtl] nav button,html[dir=rtl] th,html[dir=rtl] .action{text-align:right}html[dir=rtl] .action>svg{margin-left:0;margin-right:auto;transform:rotate(180deg)}html[dir=rtl] .legend i{margin-left:5px;margin-right:0}html[dir=rtl] .login-card form{text-align:right}html[dir=rtl] .forgot{text-align:left}html[dir=rtl] .form-actions{justify-content:flex-start}html[dir=rtl] .head-actions>button i{left:8px;right:auto}html[dir=rtl] .close{left:10px;right:auto}html[dir=rtl] input,html[dir=rtl] textarea{text-align:right;direction:rtl}html[dir=rtl] input[list],html[dir=rtl] input[type=email],html[dir=rtl] input[type=password],html[dir=rtl] .product-code-cell input,html[dir=rtl] .po-product-picker input,html[dir=rtl] .description-cell{text-align:left;direction:ltr}html[dir=rtl] .status{display:inline-block}html[dir=rtl] .language-switch{direction:ltr}@media (width<=760px){html[dir=rtl] aside{transform:translate(100%)}html[dir=rtl] aside.open{transform:translate(0)}html[dir=rtl] main{margin-right:0}.language-switch button{padding:5px 6px}.head-actions{gap:5px}}