:root {
    --wb-ink:#17211b; --wb-ink-2:#34443b; --wb-muted:#718078; --wb-canvas:#f4f6f3;
    --wb-surface:#ffffff; --wb-surface-2:#f8faf8; --wb-line:#dfe6e1;
    --wb-emerald:#086c48; --wb-emerald-2:#075b3e; --wb-emerald-soft:#e9f5ef;
    --wb-sand:#b88b4a; --wb-sand-soft:#f7f0e5; --wb-danger:#bd3d45;
    --wb-sidebar:#111c17; --wb-sidebar-2:#17271f;
    --wb-radius:12px; --wb-shadow:0 1px 2px rgba(21,33,27,.04),0 10px 28px rgba(21,33,27,.055);
    --wb-font:"Plus Jakarta Sans","Noto Sans Arabic","Segoe UI",sans-serif;
}
html{font-size:15px}body{margin:0;background:var(--wb-canvas);color:var(--wb-ink);font-family:var(--wb-font);font-size:.92rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 0,rgba(184,139,74,.065),transparent 26%);z-index:-1}
a{color:var(--wb-emerald);text-decoration:none}a:hover{color:var(--wb-emerald-2)}h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold{color:var(--wb-ink)}
.app-layout{min-height:100vh;display:flex}.sidebar{width:272px;background:linear-gradient(180deg,var(--wb-sidebar),#0e1813 100%);border-inline-end:1px solid rgba(255,255,255,.06);transition:width .22s ease;box-shadow:8px 0 30px rgba(11,22,16,.08);position:fixed;inset-block:0;inset-inline-start:0;z-index:1030;display:flex;flex-direction:column}
.sidebar-brand{min-height:78px;padding:10px 20px 8px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.07)}
.sidebar-brand a{width:100%;font-size:1.02rem;letter-spacing:-.02em;text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:10px;box-shadow:none;border:1px solid rgba(255,255,255,.16)}
.company-brand-logo,.company-brand-monogram{width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid rgba(255,255,255,.16);overflow:hidden}.company-brand-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.company-brand-monogram{background:linear-gradient(145deg,#eaf6ef,#d1eadc);color:var(--wb-emerald);font-size:1rem;font-weight:800}.company-logo-placeholder{width:64px;height:64px;flex:0 0 64px;border-radius:12px;display:grid;place-items:center;background:var(--wb-emerald-soft);color:var(--wb-emerald);font-size:1.25rem;font-weight:800;border:1px solid #d4e9dc}.brand-wordmark{display:flex;flex-direction:column;line-height:1.08;min-width:0;max-width:185px}.brand-wordmark small{font-size:.61rem;letter-spacing:.1em;text-transform:uppercase;color:#8fa89a;margin-top:4px}.brand-wordmark>span{display:block;max-width:185px}
.sidebar-company{margin:14px 14px 7px;padding:12px 13px;border-color:rgba(255,255,255,.075);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}
.sidebar-company .workspace-meta{font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;color:#91a69b}.workspace-switch{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#a8bbb0;background:rgba(255,255,255,.055)}
.sidebar-nav{flex:1;min-height:0;padding:10px 10px 110px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#30443a transparent}.nav-section-label{padding:14px 12px 5px;color:#6f897a;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sidebar-nav .nav-link{position:relative;display:flex;align-items:center;color:#aebfb5;border-radius:9px;padding:8px 11px;gap:11px;margin:1px 0;font-weight:600;font-size:.84rem;line-height:1.35;transition:.16s ease;text-decoration:none}
.sidebar-nav .nav-link i{width:19px;flex:0 0 19px;display:inline-grid;place-items:center;color:#809b8b;font-size:.98rem}.sidebar-nav .nav-link span{min-width:0}.sidebar-nav .nav-link:hover{color:#fff;background:rgba(255,255,255,.055);transform:translateX(1px)}
.sidebar-nav .nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(8,108,72,.68),rgba(8,108,72,.32));box-shadow:inset 0 0 0 1px rgba(104,209,158,.14)}
.sidebar-nav .nav-link.active:before{content:"";position:absolute;inset-inline-start:-10px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:#72d2a4}.sidebar-nav .nav-link.active i{color:#d6f6e5}
.sidebar-nav-group{margin:2px 0 5px}.sidebar-group-toggle{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#789083;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:start;transition:background .15s,color .15s}.sidebar-group-toggle>span{min-width:0;display:flex;align-items:center;gap:10px}.sidebar-group-toggle>span>i{width:19px;display:grid;place-items:center;font-size:.88rem}.sidebar-group-toggle:hover,.sidebar-group-toggle.active{background:rgba(255,255,255,.045);color:#b7cec1}.sidebar-group-chevron{font-size:.67rem;transition:transform .2s ease}.sidebar-group-toggle[aria-expanded=true] .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-collapse{padding-top:2px}.sidebar-group-collapse .nav-link{padding-inline-start:14px}.sidebar-nav-group.is-active .sidebar-group-toggle{color:#d3e5db}
.sidebar-footer{margin-top:auto;padding:13px 14px 16px;background:linear-gradient(180deg,rgba(14,24,19,0),#0e1813 20%);border:0}.sidebar-footer .btn{box-shadow:0 8px 20px rgba(0,0,0,.14)}
.content-shell{flex:1;min-width:0;margin-inline-start:272px;transition:margin .22s ease}.topbar{min-height:70px;background:rgba(255,255,255,.88);backdrop-filter:blur(20px) saturate(150%);border-color:var(--wb-line);box-shadow:0 1px 0 rgba(21,33,27,.02);position:sticky;top:0;z-index:1020}
.topbar-inner{height:70px}.page-eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--wb-muted);font-weight:750}.page-title{margin:0;font-size:1.17rem;line-height:1.2;letter-spacing:-.025em;font-weight:800}
.icon-button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid var(--wb-line);border-radius:10px;background:#fff;color:var(--wb-ink-2)}.icon-button:hover{background:var(--wb-surface-2);border-color:#cad5cd}
.top-search{max-width:540px}.top-search .input-group{border:1px solid var(--wb-line);border-radius:11px;background:var(--wb-surface-2);overflow:hidden;transition:.15s}.top-search .input-group:focus-within{background:#fff;border-color:#9ab7a6;box-shadow:0 0 0 3px rgba(8,108,72,.08)}
.top-search .form-control,.top-search .input-group-text{height:40px;border:0!important;background:transparent!important}.search-shortcut{font-size:.68rem;color:#849188;border:1px solid #d8dfda;border-radius:5px;padding:2px 6px;background:#fff}
.avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#dff3e8,#f3eadc);color:var(--wb-emerald);box-shadow:inset 0 0 0 1px rgba(8,108,72,.08)}
.page-content{padding:22px 28px 36px;max-width:1700px;margin:0 auto;width:100%}
.btn{border-radius:9px;font-size:.84rem;font-weight:700;padding:.48rem .8rem;box-shadow:none}.btn-uae{--bs-btn-bg:var(--wb-emerald);--bs-btn-border-color:var(--wb-emerald);--bs-btn-hover-bg:var(--wb-emerald-2);--bs-btn-hover-border-color:var(--wb-emerald-2);box-shadow:0 6px 16px rgba(8,108,72,.14)}
.btn-outline-secondary{--bs-btn-color:#435249;--bs-btn-border-color:#cfd8d2;--bs-btn-hover-bg:#f4f7f5;--bs-btn-hover-color:#18221c;--bs-btn-hover-border-color:#b8c5bd}.btn-light{--bs-btn-bg:#fff;--bs-btn-border-color:var(--wb-line);--bs-btn-hover-bg:#f7f9f7}
.hero-panel,.metric,.table-card,.form-card,.panel-card,.doc-section{background:var(--wb-surface);border:1px solid var(--wb-line)!important;border-radius:var(--wb-radius)!important;box-shadow:var(--wb-shadow)!important}
.doc-section{padding:18px}.doc-title{display:flex;align-items:center;gap:9px;min-height:30px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid #e8ecea;color:var(--wb-ink);font-size:.92rem;font-weight:800;line-height:1.25}.doc-title i{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:8px;background:var(--wb-emerald-soft);color:var(--wb-emerald);font-size:.9rem}.doc-title.border-0 i{background:transparent;width:auto;height:auto;display:inline-block}
.hero-panel{background:linear-gradient(125deg,#fff 0%,#fbfcfa 58%,#f5f8f4 100%);overflow:hidden;position:relative}.hero-panel:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-130px;background:radial-gradient(circle,rgba(8,108,72,.11),rgba(8,108,72,0) 67%);pointer-events:none}
.metric{min-height:104px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;inset-inline-end:-22px;bottom:-38px;width:90px;height:90px;border:1px solid rgba(8,108,72,.055);border-radius:50%}.metric-icon{width:36px;height:36px;border-radius:10px;background:var(--wb-emerald-soft);color:var(--wb-emerald)}.metric-red{background:#fbeaec;color:var(--wb-danger)}.metric-black{background:var(--wb-sand-soft);color:#8a642f}
.table-card{overflow:hidden}.table-card.p-3,.panel-card.p-3,.form-card.p-3{padding:1.05rem!important}.table{--bs-table-bg:transparent;--bs-table-border-color:#e8ede9;--bs-table-cell-padding-y:.7rem;--bs-table-cell-padding-x:.85rem;margin-bottom:0}.table thead th{background:#f7f9f7;color:#6d7b73;font-size:.67rem;letter-spacing:.065em;font-weight:800;white-space:nowrap;border-bottom:1px solid #dfe6e1}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:#fafcfb}.table>:not(caption)>*>*{box-shadow:none}.table a.fw-semibold{color:#1d3d2e}.table a.fw-semibold:hover{color:var(--wb-emerald);text-decoration:underline;text-underline-offset:3px}
.form-control,.form-select{min-height:40px;border-color:#d7dfda;border-radius:9px;background-color:#fff;font-size:.86rem;padding:.5rem .7rem;color:var(--wb-ink)}.form-control:hover,.form-select:hover{border-color:#becbc3}.form-control:focus,.form-select:focus{border-color:#87a997;box-shadow:0 0 0 3px rgba(8,108,72,.085)}.form-control:disabled{background:#f4f6f4;color:#7b8981}.form-label{font-size:.73rem;font-weight:750;color:#4c5d53;letter-spacing:.01em}.input-group-text{border-color:#d7dfda;background:#f7f9f7;color:#65736b}
.badge{font-weight:750;letter-spacing:.01em;border-radius:999px;padding:.42em .68em}.badge-soft{background:var(--wb-emerald-soft);color:var(--wb-emerald-2)}.text-bg-light{background:#eef2ef!important;color:#4c5b52!important}.text-bg-success{background:#e4f4eb!important;color:#11633f!important}.text-bg-warning{background:#fff1d6!important;color:#825b16!important}.text-bg-danger{background:#fbe9eb!important;color:#a32f38!important}.text-bg-secondary{background:#edf0ee!important;color:#58665e!important}
.dropdown-menu{border:1px solid var(--wb-line);border-radius:11px;padding:.45rem;box-shadow:0 18px 45px rgba(17,28,22,.14)}.dropdown-item{border-radius:7px;padding:.55rem .65rem;font-size:.83rem}.dropdown-item:hover{background:#f1f6f3;color:var(--wb-emerald)}
.alert{border:1px solid transparent!important;border-radius:11px;box-shadow:none!important}.alert-success{background:#eaf6ef;color:#155f40;border-color:#cfe9da!important}.alert-danger{background:#fcebed;color:#912f37;border-color:#f3d2d5!important}.alert-warning{background:#fff7e6;color:#76531d;border-color:#f1dfb9!important}
.pagination{gap:4px}.page-link{border:1px solid var(--wb-line);border-radius:7px!important;color:var(--wb-ink-2);font-size:.8rem}.active>.page-link{background:var(--wb-emerald);border-color:var(--wb-emerald)}
.quick-action{border-color:var(--wb-line);border-radius:10px;padding:11px}.quick-action:hover{border-color:#afc6b8;background:#fbfdfc;transform:translateY(-1px);box-shadow:0 8px 18px rgba(21,33,27,.06)}
.section-heading{font-size:.98rem;font-weight:800;letter-spacing:-.015em}.section-kicker{font-size:.7rem;color:var(--wb-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:750}.trend-chip{font-size:.7rem;font-weight:750;padding:.25rem .45rem;border-radius:999px;background:var(--wb-emerald-soft);color:var(--wb-emerald)}
.domain-summary{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--wb-line);border-radius:10px;background:var(--wb-surface-2)}.domain-summary-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:#eaf2fb;color:#286cae;font-size:1rem}.min-w-0{min-width:0}
.send-invoice-modal{border:0;border-radius:15px;overflow:hidden;box-shadow:0 24px 70px rgba(18,31,24,.18)}.send-invoice-modal .modal-header{padding:16px 18px;border-color:var(--wb-line)}.send-channel-tabs{gap:6px;border-bottom:1px solid var(--wb-line)}.send-channel-tabs .nav-link{display:flex;align-items:center;gap:4px;padding:.55rem .9rem;border-radius:8px 8px 0 0}.send-channel-tabs .nav-link.active{background:var(--wb-emerald);color:#fff}.send-invoice-modal textarea{resize:vertical}.send-invoice-modal .modal-footer{border-color:var(--wb-line)}
.delivery-channel-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef3f0;color:#3d5146}.delivery-channel-icon.whatsapp{background:#e6f7ee;color:#087443}.delivery-channel-icon.email{background:#edf2f7;color:#35556f}
.credit-note-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid #e5d6b8;border-radius:13px;background:linear-gradient(120deg,#fffdf7,#fbf5e8);box-shadow:var(--wb-shadow)}.credit-note-form>.row{align-items:stretch}.credit-note-form .form-label{margin-bottom:.38rem}.credit-note-form textarea{resize:vertical}.credit-note-form .doc-section{overflow:hidden}.resolution-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.resolution-option{position:relative;height:100%}.resolution-option input{position:absolute;opacity:0}.resolution-option span{display:flex;flex-direction:column;gap:5px;height:100%;min-height:128px;padding:15px;border:1px solid var(--wb-line);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.resolution-option i{font-size:1.15rem;color:var(--wb-emerald)}.resolution-option small{color:var(--wb-muted);line-height:1.45}.resolution-option input:focus-visible+span{outline:3px solid rgba(8,108,72,.18);outline-offset:2px}.resolution-option input:checked+span{border-color:var(--wb-emerald);box-shadow:0 0 0 3px rgba(8,108,72,.08);background:var(--wb-emerald-soft)}.credit-note-form .col-xl-3 .btn{min-height:42px}.credit-note-lines{padding:18px 20px!important}.credit-lines th,.credit-lines td{vertical-align:middle}.credit-lines .credit-qty{min-width:110px}.credit-lines .line-credit-total{font-variant-numeric:tabular-nums}.credit-note-summary-row{margin-top:2px}.credit-note-summary-row .doc-section{max-width:100%}@media(max-width:1199.98px){.credit-note-form .col-xl-3 .doc-section{min-height:auto}.credit-note-summary-row .col-xl-5{width:58.333333%}}@media(max-width:767.98px){.doc-section{padding:14px}.credit-note-hero{align-items:flex-start;flex-direction:column;padding:15px}.credit-note-hero .text-end{text-align:start!important}.resolution-options{grid-template-columns:1fr}.credit-note-lines{padding:14px!important}.credit-note-summary-row .col-xl-5{width:100%}}
.refund-amount-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;border:1px solid #cfe2d7;border-radius:var(--wb-radius);background:linear-gradient(125deg,#fff,#eef7f2);box-shadow:var(--wb-shadow)}.refund-step{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid var(--wb-line)}.refund-step>span{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:50%;background:var(--wb-emerald-soft);color:var(--wb-emerald);font-size:.75rem;font-weight:800}.refund-step div{display:flex;flex-direction:column}.refund-step small,.refund-timeline-item small{color:var(--wb-muted)}.refund-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.refund-timeline-item{display:flex;gap:10px;padding:13px;border:1px solid var(--wb-line);border-radius:10px;background:#fafcfb}.refund-timeline-item>i{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;background:#eef2ef;color:#65736b}.refund-timeline-item>div{display:flex;flex-direction:column}.refund-timeline-item.complete{border-color:#cfe5d8;background:#f3faf6}.refund-timeline-item.complete>i{background:var(--wb-emerald);color:#fff}.refund-timeline-item.rejected{border-color:#f0cfd2;background:#fff7f7}.refund-timeline-item.rejected>i{background:var(--wb-danger);color:#fff}@media(max-width:767.98px){.refund-amount-hero{align-items:flex-start;flex-direction:column;padding:16px}.refund-amount-hero .text-end{text-align:start!important}.refund-timeline{grid-template-columns:1fr}}
.empty-state{padding:48px 20px;text-align:center}.empty-state-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin:0 auto 12px;background:var(--wb-emerald-soft);color:var(--wb-emerald);font-size:1.2rem}
.auth-navbar{border-color:var(--wb-line);box-shadow:0 1px 12px rgba(21,33,27,.04)}.auth-shell{background:radial-gradient(circle at 50% 20%,rgba(8,108,72,.07),transparent 31%)}
.auth-login-wrap{max-width:1050px;margin:auto}.auth-login-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:590px;border:1px solid var(--wb-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 24px 70px rgba(20,34,26,.11)}.auth-login-card{padding:62px 58px;display:flex;flex-direction:column;justify-content:center}.auth-login-card .input-group-lg>.form-control,.auth-login-card .input-group-lg>.input-group-text{font-size:.9rem;min-height:48px}.auth-showcase{position:relative;padding:62px 54px;display:flex;align-items:center;color:#c9ded2;background:linear-gradient(145deg,#14271e,#07583c)}.auth-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(112,211,161,.2),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.auth-showcase-pill{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);font-size:.72rem;font-weight:700}.auth-showcase-window{padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.075);box-shadow:0 20px 45px rgba(0,0,0,.16);backdrop-filter:blur(8px)}.auth-mini-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(112,211,161,.14);color:#8ce0b5}.auth-bars{height:115px;display:flex;align-items:flex-end;gap:10px}.auth-bars i{display:block;flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#79d6a8,#3da778)}
.status-dot{box-shadow:0 0 0 4px rgba(78,197,133,.12);background:#52c987}
.platform-sidebar{width:264px;box-shadow:10px 0 34px rgba(8,17,28,.09)}.platform-sidebar~.content-shell{margin-inline-start:264px}.platform-sidebar .sidebar-brand{min-height:82px;padding-inline:18px}.platform-sidebar .platform-mark{flex:0 0 38px}.platform-sidebar .brand-wordmark>span{line-height:1.15}.platform-sidebar .sidebar-nav{padding:16px 12px 120px}.platform-sidebar .sidebar-nav .nav-link{min-height:40px;padding:9px 12px}.platform-sidebar .nav-section-label{padding:17px 12px 7px}.platform-sidebar~.content-shell .page-content{max-width:1600px;padding-top:26px}.platform-sidebar~.content-shell .table-card{box-shadow:0 8px 24px rgba(18,33,25,.055)!important}.platform-sidebar~.content-shell .table tbody td{vertical-align:middle}.platform-sidebar~.content-shell .table a.fw-semibold{text-decoration:none}.platform-sidebar~.content-shell .filter-card form{align-items:end}.platform-sidebar~.content-shell .topbar{border-bottom:1px solid var(--wb-line)}
.sidebar-collapsed .sidebar{width:82px}.sidebar-collapsed .content-shell{margin-inline-start:82px}.sidebar-collapsed .brand-wordmark,.sidebar-collapsed .sidebar-company,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .sidebar-group-toggle,.sidebar-collapsed .sidebar-nav .nav-link span,.sidebar-collapsed .sidebar-footer .btn span,.sidebar-collapsed .sidebar-footer .workspace-link{display:none}.sidebar-collapsed .sidebar-group-collapse{display:block!important;padding-top:0}.sidebar-collapsed .sidebar-nav-group{margin:0}.sidebar-collapsed .sidebar-nav .nav-link{justify-content:center;padding:10px}.sidebar-collapsed .sidebar-nav .nav-link i{width:auto}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-collapsed .sidebar-footer{padding-inline:10px}
[dir=rtl] .sidebar-nav .nav-link:hover{transform:translateX(-1px)}[dir=rtl] .sidebar-nav .nav-link.active:before{border-radius:4px 0 0 4px}
@media(max-width:1199.98px){.page-content{padding:20px}.top-search{max-width:390px}}
@media(max-width:991.98px){.sidebar{display:none}.content-shell,.sidebar-collapsed .content-shell,.platform-sidebar~.content-shell{margin-inline-start:0}.page-content,.platform-sidebar~.content-shell .page-content{padding:16px 14px 28px}.topbar,.topbar-inner{min-height:62px;height:62px}.metric{min-height:96px}.offcanvas{background:var(--wb-sidebar)!important}.offcanvas .sidebar-nav{padding-bottom:20px}}
@media(max-width:991.98px){.auth-login-grid{grid-template-columns:1fr;min-height:0}.auth-showcase{display:none}.auth-login-card{padding:42px}}
@media(max-width:575.98px){html{font-size:14px}.page-content{padding-inline:11px}.btn{padding:.46rem .65rem}.table-card.p-3{padding:.8rem!important}.hero-panel{border-radius:10px!important}.page-title{font-size:1.05rem}.domain-summary{align-items:flex-start;flex-direction:column}.domain-summary-icon{display:none}}
@media print{body:before{display:none}.table-card,.form-card,.panel-card,.doc-section{box-shadow:none!important}}

/* Approval workflow */
.asp-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid #cfe2d7;border-radius:var(--wb-radius);background:radial-gradient(circle at 88% 20%,rgba(73,190,133,.16),transparent 27%),linear-gradient(120deg,#fff,#f4faf6);box-shadow:var(--wb-shadow)}.asp-live-dot{width:12px;height:12px;border-radius:50%;background:#aeb9b2;box-shadow:0 0 0 5px rgba(120,138,127,.12)}.asp-live-dot.connected{background:#21a366;box-shadow:0 0 0 5px rgba(33,163,102,.14)}.asp-active-switch{display:flex;align-items:center;gap:8px;padding:11px 12px 11px 42px;border:1px solid var(--wb-line);border-radius:9px;background:#fafcfb}.asp-active-switch label{display:flex;flex-direction:column}.asp-active-switch label small{color:var(--wb-muted)}.asp-connection-test{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid var(--wb-line);border-radius:9px;background:#f7faf8}.asp-connection-test>div{display:flex;flex-direction:column}.asp-connection-test small{color:var(--wb-muted)}.gateway-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;padding:16px;border:1px solid var(--wb-line);border-radius:12px;background:linear-gradient(120deg,#fafcfb,#f3f8f5)}.gateway-flow>div{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 8px}.gateway-flow>div>span{position:absolute;top:0;left:4px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e4f3eb;color:var(--wb-emerald);font-size:.67rem;font-weight:800}.gateway-flow>div>i{font-size:1.55rem;color:var(--wb-emerald)}.gateway-flow>div>small{color:var(--wb-muted);font-size:.66rem}.gateway-flow>i{color:#9cad9f}.gateway-note{display:flex;align-items:flex-start;gap:10px;height:100%;padding:12px;border:1px solid var(--wb-line);border-radius:10px;background:#fff}.gateway-note>i{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:var(--wb-emerald-soft);color:var(--wb-emerald)}.gateway-note>div{display:flex;flex-direction:column}.gateway-note small{margin-top:2px;color:var(--wb-muted);line-height:1.45}@media(max-width:767.98px){.asp-hero{align-items:flex-start;flex-direction:column;padding:17px}.gateway-flow{grid-template-columns:1fr}.gateway-flow>i{transform:rotate(90deg);justify-self:center}}
.einvoice-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid #cfe2d7;border-radius:var(--wb-radius);background:linear-gradient(120deg,#fff 0%,#f2faf6 65%,#e5f4ec 100%);box-shadow:var(--wb-shadow)}.readiness-score{width:88px;height:88px;flex:0 0 88px;display:grid;place-content:center;text-align:center;border-radius:50%;background:conic-gradient(var(--wb-emerald) calc(var(--score,100)*1%),#dfe9e3 0);box-shadow:inset 0 0 0 8px rgba(255,255,255,.82)}.readiness-score strong{font-size:1.35rem;line-height:1}.readiness-score span{margin-top:3px;color:var(--wb-muted);font-size:.65rem;text-transform:uppercase}.progress-ring{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--wb-emerald) calc(var(--progress)*1%),#e5ebe7 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.progress-ring span{position:relative;font-size:.7rem;font-weight:800}.readiness-group{height:100%;padding:13px;border:1px solid var(--wb-line);border-radius:10px;background:#fbfdfc}.readiness-group h4{margin:0 0 8px;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.readiness-check{display:flex;gap:8px;padding:7px 0;border-top:1px solid #edf1ee;font-size:.78rem}.readiness-check:first-of-type{border-top:0}.readiness-check i.complete{color:var(--wb-emerald)}.readiness-check i.missing{color:#b77713}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.scenario-grid label{padding:7px 8px;border:1px solid var(--wb-line);border-radius:7px;background:#fafcfb;font-size:.72rem}.validation-result{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--wb-line)}.validation-result.error>i{color:var(--wb-danger)}.validation-result.warning>i{color:#b77713}.xml-preview{max-height:590px;overflow:auto;padding:16px;background:#0e1914;color:#d5ebdf;font-size:.72rem;line-height:1.55}.einvoice-strip{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #cfe2d7;border-radius:11px;background:linear-gradient(100deg,#f7fcf9,#fff);box-shadow:0 6px 18px rgba(18,33,25,.04)}.einvoice-strip-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:var(--wb-emerald-soft);color:var(--wb-emerald)}.einvoice-classification{padding:12px 14px!important}.einvoice-classification .form-select{min-width:135px}.transaction-flags{display:flex;flex-wrap:wrap;gap:5px;max-width:720px}.transaction-flags label{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--wb-line);border-radius:7px;background:#fafcfb;color:#526158;font-size:.65rem;font-weight:700;white-space:nowrap}.transaction-code{padding:7px 9px;border-radius:7px;background:#14271e;color:#b9e5cd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.08em}
@media(max-width:767.98px){.einvoice-hero{align-items:flex-start;flex-direction:column;padding:18px}.scenario-grid{grid-template-columns:1fr}.einvoice-strip{align-items:flex-start;flex-wrap:wrap}.transaction-flags{max-width:100%}}
.approval-path{display:grid;gap:.65rem}.approval-path-step{display:flex;align-items:center;gap:.75rem;padding:.7rem;border:1px solid var(--wb-border,#dfe5e1);border-radius:.75rem;background:#fbfdfc}.approval-level{width:2rem;height:2rem;display:grid;place-items:center;flex:0 0 auto;border-radius:.65rem;background:#e3f4eb;color:#087443;font-weight:800}.approval-step-row{grid-template-columns:50px minmax(120px,.8fr) minmax(180px,1.4fr) 42px;padding:.65rem;border:1px solid #e2e8e4;border-radius:.75rem;background:#fafcfb}.approval-timeline{display:grid;gap:.65rem}.approval-timeline-step{display:flex;gap:.65rem;align-items:flex-start}.approval-timeline-step>span{width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:50%;background:#edf1ef;color:#738079;flex:0 0 auto}.approval-timeline-step.approved>span{background:#dff5e9;color:#087443}.approval-timeline-step.pending>span{background:#fff0cf;color:#9b6507}.approval-timeline-step.rejected>span,.approval-timeline-step.returned>span{background:#fee5e5;color:#b42318}.approval-inbox{border-left:4px solid #d99a21}.approval-inbox-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.8rem;padding:.8rem .9rem;border:1px solid #e1e7e3;border-radius:.75rem;color:inherit;background:#fff}.approval-inbox-item:hover{border-color:#90cbb0;background:#f7fcf9}.approval-card .alert{font-size:.82rem}
@media(max-width:767.98px){.approval-step-row{grid-template-columns:42px 1fr 42px}.approval-step-row .role-field,.approval-step-row .user-field{grid-column:2/3}}

/* Supplier identity resolution */
.supplier-resolution{overflow:hidden}.supplier-resolution-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;background:linear-gradient(110deg,#fffaf1,#fff)}.supplier-resolution-head>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#fff0d2;color:#996410;font-size:1.05rem}.supplier-source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--wb-line);border-top:1px solid var(--wb-line)}.supplier-source-grid>div{display:flex;flex-direction:column;padding:10px 14px;background:#fafcfb}.supplier-source-grid span{font-size:.64rem;color:var(--wb-muted);font-weight:750;text-transform:uppercase;letter-spacing:.05em}.supplier-source-grid strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supplier-candidates{display:grid;gap:7px}.supplier-candidate{position:relative;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--wb-line);border-radius:9px;background:#fff;cursor:pointer}.supplier-candidate:hover{border-color:#9bbdab;background:#f8fcfa}.supplier-candidate>input{position:absolute;opacity:0}.supplier-candidate:has(input:checked){border-color:var(--wb-emerald);box-shadow:0 0 0 3px rgba(8,108,72,.08);background:#f3faf6}.candidate-score{display:grid;place-items:center;width:48px;height:34px;border-radius:8px;background:var(--wb-emerald-soft);color:var(--wb-emerald);font-size:.75rem;font-weight:800}.candidate-copy{display:flex;flex-direction:column;min-width:0}.candidate-copy small{color:var(--wb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-candidate{display:flex;align-items:center;gap:10px;padding:15px;border:1px dashed #cfdbd3;border-radius:9px;background:#fafcfb}.empty-candidate>i{font-size:1.1rem;color:var(--wb-muted)}.empty-candidate>span{display:flex;flex-direction:column}.empty-candidate small{color:var(--wb-muted)}.supplier-link-form{display:flex;align-items:end;gap:9px;padding-top:12px;border-top:1px solid var(--wb-line)}.supplier-link-form .matching-switch{max-width:245px}.border-end-xl{border-right:1px solid var(--wb-line)}@media(max-width:1199.98px){.border-end-xl{border-right:0;border-bottom:1px solid var(--wb-line)}.supplier-source-grid{grid-template-columns:1fr 1fr}}@media(max-width:767.98px){.supplier-resolution-head{align-items:flex-start;flex-direction:column}.supplier-source-grid{grid-template-columns:1fr}.supplier-link-form{align-items:stretch;flex-direction:column}.supplier-link-form .matching-switch{max-width:none;width:100%}}

/* Three-way purchase matching */
.match-score{min-width:68px;display:flex;flex-direction:column;align-items:center;padding:5px 9px;border-radius:9px;background:var(--wb-emerald-soft);color:var(--wb-emerald)}.match-score strong{line-height:1}.match-score small{font-size:.58rem;text-transform:uppercase;margin-top:2px}.match-score.exception{background:#fbe9eb;color:var(--wb-danger)}.matching-policy{display:grid;grid-template-columns:180px 180px minmax(240px,1fr) auto;align-items:end;gap:12px;padding:13px 16px;background:#f8faf8}.matching-switch{min-height:40px;display:flex;align-items:center;gap:9px;padding:6px 10px;border:1px solid var(--wb-line);border-radius:9px;background:#fff}.matching-switch>span{display:flex;flex-direction:column}.matching-switch small{color:var(--wb-muted);font-size:.67rem}.match-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--wb-line);border-bottom:1px solid var(--wb-line)}.match-summary-strip>div{display:flex;flex-direction:column;padding:10px 13px;background:#fafcfb}.match-summary-strip span{font-size:.65rem;color:var(--wb-muted);text-transform:uppercase;font-weight:750}.match-summary-strip a,.match-summary-strip strong{font-size:.8rem}.match-table th,.match-table td{white-space:nowrap}.match-table td:first-child,.match-table td:nth-child(2){min-width:180px;white-space:normal}.match-detail-row td{padding-top:0!important;background:#fbfcfb}.match-checks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px solid #eed6d8;border-radius:8px;background:#fff7f8}.match-checks>span{color:#98353d;font-size:.72rem}.match-checks>span.accepted{color:#176844}.match-checks form{margin-inline-start:auto;display:flex;gap:7px;min-width:360px}.match-checks form .form-control{min-height:32px}.match-checks form .btn{white-space:nowrap}@media(max-width:991.98px){.matching-policy{grid-template-columns:1fr 1fr}.matching-policy .matching-switch{grid-column:1/-1}.match-summary-strip{grid-template-columns:1fr 1fr}}@media(max-width:575.98px){.matching-policy,.match-summary-strip{grid-template-columns:1fr}.match-checks form{min-width:100%;flex-direction:column}}

/* Incoming inbox alignment */
.inbound-status-card{min-height:110px;padding:18px 20px}.inbound-status-card>div,.inbound-status-card>i{position:relative;z-index:1}.inbound-status-card>div>span{margin-bottom:2px}.inbound-status-card>div>strong{line-height:1.1}

/* Incoming e-invoice review */
.inbound-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border:1px solid #cfe2d7;border-radius:var(--wb-radius);background:radial-gradient(circle at 87% 20%,rgba(44,174,115,.13),transparent 28%),linear-gradient(120deg,#fff,#f2f9f5);box-shadow:var(--wb-shadow)}.inbound-hero-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px;background:var(--wb-emerald);color:#fff;font-size:1.2rem}.inbound-status-card{display:flex;align-items:center;justify-content:space-between}.inbound-status-card>div{display:flex;flex-direction:column}.inbound-status-card>div>span{color:var(--wb-muted);font-size:.75rem;font-weight:700}.inbound-status-card>div>strong{font-size:1.5rem}.inbound-status-card>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--wb-emerald-soft);color:var(--wb-emerald);font-size:1rem}.inbound-match{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--wb-line);border-radius:9px;background:#fafcfb}.inbound-match>i{font-size:1rem}.inbound-match>div{display:flex;flex-direction:column}.inbound-match small{color:var(--wb-muted)}.inbound-match.matched{border-color:#cfe5d8;background:#f2faf6;color:#126840}.inbound-match.unmatched{border-color:#efd8ae;background:#fffaf0;color:#845e1e}.inbound-detail-list{display:grid;gap:8px;margin:0}.inbound-detail-list>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}.inbound-detail-list dt{color:var(--wb-muted);font-weight:600}.inbound-detail-list dd{margin:0;text-align:right;font-weight:650}.inbound-total-card{display:grid;gap:10px}.inbound-total-card .total{margin-top:3px;padding-top:12px;border-top:1px solid var(--wb-line);font-size:1.1rem}.discrepancy-list{display:grid;gap:8px}.discrepancy-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--wb-line);border-radius:9px}.discrepancy-item>div{display:flex;flex-direction:column}.discrepancy-item span{color:var(--wb-muted);font-size:.78rem}.discrepancy-item.error{border-color:#efced2;background:#fff7f8}.discrepancy-item.error>i{color:var(--wb-danger)}.discrepancy-item.warning{border-color:#eeddbb;background:#fffbf3}.discrepancy-item.warning>i{color:#a46f16}.inbound-timeline{display:grid;gap:4px}.inbound-timeline>div{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #edf1ee}.inbound-timeline>div>span{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:50%;background:var(--wb-emerald-soft);color:var(--wb-emerald)}.inbound-timeline>div>div{display:flex;flex-direction:column}.inbound-timeline small{color:var(--wb-muted)}.source-hash{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;background:#f4f7f5;overflow:hidden}.source-hash span{font-size:.67rem;font-weight:800;color:var(--wb-muted)}.source-hash code{font-size:.68rem;color:#315243;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.border-start-md{border-left:1px solid var(--wb-line)}}@media(max-width:767.98px){.inbound-hero{align-items:flex-start;flex-direction:column;padding:16px}.inbound-hero .dropdown,.inbound-hero .dropdown-toggle{width:100%}.inbound-detail-list>div{grid-template-columns:1fr}.inbound-detail-list dd{text-align:left}.border-start-md{border-top:1px solid var(--wb-line);padding-top:14px}.source-hash{align-items:flex-start;flex-direction:column}}