@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-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}.purchase-fields .supplier-project-privacy{color:#24475a;background:#f2fbfa;border:1px solid #b9dddd;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px 14px;display:grid}.purchase-fields .supplier-project-privacy input{accent-color:#07868c;width:17px;height:17px;margin:2px 0 0}.supplier-project-privacy span,.supplier-project-privacy b,.supplier-project-privacy small{display:block}.supplier-project-privacy small{color:#647b88;margin-top:4px;font-weight:500;line-height:1.45}.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] 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}}.invoice-metrics{margin-bottom:18px}.back-link{color:#64748b;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 8px;padding:0;display:flex}.invoice-create{padding:24px}.invoice-source{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.invoice-source>div{background:#fafbfc;border:1px solid #e7ebf1;border-radius:12px;padding:14px}.invoice-source span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.invoice-total{background:#f8fafc;border-radius:14px;gap:8px;max-width:430px;margin-top:18px;margin-left:auto;padding:18px;display:grid}.invoice-total span{justify-content:space-between;display:flex}.invoice-total strong{border-top:1px solid #dfe5ec;justify-content:space-between;padding-top:10px;font-size:18px;display:flex}.invoice-detail-head{align-items:flex-start}.invoice-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.invoice-detail-grid{grid-template-columns:minmax(0,1fr) 330px;gap:18px;display:grid}.invoice-main{padding:24px}.invoice-side{align-content:start;gap:18px;display:grid}.invoice-side .panel{padding:20px}.invoice-side h2{align-items:center;gap:8px;margin:0 0 16px;font-size:16px;display:flex}.invoice-badges{gap:8px;display:flex}.timeline{position:relative}.timeline-row{grid-template-columns:18px 1fr;gap:10px;padding-bottom:18px;display:grid;position:relative}.timeline-row:before{content:"";background:#dbe3ec;width:1px;position:absolute;top:12px;bottom:-3px;left:6px}.timeline-row:last-child:before{display:none}.timeline-row i{z-index:1;background:#0f766e;border:3px solid #dff7f2;border-radius:50%;width:13px;height:13px;margin-top:3px}.timeline-row b,.timeline-row small,.timeline-row em{display:block}.timeline-row small{color:#64748b;margin-top:3px;font-size:11px}.timeline-row em{color:#475569;margin-top:4px;font-size:12px;font-style:normal}.linked-row{border-bottom:1px solid #eef1f5;gap:10px;padding:11px 0;display:flex}.linked-row b,.linked-row small{display:block}.linked-row small{color:#64748b;margin-top:3px;font-size:11px}.full{justify-content:center;width:100%;margin-top:14px}.invoice-total.detail{max-width:520px}.page-message.error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;margin-bottom:14px;padding:12px 15px}@media (width<=1000px){.invoice-detail-grid{grid-template-columns:1fr}.invoice-source{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.invoice-source{grid-template-columns:1fr}.invoice-actions{justify-content:flex-start}.invoice-total{max-width:none}}.invoice-title-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.invoice-title-row h1{margin:0}.invoice-title-row .invoice-badges{margin-left:auto}.workflow-stepper{justify-content:space-between;align-items:center;margin-bottom:18px;padding:16px 20px;display:flex;overflow:auto}.workflow-node{color:#94a3b8;align-items:center;gap:9px;min-width:max-content;display:flex}.workflow-node>span{background:#f1f5f9;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.workflow-node b,.workflow-node small{display:block}.workflow-node b{color:#64748b;font-size:12px}.workflow-node small{margin-top:2px;font-size:10px}.workflow-node.done>span{color:#0f766e;background:#e6f7f4}.workflow-node.done b{color:#0f3f46}.workflow-node.done small{color:#0f766e}.workflow-arrow{color:#cbd5e1;flex:none}.invoice-detail-grid.v2{grid-template-columns:minmax(0,1fr) 370px;align-items:start}.invoice-main.v2{padding:0;overflow:hidden}.section-heading{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.section-heading.compact{border:0;padding:0 0 14px}.section-heading h2{align-items:center;gap:7px;margin:3px 0 0;font-size:16px;display:flex}.section-heading>svg{color:#0b8e95}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;font-size:9px;font-weight:700}.invoice-source.v2{margin:18px 0;padding:0 22px}.clean-table{border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.invoice-total.detail.v2{background:#f8fbfc;border:1px solid #e4eef0;margin:20px 22px 22px auto}.invoice-total.detail.v2 strong b{color:#087f85}.invoice-side.v2{gap:14px}.invoice-side.v2>.panel{padding:18px}.payment-workflow{border-top:3px solid #0b8e95!important}.payment-state{text-transform:uppercase;color:#64748b;background:#eef2f6;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700}.payment-state.pending,.payment-state.waiting{color:#9a6700;background:#fff7df}.payment-state.approved,.payment-state.paid{color:#07815f;background:#e9f8f2}.payment-state.rejected{color:#b42318;background:#fdecec}.payment-progress{gap:0;margin:4px 0 16px;display:grid}.payment-point{color:#94a3b8;align-items:center;gap:9px;min-height:35px;display:flex;position:relative}.payment-point:not(:last-child):after{content:"";background:#dce5eb;width:1px;height:18px;position:absolute;top:25px;left:7px}.payment-point span{z-index:1;background:#fff;place-items:center;width:16px;height:16px;display:grid}.payment-point.done{color:#0f766e}.payment-point.active{color:#a46b00}.workflow-note{color:#41636b;background:#f1f7f8;border-radius:9px;gap:9px;margin-bottom:13px;padding:11px;font-size:11px;line-height:1.45;display:flex}.workflow-note.warning{color:#8a6508;background:#fff7df}.proof-card{background:#fbfdfd;border:1px solid #dce8eb;border-radius:10px;grid-template-columns:38px 1fr 34px;align-items:center;gap:10px;margin-bottom:12px;padding:10px;display:grid}.proof-icon{color:#078d94;background:#e9f7f7;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.proof-card b,.proof-card small,.proof-card em{overflow-wrap:anywhere;display:block}.proof-card b{font-size:11px}.proof-card small{color:#64748b;margin-top:4px;font-size:9px}.proof-card em{color:#b42318;margin-top:4px;font-size:10px;font-style:normal}.proof-upload{gap:9px;display:grid}.proof-upload label{color:#50707a;cursor:pointer;background:#f5fbfb;border:1px dashed #8ec8cb;border-radius:10px;align-items:center;gap:9px;padding:13px;font-size:11px;display:flex}.proof-upload input{display:none}.proof-upload .primary{justify-content:center}.finance-review-btn{background:linear-gradient(135deg,#087f85,#0b9a8f)}.inline-message{border-radius:8px;margin-top:10px;padding:10px;font-size:11px}.inline-message.error{color:#be123c;background:#fff1f2}.inline-message.success{color:#07815f;background:#e9f8f2}.accounting-summary.v2{gap:9px;display:grid}.accounting-summary.v2>div{border-bottom:1px solid #eef2f5;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.accounting-summary.v2 span{color:#64748b;font-size:10px}.accounting-summary.v2 b{text-align:right;overflow-wrap:anywhere;font-size:10px}.muted-empty{color:#94a3b8;font-size:11px}.modal-backdrop{z-index:100;background:#071d38aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.payment-modal{background:#fff;border-radius:16px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 24px 80px #071d3850}.modal-head{border-bottom:1px solid #edf1f5;justify-content:space-between;gap:20px;padding:22px 24px;display:flex}.modal-head h2{margin:4px 0;font-size:20px}.modal-head p{color:#64748b;margin:0;font-size:11px}.payment-form{grid-template-columns:1fr 1fr;gap:14px;padding:20px 24px;display:grid}.payment-form label,.reject-box label{color:#566578;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.payment-form input,.payment-form select,.payment-form textarea,.reject-box input{width:100%;font:inherit;color:#24364d;background:#fff;border:1px solid #dce3e9;border-radius:8px;padding:10px}.payment-form .wide{grid-column:1/-1}.reject-box{background:#fff8f8;border:1px solid #f3c5c5;border-radius:10px;grid-template-columns:1fr auto;align-items:end;gap:10px;margin:0 24px 18px;padding:14px;display:grid}.danger-btn{color:#fff;cursor:pointer;background:#b42318;border:0;border-radius:8px;padding:10px 13px;font-weight:700}.modal-actions{border-top:1px solid #edf1f5;justify-content:flex-end;gap:9px;padding:18px 24px;display:flex}.spin{animation:.8s linear infinite uts-spin}@keyframes uts-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.invoice-detail-grid.v2{grid-template-columns:1fr}.workflow-stepper{justify-content:flex-start;gap:10px}.workflow-node{min-width:150px}.workflow-arrow{display:none}}@media (width<=650px){.workflow-stepper{grid-template-columns:1fr;display:grid}.workflow-node{min-width:0}.invoice-title-row .invoice-badges{margin-left:0}.payment-form{grid-template-columns:1fr}.payment-form .wide{grid-column:auto}.reject-box{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions button{justify-content:center;width:100%}}:root{--uts-navy:#0b2340;--uts-navy-2:#102f52;--uts-teal:#0d9297;--uts-teal-dark:#08767b;--uts-teal-soft:#eaf7f7;--uts-bg:#f3f6f9;--uts-surface:#fff;--uts-border:#e1e8ef;--uts-border-strong:#d4dee8;--uts-text:#172b43;--uts-muted:#708095;--uts-shadow:0 8px 28px #122d4a12;--uts-radius:16px}html,body,#root{min-height:100%}body{background:var(--uts-bg);color:var(--uts-text);line-height:1.45}.app{background:var(--uts-bg)}aside{background:linear-gradient(180deg,var(--uts-navy),#081c34);width:232px;padding:20px 14px;box-shadow:8px 0 28px #081c3414}main{width:calc(100% - 232px);min-width:0;margin-left:232px}header{border-color:var(--uts-border);height:70px;padding:0 28px;box-shadow:0 1px #0f233c05}.content{max-width:1480px;padding:30px 30px 54px}.brand{height:68px;margin-bottom:16px}.brand img{width:44px;height:44px}nav{gap:4px}nav button{border-radius:10px;min-height:42px;padding:10px 12px;font-size:12px;transition:all .18s}nav button:hover{color:#fff;background:#143454}nav button.active{background:linear-gradient(135deg,#0d9da1,#08787e);box-shadow:0 8px 18px #057c8447}.page-head{margin-bottom:20px}.page-head h1{letter-spacing:-.025em;font-size:28px}.page-head p{font-size:13px}.card,.panel{border-color:var(--uts-border);border-radius:var(--uts-radius);box-shadow:var(--uts-shadow)}.card{padding:20px}.primary,.secondary,.icon-btn,.danger-btn{transition:all .18s}.primary{background:linear-gradient(135deg,var(--uts-teal),var(--uts-teal-dark));border-radius:10px;box-shadow:0 7px 16px #0d92972e}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0d929738}.secondary{border-color:var(--uts-border-strong);border-radius:10px}.secondary:hover{background:#f8fbfc;border-color:#a9becf}.metrics{gap:14px}.invoice-metrics .card{min-height:108px}.invoice-metrics .card strong{font-size:24px}.toolbar{padding:14px 18px}.toolbar .search{background:#fbfcfd;min-width:min(430px,55vw)}.toolbar .search input{width:100%}.table-panel{border-radius:var(--uts-radius)}table{font-size:12px}th{color:#66778b;background:#f7f9fb}th,td{padding:14px 18px}tbody tr{transition:all .15s}tbody tr:hover{background:#f9fcfc}.status{letter-spacing:.025em;font-weight:700}.invoice-detail-head{align-items:flex-end;gap:18px}.invoice-detail-head>div:first-child{flex:1;min-width:0}.invoice-title-row{align-items:flex-end}.invoice-title-row h1{letter-spacing:-.03em;font-size:30px}.invoice-badges{margin-inline-start:auto}.workflow-stepper{box-shadow:none;border-radius:14px;margin-bottom:16px;padding:14px 18px}.workflow-node{flex:1;min-width:140px}.workflow-arrow{margin:0 5px}.invoice-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.invoice-overview-card{border:1px solid var(--uts-border);background:#fff;border-radius:14px;min-width:0;padding:17px 18px;box-shadow:0 4px 16px #122d4a0b}.invoice-overview-card span,.invoice-overview-card small{display:block}.invoice-overview-card span{text-transform:uppercase;letter-spacing:.08em;color:var(--uts-muted);font-size:10px;font-weight:700}.invoice-overview-card strong{white-space:nowrap;text-overflow:ellipsis;margin:8px 0 4px;font-size:21px;display:block;overflow:hidden}.invoice-overview-card strong.text-value{padding-top:4px;font-size:16px}.invoice-overview-card small{color:#8a98a8;font-size:10px}.invoice-overview-card.highlight{color:#fff;background:linear-gradient(135deg,#0d8f94,#08767b);border-color:#0000}.invoice-overview-card.highlight span,.invoice-overview-card.highlight small{color:#d9f4f3}.invoice-document-card{margin-bottom:16px;overflow:hidden}.invoice-document-card .section-heading{padding:19px 22px}.invoice-document-card .invoice-source{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.invoice-source.v2>div{background:#f8fafc;border-color:#e5ebf1}.clean-table{margin-top:4px}.clean-table th,.clean-table td{padding-top:15px;padding-bottom:15px}.clean-table td:nth-child(2){white-space:normal;min-width:280px}.invoice-total.detail.v2{border-radius:13px;width:min(480px,100% - 44px);margin:20px 22px 22px auto;padding:18px 20px}.invoice-total.detail.v2 span{font-size:12px}.invoice-total.detail.v2 strong{font-size:18px}.invoice-workspace-grid,.invoice-support-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}.invoice-support-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.invoice-workspace-grid>.panel,.invoice-support-grid>.panel{min-width:0;padding:20px}.payment-workflow{position:relative;overflow:hidden;border-top:0!important}.payment-workflow:before{content:"";background:linear-gradient(#0d9da1,#08767b);width:4px;position:absolute;inset:0 auto 0 0}.payment-progress{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 18px}.payment-point{background:#fafcfd;border:1px solid #e6ebf0;border-radius:10px;grid-template-columns:24px 1fr;min-height:auto;padding:10px;display:grid}.payment-point:not(:last-child):after{display:none}.payment-point span{background:0 0}.payment-point b{font-size:10px}.proof-upload{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.proof-upload .primary{min-width:138px;margin:0}.proof-card{margin-top:4px}.accounting-panel{min-height:100%}.accounting-summary.v2>div{padding:11px 0}.accounting-actions{margin-top:8px}.linked-row:last-child{border-bottom:0}.timeline{max-height:360px;padding-inline-end:4px;overflow:auto}.section-heading.compact{align-items:flex-start}.section-heading.compact h2{font-size:17px}.eyebrow{color:#7d8da1}.payment-modal{border-radius:18px}.modal-head{padding:24px 26px}.payment-form{padding:22px 26px}.modal-actions{padding:18px 26px}html[dir=rtl] main{margin-left:0;margin-right:232px}html[dir=rtl] .payment-workflow:before{left:auto;right:0}html[dir=rtl] .invoice-total.detail.v2{margin-left:22px;margin-right:auto}html[dir=rtl] .accounting-summary.v2 b{text-align:left}html[dir=rtl] .workflow-arrow{transform:rotate(180deg)}@media (width<=1180px){.invoice-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-workspace-grid,.invoice-support-grid{grid-template-columns:1fr}.payment-progress{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){aside{width:220px}main{width:calc(100% - 220px);margin-left:220px}html[dir=rtl] main{margin-right:220px}.content{padding:24px 22px 42px}.invoice-document-card .invoice-source{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){aside{width:248px}.content{padding:20px 14px 36px}main,html[dir=rtl] main{width:100%;margin-left:0;margin-right:0}.page-head,.invoice-detail-head{flex-direction:column;align-items:flex-start}.page-head .primary{font-size:12px}.invoice-actions{justify-content:flex-start;width:100%}.invoice-title-row{display:block}.invoice-badges{margin:10px 0 0}.invoice-overview-grid{grid-template-columns:1fr 1fr}.workflow-stepper{gap:14px;display:flex}.workflow-node{min-width:150px}.invoice-document-card .invoice-source,.payment-progress,.proof-upload{grid-template-columns:1fr}.proof-upload .primary{width:100%}.clean-table td:nth-child(2){min-width:220px}}@media (width<=480px){.invoice-overview-grid{grid-template-columns:1fr}.invoice-overview-card strong{font-size:19px}.invoice-total.detail.v2{width:calc(100% - 28px);margin:14px}.invoice-workspace-grid>.panel,.invoice-support-grid>.panel{padding:16px}}.secondary.compact{white-space:nowrap;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.customer-account-modal{width:min(1040px,94vw);max-height:90vh;overflow:auto}.voucher-pay-button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex;width:auto!important;padding:8px 11px!important}.voucher-pay-button span{font-size:10px;font-weight:800}.advance-payment-modal{width:min(760px,96vw)}.advance-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:20px 24px 4px;display:grid}.advance-payment-summary>div{background:#f8fbfc;border:1px solid #e0e8ed;border-radius:10px;min-width:0;padding:12px}.advance-payment-summary .wide{grid-column:1/-1}.advance-payment-summary small,.advance-payment-summary b{display:block}.advance-payment-summary small{color:#718093;margin-bottom:6px;font-size:9px}.advance-payment-summary b{overflow-wrap:anywhere;white-space:normal;font-size:12px}.advance-payment-summary .missing-account{color:#b42318}.advance-payment-form{padding-bottom:12px}.advance-payment-error{color:#b42318;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;margin:0 24px 12px;padding:11px 13px;font-size:11px;font-weight:700}.advance-payment-warning{color:#765b06;background:#fff8df;border-radius:10px;align-items:flex-start;gap:10px;margin:0 24px 18px;padding:12px 14px;font-size:10px;line-height:1.55;display:flex}.advance-payment-warning b{white-space:nowrap}.advance-payment-warning span{overflow-wrap:anywhere}@media (width<=650px){.advance-payment-summary{grid-template-columns:1fr}.advance-payment-summary .wide{grid-column:auto}.advance-payment-warning{display:grid}.voucher-pay-button span{display:inline}}.customer-account-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.customer-account-kpis>div{background:#f8fbfc;border:1px solid #dce6ee;border-radius:14px;padding:17px}.customer-account-kpis span,.customer-account-kpis small{color:#6b7c8f;display:block}.customer-account-kpis b{color:#10233f;direction:ltr;unicode-bidi:isolate;margin:8px 0;font-size:24px;display:block}.account-columns{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:16px;display:grid}.account-section{background:#fff;border:1px solid #dce6ee;border-radius:14px;padding:16px}.account-section h3{color:#10233f;margin:0 0 13px}.account-explanation{color:#385164;background:#f0f9f9;border-left:4px solid #0a969b;border-radius:10px;padding:16px;line-height:1.65}.account-explanation b{color:#087f83}[dir=rtl] .account-explanation{border-left:1px solid #dce6ee;border-right:4px solid #0a969b}@media (width<=850px){.customer-account-kpis,.account-columns{grid-template-columns:1fr}}.module-switch{background:#fff;border:1px solid #dfe7ec;border-radius:14px;gap:8px;margin-bottom:14px;padding:7px;display:flex;box-shadow:0 4px 16px #1434480d}.module-switch button{color:#607180;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:11px 15px;font-weight:700;display:flex}.module-switch button.active{color:#fff;background:#073b5c}.tabs button{align-items:center;gap:7px;display:inline-flex}.purchase-editor form{display:block}.purchase-editor select,.purchase-editor textarea,.invite textarea{width:100%}.table-wrap tr[onclick]{cursor:pointer}.table-wrap tr[onclick]:hover{background:#f3fbfb}.mandatory-attachment label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mandatory-attachment input[type=file]{max-width:420px}@media (width<=800px){.module-switch{flex-direction:column}.module-switch button{justify-content:center}}.linked-flow-grid{grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin:14px 0;display:grid}.linked-flow-grid>div{background:#f8fbfc;border:1px solid #d9e5ea;border-radius:10px;padding:10px 12px}.linked-flow-grid small,.linked-flow-grid b{display:block}.linked-flow-grid small{color:#6d7e89;margin-bottom:5px}.linked-flow-grid b{color:#0b5266}.linked-quote{justify-content:flex-start;align-items:center;display:flex}.linked-item-code b,.linked-item-code small,.source-chain b,.source-chain small{display:block}.linked-item-code small,.source-chain small{color:#70808a;margin-top:4px}.linked-price-note{color:#526b78;align-items:center;gap:8px;font-weight:600;display:flex}.purchase-editor .money-input::placeholder{color:#9aaab2}.purchase-editor input:disabled,.purchase-editor select:disabled{color:#52616a;background:#f3f6f7}.table-panel .source-chain{min-width:190px}@media (width<=1000px){.linked-flow-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=760px){.financial-summary{grid-template-columns:1fr}}.workflow-guide{color:#17324a;background:linear-gradient(135deg,#f0fbfb,#f7fafc);border:1px solid #cfe8e9;border-radius:14px;margin:0 0 18px;padding:15px 17px}.workflow-guide>header{color:#087f85;align-items:center;gap:8px;margin-bottom:12px;display:flex}.workflow-guide-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.workflow-guide-step{background:#fff;border:1px solid #dce9ee;border-radius:10px;align-items:flex-start;gap:8px;min-width:0;padding:10px;display:flex;position:relative}.workflow-guide-step>span{color:#fff;background:#078d94;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:12px;font-weight:800;display:grid}.workflow-guide-step b,.workflow-guide-step small{display:block}.workflow-guide-step b{font-size:12px}.workflow-guide-step small{color:#6d7c8f;margin-top:3px;font-size:11px;line-height:1.45}.workflow-arrow{inset-inline-end:-13px;color:#8fb5b8;z-index:2;position:absolute;top:14px}.workflow-guide[dir=rtl] .workflow-arrow{transform:rotate(180deg)}.next-step-hint{text-align:start;align-items:flex-start;gap:5px;max-width:260px;line-height:1.45;color:#526174!important;margin-top:7px!important;display:flex!important}.next-step-hint svg{color:#b7791f;flex:none;margin-top:2px}.next-step-hint.complete svg{color:#067647}@media (width<=1050px){.workflow-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-arrow{display:none}}@media (width<=650px){.workflow-guide-steps{grid-template-columns:1fr}}.financial-summary{background:#f7fafc;border-top:1px solid #e6edf2;border-bottom:1px solid #e6edf2;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px;display:grid}.financial-summary>div{background:#fff;border:1px solid #e2e8ee;border-radius:9px;flex-direction:column;gap:5px;padding:12px;display:flex}.financial-summary small{color:#6d7c8f}.financial-summary b{color:#16324a;font-size:16px}@media (width<=760px){.financial-summary{grid-template-columns:1fr}}.task-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.task-list{flex-direction:column;display:flex}.task-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1f5;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;width:100%;padding:16px 18px;display:grid}.task-row:hover{background:#f8fafc}.task-icon{color:#0b7650;background:#eaf6f0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.task-icon.urgent{color:#c76513;background:#fff2e5}.task-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.task-copy b{color:#17202a;font-size:14px}.task-copy small{color:#667085;font-size:12px}.task-copy em{color:#8a94a3;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-style:normal;overflow:hidden}.task-date{color:#667085;align-items:center;gap:12px;font-size:12px;display:flex}.task-empty svg{color:#17a673}.notification-wrap{position:relative}.notification-button{position:relative!important}.notification-button span{color:#fff;background:#dc3545;border:2px solid #fff;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-5px;right:-4px}.notification-menu{z-index:1000;background:#fff;border:1px solid #e4e9ef;border-radius:14px;width:370px;max-height:520px;position:absolute;top:46px;right:0;overflow:hidden;box-shadow:0 18px 50px #1422322e}.notification-head{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.notification-head div{flex-direction:column;display:flex}.notification-head b{font-size:15px}.notification-head small{color:#7a8490}.notification-head button{color:#0b7650;cursor:pointer;background:0 0;border:0;font-size:12px}.notification-items{max-height:395px;overflow:auto}.notification-items>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0f2f5;grid-template-columns:8px 1fr;gap:10px;width:100%;padding:13px 15px;display:grid}.notification-items>button:hover{background:#f8fafc}.notification-items>button.unread{background:#f2faf6}.notification-items>button>i{background:0 0;border-radius:50%;width:7px;height:7px;margin-top:6px}.notification-items>button.unread>i{background:#17a673}.notification-items span{flex-direction:column;gap:3px;display:flex}.notification-items b{color:#1f2a37;font-size:13px}.notification-items small{color:#667085;font-size:12px;line-height:1.4}.notification-items em{color:#98a2b3;font-size:10px;font-style:normal}.notification-empty{color:#77818d;flex-direction:column;align-items:center;gap:8px;padding:35px 20px;display:flex}.notification-footer{color:#0b7650;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf1f5;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 15px;font-weight:700;display:flex}@media (width<=760px){.task-metrics{grid-template-columns:1fr}.notification-menu{width:auto;position:fixed;top:68px;left:12px;right:12px}.task-row{grid-template-columns:40px 1fr}.task-date{grid-column:2;justify-content:space-between}}.master-actions{flex-wrap:wrap;min-width:245px}.master-actions button{white-space:nowrap}.product-edit-modal{width:min(880px,94vw);max-height:90vh;overflow:auto}.product-edit-modal .wide{grid-column:1/-1}.employee-requests{gap:16px;display:grid}.request-guide{background:#f2fbfa;border-inline-start:4px solid #0b9498;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.request-guide>div{color:#087f85;align-items:center;gap:11px;display:flex}.request-guide b,.request-guide small{display:block}.request-guide small{color:#4e6c75;margin-top:4px}.request-guide p{color:#5f6f80;max-width:650px;margin:0;font-size:11px;line-height:1.55}.request-metrics{grid-template-columns:repeat(3,1fr)}.request-tabs{flex-wrap:wrap;gap:6px;display:flex}.request-tabs button{align-items:center;gap:7px;display:inline-flex}.request-tabs button i{color:#fff;background:#e13d4f;border-radius:20px;min-width:19px;padding:2px 6px;font-size:9px;font-style:normal}.request-form{overflow:hidden}.request-types{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;display:grid}.request-types button{text-align:start;color:#607184;cursor:pointer;background:#fff;border:1px solid #dce6eb;border-radius:13px;gap:7px;padding:16px;display:grid}.request-types button svg{color:#0b9498}.request-types button b{color:#14304f;font-size:13px}.request-types button small{line-height:1.45}.request-types button.active{background:#effaf9;border-color:#0b9498;box-shadow:0 0 0 2px #0b949820}.request-form>.form-grid{padding:0 20px 20px}.request-form textarea{resize:vertical;min-height:76px}.expense-builder{border:1px solid #dce6eb;border-radius:13px;margin:0 20px 20px;overflow:hidden}.section-title{background:#f7fafc;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.section-title h3,.section-title p{margin:0}.section-title h3{font-size:14px}.section-title p{color:#6e7e90;margin-top:3px;font-size:10px}.expense-draft{border-top:1px solid #e7edf1;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 17px;display:grid;position:relative}.expense-draft label{color:#5a6b7e;flex-direction:column;gap:5px;font-size:10px;font-weight:700;display:flex}.expense-draft input,.invoice-line select,.request-actions select{font:inherit;background:#fff;border:1px solid #d8e2e8;border-radius:8px;padding:9px}.line-number{inset-inline-start:0;color:#fff;background:#0b9498;border-end-end-radius:8px;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;top:0}.invoice-file{cursor:pointer;overflow-wrap:anywhere;background:#f5fbfb;border:1px dashed #78bfc2;border-radius:9px;grid-column:span 2;align-items:center;padding:10px;flex-direction:row!important;display:flex!important}.invoice-file input{display:none}.remove-line{inset-inline-end:12px;color:#b42318;cursor:pointer;background:0 0;border:0;position:absolute;top:12px}.line-total{text-align:end;color:#0d4764;align-self:center}.expense-total{background:#f7fafc;border-top:1px solid #e7edf1;justify-content:flex-end;align-items:center;gap:18px;padding:14px 17px;display:flex}.expense-total strong{color:#087f85;font-size:17px}.request-list{display:grid}.request-row{border-top:1px solid #e8edf1}.request-row:first-child{border-top:0}.request-summary{text-align:start;cursor:pointer;background:#fff;border:0;grid-template-columns:42px minmax(220px,1fr) 140px 190px 20px;align-items:center;gap:12px;width:100%;padding:15px 18px;display:grid}.request-summary:hover{background:#f9fbfc}.request-icon{color:#0b8e95;background:#eaf8f7;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.request-summary b,.request-summary small{display:block}.request-summary small{color:#718093;margin-top:4px;font-size:10px}.request-summary>strong{color:#183653}.request-status{text-align:center;text-transform:uppercase;color:#617184;background:#eff3f6;border-radius:20px;padding:7px 10px;font-size:9px;font-style:normal;font-weight:800}.request-status.pending_manager,.request-status.pending_finance,.request-status.approved{color:#8c6600;background:#fff5d8}.request-status.paid{color:#087c5d;background:#e8f8f1}.request-status.rejected{color:#b42318;background:#fdecec}.request-detail{background:#f9fbfc;border-top:1px solid #e8edf1;padding:18px 22px 22px}.request-path{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.request-step{color:#91a0ae;background:#fff;border:1px solid #dce5eb;border-radius:9px;align-items:center;gap:7px;padding:10px;font-size:10px;display:flex}.request-step.done{color:#07815f;background:#f1faf7}.request-step.active{color:#966b00;background:#fff9e8;border-color:#ead99b}.detail-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.detail-grid>div{background:#fff;border:1px solid #e2e9ee;border-radius:9px;padding:11px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:#778696;margin-bottom:5px;font-size:9px}.detail-grid b{font-size:11px}.invoice-lines{background:#fff;border:1px solid #dde6eb;border-radius:10px;margin-top:16px;overflow:hidden}.invoice-lines h3{background:#f3f7f9;margin:0;padding:12px 14px;font-size:12px}.invoice-line{border-top:1px solid #edf1f4;grid-template-columns:minmax(220px,1fr) 110px auto minmax(210px,1fr);align-items:center;gap:10px;padding:12px 14px;display:grid}.invoice-line b,.invoice-line small{display:block}.invoice-line small{color:#758596;margin-top:3px}.invoice-line button{color:#087f85;cursor:pointer;background:#f3fbfb;border:1px solid #cfe1e4;border-radius:8px;align-items:center;gap:5px;padding:8px;display:inline-flex}.invoice-line em{color:#07815f;grid-column:4;font-size:9px;font-style:normal}.request-actions{justify-content:flex-end;align-items:center;gap:9px;margin-top:16px;display:flex}.request-actions select{min-width:260px}.request-actions .primary{margin:0}.task-empty{text-align:center;color:#708090;padding:44px}.task-empty h3{color:#203b57;margin:10px 0 5px}.task-empty p{margin:0}.employee-requests[dir=rtl] .request-summary{text-align:right}.employee-requests[dir=rtl] .request-summary>svg{transform:rotate(180deg)}@media (width<=900px){.request-guide{display:grid}.request-types,.request-metrics,.expense-draft{grid-template-columns:1fr}.invoice-file{grid-column:auto}.request-summary{grid-template-columns:42px 1fr}.request-summary>strong,.request-summary>em{grid-column:2}.request-summary>svg{display:none}.request-path,.detail-grid{grid-template-columns:1fr 1fr}.invoice-line{grid-template-columns:1fr}.invoice-line em{grid-column:auto}.request-actions{flex-direction:column;align-items:stretch}.request-actions select{width:100%;min-width:0}}:root{--uts-navy:#082542;--uts-navy-deep:#04182e;--uts-teal:#07979d;--uts-teal-dark:#06777d;--uts-surface:#fff;--uts-canvas:#f3f7fa;--uts-border:#dfe8ee;--uts-shadow:0 12px 35px #0f304614}body{background:var(--uts-canvas)}.app-shell{background:radial-gradient(circle at 85% 0,#07979d14,#0000 28%),linear-gradient(#f7fafc 0,#f1f6f9 100%)}.app-shell .app-sidebar{background:radial-gradient(circle at 20% 0,#12acb23b,transparent 27%), linear-gradient(180deg,var(--uts-navy) 0,var(--uts-navy-deep) 100%);width:260px;padding:18px 13px 16px;overflow:hidden;box-shadow:10px 0 35px #03192f21}.app-shell .shell-brand{border-color:#ffffff1a;gap:13px;height:78px;margin:0 5px 15px;padding:0 8px 16px}.app-shell .shell-brand img{filter:drop-shadow(0 8px 14px #00000029);width:55px;height:55px}.app-shell .shell-brand b{color:#fff;letter-spacing:.11em;font-size:22px}.app-shell .shell-brand span{color:#9eb8cb;letter-spacing:.11em;text-transform:uppercase;font-size:10px}.app-shell .app-sidebar nav{scrollbar-width:thin;scrollbar-color:#fff3 transparent;padding:4px 2px 10px;overflow:hidden auto}.app-shell .app-sidebar nav button{color:#a9bdcd;border-radius:11px;min-height:43px;padding:10px 12px;font-size:12px;transition:transform .18s,background .18s,color .18s;position:relative}.app-shell .app-sidebar nav button svg{opacity:.86;flex:none}.app-shell .app-sidebar nav button:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.app-shell .app-sidebar nav button.active{color:#fff;background:linear-gradient(110deg,#08a5aa,#087d88);box-shadow:0 9px 22px #00aeb538,inset 0 1px #fff3}.app-shell .app-sidebar nav button.active:before{content:"";inset-inline-start:-7px;background:#71f1e8;border-radius:4px;width:3px;position:absolute;top:11px;bottom:11px}.app-shell .shell-company{background:linear-gradient(#0000,#ffffff05);border-color:#ffffff1a;margin-top:8px;padding:15px 8px 0}.app-shell .shell-company>span{background:linear-gradient(135deg,#10afb2,#087c85);border-radius:11px;box-shadow:0 7px 18px #02a5ab3d}.app-shell .shell-company b{color:#eef8fb}.app-shell .shell-company small{color:#8fa9bb}.app-shell .app-main{width:calc(100% - 260px);min-width:0;margin-left:260px}.app-shell .app-topbar{-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border-color:#cddbe4d1;gap:20px;height:76px;padding:0 28px;box-shadow:0 5px 22px #11344b0b}.app-shell .app-topbar>.search{background:#f5f8fa;border:1px solid #e4ebf0;border-radius:12px;flex:1;max-width:300px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.app-shell .app-topbar>.search:focus-within{border-color:#94cfd1;box-shadow:0 0 0 3px #07979d17}.app-shell .app-topbar>.search input{width:100%;min-width:70px}.app-shell .head-actions{flex:none}.app-shell .head-actions>button,.app-shell .notification-button{cursor:pointer;transition:background .2s,border-color .2s,transform .2s;background:#f7fafb!important;border:1px solid #e2e9ee!important}.app-shell .head-actions>button:hover,.app-shell .notification-button:hover{transform:translateY(-1px);background:#edf8f8!important;border-color:#b9dfe1!important}.app-shell .avatar{background:linear-gradient(135deg,#0ba8aa,#087780);box-shadow:0 6px 16px #07979d36}.app-shell .logout{width:auto!important;height:36px!important;padding:0 12px!important}.live-header-info{justify-content:center;align-items:center;gap:8px;min-width:0;margin-inline:auto;display:flex}.live-info-pill{white-space:nowrap;background:linear-gradient(#fff,#f8fbfc);border:1px solid #e2eaef;border-radius:13px;align-items:center;gap:9px;height:48px;padding:7px 11px;display:flex;box-shadow:0 4px 14px #0e30440a}.live-info-pill .live-icon{width:31px;height:31px;color:var(--uts-teal-dark);background:#e9f7f6;border-radius:9px;place-items:center;display:grid}.live-info-pill>span:last-child{flex-direction:column;gap:2px;display:flex}.live-info-pill b{color:#17334b;font-size:11px}.live-info-pill small{color:#748495;font-size:9px}.weather-pill b{font-size:15px;line-height:1}.weather-pill .live-icon{color:#b66c00;background:linear-gradient(145deg,#fff1c6,#ffe5a2)}.news-ticker{z-index:9;color:#fff;background:linear-gradient(90deg,#082945,#0a3b59);border-bottom:1px solid #ffffff14;grid-template-columns:auto minmax(0,1fr) 38px;align-items:center;height:38px;display:grid;position:sticky;top:76px;overflow:hidden;box-shadow:0 6px 16px #07233714}.news-label{white-space:nowrap;background:linear-gradient(105deg,#08a5aa,#087c86);align-items:center;gap:7px;height:100%;padding:0 18px;font-size:11px;display:flex}.news-viewport{min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.news-track{will-change:transform;align-items:center;width:max-content;animation:90s linear infinite uts-news-scroll;display:flex}.news-track.paused,.news-track:hover{animation-play-state:paused}.news-track a{color:#eaf4f8;white-space:nowrap;align-items:center;gap:8px;padding:0 25px;font-size:11px;text-decoration:none;display:flex}.news-track a:hover{color:#72efe8}.news-track a i{background:#19c6c2;border-radius:50%;width:5px;height:5px}.news-track a small{color:#8db3c3;font-size:9px}.news-fallback{color:#9fb8c7;white-space:nowrap;text-overflow:ellipsis;padding-inline:20px;font-size:10px;display:block;overflow:hidden}.news-control{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;place-items:center;width:28px;height:28px;margin:auto;display:grid}@keyframes uts-news-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}html[dir=rtl] .news-track{animation-name:uts-news-scroll-rtl}@keyframes uts-news-scroll-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}.app-shell .app-content{max-width:1600px;padding:30px 34px 50px}.app-shell .page-head{margin-bottom:22px}.app-shell .page-head h1{letter-spacing:-.025em;color:#0c2945;font-size:27px}.app-shell .page-head p{color:#718395;font-size:12px}.dashboard-hero{min-height:122px;box-shadow:var(--uts-shadow);background:linear-gradient(115deg,#fff 0,#f7fbfc 58%,#e7f7f6 100%);border:1px solid #dce9ee;border-radius:19px;padding:25px 28px;position:relative;overflow:hidden}.dashboard-hero:after{content:"";inset-inline-end:-80px;pointer-events:none;border:38px solid #07979d14;border-radius:50%;width:230px;height:230px;position:absolute;top:-120px}.dashboard-hero>div,.dashboard-hero>button{z-index:1;position:relative}.dashboard-hero h1{font-size:31px!important}.dashboard-hero p{font-size:13px!important}.app-shell .card,.app-shell .panel{border-color:var(--uts-border);border-radius:16px;box-shadow:0 7px 24px #1230440e}.app-shell .card{padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.app-shell .card:before{content:"";background:linear-gradient(#0aa8aa,#087985);width:3px;position:absolute;inset:0 auto 0 0}html[dir=rtl] .app-shell .card:before{left:auto;right:0}.app-shell .card:hover{border-color:#c7e0e2;transform:translateY(-2px);box-shadow:0 13px 30px #12435317}.app-shell .card strong{color:#0e2e48;font-size:23px}.app-shell .card-top svg{color:#0a969b}.app-shell .panel-head{padding:19px 21px}.app-shell .panel h2{color:#14314a;font-size:16px}.app-shell .primary{background:linear-gradient(105deg,#0aa0a5,#077981);border-radius:11px;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 18px #078d9433}.app-shell .primary:hover{transform:translateY(-1px);box-shadow:0 11px 24px #078d9445}.app-shell .secondary,.app-shell .action,.app-shell .tabs{border-radius:11px}.app-shell .action:hover{background:#f4fbfa;border-color:#b8dcde}.app-shell th{color:#718293;background:#f6f9fb}.app-shell tbody tr{transition:background .15s}.app-shell tbody tr:hover{background:#f8fbfc}html[dir=rtl] .app-shell .app-main{margin-left:0;margin-right:260px}html[dir=rtl] .app-shell .app-sidebar{box-shadow:-10px 0 35px #03192f21}html[dir=rtl] .app-shell .app-sidebar nav button:hover{transform:translate(-2px)}@media (prefers-reduced-motion:reduce){.news-track{animation:none!important}.app-shell *{scroll-behavior:auto!important}}@media (width<=1220px){.date-pill{display:none}.live-header-info{margin-inline:auto 0}.app-shell .app-topbar{gap:12px}.app-shell .app-topbar>.search{max-width:240px}}@media (width<=900px){.app-shell .app-sidebar{width:220px}.app-shell .app-main{width:calc(100% - 220px);margin-left:220px}html[dir=rtl] .app-shell .app-main{margin-right:220px}.app-shell .app-content{padding:24px 22px 44px}.app-shell .user{display:none}.weather-pill{padding:7px}.weather-pill small{display:none}}@media (width<=760px){.app-shell .app-sidebar{width:260px}.app-shell .app-main,html[dir=rtl] .app-shell .app-main{width:100%;margin:0}.app-shell .app-topbar{gap:8px;height:68px;padding:0 13px}.app-shell .app-topbar>.search{display:none}.live-header-info{margin-inline:auto 0}.live-info-pill{height:40px}.live-info-pill .live-icon{width:27px;height:27px}.weather-pill b{font-size:13px}.app-shell .head-actions{gap:5px}.app-shell .head-actions .user,.app-shell .logout{display:none!important}.app-shell .avatar{display:none}.news-ticker{grid-template-columns:auto minmax(0,1fr) 34px;height:36px;top:68px}.news-label{padding:0 10px}.news-label b{display:none}.news-track a{padding:0 18px}.app-shell .app-content{padding:20px 13px 38px}.dashboard-hero{align-items:flex-start;min-height:145px;padding:21px}.dashboard-hero h1{font-size:25px!important}.dashboard-hero .primary{font-size:11px}}.notification-metrics{grid-template-columns:repeat(3,1fr)}.delivery-status{border-radius:20px;padding:5px 9px;font-size:9px;font-weight:800;display:inline-block}.delivery-status.sent{color:#087c5d;background:#e8f8f1}.delivery-status.queued,.delivery-status.processing,.delivery-status.retry,.delivery-status.sending{color:#8c6600;background:#fff5d8}.delivery-status.failed{color:#b42318;background:#fdecec}.delivery-error{color:#b42318;max-width:320px;font-size:10px;line-height:1.4;white-space:normal!important}.notification-metrics+.table-panel .edit-btn{align-items:center;gap:5px;display:inline-flex}@media (width<=900px){.notification-metrics{grid-template-columns:1fr}}.reports-workspace{gap:18px;display:grid}.reports-workspace>.page-head{margin-bottom:0}.report-actions,.report-filter,.report-scope,.report-scope>span{align-items:center;gap:9px;display:flex}.report-actions button{align-items:center;gap:7px;display:inline-flex}.report-filter{flex-wrap:wrap;padding:14px 17px}.report-filter label{color:#647487;flex-direction:column;gap:5px;font-size:10px;font-weight:700;display:flex}.report-filter input{color:#17314a;background:#fff;border:1px solid #dce5eb;border-radius:9px;padding:9px}.report-scope{color:#087f85;margin-inline-end:auto}.report-scope>span{flex-direction:column;align-items:flex-start;gap:2px}.report-scope small{color:#6d7d8e;font-size:10px}.report-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.report-grid{grid-template-columns:minmax(0,1.45fr) minmax(290px,.65fr);gap:18px;display:grid}.report-chart{align-items:flex-end;gap:13px;height:250px;padding:25px 22px 18px;display:flex}.report-chart>div:not(.report-empty){flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;min-width:40px;height:100%;display:flex}.report-chart span{background:linear-gradient(#0ab0b2,#087985);border-radius:7px 7px 2px 2px;width:min(48px,75%);min-height:5px;display:block;box-shadow:0 7px 15px #07979d29}.report-chart b{color:#40556a;font-size:10px}.report-chart small{color:#8391a0;font-size:9px}.pipeline-list{padding:8px 20px 20px;display:grid}.pipeline-list>div:not(.report-empty){border-bottom:1px solid #e9eef2;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.pipeline-list span b,.pipeline-list span small{display:block}.pipeline-list span b{text-transform:capitalize;color:#17344f}.pipeline-list span small{color:#778697;margin-top:3px}.pipeline-list strong{color:#087f85;white-space:nowrap}.report-empty{text-align:center;color:#7c8b99;width:100%;padding:45px 15px}.reports-workspace .panel-head h2{align-items:center;gap:8px;display:flex}.report-company{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}@media (width<=1000px){.report-metrics,.report-company{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}}@media (width<=650px){.report-metrics,.report-company{grid-template-columns:1fr}.report-filter{align-items:stretch}.report-scope{width:100%}.report-filter label{flex:1}.report-actions{flex-wrap:wrap;width:100%}}@media print{.app-sidebar,.app-topbar,.news-ticker,.report-actions,.report-filter{display:none!important}.app-shell .app-main,html[dir=rtl] .app-shell .app-main{width:100%!important;margin:0!important}.app-shell .app-content{padding:0!important}.reports-workspace{gap:10px}.panel,.card{break-inside:avoid;box-shadow:none!important}}.procurement-workspace{gap:17px;display:grid}.procurement-gateway{background:linear-gradient(115deg,#fff 0,#f5fbfb 58%,#e3f6f4 100%);border:1px solid #d8e8eb;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:25px 27px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 27px #0e3e4c12}.procurement-gateway:after{content:"";inset-inline-end:-80px;pointer-events:none;border:34px solid #069fa512;border-radius:50%;width:220px;height:220px;position:absolute;top:-125px}.procurement-gateway-copy,.procurement-start-actions{z-index:1;position:relative}.procurement-eyebrow{color:#07858c;align-items:center;gap:6px;margin-bottom:7px;font-size:10px;font-weight:800;display:inline-flex}.procurement-gateway h1{color:#0b2a46;margin:0 0 7px;font-size:25px}.procurement-gateway p{color:#687d8e;max-width:720px;margin:0;font-size:12px;line-height:1.7}.procurement-start-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.procurement-start-actions button{white-space:nowrap;align-items:center;gap:7px;padding:12px 16px;display:inline-flex}.procurement-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.procurement-flow>button{color:#698092;text-align:start;cursor:pointer;background:#fff;border:1px solid #dce7eb;border-radius:13px;align-items:center;gap:9px;min-height:79px;padding:13px 11px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.procurement-flow>button:hover{border-color:#9fcfd1;transform:translateY(-2px);box-shadow:0 8px 18px #124e5a14}.procurement-flow>button.active{color:#07858c;background:linear-gradient(145deg,#f2fbfa,#e8f8f6);border-color:#80c7c9}.procurement-step-number{top:7px;color:#647b8b;background:#edf3f5;border-radius:50%;place-items:center;width:19px;height:19px;font-size:9px;font-weight:800;display:grid;position:absolute;inset-inline-end:8px}.procurement-flow>button.active .procurement-step-number{color:#fff;background:#07959a}.procurement-flow>button>span:last-child{flex-direction:column;gap:4px;display:flex}.procurement-flow b{color:#19364e;font-size:11px}.procurement-flow small{font-size:9px;line-height:1.35}.procurement-section-nav{background:#fff;border:1px solid #dce7eb;border-radius:13px;justify-content:center;align-items:center;gap:5px;padding:6px;display:flex}.procurement-section-nav button{color:#718393;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:11px;font-weight:700;display:flex}.procurement-section-nav button.active{color:#fff;background:#0a8190;box-shadow:0 6px 15px #08819033}.procurement-stage-content{display:contents}.planning-stage>.page-head,.planning-stage>.workflow-guide,.planning-stage>.tabs{display:none}@media (width<=1100px){.procurement-flow{grid-template-columns:repeat(3,1fr)}.procurement-gateway{flex-direction:column;align-items:flex-start}.procurement-start-actions{justify-content:flex-start}}@media (width<=700px){.procurement-flow{grid-template-columns:1fr}.procurement-flow>button{min-height:64px}.procurement-section-nav{flex-direction:column;align-items:stretch}.procurement-section-nav button,.procurement-start-actions{width:100%}.procurement-start-actions button{justify-content:center;width:100%}}.procurement-gateway-simple{min-height:118px}.procurement-scenarios{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px;display:grid}.procurement-scenarios>button{color:#17364e;text-align:start;cursor:pointer;background:#fff;border:1px solid #dce7eb;border-radius:16px;align-items:flex-start;gap:12px;min-height:148px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 7px 22px #1230440b}.procurement-scenarios>button:hover{border-color:#9fcfd1;transform:translateY(-3px);box-shadow:0 13px 27px #124e5a17}.procurement-scenarios>button.active{background:linear-gradient(145deg,#f7fdfc,#e8f8f6);border-color:#56b9bc;box-shadow:0 10px 25px #07979d1f}.scenario-icon{color:#07858c;background:#eaf7f6;border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:43px;display:grid}.procurement-scenarios>button.active .scenario-icon{color:#fff;background:#07959a}.scenario-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.scenario-copy small{color:#718292;background:#f0f4f6;border-radius:20px;width:max-content;max-width:100%;padding:4px 7px;font-size:8px;font-weight:800}.scenario-copy b{font-size:13px;line-height:1.4}.scenario-copy em{color:#6f8191;font-size:10px;font-style:normal;line-height:1.65}.scenario-arrow{inset-inline-end:15px;color:#0a9297;font-size:18px;position:absolute;bottom:12px}.procurement-flow>div{color:#698092;background:#fff;border:1px solid #dce7eb;border-radius:13px;align-items:center;gap:9px;min-height:74px;padding:13px 11px;display:flex;position:relative}.procurement-flow>div:first-child{color:#07858c;background:linear-gradient(145deg,#f2fbfa,#e8f8f6);border-color:#80c7c9}.procurement-flow>div:first-child .procurement-step-number{color:#fff;background:#07959a}.procurement-flow>div>span:last-child{flex-direction:column;gap:4px;display:flex}.procurement-project-choice{background:linear-gradient(110deg,#f8fdfc,#edf9f7);border-color:#bfe2df;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.procurement-project-choice>div{flex-direction:column;gap:5px;display:flex}.procurement-project-choice b{color:#0c5f65;font-size:12px}.procurement-project-choice small{color:#6f8191;font-size:10px}.procurement-project-choice button{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.procurement-fixed-source{align-self:end;min-height:58px}.procurement-empty-state{text-align:center;color:#77909f;padding:50px 20px}.procurement-empty-state svg{color:#0a9499}.procurement-empty-state h2{color:#17364e;margin:12px 0 7px}.procurement-empty-state p{margin:0}@media (width<=1150px){.procurement-scenarios{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.procurement-scenarios{grid-template-columns:1fr}.procurement-scenarios>button{min-height:125px}.procurement-flow>div{min-height:64px}.procurement-project-choice{flex-direction:column;align-items:stretch}.procurement-project-choice button{justify-content:center}}.asset-request-panel{background:linear-gradient(145deg,#fff,#f3fbfa);border-color:#b9dedd}.asset-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.asset-kpis>div{background:#fff;border:1px solid #dce7eb;border-radius:16px;flex-direction:column;justify-content:center;min-height:105px;padding:18px 20px;display:flex;position:relative;box-shadow:0 8px 24px #1434480d}.asset-kpis svg{inset-inline-end:18px;color:#07959a;position:absolute;top:18px}.asset-kpis span{color:#708293;font-size:12px;font-weight:700}.asset-kpis b{color:#122f49;margin-top:8px;font-size:22px}.asset-form-card{border-color:#b9dedd}.asset-search{background:#fff;border:1px solid #d6e1e7;border-radius:10px;min-width:260px;padding:10px 12px}.assets-page table td small{color:#718292;margin-top:4px;display:block}.assets-page .compact{padding:7px 10px;font-size:11px}.asset-handover-steps{background:#f4fbfa;border:1px dashed #9bcfd0;border-radius:13px;grid-template-columns:minmax(250px,.65fr) minmax(320px,1.35fr);align-items:stretch;gap:12px;padding:14px;display:grid}.asset-handover-steps>button{justify-content:center;align-items:center;gap:8px;display:flex}.asset-file-input{cursor:pointer;background:#fff;border:1px solid #b8d9da;border-radius:10px;align-items:center;gap:9px;min-height:48px;padding:11px 14px;position:relative;overflow:hidden;color:#0a747a!important;flex-direction:row!important;display:flex!important}.asset-file-input span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-file-input input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.handover-choice-note{color:#17666a;background:#f1fbfa;border:1px solid #cce6e6;border-radius:10px;margin-top:13px;padding:11px 13px;font-weight:750}.esign-send{color:#087f85!important;border-color:#9dcfd1!important}.advance-signature-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.advance-signature-options>div{background:#f8fbfc;border:1px solid #d8e6ea;border-radius:11px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.advance-signature-options b,.advance-signature-options small{width:100%;display:block}.advance-signature-options small{color:#667085;line-height:1.45}.advance-signature-options button{align-items:center;gap:6px;display:flex}.advance-receipt-upload{color:#087f85;cursor:pointer;border:1px solid #b7d5d7;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;position:relative;overflow:hidden;display:flex!important}.advance-receipt-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}@media (width<=800px){.advance-signature-options{grid-template-columns:1fr}}.asset-row-actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:190px;display:flex}.asset-row-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:inline-flex}@media (width<=950px){.asset-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.asset-handover-steps{grid-template-columns:1fr}}@media (width<=620px){.asset-kpis{grid-template-columns:1fr}.asset-search{width:100%;min-width:0}}.chat-page{gap:16px;display:grid}.chat-page-head{align-items:center;margin:0}.chat-create-actions{flex-wrap:wrap;gap:8px;display:flex}.chat-create-actions button{align-items:center;gap:7px;display:inline-flex}.chat-create-panel{grid-template-columns:minmax(210px,.65fr) minmax(280px,1.35fr) auto;align-items:end;gap:12px;padding:18px;display:grid;position:relative}.chat-create-panel>label{color:#5f7182;flex-direction:column;gap:6px;font-size:11px;font-weight:750;display:flex}.chat-create-panel input,.chat-create-panel select{color:#17344e;background:#fff;border:1px solid #d8e4e9;border-radius:10px;width:100%;padding:11px}.chat-panel-close{inset-inline-end:11px;color:#738596;cursor:pointer;background:0 0;border:0;position:absolute;top:10px}.chat-member-picker{background:#f8fbfc;border:1px solid #e0e9ed;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:145px;padding:7px;display:grid;overflow:auto}.chat-member-picker label{cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.chat-member-picker span{flex-direction:column;min-width:0;display:flex}.chat-member-picker b,.chat-member-picker small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-member-picker small{color:#7b8a98;font-size:9px}.chat-workspace{background:#fff;border:1px solid #dce7eb;border-radius:17px;grid-template-columns:minmax(250px,310px) minmax(0,1fr);min-height:650px;display:grid;overflow:hidden;box-shadow:0 10px 30px #1434480f}.chat-list{background:#f8fbfc;border-inline-end:1px solid #e2eaee;flex-direction:column;min-width:0;display:flex}.chat-list-search{color:#789;background:#fff;border:1px solid #dce6ea;border-radius:10px;align-items:center;gap:8px;margin:13px;padding:10px 12px;display:flex}.chat-list-search input{color:#17344e;background:0 0;border:0;outline:0;flex:1;min-width:0}.chat-list-scroll{align-content:start;padding:0 8px 12px;display:grid;overflow:auto}.chat-list-scroll>button{color:#334d62;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;display:grid}.chat-list-scroll>button:hover{background:#eef7f6}.chat-list-scroll>button.active{color:#087b82;background:#def3f1}.chat-list-scroll>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.chat-list-scroll b,.chat-list-scroll small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-list-scroll small{color:#81909d;margin-top:3px;font-size:9px}.chat-list-scroll time{color:#8c99a4;font-size:8px}.chat-list-icon{color:#087f85;background:#e6f5f4;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.chat-empty-list{text-align:center;color:#84929f;padding:35px 15px}.chat-room{background:linear-gradient(#fff,#fbfdfd);flex-direction:column;min-width:0;display:flex}.chat-room-head{border-bottom:1px solid #e4ebef;justify-content:space-between;align-items:center;gap:14px;min-height:75px;padding:14px 18px;display:flex}.chat-room-head h2{color:#17344e;margin:0;font-size:17px}.chat-room-head p{color:#7c8b98;margin:4px 0 0;font-size:10px}.chat-people{display:flex}.chat-people span{color:#fff;background:#0a8e94;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;margin-inline-start:-6px;font-size:10px;font-weight:800;display:grid}.chat-document-banner{color:#087d83;background:#effaf8;border:1px solid #bfe2df;border-radius:11px;align-items:center;gap:10px;margin:11px 15px 0;padding:10px 12px;display:flex}.chat-document-banner span{flex-direction:column;display:flex}.chat-document-banner small{color:#608186;margin-top:2px;font-size:9px}.chat-messages{background:radial-gradient(circle at 80% 10%,#09a4a90d,#0000 33%);flex-direction:column;flex:1;gap:9px;padding:17px;display:flex;overflow:auto}.chat-messages article{background:#fff;border:1px solid #e0e9ed;border-radius:4px 14px 14px;align-self:flex-start;max-width:min(76%,650px);padding:10px 12px;box-shadow:0 3px 9px #14344809}.chat-messages article.mine{background:#eaf8f6;border-color:#b9dfdd;border-radius:14px 4px 14px 14px;align-self:flex-end}.chat-message-meta{color:#547084;justify-content:space-between;align-items:center;gap:14px;font-size:9px;display:flex}.chat-message-meta time{color:#8b99a5;font-size:8px}.chat-messages article p{color:#233f55;white-space:pre-wrap;margin:7px 0 0;line-height:1.65}.chat-attachment{color:#087d83;cursor:pointer;background:#f5fbfa;border:1px solid #b9dedd;border-radius:8px;align-items:center;gap:7px;max-width:100%;margin-top:8px;padding:7px 9px;display:flex}.chat-attachment span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-composer{background:#fff;border-top:1px solid #e0e8ec;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;padding:12px;display:grid}.chat-composer textarea{resize:vertical;color:#17344e;border:1px solid #d8e4e9;border-radius:11px;outline:0;min-height:44px;max-height:115px;padding:11px}.chat-composer textarea:focus{border-color:#7bc3c5;box-shadow:0 0 0 3px #09979d14}.chat-composer>.primary,.chat-file-button{border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.chat-file-button{color:#087f85;cursor:pointer;border:1px solid #d7e4e8;position:relative}.chat-file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.chat-selected-file{color:#397177;background:#eef7f6;border-radius:8px;grid-column:1/-1;align-items:center;gap:7px;padding:7px 9px;display:flex}.chat-selected-file span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-selected-file button{color:#687f8d;cursor:pointer;background:0 0;border:0}.chat-room-empty{text-align:center;color:#81909c;place-content:center;min-height:500px;display:grid}.chat-room-empty svg{color:#46aaae;margin:auto}.chat-room-empty h2{color:#28485f;margin:12px 0 6px}.chat-room-empty p,.chat-page .page-message.error{margin:0}@media (width<=900px){.chat-create-panel{grid-template-columns:1fr}.chat-workspace{grid-template-columns:230px minmax(0,1fr)}}@media (width<=700px){.chat-page-head{flex-direction:column;align-items:flex-start}.chat-workspace{grid-template-columns:1fr;min-height:720px}.chat-list{border-inline-end:0;border-bottom:1px solid #e2eaee;max-height:235px}.chat-room{min-height:480px}.chat-member-picker{grid-template-columns:1fr}.chat-messages article{max-width:88%}}.opportunities-page{gap:17px;display:grid}.opportunity-head{align-items:center;margin:0}.opportunity-eyebrow{color:#07878d;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:10px;font-weight:850;display:inline-flex}.opportunity-guide{margin:0}.opportunity-guide .guide-title{align-items:center;gap:10px;display:flex}.opportunity-guide .guide-title div{flex-direction:column;gap:3px;display:flex}.opportunity-guide .guide-title small{color:#6d8090}.opportunity-guide .guide-steps{grid-template-columns:repeat(5,1fr)}.quotation-opportunity-link{color:#08777d;background:#edf9f7;border-bottom:1px solid #bfe2df;padding:11px 16px;font-size:11px}.opportunity-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.opportunity-kpis>div{background:#fff;border:1px solid #dce7eb;border-radius:15px;min-height:100px;padding:18px;position:relative;box-shadow:0 7px 22px #1230440b}.opportunity-kpis svg{inset-inline-end:17px;color:#07969b;position:absolute;top:17px}.opportunity-kpis span,.opportunity-kpis b{display:block}.opportunity-kpis span{color:#718394;font-size:10px;font-weight:750}.opportunity-kpis b{color:#14334d;margin-top:9px;font-size:21px}.opportunity-form{padding:0;overflow:hidden}.opportunity-form>.panel-head{border-bottom:1px solid #e3ebef;padding:18px 20px}.opportunity-form>.panel-head h2,.opportunity-section-head h3{align-items:center;gap:7px;display:flex}.opportunity-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:17px 20px;display:grid}.opportunity-form-grid label{color:#5f7485;flex-direction:column;gap:6px;font-size:10px;font-weight:800;display:flex}.opportunity-form-grid input,.opportunity-form-grid select,.opportunity-form-grid textarea,.activity-form input,.activity-form select,.activity-form textarea{color:#16344d;background:#fff;border:1px solid #d7e3e8;border-radius:10px;outline:0;width:100%;padding:10px 11px}.opportunity-form-grid textarea{resize:vertical;min-height:74px}.opportunity-form-grid .wide{grid-column:1/-1}.opportunity-subtitle{color:#17364e;border-top:1px solid #e7edf0;margin:5px 20px 0;padding-top:15px}.opportunity-form>.form-actions{padding:0 20px 20px}.opportunity-board{grid-template-columns:repeat(4,minmax(220px,1fr));align-items:start;gap:11px;display:grid}.opportunity-column{background:#f7fafb;border:1px solid #dce6eb;border-radius:14px;min-width:0;overflow:hidden}.opportunity-column>header{color:#28475d;background:#fff;border-bottom:3px solid #62bdc0;justify-content:space-between;align-items:center;padding:12px 13px;font-size:11px;font-weight:850;display:flex}.opportunity-column>header b{color:#087f85;text-align:center;background:#e7f5f4;border-radius:20px;min-width:23px;padding:4px 7px}.opportunity-column.stage-won>header{border-color:#22a06b}.opportunity-column.stage-lost>header,.opportunity-column.stage-cancelled>header{border-color:#db5b5b}.opportunity-column.stage-negotiation>header{border-color:#e5a83f}.opportunity-column>div{gap:8px;min-height:80px;padding:9px;display:grid}.opportunity-column>div>p{color:#8b99a4;text-align:center;margin:20px 0;font-size:9px}.opportunity-card{color:#28465c;text-align:start;cursor:pointer;background:#fff;border:1px solid #e0e8ec;border-radius:11px;flex-direction:column;gap:6px;min-width:0;padding:12px;transition:all .18s;display:flex;box-shadow:0 3px 10px #12304409}.opportunity-card:hover{border-color:#87c9cb;transform:translateY(-2px);box-shadow:0 8px 17px #124e5a14}.opportunity-card>strong{color:#07868c;font-size:9px}.opportunity-card>b{text-overflow:ellipsis;white-space:nowrap;color:#15344e;font-size:12px;overflow:hidden}.opportunity-card>span{color:#738594;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex;overflow:hidden}.opportunity-card footer{border-top:1px solid #eef2f4;justify-content:space-between;align-items:center;padding-top:6px;display:flex}.opportunity-card footer em{color:#17364e;font-size:10px;font-style:normal;font-weight:800}.opportunity-card footer small{color:#087f85;background:#eaf7f6;border-radius:12px;padding:3px 6px;font-weight:800}.opportunity-modal .modal-card{width:min(1220px,95vw);max-height:92vh;overflow:auto}.opportunity-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0;display:grid}.opportunity-detail-grid>div{background:#f9fbfc;border:1px solid #dfe8ec;border-radius:11px;flex-direction:column;justify-content:center;gap:6px;min-height:75px;padding:12px;display:flex}.opportunity-detail-grid small{color:#7a8a98;font-size:9px}.opportunity-detail-grid b{color:#17364e;align-items:center;gap:5px;display:flex}.stage-picker{gap:6px;padding:9px 0 14px;display:flex;overflow:auto}.stage-picker button{color:#657b8b;cursor:pointer;background:#fff;border:1px solid #d8e4e8;border-radius:20px;flex:none;padding:7px 10px;font-size:9px;font-weight:800}.stage-picker button.active{color:#fff;background:#07959a;border-color:#07959a}.loss-reason,.opportunity-warning{color:#b42318;background:#fff1f0;border-radius:9px;align-items:center;gap:7px;margin-bottom:12px;padding:10px 12px;display:flex}.opportunity-warning{color:#8a6500;background:#fff8df;justify-content:space-between}.opportunity-warning button{color:#806000;cursor:pointer;background:#fff;border:1px solid #dcbf58;border-radius:8px;padding:7px 9px;font-weight:800}.opportunity-detail-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.opportunity-detail-columns>section{border:1px solid #dee8ec;border-radius:13px;min-width:0;padding:14px}.opportunity-section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.opportunity-section-head h3{color:#17364e;margin:0}.opportunity-section-head button{align-items:center;gap:6px;display:flex}.activity-list{max-height:285px;display:grid;overflow:auto}.activity-list article{grid-template-columns:16px 1fr;gap:7px;padding:8px 0;display:grid;position:relative}.activity-list article>i{background:#07959a;border:2px solid #fff;border-radius:50%;width:9px;height:9px;margin-top:4px;box-shadow:0 0 0 2px #9fd5d4}.activity-list article:not(:last-child):after{content:"";inset-inline-start:4px;background:#cfe1e2;width:1px;position:absolute;top:22px;bottom:-4px}.activity-list article b,.activity-list article small,.activity-list article em{display:block}.activity-list article small{color:#82909c;margin-top:3px;font-size:8px}.activity-list article p{color:#536c7e;margin:6px 0;font-size:10px}.activity-list article em{color:#087f85;font-size:9px;font-style:normal}.activity-form{border-top:1px solid #e6edef;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;padding-top:11px;display:grid}.activity-form textarea{resize:vertical;grid-column:1/-1;min-height:62px}.activity-form button{justify-content:center;align-items:center;gap:6px;display:flex}.linked-quotes{gap:7px;display:grid}.linked-quotes>div{background:#f9fbfc;border:1px solid #e0e8ec;border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:10px;display:grid}.linked-quotes span b,.linked-quotes span small{display:block}.linked-quotes span small{color:#83919d;margin-top:3px;font-size:8px}.linked-quotes em{font-style:normal}.linked-quotes strong{color:#087f85;text-transform:capitalize;background:#e7f5f4;border-radius:15px;padding:4px 7px;font-size:8px}.empty-mini{text-align:center;color:#83919d;padding:25px}@media (width<=1200px){.opportunity-board{grid-template-columns:repeat(3,1fr)}}@media (width<=950px){.opportunity-kpis,.opportunity-detail-grid,.opportunity-form-grid,.opportunity-board{grid-template-columns:repeat(2,1fr)}.opportunity-detail-columns{grid-template-columns:1fr}}@media (width<=650px){.opportunity-guide .guide-steps,.opportunity-kpis,.opportunity-form-grid,.opportunity-board,.opportunity-detail-grid{grid-template-columns:1fr}.opportunity-form-grid .wide{grid-column:auto}.opportunity-head{flex-direction:column;align-items:flex-start}.activity-form{grid-template-columns:1fr}.activity-form textarea{grid-column:auto}}.submittals-page,.submittals-workspace{gap:15px;display:grid}.submittals-page>.page-head{margin:0}.submittals-workspace{background:#f8fbfc;border:1px solid #dbe7eb;border-radius:16px;margin-top:16px;padding:17px}.submittal-toolbar{justify-content:space-between;align-items:center;gap:15px;display:flex}.submittal-toolbar h2{color:#13334d;align-items:center;gap:8px;margin:0;display:flex}.submittal-toolbar p{color:#738593;margin:5px 0 0;font-size:10px}.submittal-toolbar>span,.submittal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.submittal-toolbar button,.submittal-actions button,.submittal-block>button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.submittal-create{background:#fff;border:1px solid #bee0df;border-radius:13px;grid-template-columns:1.2fr 1.2fr .45fr .55fr;align-items:end;gap:10px;padding:14px;display:grid}.submittal-create label{color:#5f7485;flex-direction:column;gap:5px;font-size:10px;font-weight:800;display:flex}.submittal-create input,.submittal-create select,.submittal-create textarea{color:#17344e;background:#fff;border:1px solid #d7e3e8;border-radius:9px;width:100%;padding:10px}.submittal-create .wide{grid-column:1/-2}.submittal-create textarea{resize:vertical;min-height:58px}.submittal-layout{background:#fff;border:1px solid #dbe7eb;border-radius:14px;grid-template-columns:minmax(235px,.38fr) minmax(0,1fr);min-height:450px;display:grid;overflow:hidden}.submittal-list{background:#f6fafb;border-inline-end:1px solid #e1eaee;align-content:start;gap:6px;padding:9px;display:grid}.submittal-list>button{color:#28465b;text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:1fr auto;gap:7px;padding:12px;display:grid}.submittal-list>button:hover,.submittal-list>button.active{background:#fff;border-color:#a8d5d5;box-shadow:0 5px 13px #14414b0f}.submittal-list span b,.submittal-list span small{display:block}.submittal-list span b{color:#07868c;font-size:9px}.submittal-list span small{color:#7e8d99;margin-top:3px;font-size:8px}.submittal-list strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:11px;overflow:hidden}.submittal-status{color:#607482;white-space:nowrap;background:#eef2f4;border-radius:20px;align-self:start;padding:5px 8px;font-size:8px;font-style:normal;font-weight:850}.submittal-status.pending_approval{color:#856100;background:#fff4d6}.submittal-status.approved,.submittal-status.customer_approved{color:#087a59;background:#e7f7ef}.submittal-status.sent{color:#08718b;background:#e5f5fa}.submittal-status.rejected,.submittal-status.cancelled{color:#b42318;background:#fdeceb}.submittal-status.revision_required{color:#a64c00;background:#fff0df}.submittal-detail{align-content:start;gap:12px;padding:17px;display:grid}.submittal-detail>header{border-bottom:1px solid #e5ecef;justify-content:space-between;gap:15px;padding-bottom:12px;display:flex}.submittal-detail>header b{color:#07868c;font-size:9px}.submittal-detail>header h3{color:#17364e;margin:4px 0}.submittal-detail>header p{color:#718393;margin:0;font-size:9px}.submittal-block{background:#fbfdfd;border:1px solid #e0e9ed;border-radius:11px;padding:13px}.submittal-block h4{color:#17364e;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;display:flex}.submittal-block h4 small{color:#7e8c98;font-size:8px;font-weight:500}.contact-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px;display:grid}.contact-picker label{cursor:pointer;background:#fff;border:1px solid #e1e9ed;border-radius:9px;align-items:center;gap:8px;padding:9px;display:flex}.contact-picker span,.contact-picker b,.contact-picker small{min-width:0;display:block}.contact-picker b,.contact-picker small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-picker small{color:#7b8b98;margin-top:3px;font-size:8px}.recipient-summary,.submittal-audit{color:#607887;margin:10px 0 0;font-size:9px}.submittal-files{gap:6px;display:grid}.submittal-files>div{color:#087f85;background:#fff;border:1px solid #e2eaee;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.submittal-files span b,.submittal-files span small{display:block}.submittal-files span b{color:#25445a;font-size:10px}.submittal-files span small{color:#7b8a97;margin-top:2px;font-size:8px}.submittal-files button{color:#b42318;cursor:pointer;background:0 0;border:0}.upload-drop{cursor:pointer;background:#f0faf9;border:1px dashed #75bfc1;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:9px;padding:14px;color:#087e84!important;display:flex!important}.submittal-actions{padding-top:2px}.danger-btn{color:#b42318;cursor:pointer;background:#fff;border:1px solid #e7b5b1;border-radius:9px;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.submittal-audit{align-items:center;gap:5px;display:flex}.submittal-empty{text-align:center;color:#81919e;place-content:center;display:grid}.submittal-empty svg{color:#5db4b6;margin:auto}.submittal-empty p{max-width:280px}.opportunity-modal .submittals-workspace{margin-top:14px}.submittal-files>div.previous-revision{opacity:.58;background:#f4f6f7}.submittal-files>div.current-revision{background:#f7fdfc;border-color:#99d2d1}@media (width<=950px){.submittal-create{grid-template-columns:repeat(2,1fr)}.submittal-create .wide{grid-column:1/-1}.submittal-layout{grid-template-columns:1fr}.submittal-list{border-inline-end:0;border-bottom:1px solid #e1eaee;max-height:240px;overflow:auto}}@media (width<=650px){.submittal-toolbar{flex-direction:column;align-items:flex-start}.submittal-create,.contact-picker{grid-template-columns:1fr}.submittal-create .wide{grid-column:auto}.submittal-toolbar>span{width:100%}.submittal-toolbar>span button{flex:1}.submittal-detail{padding:12px}}
