html,body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f3f7fb;color:#18354b}*,*::before,*::after{box-sizing:border-box}
.erp-shell{--blue-900:#103d67;--blue-800:#15588e;--blue-600:#1976b8;--blue-100:#eaf5fc;--surface:#fff;--canvas:#f3f7fb;--text:#18354b;--muted:#6e8799;min-height:100vh;background:var(--canvas);color:var(--text)}.erp-shell.dark-mode{--surface:#17283a;--canvas:#0d1926;--text:#e5f2fb;--muted:#9cb3c3}
.erp-input,.erp-select{min-height:38px;border:1px solid #b8d1df;border-radius:8px;padding:.5rem .7rem}.erp-input:focus,.erp-select:focus{outline:0;border-color:#1976b8;box-shadow:0 0 0 3px #1976b826}
.erp-topbar{position:fixed;inset:0 0 auto 0;z-index:20;height:72px;display:flex;align-items:center;gap:22px;padding:0 25px;color:#fff;background:linear-gradient(110deg,var(--blue-900),var(--blue-800));box-shadow:0 3px 14px #06274455}.erp-brand{display:flex;align-items:center;gap:10px;min-width:170px;font-size:1.15rem;font-weight:700;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff;color:var(--blue-900)}
.menu-search-wrap{position:relative;width:245px}.search-icon{position:absolute;left:12px;top:7px;font-size:1.3rem;color:#8eb8d6}.menu-search{width:100%;padding-left:35px!important;border:1px solid #ffffff45!important;color:#fff!important;background:#ffffff18!important}.menu-search::placeholder{color:#c6e0ef}.menu-search-results{position:absolute;top:44px;left:0;right:0;overflow:hidden;border-radius:9px;background:var(--surface);box-shadow:0 10px 25px #08283d40}.menu-result{display:block;width:100%;padding:10px 14px;border:0;text-align:left;color:var(--text);background:transparent}.menu-result:hover{background:var(--blue-100)}
.erp-context{display:flex;align-items:center;gap:10px;flex:1}.erp-context label{display:flex;flex-direction:column;gap:2px;color:#bad5e6;font-size:.66rem;text-transform:uppercase;letter-spacing:.05em}.erp-select,.date-input{min-width:120px;padding:6px 8px;border:1px solid #ffffff45;border-radius:6px;color:#fff;background:#ffffff18;font-size:.8rem}.erp-select option{color:#18354b}.date-input{min-width:126px}.erp-user-area{display:flex;align-items:center;gap:10px}.theme-toggle{border:0;color:#fff;background:transparent;font-size:1.25rem;cursor:pointer}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#67b4dc;color:#fff;font-weight:700}.user-details{display:flex;flex-direction:column;line-height:1.1}.user-details small{color:#b9d5e5;font-size:.7rem}.logout-button{padding:7px 12px;border:1px solid #ffffff60;border-radius:6px;color:#fff;background:transparent;font-size:.78rem;cursor:pointer}.logout-button:hover{background:#ffffff1c}
.erp-sidebar{position:fixed;top:72px;bottom:0;left:0;z-index:10;width:236px;max-height:calc(100vh - 72px);overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;background:var(--surface);border-right:1px solid #b9d0df66;box-shadow:2px 0 10px #09304c12}.erp-sidebar::-webkit-scrollbar{width:6px}.erp-sidebar::-webkit-scrollbar-thumb{border-radius:6px;background:#8aaac266}.erp-main{min-height:100vh;padding-top:72px;padding-left:236px}.erp-content{max-width:1500px;margin:0 auto;padding:30px}
.nav-header{padding:22px 20px 10px}.nav-caption{color:var(--muted);font-size:.67rem;font-weight:700;letter-spacing:.14em}.erp-nav{padding:0 12px 25px}.nav-group-title{margin:22px 10px 8px;color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.12em}.erp-nav-link{display:flex;align-items:center;gap:11px;margin:3px 0;padding:10px 11px;border-radius:8px;color:var(--muted);font-size:.87rem;text-decoration:none;transition:all .15s ease}.erp-nav-link:hover{color:var(--blue-600);background:var(--blue-100)}.erp-nav-link.active{color:#fff;background:linear-gradient(100deg,var(--blue-600),var(--blue-800));box-shadow:0 4px 10px #1976b833}.nav-icon{width:20px;text-align:center;font-size:1rem}
@media(max-width:980px){.erp-context{display:none}.menu-search-wrap{flex:1}.erp-user-area .user-details{display:none}}@media(max-width:640px){.erp-brand{min-width:auto}.erp-brand>span:last-child{display:none}.erp-topbar{gap:10px;padding:0 12px}.erp-sidebar{width:200px}.erp-main{padding-left:200px}.erp-content{padding:20px 14px}}
.sidebar-toggle{display:flex;width:42px;height:32px;padding:0;border:0;border-radius:18px;overflow:hidden;cursor:pointer;background:#fff;box-shadow:0 2px 8px #06274435}.toggle-half{display:grid;place-items:center;width:50%;font-size:1.35rem;line-height:1}.toggle-left{color:#fff;background:#2e879c}.toggle-right{color:#fff;background:#f4a18d}.sidebar-collapsed .erp-sidebar{width:72px}.sidebar-collapsed .erp-main{padding-left:72px}.sidebar-collapsed .nav-group-title,.sidebar-collapsed .erp-nav-link,.sidebar-collapsed .nav-dashboard{justify-content:center;font-size:0}.sidebar-collapsed .erp-nav-link .nav-icon,.sidebar-collapsed .nav-dashboard span{font-size:1rem}.sidebar-collapsed .nav-header{padding-left:0;padding-right:0;text-align:center}
.nav-module{display:flex;align-items:center;gap:11px;width:100%;margin:3px 0;padding:10px 11px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:.87rem;text-align:left;cursor:pointer}.nav-module:hover{color:var(--blue-600);background:var(--blue-100)}.nav-chevron{margin-left:auto;font-size:1.1rem}.nav-children{margin-left:12px;padding-left:8px;border-left:1px solid #b9d0df66}.sidebar-collapsed .nav-module{justify-content:center;font-size:0}.sidebar-collapsed .nav-module .nav-icon{font-size:1rem}.sidebar-collapsed .nav-chevron,.sidebar-collapsed .nav-children{display:none}
.sidebar-collapsed .nav-label{display:none}
.sidebar-collapsed.sidebar-hover .erp-sidebar{width:236px}.sidebar-collapsed.sidebar-hover .nav-label{display:inline}.sidebar-collapsed.sidebar-hover .nav-group-title{display:block}.sidebar-collapsed.sidebar-hover .nav-module,.sidebar-collapsed.sidebar-hover .erp-nav-link{justify-content:flex-start;font-size:.87rem}.sidebar-collapsed.sidebar-hover .nav-chevron{display:inline}.sidebar-collapsed.sidebar-hover .nav-children{display:block}
.erp-shell{overflow-x:hidden}.sidebar-collapsed .erp-sidebar:hover,.sidebar-collapsed .erp-sidebar:focus-within{width:236px!important}.sidebar-collapsed .erp-sidebar:hover .nav-label,.sidebar-collapsed .erp-sidebar:focus-within .nav-label{display:inline!important}.sidebar-collapsed .erp-sidebar:hover .nav-module,.sidebar-collapsed .erp-sidebar:focus-within .nav-module,.sidebar-collapsed .erp-sidebar:hover .erp-nav-link,.sidebar-collapsed .erp-sidebar:focus-within .erp-nav-link{justify-content:flex-start!important;font-size:.87rem!important}.sidebar-collapsed .erp-sidebar:hover .nav-chevron,.sidebar-collapsed .erp-sidebar:focus-within .nav-chevron{display:inline!important}.sidebar-collapsed .erp-sidebar:hover .nav-children,.sidebar-collapsed .erp-sidebar:focus-within .nav-children{display:block!important}
.erp-sidebar{transition:width .2s ease}.sidebar-collapsed .erp-sidebar:hover,.sidebar-collapsed .erp-sidebar:focus-within{width:236px}.sidebar-collapsed .erp-sidebar:hover .nav-label,.sidebar-collapsed .erp-sidebar:focus-within .nav-label{display:inline}.sidebar-collapsed .erp-sidebar:hover .nav-group-title,.sidebar-collapsed .erp-sidebar:focus-within .nav-group-title{display:block}.sidebar-collapsed .erp-sidebar:hover .nav-module,.sidebar-collapsed .erp-sidebar:focus-within .nav-module{justify-content:flex-start;font-size:.87rem}.sidebar-collapsed .erp-sidebar:hover .erp-nav-link,.sidebar-collapsed .erp-sidebar:focus-within .erp-nav-link{justify-content:flex-start;font-size:.87rem}.sidebar-collapsed .erp-sidebar:hover .nav-chevron,.sidebar-collapsed .erp-sidebar:focus-within .nav-chevron{display:inline}.sidebar-collapsed .erp-sidebar:hover .nav-children,.sidebar-collapsed .erp-sidebar:focus-within .nav-children{display:block}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(6,39,68,.48)}