:root{--m-green: #1A3222;--m-green-hover: #223F2C;--m-gold: #C9A84C;--m-gold-mid: #A8892C;--m-cream: #FAFAF7;--m-ink: #1A3222;--m-ink-muted: #5B665E;--m-line: #E3E8E4;--m-line-strong: #C9D2CC;--m-green-tint: rgba(26,50,34,.06);--ease-out: cubic-bezier(.16,1,.3,1);--ease-io: cubic-bezier(.65,0,.35,1);--d-fast: .14s;--d-base: .2s;--d-slow: .32s}:focus-visible{outline:2px solid var(--m-gold-mid);outline-offset:2px}:focus:not(:focus-visible){outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--m-green)!important;box-shadow:0 0 0 3px var(--m-green-tint)}input::placeholder,textarea::placeholder{color:#5f6a62;opacity:1}button{transition:background-color var(--d-base) var(--ease-out),border-color var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out),transform var(--d-fast) var(--ease-out),filter var(--d-base) var(--ease-out),box-shadow var(--d-base) var(--ease-out)}button:not(:disabled):hover{filter:brightness(.95)}button:not(:disabled):active{transform:translateY(.5px) scale(.99)}button:disabled{cursor:not-allowed}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.view-enter,.stagger-in>*,.modal-panel,.modal-scrim,.toast-in{animation:none!important;opacity:1!important;transform:none!important}.card-interactive:hover{transform:none}.sidebar{transition:none!important}}.sidebar{width:240px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.sidebar-overlay,.hamburger-btn{display:none}.login-grid{display:grid;grid-template-columns:55% 45%;height:100%}.card-grid-responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.stat-row-responsive{display:flex;align-items:center;gap:0}.main-content{padding:32px}@media (max-width: 1024px){.sidebar{width:220px}.main-content{padding:24px}.card-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media (max-width: 767px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1100;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1f1680;z-index:1099}.sidebar-overlay.sidebar-overlay-visible{display:block}.hamburger-btn{display:flex;align-items:center;justify-content:center}.login-grid{grid-template-columns:1fr;height:auto;min-height:100%}.login-brand-panel{padding:40px 24px;min-height:200px}.login-brand-title{font-size:32px!important;letter-spacing:.16em!important}.login-form-panel{padding:32px 20px}.main-content{padding:16px}.card-grid-responsive{grid-template-columns:1fr;gap:12px}.stat-row-responsive{flex-direction:column;gap:0}.stat-row-responsive>div{border-right:none!important;border-bottom:1px solid #E5E9ED;width:100%}.stat-row-responsive>div:last-child{border-bottom:none}.topbar-user-detail,.topbar-signout-btn{display:none}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}.form-grid-responsive{grid-template-columns:1fr!important}.modal-content-responsive{width:100%!important;max-width:100%!important;border-radius:0!important;max-height:100%!important;height:100%!important}.main-content{overflow-x:hidden;max-width:100%}.main-content [style*=grid-template-columns]{max-width:100%}.tab-bar-scrollable{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important}.tab-bar-scrollable::-webkit-scrollbar{display:none}.tab-bar-scrollable>button{flex:0 0 auto!important;white-space:nowrap}.filter-pills-scrollable{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important}.filter-pills-scrollable::-webkit-scrollbar{display:none}.filter-pills-scrollable>button{flex:0 0 auto!important;white-space:nowrap}.grid-two-col-responsive{grid-template-columns:1fr!important}}@media (max-width: 380px){.main-content{padding:12px}.login-brand-title{font-size:26px!important}}.view-enter{animation:viewIn var(--d-base) var(--ease-out) both}@keyframes viewIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes searchExpand{0%{opacity:0;flex:0}to{opacity:1;flex:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stagger-in>*{animation:viewIn var(--d-slow) var(--ease-out) both}.stagger-in>*:nth-child(1){animation-delay:0ms}.stagger-in>*:nth-child(2){animation-delay:30ms}.stagger-in>*:nth-child(3){animation-delay:60ms}.stagger-in>*:nth-child(4){animation-delay:90ms}.stagger-in>*:nth-child(5){animation-delay:.12s}.stagger-in>*:nth-child(6){animation-delay:.15s}.stagger-in>*:nth-child(7){animation-delay:.18s}.stagger-in>*:nth-child(8){animation-delay:.21s}.stagger-in>*:nth-child(n+9){animation-delay:.21s}.card-interactive{transition:border-color var(--d-base) var(--ease-out),transform var(--d-fast) var(--ease-out),background-color var(--d-base) var(--ease-out)}.card-interactive:hover{border-color:var(--m-line-strong)!important;transform:translateY(-1px)}.card-interactive:active{transform:none}.row-interactive{transition:background-color var(--d-fast) var(--ease-out),border-color var(--d-fast) var(--ease-out)}.row-interactive:hover{background-color:#f6f8f6}.table-rows tbody tr{transition:background-color var(--d-fast) var(--ease-out)}.table-rows tbody tr:hover{background-color:#f6f8f6}.nav-item{transition:background-color var(--d-fast) var(--ease-out),color var(--d-fast) var(--ease-out)}.nav-item:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:1px;background:var(--m-gold);transform:scaleY(0);transition:transform var(--d-base) var(--ease-out)}.nav-item[aria-current=page]:before{transform:scaleY(1)}.modal-scrim{animation:fadeIn var(--d-fast) var(--ease-out) both}.modal-panel{animation:panelIn var(--d-base) var(--ease-out) both}@keyframes panelIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.toast-in{animation:toastIn var(--d-base) var(--ease-out) both}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tlink{position:relative;text-decoration:none}.tlink:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--m-gold-mid);transform:scaleX(0);transform-origin:left;transition:transform var(--d-base) var(--ease-out)}.tlink:hover:after,.tlink:focus-visible:after{transform:scaleX(1)}
