@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{--brand-orange:#f15b2a;--brand-deep:#a64b26;--brand-dark:#1a1512;--brand-green:#b2d235;--sidebar-bg:#f7f4f1;--sidebar-border:#ebe4de;--surface:#fff;--page-bg:#f3efe9;--text:#5c534c;--text-h:#1a1512;--border:#e7dfd7;--muted:#8a7f76;--shadow:0 10px 28px #1a15120f;--sans:"Manrope", sans-serif;--heading:"Sora", sans-serif;font:16px/1.45 var(--sans);color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, #f15b2a14, transparent 28%), linear-gradient(180deg, #f8f4ef 0%, var(--page-bg) 48%, #efe8e0 100%);min-width:320px;margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0}p{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}.app-shell{grid-template-columns:260px 1fr;min-height:100svh;display:grid}.app-shell.is-tablet{grid-template-columns:1fr}.app-content{flex-direction:column;min-width:0;display:flex}.app-main{flex:1;padding:1.5rem 1.75rem 2rem}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:30;flex-direction:column;height:100svh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.sidebar.is-drawer{width:min(288px,86vw);box-shadow:none;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.is-drawer.is-open{transform:translate(0);box-shadow:12px 0 30px #1a151229}.sidebar-backdrop{z-index:25;cursor:pointer;background:#1a151259;border:0;position:fixed;inset:0}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:.75rem;padding:.35rem .5rem 1.25rem;display:flex}.sidebar-brand-mark{object-fit:cover;border-radius:10px;flex-shrink:0;width:42px;height:42px}.sidebar-brand-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sidebar-brand-name{font-family:var(--heading);color:var(--brand-orange);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.sidebar-brand-sub{color:var(--muted);font-size:.75rem}.sidebar-nav{flex:1;padding-top:1.25rem}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 .75rem .65rem;font-size:.7rem;font-weight:700}.sidebar-link{color:var(--text);border-radius:10px;align-items:center;gap:.55rem;margin-bottom:.2rem;padding:.7rem .85rem;font-size:.95rem;font-weight:550;transition:background .2s,color .2s;display:flex}.sidebar-link:hover{color:var(--brand-deep);background:#f15b2a14}.sidebar-link.is-active{color:var(--brand-orange);background:#f15b2a1f;font-weight:700}.sidebar-link-indicator{background:0 0;border-radius:999px;flex-shrink:0;width:3px;height:1.1rem}.sidebar-link.is-active .sidebar-link-indicator{background:var(--brand-orange)}.sidebar-link-icon{opacity:.9;flex-shrink:0}.sidebar-link-label{min-width:0;line-height:1.25}.sidebar-footer{border-top:1px solid var(--sidebar-border);color:var(--muted);padding:1rem .75rem .25rem;font-size:.75rem}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15;background:#ffffffd1;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.15rem 1.75rem;display:flex;position:sticky;top:0}.app-header-leading{flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.app-header-meta{flex-shrink:0;justify-content:center;align-items:center;gap:1rem;min-height:2.45rem;display:inline-flex}.menu-toggle{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;gap:.28rem;width:2.4rem;height:2.4rem;padding:0 .55rem;display:inline-flex}.menu-toggle span{background:var(--brand-dark);border-radius:999px;height:2px;display:block}.header-notification-link{border:1px solid var(--border);width:2.45rem;height:2.45rem;color:var(--text-h);background:#fff;border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.header-notification-link:hover{border-color:var(--brand-orange);color:var(--brand-orange);background:#f15b2a0f}.header-notification-icon{display:block}.header-notification-badge{background:var(--brand-orange);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.15rem;height:1.15rem;padding:0 .28rem;font-size:.68rem;font-weight:750;line-height:1;display:inline-flex;position:absolute;top:-.25rem;right:-.25rem}.app-header-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-orange);margin-bottom:.2rem;font-size:.75rem;font-weight:700}.app-header-brand-name{font-family:var(--heading);letter-spacing:-.02em;color:var(--brand-orange);margin:0;font-size:1.15rem;font-weight:700}.app-header-brand-sub{color:var(--muted);margin:.1rem 0 0;font-size:.8rem}.app-header-module{font-family:var(--heading);letter-spacing:-.02em;color:var(--text-h);justify-content:center;align-items:center;gap:.55rem;margin:0;font-size:1.15rem;font-weight:650;display:inline-flex}.app-header-module-icon{color:var(--brand-orange);flex-shrink:0}.app-header-copy{align-items:center;min-height:2.45rem;display:flex}.app-header h1{letter-spacing:-.02em;font-size:1.15rem;font-weight:600}.status-pill{color:#5f7412;background:#b2d2352e;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:2.45rem;padding:.55rem .95rem;font-size:.8rem;font-weight:700;display:inline-flex}.status-pill:before{content:"";background:var(--brand-green);border-radius:50%;width:.45rem;height:.45rem}.vendor-dashboard{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.dashboard-intro h1{letter-spacing:-.03em;margin-bottom:.35rem;font-size:1.75rem}.dashboard-intro p{color:var(--muted)}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:1.15rem 1.2rem;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--brand-orange);width:4px;position:absolute;inset:0 auto 0 0}.kpi-card.accent-green:before{background:var(--brand-green)}.kpi-card.accent-dark:before{background:var(--brand-dark)}.kpi-label{color:var(--muted);margin-bottom:.55rem;font-size:.85rem;font-weight:600}.kpi-value{font-family:var(--heading);color:var(--brand-orange);letter-spacing:-.03em;margin-bottom:.55rem;font-size:1.85rem;font-weight:700;line-height:1}.kpi-card.accent-green .kpi-value{color:#6f8a12}.kpi-card.accent-dark .kpi-value{color:var(--brand-dark)}.kpi-change{font-size:.78rem;font-weight:650}.kpi-change.up{color:#6f8a12}.kpi-change.down{color:#b42318}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.chart-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;min-width:0;padding:1.15rem 1.2rem .75rem}.chart-panel-header{margin-bottom:.75rem}.chart-panel-header h2{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.05rem;font-weight:650}.chart-panel-header p{color:var(--muted);font-size:.82rem}.chart-panel-body{width:100%;min-height:280px}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}}@media (width<=1279px){.app-shell:not(.is-tablet){grid-template-columns:232px 1fr}.app-main{padding:1.25rem 1.35rem 1.75rem}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1023px){.app-header{padding:.95rem 1.15rem}.app-header h1{font-size:1rem}.app-main{padding:1.1rem 1.1rem 1.5rem}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}.sidebar-footer{display:none}}@media (width<=860px){.app-header{flex-wrap:wrap}.app-header-meta{gap:.85rem;width:auto;margin-left:auto}.kpi-grid{grid-template-columns:1fr}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-primary,.btn-ghost,.btn-page{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.55rem .9rem;font-size:.85rem;font-weight:650}.btn-primary{background:var(--brand-orange);color:#fff}.btn-primary:hover{background:var(--brand-deep)}.btn-primary:disabled,.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-ghost,.btn-page{border-color:var(--border);color:var(--text-h);background:#fff}.btn-ghost:hover,.btn-page:hover{border-color:var(--brand-orange);color:var(--brand-orange)}.btn-page.is-active{border-color:var(--brand-orange);color:var(--brand-orange);background:#f15b2a1f}.page-loader,.directory-state{text-align:center;background:var(--surface);border:1px solid var(--border);min-height:280px;box-shadow:var(--shadow);border-radius:14px;place-items:center;gap:.65rem;padding:2rem 1.25rem;display:grid}.page-loader-spinner{border:3px solid #f15b2a33;border-top-color:var(--brand-orange);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.directory-state h2{font-size:1.2rem}.directory-state p{color:var(--muted);max-width:28rem}.directory-state.is-error h2{color:#b42318}.directory-state.is-unauthorized h2{color:var(--brand-deep)}.vendor-directory{text-align:left;flex-direction:column;gap:1rem;display:flex}.directory-toolbar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:.85rem;padding:1rem 1.1rem;display:flex}.directory-toolbar.is-pending{opacity:.85}.toolbar-row{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.toolbar-secondary{border-top:1px solid var(--border);justify-content:space-between;padding-top:.85rem}.search-field{flex:240px}.search-field-shell{display:block;position:relative}.search-field-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-field input,.filter-field select,.view-name-input{border:1px solid var(--border);width:100%;font:inherit;color:var(--text-h);background:#fff;border-radius:10px;padding:.6rem .75rem}.search-field input{padding-left:2.55rem}.search-field input::-webkit-search-decoration{appearance:none}.search-field input::-webkit-search-cancel-button{appearance:none}.filter-field select,.directory-toolbar select,select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%238a7f76' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;background-size:14px;padding-right:2.4rem}.filter-field{min-width:140px;color:var(--muted);flex-direction:column;gap:.3rem;font-size:.75rem;font-weight:700;display:flex}.saved-views,.toolbar-actions{flex-wrap:wrap;align-items:end;gap:.65rem;display:flex}.view-name-input{width:140px}.column-selector{position:relative}.column-menu{z-index:5;border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow);background:#fff;border-radius:12px;gap:.35rem;padding:.65rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0}.column-option{color:var(--text-h);align-items:center;gap:.5rem;font-size:.85rem;font-weight:550;display:flex}.result-count{color:var(--muted);align-self:center;font-size:.82rem;font-weight:700}.vendor-table-shell{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.vendor-table-scroll{max-height:min(62vh,640px);position:relative;overflow:auto}.vendor-table-header{z-index:2;grid-template-columns:var(--table-template);border-bottom:1px solid var(--border);background:#faf7f4;gap:.5rem;min-width:980px;display:grid;position:sticky;top:0}.vendor-th{font:inherit;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.35rem;padding:.85rem .75rem;font-size:.78rem;font-weight:750;display:flex}.vendor-th.is-sorted{color:var(--brand-orange)}.sort-indicator{opacity:.7;font-size:.75rem}.vendor-table-body{min-width:980px;position:relative}.vendor-row{grid-template-columns:var(--table-template);border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:.5rem;display:grid}.vendor-row:hover{background:#f15b2a0a}.vendor-row.is-clickable{cursor:pointer}.vendor-row.is-clickable:focus-visible{outline:2px solid var(--brand-orange);outline-offset:-2px}.vendor-cell{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;padding:.75rem;font-size:.9rem;overflow:hidden}.status-badge{border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-active{color:#5f7412;background:#b2d23533}.status-inactive{color:var(--brand-dark);background:#1a151214}.status-pending{color:var(--brand-deep);background:#f15b2a1f}.status-blacklisted{color:#b42318;background:#b423181f}.directory-pagination{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.pagination-controls{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.pagination-meta{color:var(--muted);font-size:.82rem;font-weight:650}@media (width<=860px){.toolbar-secondary,.directory-pagination{flex-direction:column;align-items:stretch}}.vendor-details{text-align:left;flex-direction:column;gap:1rem;display:flex}.details-back{width:fit-content;color:var(--brand-deep);font-size:.9rem;font-weight:700}.details-back:hover{color:var(--brand-orange)}.details-header{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.3rem;display:flex}.details-header h1{letter-spacing:-.03em;margin:.15rem 0 .35rem;font-size:1.7rem}.details-header p{color:var(--muted)}.vendor-details-tabs{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.details-tablist{border-bottom:1px solid var(--border);background:#faf7f4;gap:.25rem;padding:.65rem .75rem;display:flex;overflow-x:auto}.details-tab{white-space:nowrap;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.55rem .85rem;font-size:.85rem;font-weight:650}.details-tab:hover{color:var(--brand-deep);background:#f15b2a14}.details-tab.is-active{color:#fff;background:var(--brand-orange)}.details-tab-panel{min-height:280px;padding:1.15rem 1.2rem 1.35rem}.details-panel{flex-direction:column;gap:1rem;display:flex}.details-description{color:var(--text);max-width:60rem}.details-stat-grid,.details-meta-grid,.details-card-list{gap:.85rem;display:grid}.details-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.details-stat-grid article,.details-card{border:1px solid var(--border);background:#fffaf7;border-radius:12px;padding:.95rem 1rem}.details-stat-grid p,.details-card p{color:var(--muted);font-size:.82rem}.details-stat-grid strong{font-family:var(--heading);color:var(--brand-orange);margin-top:.35rem;font-size:1.45rem;display:block}.details-stat-grid .trend-up{color:#6f8a12;font-size:.78rem;font-weight:700}.details-stat-grid .trend-down{color:#b42318;font-size:.78rem;font-weight:700}.risk-low{color:#6f8a12!important}.risk-medium{color:var(--brand-deep)!important}.risk-high{color:#b42318!important}.details-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.details-meta-grid dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.details-meta-grid dd{color:var(--text-h);margin:.25rem 0 0;font-weight:600}.details-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}.details-card header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.details-card h3{font-size:1rem}.chip,.doc-status,.severity{color:var(--brand-deep);background:#f15b2a1f;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:750;display:inline-flex}.doc-valid{color:#5f7412;background:#b2d23533}.doc-expiring{color:var(--brand-deep);background:#f15b2a24}.doc-expired{color:#b42318;background:#b423181f}.severity-low{color:#5f7412;background:#b2d23533}.severity-medium{color:var(--brand-deep);background:#f15b2a24}.severity-high,.severity-critical{color:#b42318;background:#b423181f}.details-table-wrap{overflow-x:auto}.details-table{border-collapse:collapse;width:100%;min-width:720px}.details-table th,.details-table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem .65rem;font-size:.9rem}.details-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.75rem}.audit-timeline{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.audit-timeline li{grid-template-columns:1.25rem 1fr;gap:.85rem;padding-bottom:1.15rem;display:grid;position:relative}.audit-timeline li:not(:last-child):before{content:"";background:#f15b2a40;width:2px;position:absolute;top:1rem;bottom:0;left:.5rem}.audit-dot{background:var(--brand-orange);border-radius:50%;width:.75rem;height:.75rem;margin-top:.25rem;box-shadow:0 0 0 4px #f15b2a26}.audit-meta{color:var(--muted);flex-wrap:wrap;gap:.75rem;font-size:.78rem;font-weight:700;display:flex}.audit-content h3{margin:.2rem 0 .25rem;font-size:1rem}.audit-content p:last-child{color:var(--text)}@media (width<=1100px){.details-stat-grid,.details-meta-grid,.details-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.details-header{flex-direction:column}.details-stat-grid,.details-meta-grid,.details-card-list{grid-template-columns:1fr}}.create-vendor{text-align:left;flex-direction:column;gap:1rem;display:flex}.vendor-form,.create-success{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:1.2rem 1.25rem 1.4rem}.form-section+.form-section{border-top:1px solid var(--border);margin-top:1.35rem;padding-top:1.2rem}.form-section h2{margin-bottom:.9rem;font-size:1.05rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem 1rem;display:grid}:is(.form-grid .form-field:has(textarea),.form-grid .form-field:has(.file-upload)){grid-column:1/-1}.form-field{flex-direction:column;gap:.35rem;display:flex}.form-field label{color:var(--text-h);font-size:.8rem;font-weight:750}.form-field label span{color:var(--brand-orange)}.form-control{border:1px solid var(--border);width:100%;font:inherit;color:var(--text-h);background:#fff;border-radius:10px;padding:.65rem .75rem}.form-control:focus{border-color:var(--brand-orange);outline:2px solid #f15b2a59}.form-field.has-error .form-control,.form-field.has-error .file-upload-drop{border-color:#b42318}.field-hint,.field-error{margin:0;font-size:.75rem}.field-hint{color:var(--muted)}.field-error,.form-server-error{color:#b42318;font-weight:650}.form-server-error{margin-top:1rem}.file-upload-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.file-upload{position:relative}.file-upload-drop{border:1.5px dashed var(--border);cursor:pointer;min-height:110px;color:var(--muted);background:#fffaf7;border-radius:12px;place-items:center;gap:.2rem;padding:1rem;display:grid}.file-upload-drop strong{color:var(--brand-orange)}.file-upload-list{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.file-upload-list li{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.file-upload-list p{color:var(--text-h);font-weight:650}.file-upload-list span{color:var(--muted);font-size:.75rem}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;margin-top:1.25rem;display:flex}a.btn-primary{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.create-success h2{margin-bottom:.4rem;font-size:1.25rem}.create-success p{color:var(--muted)}@media (width<=860px){.form-grid{grid-template-columns:1fr}.form-actions{justify-content:stretch}.form-actions .btn-primary,.form-actions .btn-ghost,.form-actions a.btn-primary{width:100%}}.vendor-performance{text-align:left;flex-direction:column;gap:1rem;display:flex}.perf-intro{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.perf-vendor-filter{min-width:240px}.perf-scope-label{color:var(--muted);font-size:.9rem}.perf-scope-label strong{color:var(--text-h)}.perf-score-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid}.perf-score-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:1rem 1.05rem;position:relative;overflow:hidden}.perf-score-card:before{content:"";background:var(--brand-orange);width:4px;position:absolute;inset:0 auto 0 0}.perf-score-card.accent-deep:before{background:var(--brand-deep)}.perf-score-card.accent-dark:before{background:var(--brand-dark)}.perf-score-card.accent-green:before{background:var(--brand-green)}.perf-score-card.accent-danger:before{background:#b42318}.perf-score-card p{color:var(--muted);font-size:.82rem;font-weight:650}.perf-score-card strong{font-family:var(--heading);color:var(--brand-orange);letter-spacing:-.03em;margin-top:.4rem;font-size:1.7rem;display:block}.perf-score-card.accent-green strong{color:#6f8a12}.perf-score-card.accent-danger strong{color:#b42318}.perf-score-card.accent-dark strong{color:var(--brand-dark)}.perf-score-card.accent-deep strong{color:var(--brand-deep)}.perf-main-grid{grid-template-columns:1.4fr 1fr;gap:1rem;display:grid}.perf-panel{min-width:0}.pay-status{border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:750;display:inline-flex}.pay-paid{color:#5f7412;background:#b2d23533}.pay-pending{color:var(--brand-deep);background:#f15b2a24}.pay-overdue{color:#b42318;background:#b423181f}@media (width<=1100px){.perf-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.perf-main-grid{grid-template-columns:1fr}}@media (width<=860px){.perf-score-grid{grid-template-columns:1fr 1fr}.perf-intro{align-items:stretch}.perf-vendor-filter{width:100%}}.approval-workflow{text-align:left;flex-direction:column;gap:1rem;display:flex}.approval-status-filters{flex-wrap:wrap;gap:.5rem;display:flex}.approval-filter-chip{border:1px solid var(--border);font:inherit;color:var(--text);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.85rem;font-weight:650;display:inline-flex}.approval-filter-chip span{text-align:center;background:#1a15120f;border-radius:999px;min-width:1.4rem;padding:.1rem .35rem;font-size:.75rem}.approval-filter-chip.is-active{border-color:var(--brand-orange);color:var(--brand-orange);background:#f15b2a1f}.approval-layout{grid-template-columns:300px 1fr;gap:1rem;min-height:560px;display:grid}.approval-sidebar-panel,.approval-main-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;min-width:0}.approval-sidebar-panel{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.approval-sidebar-panel h2{font-size:1rem}.approval-queue{flex-direction:column;gap:.45rem;max-height:70vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.approval-queue-item{text-align:left;border:1px solid var(--border);cursor:pointer;width:100%;font:inherit;color:inherit;background:#fffaf7;border-radius:12px;padding:.8rem .85rem}.approval-queue-item:hover,.approval-queue-item.is-active{border-color:var(--brand-orange);background:#f15b2a14}.approval-queue-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.approval-queue-item p,.approval-queue-item span{color:var(--muted);font-size:.8rem}.approval-queue-empty{color:var(--muted);text-align:center;padding:1.5rem .5rem}.approval-status{white-space:nowrap;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:750;display:inline-flex}.approval-status.status-pending{color:var(--brand-deep);background:#f15b2a24}.approval-status.status-approved{color:#5f7412;background:#b2d23533}.approval-status.status-rejected{color:#b42318;background:#b423181f}.approval-status.status-on-hold{color:var(--brand-dark);background:#1a15121a}.approval-detail{padding:1.15rem 1.2rem 1.35rem}.approval-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.approval-detail-header h2{margin:.15rem 0 .35rem;font-size:1.4rem}.approval-detail-header p{color:var(--muted)}.approval-summary{color:var(--text)!important;margin-top:.45rem!important}.approval-detail-aside{flex-direction:column;align-items:flex-end;gap:.55rem;display:flex}.approval-detail-grid{grid-template-columns:1.1fr .9fr;gap:1rem;display:grid}.approval-detail-side{flex-direction:column;gap:1rem;display:flex}.approval-panel{border:1px solid var(--border);background:#fffaf7;border-radius:12px;padding:.95rem 1rem}.approval-panel header{margin-bottom:.85rem}.approval-panel header h2{margin-bottom:.2rem;font-size:1rem}.approval-panel header p{color:var(--muted);font-size:.82rem}.approval-status-shift{color:var(--brand-deep);margin-top:.35rem;font-size:.8rem;font-weight:700}.approval-comments{flex-direction:column;gap:.65rem;max-height:240px;margin:0 0 .85rem;padding:0;list-style:none;display:flex;overflow:auto}.approval-comments li{border:1px solid var(--border);background:#fff;border-radius:10px;padding:.7rem .8rem}.approval-comment-meta{justify-content:space-between;gap:.5rem;margin-bottom:.3rem;font-size:.78rem;display:flex}.approval-comment-meta time{color:var(--muted)}.approval-comment-form,.approval-actions-panel .filter-field{flex-direction:column;gap:.55rem;display:flex}.approval-action-buttons{flex-wrap:wrap;gap:.55rem;margin-top:.85rem;display:flex}.btn-reject{font:inherit;cursor:pointer;color:#fff;background:#b42318;border:1px solid #0000;border-radius:10px;padding:.55rem .9rem;font-size:.85rem;font-weight:650}.btn-reject:hover{background:#912018}.btn-reject:disabled{opacity:.45;cursor:not-allowed}@media (width<=1100px){.approval-layout,.approval-detail-grid{grid-template-columns:1fr}.approval-queue{max-height:280px}}@media (width<=860px){.approval-detail-header{flex-direction:column}.approval-detail-aside{align-items:flex-start}}.notifications-page{text-align:left;flex-direction:column;gap:1rem;display:flex}.notifications-intro{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.notifications-intro-actions{align-items:center;gap:.65rem;display:flex}.notification-unread-pill{color:var(--brand-orange);background:#f15b2a1f;border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.8rem;font-weight:750;display:inline-flex}.notifications-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;display:flex}.notifications-unread-toggle{color:var(--text-h);align-items:center;gap:.45rem;font-size:.85rem;font-weight:650;display:inline-flex}.notifications-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.notification-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:.45rem;padding:1rem 1.05rem;display:flex;position:relative;overflow:hidden}.notification-card:before{content:"";background:var(--brand-orange);width:4px;position:absolute;inset:0 auto 0 0}.notification-card.severity-info:before{background:var(--brand-deep)}.notification-card.severity-warning:before{background:var(--brand-orange)}.notification-card.severity-critical:before{background:#b42318}.notification-card.is-read{opacity:.78}.notification-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.notification-type{letter-spacing:.04em;text-transform:uppercase;color:var(--brand-deep);font-size:.72rem;font-weight:750}.notification-card-top time{color:var(--muted);font-size:.75rem}.notification-card h3{font-size:1.05rem}.notification-card p{color:var(--text);font-size:.9rem}.notification-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.35rem;display:flex}.notification-card-meta>span{color:var(--muted);font-size:.8rem;font-weight:700}.notification-card-actions{flex-wrap:wrap;gap:.45rem;display:flex}@media (width<=1279px){.notifications-grid{grid-template-columns:1fr}.perf-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.approval-layout{grid-template-columns:260px 1fr}}@media (width<=1023px){.notifications-intro,.notifications-toolbar,.perf-intro{align-items:stretch}.perf-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.perf-main-grid,.approval-layout,.approval-detail-grid,.form-grid{grid-template-columns:1fr}.vendor-table-scroll{max-height:min(55vh,520px)}}