@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@400;500&family=Outfit:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0f0f0f;--ink2:#3a3a3a;--ink3:#7a7a7a;--ink4:#b0b0b0;--surf:#faf9f6;--surf2:#f0ede6;--surf3:#e4e0d8;--accent:#1a3c34;--accent2:#2d6b5e;--accent3:#4d9e8c;--accent-lt:#e8f0ee;--gold:#b8923a;--gold-lt:#f5e9d0;--red:#c0392b;--red-lt:#fdecea;--green:#27500a;--green-lt:#eaf3de;--amber:#633806;--amber-lt:#faeeda;--blue:#0c447c;--blue-lt:#e6f1fb;--r:6px;--rl:10px}html,body,#root{height:100%;overflow:hidden}body{color:var(--ink);background:var(--surf);font-family:Outfit,sans-serif;font-size:14px}.shell{grid-template-columns:220px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--accent);flex-direction:column;display:flex;position:relative;overflow:hidden}.sb-brand{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:18px 16px 14px}.sb-brand-row{align-items:center;gap:10px;display:flex}.sb-icon{border:1px solid #ffffff40;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sb-icon svg{width:16px;height:16px}.sb-name{color:#fff;font-family:DM Serif Display,serif;font-size:16px;line-height:1.1}.sb-sub{color:#ffffff59;letter-spacing:1.5px;font-family:DM Mono,monospace;font-size:10px}.company-picker{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:12px 14px}.cp-label{color:#ffffff59;letter-spacing:1.5px;margin-bottom:6px;font-family:DM Mono,monospace;font-size:10px}.cp-select{color:#fff;cursor:pointer;appearance:none;background:#ffffff12 url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #ffffff1f;border-radius:5px;width:100%;padding:7px 10px;font-family:Outfit,sans-serif;font-size:12px}.cp-select option{color:#fff;background:#1a3c34}.cp-role{align-items:center;gap:5px;margin-top:6px;display:flex}.cp-role-dot{background:var(--accent3);border-radius:50%;width:5px;height:5px}.cp-role-text{color:#ffffff73;text-transform:capitalize;font-family:DM Mono,monospace;font-size:10px}.sb-nav{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:10px;overflow-y:auto}.sb-nav:hover{scrollbar-color:#ffffff1a transparent}.sb-nav::-webkit-scrollbar{width:4px}.sb-nav::-webkit-scrollbar-track{background:0 0}.sb-nav::-webkit-scrollbar-thumb{background:0 0;border-radius:2px}.sb-nav:hover::-webkit-scrollbar-thumb{background:#ffffff1f}.nav-section{margin-bottom:14px}.nav-section-label{color:#ffffff40;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;padding:0 6px;font-family:DM Mono,monospace;font-size:10px}.nav-item{cursor:pointer;color:#ffffff8c;-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:400;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#ffffffd9;background:#ffffff12}.nav-item.active{color:#fff;background:#ffffff1f}.nav-item.active svg{opacity:1}.sb-user{border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.sb-avatar{background:var(--accent3);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:500;display:flex}.sb-user-name{color:#ffffffbf;font-size:12px;font-weight:500}.sb-user-role{color:#ffffff59;text-transform:capitalize;font-family:DM Mono,monospace;font-size:10px}.sb-logout{cursor:pointer;color:#ffffff40;align-items:center;margin-left:auto;display:flex}.sb-logout:hover{color:#fff9}.sb-logout svg{width:14px;height:14px}.main{background:var(--surf);flex-direction:column;height:100vh;display:flex;overflow:hidden}.dash-body{scrollbar-width:thin;scrollbar-color:transparent transparent}.dash-body:hover{scrollbar-color:#0000001a transparent}.dash-body::-webkit-scrollbar{width:4px}.dash-body::-webkit-scrollbar-track{background:0 0}.dash-body::-webkit-scrollbar-thumb{background:0 0;border-radius:2px}.dash-body:hover::-webkit-scrollbar-thumb{background:#0000001f}.mobile-menu-btn,.mobile-close-btn,.sidebar-overlay,.mobile-bottom-nav{display:none}.profile-popup{background:var(--accent);border-radius:var(--rl);z-index:100;border:1px solid #ffffff26;padding:14px;position:absolute;bottom:56px;left:8px;right:8px;box-shadow:0 8px 24px #0000004d}.profile-popup-avatar{background:var(--accent3);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.profile-popup-name{color:#fff;font-size:13px;font-weight:500}.profile-popup-email{color:#ffffff73;font-family:DM Mono,monospace;font-size:10px}.profile-popup-row{justify-content:space-between;padding:4px 0;font-size:11px;display:flex}.profile-popup-row span:first-child{color:#fff6}.profile-popup-row span:last-child{color:#fffc}@media (width<=768px){.shell{grid-template-columns:1fr}.sidebar{z-index:200;width:280px;transition:left .25s;position:fixed;top:0;bottom:0;left:-280px;box-shadow:4px 0 20px #00000026}.sidebar.open{left:0}.sidebar-overlay{z-index:199;background:#0006;position:fixed;inset:0}.sidebar-overlay.open{display:block}.mobile-menu-btn{z-index:100;border:1px solid var(--surf3);border-radius:var(--r);cursor:pointer;width:38px;height:38px;color:var(--ink);background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;top:10px;left:10px;box-shadow:0 1px 4px #0000000f}.mobile-close-btn{z-index:10;border-radius:var(--r);cursor:pointer;color:#fff9;background:#ffffff1a;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:12px;right:12px}.main{padding-top:56px;padding-bottom:70px}.mobile-bottom-nav{border-top:1px solid var(--surf3);z-index:50;padding:6px 0;padding-bottom:max(6px, env(safe-area-inset-bottom));background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav a{color:var(--ink4);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 0;font-family:DM Mono,monospace;font-size:10px;text-decoration:none;transition:color .15s;display:flex}.mobile-bottom-nav a.active{color:var(--accent)}.mobile-bottom-nav a svg{width:18px;height:18px}}@media (width<=480px){.sidebar{width:260px;left:-260px}.mobile-menu-btn{width:34px;height:34px;top:8px;left:8px}.sb-brand{padding:14px 12px 12px}.sb-name{font-size:14px}.company-picker{padding:10px 12px}.cp-select{padding:6px 8px;font-size:11px}.nav-item{gap:8px;padding:7px 8px;font-size:12px}.sb-user{padding:10px 12px}.profile-popup{bottom:52px;left:6px;right:6px}.main{padding-top:48px}}@media (width<=768px){html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{-webkit-overflow-scrolling:touch;overscroll-behavior:none}.pay-table-wrap,.coa-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.pay-table,.coa-table{min-width:650px}.pay-table th,.pay-table td{padding:8px 6px!important;font-size:11px!important}.pay-table th{font-size:9px!important}.form-input,.form-select,.form-textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],select,textarea{width:100%!important;min-height:42px!important;font-size:16px!important}.form-grid{grid-template-columns:1fr!important;gap:10px!important}.form-label{font-size:11px!important}textarea{min-height:80px!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-box{border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important;max-height:85vh!important;margin:0!important}.modal-header{border-radius:16px 16px 0 0!important;padding:14px 18px!important}.modal-body{max-height:calc(85vh - 60px)!important;padding:16px 18px!important;overflow-y:auto!important}.pay-filters{flex-direction:column!important;gap:8px!important;padding:10px!important}.pay-filters input,.pay-filters select,.pay-filters .form-select,.coa-search{width:100%!important;min-width:unset!important}.filter-btn{padding:6px 10px!important;font-size:10px!important}.topbar{z-index:10;top:0;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:12px 14px!important;position:sticky!important}.topbar-title{font-size:18px!important}.topbar-sub{font-size:10px!important}.topbar-actions{flex-wrap:wrap!important;gap:6px!important;width:100%!important}.topbar-actions .tb-btn{flex:1;justify-content:center;min-width:60px;padding:8px 10px!important;font-size:11px!important}div[style*="grid-template-columns:repeat(3,1fr)"],div[style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}div[style*="grid-template-columns:repeat(6,1fr)"],div[style*="grid-template-columns: repeat(6, 1fr)"]{grid-template-columns:repeat(3,1fr)!important}}@media (width<=480px){div[style*="grid-template-columns:repeat(2,1fr)"],div[style*="grid-template-columns: repeat(2, 1fr)"],div[style*="grid-template-columns:repeat(3,1fr)"],div[style*="grid-template-columns: repeat(3, 1fr)"],div[style*="grid-template-columns:repeat(6,1fr)"],div[style*="grid-template-columns: repeat(6, 1fr)"]{grid-template-columns:1fr!important}}@media (width<=768px){div[style*="repeat(4,1fr)"],div[style*="repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){div[style*="repeat(4,1fr)"],div[style*="repeat(4, 1fr)"]{grid-template-columns:1fr!important}}@media (width<=768px){.tb-btn{min-height:38px!important;padding:8px 14px!important;font-size:12px!important}.acc-action{justify-content:center!important;align-items:center!important;min-width:34px!important;min-height:34px!important;display:inline-flex!important}div[style*=cursor\:pointer][style*=borderRadius]{min-height:70px!important;padding:14px!important}.acc-row{flex-wrap:wrap!important;gap:4px!important;padding:8px!important}.acc-code{min-width:40px!important;font-size:12px!important}.acc-name{flex:55%!important;min-width:100px!important;font-size:12px!important}.acc-subtype{font-size:9px!important}.acc-badge{font-size:8px!important}.section-title{margin-bottom:10px!important;font-size:12px!important}.type-header{padding:6px 0!important}.type-label{font-size:11px!important}.pay-status{white-space:nowrap!important;padding:2px 6px!important;font-size:10px!important}.dash-body{padding:12px 10px!important;overflow:hidden auto!important}.dash-body>div[style*=maxWidth]{max-width:100%!important}.dash-body>div[style*=display\:flex]{flex-direction:column!important;gap:12px!important}.dash-body>div[style*=width\:280px],.dash-body>div[style*="width: 280px"]{width:100%!important;max-height:200px!important;overflow-y:auto!important}.dash-body>div[style*=flex\:1],.dash-body>div[style*="flex: 1"]{width:100%!important;min-width:100%!important}div[style*="grid-template-columns:1fr 1fr"],div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}div[style*="grid-template-columns:repeat(5,1fr)"],div[style*="grid-template-columns: repeat(5, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}div[style*="grid-template-columns:2fr 0.8fr 1fr 1fr 30px"],div[style*="grid-template-columns: 2fr 0.8fr 1fr 1fr 30px"]{grid-template-columns:1fr 50px 60px 60px 24px!important;gap:3px!important}}@media (width<=400px){div[style*=grid-template-columns\:2fr],div[style*="grid-template-columns: 2fr"]{grid-template-columns:1fr 40px 24px!important}}@media (width<=768px){div[style*="borderBottom:0.5px solid #e4e0d8"][style*=display\:flex]{overflow-x:auto!important}}@media (width<=380px){.acc-subtype,.acc-badge,td:nth-child(4),th:nth-child(4){display:none!important}}