:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--font-xs:.75rem;--font-sm:.875rem;--font-md:.9375rem;--font-lg:1rem;--font-xl:1.125rem;--font-page:1.375rem;--font-page-lg:1.5rem;--font-nav:.9375rem;--font-weight-normal:400;--font-weight-medium:600;--font-weight-bold:700;--line-tight:1.25;--line-body:1.45;--control-h:2.75rem;--control-h-sm:2.25rem;--control-h-touch:2.75rem;--control-pad-x:.875rem;--control-font:var(--font-md);--nav-item-h:2.75rem;--nav-icon:1.125rem;--icon-btn:2.5rem;--shell-bg:#f7f8fa;--surface:#fff;--sidebar-w:248px;--sidebar-collapsed-w:72px;--topnav-h:64px;--content-max:1280px;--form-max:720px;--login-max:420px;--login-shell-max:920px;--border:#e2e5e9;--text:#17202a;--muted:#667085;--primary:#176b87;--primary-dark:#12566c;--success:#287d4a;--warning:#a66a00;--danger:#b42318;--shadow:none;--shadow-lg:none;--focus-ring:0 0 0 2px #176b8740}a:focus-visible,button:focus-visible,.btn:focus-visible,.form-control:focus,.page-link:focus-visible,.nav-link:focus-visible{box-shadow:var(--focus-ring);outline:none}body{background-color:var(--shell-bg);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-size:var(--font-md);color:var(--text)}#app{min-height:100vh}.app-shell{background:var(--shell-bg);width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:clip}.app-sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);z-index:1045;background:#fff;flex-direction:column;flex-shrink:0;transition:width .2s;display:flex}.sidebar-collapsed .app-sidebar{width:var(--sidebar-collapsed-w)}.sidebar-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);min-height:calc(var(--topnav-h) + .25rem);justify-content:space-between;align-items:center;display:flex}.sidebar-brand-link{align-items:center;gap:var(--space-3);color:inherit;text-decoration:none;display:flex;overflow:hidden}.sidebar-brand-link img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.sidebar-brand-text{flex-direction:column;line-height:1.2;display:flex}.sidebar-brand-text strong{font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.sidebar-brand-text span{font-size:var(--font-xs);color:var(--muted);white-space:nowrap}.sidebar-scroll{padding:var(--space-4) var(--space-4) var(--space-5);flex:1;overflow-y:auto}.nav-section+.nav-section{margin-top:var(--space-4)}.nav-section-label{display:none}.sidebar-nav .nav-link{align-items:center;gap:var(--space-3);color:#344054;border-radius:var(--radius-sm);padding:0 var(--space-3);margin-bottom:var(--space-1);min-height:var(--nav-item-h);font-size:var(--font-nav);font-weight:var(--font-weight-medium);display:flex}.sidebar-nav .nav-link i{text-align:center;width:1.25rem;font-size:var(--nav-icon);flex-shrink:0}.sidebar-nav .nav-link:hover{color:var(--text);background:#eef1f4;text-decoration:none}.sidebar-nav .nav-link.active{color:var(--text);font-weight:var(--font-weight-bold);border-left:3px solid var(--primary);padding-left:calc(var(--space-3) - 3px);background:#eef2f5}.sidebar-collapsed .sidebar-nav .nav-link{justify-content:center;padding-left:.5rem;padding-right:.5rem}.sidebar-foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);gap:var(--space-3);flex-direction:column;display:flex}.sidebar-user{padding:var(--space-2) var(--space-1) var(--space-3);border-bottom:1px solid var(--border);margin-bottom:0}.sidebar-user-name{font-size:var(--font-md);font-weight:var(--font-weight-bold);line-height:1.25}.sidebar-user-role{font-size:var(--font-sm);color:var(--muted);margin-top:.125rem}.sidebar-backdrop{z-index:1040;background:#0f172a66;position:fixed;inset:0}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-topnav{min-height:var(--topnav-h);background:var(--surface);border-bottom:1px solid var(--border);height:auto;padding:var(--space-2) var(--space-5);z-index:1030;box-shadow:none;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topnav-left,.topnav-right{align-items:center;gap:var(--space-3);display:flex}.topnav-breadcrumb a{color:var(--muted)}.topnav-title{font-weight:var(--font-weight-bold);font-size:var(--font-page);letter-spacing:-.01em;margin:0;line-height:1.25}.topnav-subtitle{font-size:var(--font-sm);line-height:1.25}.topnav-breadcrumb{font-size:var(--font-sm)}.btn-icon{width:var(--icon-btn);height:var(--icon-btn);min-width:var(--icon-btn);min-height:var(--icon-btn);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex}.notif-dot{color:#fff;text-align:center;background:#e3342f;border-radius:999px;min-width:1rem;height:1rem;padding:0 .2rem;font-size:.62rem;line-height:1rem;position:absolute;top:2px;right:2px}.notif-menu{width:280px;padding-bottom:.35rem}.notif-item{border-bottom:1px solid #f1f3f7;padding:.55rem 1rem}.notif-item.unread{background:#f8fbff}.user-chip{align-items:center;gap:var(--space-2);min-height:var(--icon-btn);padding:.25rem .65rem .25rem .25rem;display:inline-flex}.user-avatar{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:var(--primary-dark);font-weight:var(--font-weight-bold);font-size:var(--font-md);background:#e7f1f5;justify-content:center;align-items:center;display:inline-flex}.user-meta{flex-direction:column;align-items:flex-start;line-height:1.2}.user-meta strong{font-size:var(--font-sm)}.user-meta small{color:var(--muted);font-size:var(--font-xs)}.dropdown-menu{border-color:var(--border);animation:.14s dropdownIn;box-shadow:0 8px 24px #0f172a14}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-content{padding:.85rem 1rem 1.5rem}.demo-banner{border:1px solid var(--border);color:var(--muted);font-size:var(--font-xs);border-radius:var(--radius-sm);background:#f0f4f7;margin-bottom:.75rem;padding:.35rem .65rem}.demo-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--primary-dark);border-radius:var(--radius-sm);background:#e7f1f5;border:1px solid #c5dbe3;align-items:center;padding:.15rem .45rem;font-size:.65rem;font-weight:700;display:inline-flex}.card{border-color:var(--border);box-shadow:var(--shadow);border-radius:.4rem}.card-header{border-bottom-color:var(--border);background:#fff;font-weight:600}.kpi-card .card-body{min-height:96px}.kpi-label{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:.72rem;font-weight:700}.kpi-value{margin:.15rem 0;font-size:1.45rem;font-weight:800;line-height:1.2}.kpi-icon{opacity:.45;font-size:1.35rem}.kpi-trend{font-size:.72rem;font-weight:700}.kpi-trend.up{color:#27864f}.kpi-trend.down{color:#1d68a7}.border-left-primary{border-left:3px solid #3490dc!important}.border-left-warning{border-left:3px solid #f6993f!important}.border-left-success{border-left:3px solid #38c172!important}.border-left-info{border-left:3px solid #6cb2eb!important}.border-left-secondary{border-left:3px solid #6c757d!important}.chart-box{min-height:260px}.activity-item{align-items:flex-start;gap:.75rem;display:flex}.activity-dot{background:#9aa3b2;border-radius:999px;flex-shrink:0;width:.55rem;height:.55rem;margin-top:.4rem}.activity-dot.type-approved,.activity-dot.type-completed{background:#38c172}.activity-dot.type-submitted,.activity-dot.type-review{background:#3490dc}.activity-dot.type-rejected{background:#e3342f}.activity-dot.type-user,.activity-dot.type-report{background:#f6993f}.badge-soft{border-radius:.25rem;padding:.35em .55em;font-weight:600}.badge-soft-primary{color:#1d68a7;background:#e8f3fb}.badge-soft-warning{color:#9a5b12;background:#fff4e6}.badge-soft-success{color:#1f6b40;background:#e8f8ef}.badge-soft-info{color:#1d5f86;background:#eaf6fc}.badge-soft-danger{color:#9b1c1c;background:#fdecec}.badge-soft-secondary{color:#495057;background:#f1f3f5}.badge-soft-dark{color:#212529;background:#eceff3}.detail-label{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:.15rem;font-size:.72rem;font-weight:700}.empty-state-icon{color:#9aa3b2;font-size:1.75rem}.page-actions .btn+.btn{margin-left:.35rem}.toast-local{z-index:2000;opacity:0;min-width:260px;margin:0;transition:opacity .18s,transform .18s;position:fixed;bottom:1rem;right:1rem;transform:translateY(8px)}.toast-local.show{opacity:1;transform:translateY(0)}.animate-modal{animation:.16s modalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.modal-backdrop.show{opacity:.45}.role-card:hover,.summary-tile:hover{border-color:#c9d6e8}.btn{transition:background-color .15s,border-color .15s,box-shadow .15s}.btn:active{transform:translateY(.5px)}.table thead th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:#fafbfd;border-top:0;font-size:.78rem}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.login-page .card{border-radius:.4rem}.spinner-border-sm{border-width:.15em;width:.9rem;height:.9rem}@media (width<=767.98px){.app-sidebar{width:min(280px,86vw);max-width:86vw;transition:left .2s;position:fixed;top:0;bottom:0;left:calc(-1*min(280px,86vw));transform:none;box-shadow:0 .5rem 1.5rem #0000001f}.app-sidebar:not(.open){pointer-events:none}.app-sidebar.open{pointer-events:auto;left:0}.sidebar-collapsed .app-sidebar{width:min(280px,86vw)}.app-content{padding:1rem}.app-topnav{padding:0 .75rem}.topnav-title{font-size:1rem}.table-responsive{border:0}}@media (width>=768px) and (width<=1024px){.app-content{padding:1rem 1.1rem 1.5rem}.kpi-value{font-size:1.25rem}}.loading-state{padding:var(--space-4)}.skel{border-radius:var(--radius-sm);margin-bottom:var(--space-3);background:linear-gradient(90deg,#eef1f6 25%,#f7f8fb 50%,#eef1f6 75%) 0 0/200% 100%;animation:1.2s ease-in-out infinite skel}.skel-title{width:40%;height:1.25rem}.skel-line{width:100%;height:.75rem}.skel-line.short{width:65%}.skel-block{width:100%;height:8rem}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.status-timeline{border-left:2px solid var(--border);margin:0;padding:0 0 0 .35rem;list-style:none}.status-timeline-item{padding:0 0 1rem 1.1rem;position:relative}.status-timeline-item:last-child{padding-bottom:0}.status-timeline-marker{background:var(--primary);width:.65rem;height:.65rem;box-shadow:0 0 0 1px var(--primary);border:2px solid #fff;border-radius:999px;position:absolute;top:.35rem;left:-.4rem}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{color:var(--primary-dark)}.workflow-actions .btn{margin:.15rem .35rem .15rem 0}.detail-section-title{font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:var(--space-2);font-weight:700}.settings-tabs .nav-link{cursor:pointer}@media (width<=767.98px){.table-responsive table{font-size:var(--font-sm)}.workflow-actions .btn{display:inline-block}}.btn-primary{color:#fff;background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover,.btn-primary:focus{background-color:var(--primary-dark);border-color:var(--primary-dark)}.card{border-radius:var(--radius-md);box-shadow:none}.user-avatar{border-radius:var(--radius-sm);color:var(--primary-dark);background:#e7f1f5}.meta-text{font-size:var(--font-xs);color:var(--muted)}.metric-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin-bottom:.85rem;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .65rem}.metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.68rem;font-weight:700}.metric-value{color:var(--text);font-size:1.25rem;font-weight:700;line-height:1.2}.metric-success .metric-value{color:var(--success)}.metric-warning .metric-value{color:var(--warning)}.metric-danger .metric-value{color:var(--danger)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.75rem}.panel-header{font-size:var(--font-sm);border-bottom:1px solid var(--border);background:#fafbfc;padding:.5rem .75rem;font-weight:700}.panel-body{padding:.65rem .75rem}.chart-box-sm{padding:.35rem .25rem .5rem}.data-table-wrap{border-top:0}.data-table{font-size:var(--font-sm)}.data-table thead th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);white-space:nowrap;background:#fafbfc;border-top:0;font-size:.68rem;font-weight:700}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.65rem;margin-bottom:.75rem;padding:.65rem .75rem;display:flex}.filter-bar-fields{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.page-title{font-size:1.15rem;font-weight:700}.page-header{margin-bottom:.75rem!important}.login-page{min-height:100vh;padding:var(--space-6) var(--space-4);background:var(--shell-bg);box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex}.login-shell{width:100%;max-width:var(--login-shell-max);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);display:grid;overflow:hidden}.login-brand{padding:var(--space-8) var(--space-7);border-right:1px solid var(--border);background:#f0f4f7;flex-direction:column;justify-content:center;display:flex}.login-brand-mark{object-fit:contain;width:56px;height:56px;margin-bottom:var(--space-5)}.login-brand-kicker{margin:0 0 var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--primary-dark)}.login-brand-title{margin:0 0 var(--space-4);font-size:1.375rem;font-weight:var(--font-weight-bold);color:var(--text);line-height:1.3}.login-brand-copy{font-size:var(--font-md);color:var(--muted);max-width:28ch;margin:0;line-height:1.5}.login-panel{background:var(--surface);box-sizing:border-box;border:0;border-radius:0;flex-direction:column;justify-content:center;width:100%;max-width:none;display:flex}.login-panel-head{padding:var(--space-6) var(--space-6) var(--space-3);border-bottom:0;display:block}.login-panel-title{margin:0 0 var(--space-1);font-size:var(--font-xl);font-weight:var(--font-weight-bold);line-height:1.25}.login-panel-meta{font-size:var(--font-sm);margin:0}.login-panel-body{padding:var(--space-3) var(--space-6) var(--space-6)}.demo-quick-login{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);border-bottom:0;margin-bottom:0;padding-bottom:0}.demo-quick-login-label{font-size:var(--font-sm);color:var(--muted);margin-bottom:var(--space-2);text-transform:none;letter-spacing:0;font-weight:var(--font-weight-medium)}.demo-quick-login-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=899.98px){.login-shell{grid-template-columns:1fr}.login-brand{border-right:0;border-bottom:1px solid var(--border)}}.ops-grid .panel{flex:1}@media (width<=1199.98px){.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=575.98px){.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}}html,body{max-width:100%;line-height:var(--line-body)}.app-content-inner{max-width:var(--content-max);margin:0 auto}.topnav-title,.page-title{font-size:var(--font-page);font-weight:var(--font-weight-bold);line-height:var(--line-tight);margin:0}@media (width>=768px){.topnav-title,.page-title{font-size:var(--font-page-lg)}}.detail-section-title,.panel-header,.card-header{font-size:var(--font-md);font-weight:var(--font-weight-bold)}.btn{min-height:var(--control-h);padding:.375rem var(--control-pad-x);font-size:var(--control-font);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);line-height:1.2}.btn-sm{min-height:var(--control-h-sm);font-size:var(--font-sm);padding:.25rem .625rem}.btn-icon,button[aria-label=Toggle\ navigation],button[aria-label=Close\ menu],button[aria-label=Notifications]{min-width:var(--control-h-touch);min-height:var(--control-h-touch);justify-content:center;align-items:center;display:inline-flex}.form-control,.custom-select,select.form-control{min-height:var(--control-h);padding:.375rem var(--control-pad-x);font-size:var(--control-font);border-radius:var(--radius-sm);border-color:var(--border)}.form-control-sm{min-height:var(--control-h-sm);font-size:var(--font-sm)}label,.col-form-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1);color:var(--text)}.form-group{margin-bottom:var(--space-4)}.table{font-size:var(--font-sm)}.table th,.table td{padding:var(--space-2) var(--space-3);vertical-align:middle}.form-constrained,.settings-tabs+.card,[data-testid=change-password-form]{max-width:var(--form-max)}.chart-box,.panel .recharts-responsive-container{max-height:360px}.table-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;overflow-x:auto}.table-scroll .table{margin-bottom:0}@media (width<=767.98px){.table-mobile-cards thead{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.table-mobile-cards tbody tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);display:block}.table-mobile-cards tbody td{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-1) 0;text-align:right;display:flex;border:0!important}.table-mobile-cards tbody td:before{content:attr(data-label);font-weight:var(--font-weight-medium);color:var(--muted);text-align:left;flex:0 0 42%}.table-mobile-cards tbody td.text-right,.table-mobile-cards tbody td:last-child{flex-wrap:wrap;justify-content:flex-end}.table-mobile-cards tbody td:last-child:before{display:none}.col-hide-mobile{display:none!important}.app-content{padding:var(--space-3)}.metric-row{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:var(--space-3)}.metric-value,.kpi-value{font-size:1.25rem}.filter-bar .form-row>[class*=col-]{flex:0 0 100%;max-width:100%}.page-header-actions .btn{width:100%}.page-header{flex-direction:column;align-items:stretch!important}.modal-dialog{margin:var(--space-2);max-width:calc(100% - 1rem)}.modal-dialog.modal-lg{max-width:calc(100% - 1rem)}.modal-content{flex-direction:column;max-height:calc(100vh - 1rem);display:flex}.modal-body{-webkit-overflow-scrolling:touch;overflow-y:auto}.modal-footer{gap:var(--space-2);flex-wrap:wrap}.modal-footer .btn{flex:auto;min-width:7rem}.workflow-actions .btn{min-height:var(--control-h-touch);margin:0 var(--space-2) var(--space-2) 0}.line-items-desktop{display:none!important}.line-items-mobile{display:block!important}.line-item-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-3);background:var(--surface)}.line-item-card .form-group{margin-bottom:var(--space-3)}.line-item-card .form-row{margin-left:0;margin-right:0}.login-page{padding:var(--space-4);align-items:flex-start}.login-shell{grid-template-columns:1fr;max-width:100%}.login-brand{border-right:0;border-bottom:1px solid var(--border);padding:var(--space-5) var(--space-5) var(--space-4)}.login-brand-mark{width:48px;height:48px;margin-bottom:var(--space-3)}.login-brand-title{font-size:1.2rem}.login-brand-copy{max-width:none}.login-panel{max-width:100%}.login-panel-head,.login-panel-body{padding-left:var(--space-5);padding-right:var(--space-5)}.login-panel-body .btn-primary{width:100%}.demo-quick-login-actions{flex-direction:column}.demo-quick-login-actions .btn{width:100%;min-height:var(--control-h-touch)}.login-secondary-row{flex-direction:column;align-items:stretch!important}.password-field{position:relative}.password-toggle{min-width:var(--control-h-touch);position:absolute;top:0;bottom:0;right:0}}@media (width>=768px){.line-items-mobile{display:none!important}.line-items-desktop{display:block!important}}@media (width<=767.98px){.app-sidebar{width:min(300px,88vw);left:calc(-1*min(300px,88vw))}.sidebar-nav .nav-link{min-height:var(--control-h-touch);padding-top:var(--space-2);padding-bottom:var(--space-2)}body.drawer-open{overflow:hidden}}@media (width>=1440px){.app-content{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (width>=1920px){.app-content-inner{max-width:1400px}}.login-submit{width:100%;min-height:var(--control-h);margin-top:var(--space-4)}.login-secondary-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:0;margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.login-secondary-row a,.login-secondary-row .form-check-label{font-size:var(--font-sm)}.demo-quick-login-actions .btn{font-weight:var(--font-weight-normal)}.password-field{position:relative}.password-field .form-control{padding-right:2.75rem}.password-toggle{right:var(--space-1);color:var(--muted);min-width:var(--icon-btn);min-height:var(--icon-btn);background:0 0;border:0;padding:0;position:absolute;top:50%;transform:translateY(-50%)}@media (width<=767.98px){[data-testid=requisition-detail] .row>[class*=col-]{flex:0 0 100%;max-width:100%}}