:root{--inv-navy:#102a35;--inv-dark:#0b202b;--inv-gold:#caa669;--inv-paper:#f5f6f8;--inv-ink:#18313d;--inv-muted:#73808b;--inv-line:#e4e8ec}*{box-sizing:border-box}.inv-modern{margin:0;background:var(--inv-paper);font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif;color:var(--inv-ink)}.inv-modern a{color:inherit;text-decoration:none}.inv-modern input,.inv-modern select,.inv-modern button,.inv-modern textarea{font:inherit}.inv-icon{width:21px;height:21px;flex:0 0 21px;vertical-align:middle}.inv-modern :focus-visible{outline:3px solid #b98a43;outline-offset:3px}.inv-skip{position:fixed;top:-100px;left:20px;padding:12px;background:#fff;z-index:200}.inv-skip:focus{top:12px}.inv-sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:var(--inv-dark);color:#dce7e9;padding:30px 20px 20px;display:flex;flex-direction:column;z-index:50;overflow:auto}.inv-brand{display:flex;align-items:center;gap:12px;padding:0 4px 31px}.inv-brand img{object-fit:contain;background:#fff;border-radius:9px;padding:3px}.inv-brand strong{font-size:17px;letter-spacing:2px;color:#fff}.inv-brand small{display:block;font-size:10px;color:#9db0b9;margin-top:3px}.inv-nav-label{font-size:9px;font-weight:700;letter-spacing:1.9px;color:#849aa5;margin:14px 13px 12px}.inv-nav-link{display:flex;align-items:center;gap:13px;min-height:47px;padding:11px 13px;border-radius:9px;font-size:12px;margin-bottom:5px;color:#bacbd0!important}.inv-nav-link:hover{background:#ffffff09;color:#fff!important}.inv-nav-link.active{background:#caa66919;color:#eed29f!important;box-shadow:inset 0 0 0 1px #caa66930}.inv-nav-link .inv-icon{width:19px;height:19px;flex-basis:19px}.inv-sidebar-note{margin-top:auto;padding:32px 12px 4px}.inv-small-label{font-size:8px;letter-spacing:1.5px;color:#91a4ad;font-weight:700}.inv-sidebar-note strong{display:block;font-size:14px;color:#fff;margin-top:8px}.inv-sidebar-note p{font-size:11px;color:#93a7b1;line-height:1.7;margin:9px 0 22px}.inv-campus{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid #ffffff15;color:#ccb07d;font-size:9px;letter-spacing:1px}.inv-main{margin-left:254px;min-height:100vh;display:flex;flex-direction:column}.inv-topbar{height:81px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;background:#ffffffed;border-bottom:1px solid var(--inv-line);gap:20px}.inv-topbar-left{display:flex;align-items:center;gap:14px}.inv-breadcrumb{display:flex;gap:12px;font-size:12px;align-items:center;color:#7c8b95}.inv-breadcrumb b{font-weight:400;color:#b2bcc4}.inv-breadcrumb strong{font-weight:500;color:var(--inv-ink)}.inv-account{display:flex;align-items:center;gap:11px}.inv-date{font-size:10px;letter-spacing:1px;color:var(--inv-muted);border-right:1px solid var(--inv-line);padding-right:23px;margin-right:12px}.inv-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e8ecec;color:#27434a;font-weight:650;font-size:12px}.inv-account-name strong{display:block;font-size:11px;max-width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inv-account-name small{display:block;font-size:9px;color:#87939b;margin-top:2px}.inv-session-link{font-size:10px;color:#6e7c87!important;margin-left:13px}.inv-content{padding:34px 40px 28px;flex:1;min-width:0;max-width:1760px;width:100%;margin:auto}.inv-page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.inv-eyebrow{color:#8a7551;letter-spacing:2px;text-transform:uppercase;font-size:9px;font-weight:700;margin:0 0 7px}.inv-page-heading h1{font-size:27px;font-weight:650;letter-spacing:-.7px;margin:0}.inv-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--inv-line);padding:18px 40px;color:#87929a;font-size:10px}.inv-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:18px;background:var(--inv-navy);color:#fff;padding:34px 36px;position:relative;overflow:hidden;margin-bottom:24px}.inv-hero:after{content:"";position:absolute;right:90px;top:-145px;width:330px;height:330px;border-radius:50%;border:1px solid #ffffff09;box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02;pointer-events:none}.inv-hero-copy{position:relative;z-index:1;max-width:630px}.inv-hero-tag{font-size:9px;letter-spacing:2px;color:#e3c38c;font-weight:650;display:flex;align-items:center;gap:9px}.inv-hero-tag:before{content:"";width:21px;height:1px;background:#d3b477}.inv-hero h2{font-size:32px;font-weight:550;line-height:1.27;letter-spacing:-.8px;margin:14px 0 12px}.inv-hero h2 em{font-style:normal;color:#e5c990}.inv-hero p{font-size:12px;line-height:1.8;color:#b1c3ca;max-width:470px;margin:0}.inv-hero-cta{margin-top:22px;display:flex;gap:12px;align-items:center}.inv-hero-note{border-left:1px solid #ffffff20;padding:6px 8px 6px 32px;min-width:180px;z-index:1}.inv-hero-note span{color:#adc2cc;font-size:10px}.inv-hero-note strong{display:block;font-size:36px;font-weight:450;letter-spacing:-1.5px;margin:5px 0}.inv-hero-note small{color:#8faab4;font-size:10px}.inv-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:10px 17px;border:1px solid transparent;border-radius:9px;background:var(--inv-navy);color:#fff!important;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.inv-btn:hover{background:#224654}.inv-btn .inv-icon{width:16px;height:16px;flex-basis:16px}.inv-btn-gold{background:#ddbe89;color:#19313b!important}.inv-btn-gold:hover{background:#e9d0a4}.inv-btn-light{background:white;border-color:#dce3e7;color:#314956!important}.inv-btn-light:hover{background:#f5f7f9}.inv-btn-ghost{background:transparent;border-color:#ffffff2b;color:#d7e4e9!important}.inv-btn-small{min-height:33px;padding:7px 11px;font-size:10px}.inv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:30px}.inv-stat{background:white;border:1px solid var(--inv-line);border-radius:13px;padding:18px 20px;position:relative;min-height:120px}.inv-stat-label{font-size:10px;color:#7b8790}.inv-stat strong{display:block;font-size:28px;font-weight:600;letter-spacing:-.8px;margin:9px 0 3px;line-height:1.1}.inv-stat small{font-size:9px;color:#8c979e}.inv-stat-icon{position:absolute;right:19px;top:18px;display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eef2f3;color:#42606b}.inv-stat-icon.gold{background:#f7f1e7;color:#997e4c}.inv-stat-icon.green{background:#edf5f1;color:#417d6b}.inv-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px}.inv-section-heading h2{font-size:16px;font-weight:650;margin:0}.inv-section-heading p{font-size:10px;color:#89959e;margin:4px 0 0}.inv-section-heading>a{font-size:10px;color:#7d8c95}.inv-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:28px}.inv-module{padding:21px 20px 17px;border:1px solid var(--inv-line);border-radius:14px;background:#fff;display:flex;flex-direction:column;min-height:205px;transition:box-shadow .18s,transform .18s}.inv-module:hover{transform:translateY(-2px);box-shadow:0 12px 24px #17334308}.inv-module-icon{width:43px;height:43px;background:#edf2f4;color:#375768;border-radius:11px;display:grid;place-items:center}.inv-module.gold .inv-module-icon{background:#f7f1e7;color:#997e4c}.inv-module.green .inv-module-icon{background:#eaf4ef;color:#3e7863}.inv-module h3{font-size:14px;margin:18px 0 7px;font-weight:650}.inv-module p{font-size:11px;line-height:1.65;color:#849099;margin:0 0 20px;flex:1}.inv-module-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#6d7e88;border-top:1px solid #edf0f2;padding-top:13px}.inv-module-foot .inv-icon{width:16px;height:16px;flex-basis:16px;color:#9a7b44}.inv-bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.inv-panel{border:1px solid var(--inv-line);border-radius:14px;background:#fff;overflow:hidden}.inv-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 22px;border-bottom:1px solid #edf0f2}.inv-panel-head h2,.inv-panel-head h3{font-size:13px;font-weight:650;margin:0}.inv-panel-head p{font-size:10px;color:#89939b;margin:3px 0 0}.inv-panel-body{padding:21px 22px}.inv-quick-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #eef1f3}.inv-quick-row:last-child{border-bottom:0;padding-bottom:2px}.inv-quick-row:first-child{padding-top:0}.inv-quick-row>.inv-icon{color:#81919b}.inv-quick-row div{flex:1}.inv-quick-row strong{display:block;font-size:11px;font-weight:600}.inv-quick-row small{display:block;font-size:10px;color:#97a0a7;margin-top:3px}.inv-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:550;padding:5px 9px;border-radius:6px;background:#eef3f5;color:#5c7480}.inv-badge.green{background:#eaf4ee;color:#287454}.inv-badge.gold{background:#fbf2e2;color:#946b2d}.inv-badge.gray{background:#edf0f2;color:#7b858d}.inv-badge.red{background:#fff0ed;color:#b44938}.inv-note{font-size:11px;color:#7b8993;line-height:1.8}.inv-note strong{color:#3e5662}.inv-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:21px;flex-wrap:wrap}.inv-search{position:relative;flex:1;min-width:200px}.inv-search>.inv-icon{position:absolute;left:13px;top:11px;color:#98a5ad;width:18px;height:18px}.inv-input,.inv-select,.inv-textarea{width:100%;border:1px solid #dce2e6;border-radius:9px;background:white;padding:10px 12px;min-height:42px;color:#23404c;font-size:12px;outline:none}.inv-input:focus,.inv-select:focus,.inv-textarea:focus{border-color:#b89760;box-shadow:0 0 0 3px #caa66918}.inv-search .inv-input{padding-left:40px}.inv-filter{max-width:200px}.inv-table-wrap{overflow:auto}.inv-table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}.inv-table thead{background:#fafbfc}.inv-table th{font-size:9px;letter-spacing:.7px;color:#84929c;text-transform:uppercase;font-weight:600;padding:14px 20px;white-space:nowrap;border-bottom:1px solid #e8edf0}.inv-table td{padding:15px 20px;border-bottom:1px solid #edf0f2;vertical-align:middle}.inv-table tbody tr:last-child td{border-bottom:0}.inv-table tbody tr:hover{background:#fcfcfd}.inv-table td strong{font-weight:600}.inv-table small{display:block;color:#8d99a1;font-size:10px;margin-top:4px}.inv-code{font:11px Consolas,monospace;letter-spacing:.2px;color:#58717e;white-space:nowrap}.inv-number{text-align:right;white-space:nowrap}.inv-cell-title{min-width:250px;max-width:430px}.inv-pagination{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-top:1px solid #edf0f2;font-size:10px;color:#8d99a1;gap:12px;flex-wrap:wrap}.inv-pagination nav{display:flex;gap:7px;align-items:center}.inv-pagination a,.inv-pagination b{min-width:30px;padding:6px 10px;border:1px solid #e2e7ea;border-radius:6px;text-align:center;font-weight:500;color:#647b86}.inv-pagination b{background:#173642;color:white;border-color:#173642}.inv-empty{padding:48px 20px;text-align:center;color:#81919c}.inv-empty strong{display:block;color:#365360;margin-bottom:5px}.inv-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.inv-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.inv-field label{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.inv-field small{display:block;font-size:10px;color:#8b969e;line-height:1.6;margin-top:6px}.inv-field.full{grid-column:1/-1}.inv-check{display:flex;gap:8px;align-items:center;font-size:10px;color:#637984;margin-top:8px}.inv-check input{accent-color:#153641}.inv-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #edf0f2;padding:20px 22px}.inv-side-summary{padding:24px 22px}.inv-side-summary h3{font-size:13px;margin:0 0 18px}.inv-summary-line{display:flex;justify-content:space-between;gap:15px;margin:13px 0;font-size:11px;color:#88959e}.inv-summary-line strong{color:#294b59;font-weight:600}.inv-notice{background:#eaf5ee;color:#2e7454;border:1px solid #d3e8dc;border-radius:9px;padding:13px 17px;font-size:12px;margin-bottom:21px}.inv-notice.error{background:#fff1ef;border-color:#f1d9d5;color:#a54937}.inv-notice.info{background:#edf3f7;border-color:#dae6ee;color:#426b84}.inv-notice.warning{background:#faf3e5;border-color:#eadfc7;color:#856531}.inv-link{color:#876a3c!important;font-size:11px;text-decoration:underline!important;text-underline-offset:3px}.inv-menu-button{display:none;width:35px;height:35px;border:1px solid #e2e7eb;background:#fff;border-radius:7px;color:#284954}.inv-scrim{display:none}.inv-barcode{max-width:100%;height:52px}.inv-actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body.inv-legacy{background:var(--inv-paper)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;color:var(--inv-ink)}.inv-legacy .navbar-custom,.inv-legacy .topbar{background:var(--inv-dark)!important;box-shadow:none!important;border-bottom:1px solid #caa66955}.inv-legacy .navbar-brand{font-size:16px!important;letter-spacing:.1px!important}.inv-legacy .card,.inv-legacy .panel{border:1px solid var(--inv-line)!important;border-radius:14px!important;box-shadow:0 5px 20px #17334304!important;overflow:hidden}.inv-legacy .card-header{padding:16px 19px!important;background:var(--inv-navy)!important;color:#f7f8f8!important}.inv-legacy .card-header h5{font-size:15px!important;font-weight:600!important}.inv-legacy .card-body{padding:20px!important}.inv-legacy .table{font-size:12px!important}.inv-legacy .table thead th{font-size:10px!important;background:#f4f6f8!important;color:#47616f!important;padding:14px 12px!important;border-color:#e2e8ec!important}.inv-legacy .table td{padding:13px 12px!important;border-color:#e9edf0!important;vertical-align:middle!important}.inv-legacy .form-control,.inv-legacy .form-select{border-radius:8px!important;border-color:#dce3e8!important;min-height:37px}.inv-legacy .btn{border-radius:8px!important;font-weight:550}.inv-legacy .btn-primary{background:#173947!important;border-color:#173947!important}.inv-legacy .btn-warning{background:#dcc28e!important;border-color:#dcc28e!important;color:#263b46!important}.inv-legacy .sidebar{background:#fff!important;border-right:1px solid var(--inv-line);box-shadow:none!important}.inv-legacy .sidebar .nav-link{color:#68808c!important;border-radius:8px!important;margin:3px 8px;font-size:12px!important}.inv-legacy .sidebar .nav-link.active{background:#f5efe3!important;color:#80663e!important;border-left:3px solid #c4a26b!important}.inv-legacy .sidebar .nav-link:hover{background:#f4f7f8!important}.inv-legacy .main-content{padding:25px!important}.inv-legacy .hero{background:linear-gradient(120deg,#102a35,#1e4652)!important;border-radius:18px!important;box-shadow:none!important}.inv-legacy .stat-card{border:1px solid var(--inv-line)!important;border-radius:13px!important;box-shadow:none!important}.inv-legacy .stat-value{color:#214552!important}.inv-legacy .lux-btn-gold{background:#ddbe89!important;color:#19313b!important}.inv-legacy .tamu-badge{font-size:10px!important}.inv-legacy .barcode-card{box-shadow:none!important;background:white!important;border:1px solid #e1e7eb!important;min-width:130px}.inv-legacy .stok-aman{background:#fff!important}.inv-legacy .stok-menipis{background:#fffaf0!important}.inv-legacy .stok-habis{background:#fff5f3!important}.inv-mini-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 22px;background:#fff;border-bottom:1px solid var(--inv-line);font-size:11px}.inv-mini-nav a{color:#45606e;text-decoration:none;margin-right:14px}.inv-mini-nav strong{color:#a08350;font-size:10px;letter-spacing:1px}.inv-legacy .page-shell{padding-top:24px!important}.inv-legacy .premium-panel,.inv-legacy .filter-panel{box-shadow:none!important;border-color:#dfe6eb!important}
@media(min-width:1600px){.inv-module{min-height:220px}.inv-content{padding-top:40px}.inv-hero{padding:42px}.inv-hero h2{font-size:38px}}@media(max-width:1250px){.inv-topbar{padding:0 25px}.inv-content{padding:28px 25px}.inv-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-hero h2{font-size:28px}.inv-hero-note{min-width:130px;padding-left:22px}.inv-stat{padding:17px 16px}.inv-stat-icon{right:12px}.inv-form-layout{grid-template-columns:minmax(0,1fr) 250px}.inv-date{display:none}}@media(max-width:980px){.inv-sidebar{transform:translateX(-100%);transition:transform .2s}.inv-main{margin-left:0}.inv-menu-button{display:grid;place-items:center}.inv-nav-open .inv-sidebar{transform:translateX(0)}.inv-nav-open .inv-scrim{display:block;position:fixed;inset:0;background:#0c253455;z-index:40}.inv-form-layout{grid-template-columns:1fr}.inv-side-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.inv-side-summary h3,.inv-side-summary p,.inv-side-summary .inv-barcode{grid-column:1/-1}.inv-legacy .main-content{padding:18px!important}}@media(max-width:640px){.inv-topbar{height:68px;padding:0 16px}.inv-breadcrumb>span,.inv-breadcrumb>b,.inv-account-name,.inv-session-link{display:none}.inv-content{padding:23px 16px}.inv-page-heading{margin-bottom:19px}.inv-page-heading h1{font-size:24px}.inv-eyebrow{font-size:8px}.inv-hero{padding:25px;display:block}.inv-hero h2{font-size:28px}.inv-hero-note{display:none}.inv-hero p{font-size:11px}.inv-hero-cta{flex-wrap:wrap}.inv-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:26px}.inv-stat{min-height:115px;padding:15px}.inv-stat strong{font-size:26px;margin-top:13px}.inv-stat-label{font-size:9px}.inv-stat-icon{width:25px;height:25px;right:11px;top:13px}.inv-stat-icon svg{width:15px;height:15px;flex-basis:15px}.inv-module-grid{gap:11px}.inv-module{padding:17px 15px;min-height:217px}.inv-module-icon{width:37px;height:37px}.inv-module h3{font-size:12px;margin-top:15px}.inv-module p{font-size:10px}.inv-module-foot{font-size:8px}.inv-bottom-grid{grid-template-columns:1fr}.inv-section-heading>a{display:none}.inv-form-grid{grid-template-columns:1fr;gap:17px}.inv-field.full{grid-column:auto}.inv-panel-body{padding:19px 17px}.inv-panel-head{padding:17px;align-items:start;flex-wrap:wrap}.inv-actions{padding:17px;flex-wrap:wrap}.inv-toolbar{gap:9px}.inv-filter{max-width:none;flex:1;min-width:130px}.inv-search{min-width:100%;order:-1}.inv-pagination{padding:15px}.inv-footer{padding:17px;font-size:9px}.inv-footer span:last-child{display:none}.inv-legacy .navbar-brand{font-size:13px!important;white-space:normal}.inv-mini-nav{padding:10px 13px;flex-wrap:wrap;gap:5px}.inv-mini-nav strong{display:none}.inv-legacy .main-content{padding:14px!important}.inv-legacy .card-body{padding:15px!important}.inv-legacy .sidebar .nav{flex-direction:row!important;overflow:auto;flex-wrap:nowrap}.inv-legacy .sidebar .nav-link{white-space:nowrap;margin:3px;font-size:11px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.inv-sidebar,.inv-topbar,.inv-toolbar,.inv-actions,.inv-footer,.inv-mini-nav{display:none!important}.inv-main{margin:0}.inv-content{padding:0}.inv-table th,.inv-table td{padding:6px;font-size:9px}.inv-legacy .sidebar,.inv-legacy .navbar{display:none!important}}
.inv-btn-outline{border:1px solid #ffffff40!important;color:#e3edf1!important;background:transparent!important}.inv-login{min-height:100vh;display:grid;place-items:center;padding:32px;background:#e9eef1}.inv-login-shell{width:min(100%,1050px);display:grid;grid-template-columns:1.1fr 1fr;border-radius:24px;overflow:hidden;background:white;box-shadow:0 30px 85px #19344315}.inv-login-intro{background:linear-gradient(135deg,#102a35,#214955);padding:45px;color:white;min-height:640px;display:flex;flex-direction:column;justify-content:space-between}.inv-login-intro .inv-brand{padding:0;margin:0}.inv-login-intro h1{font-size:38px;line-height:1.25;letter-spacing:-1px;font-weight:500;margin:20px 0}.inv-login-intro h1 em{font-style:normal;color:#e2c28c}.inv-login-intro p{font-size:13px;color:#c4d4db;max-width:320px;line-height:1.9}.inv-login-intro>small{font-size:10px;color:#a4bdc8}.inv-login-form{padding:46px;align-self:center}.inv-login-form>.inv-eyebrow{margin-top:46px}.inv-login-form h2{font-size:26px;letter-spacing:-.7px;margin:10px 0}.inv-login-form>.inv-note{margin-bottom:30px}.inv-login-divider{display:flex;align-items:center;gap:15px;font-size:10px;color:#95a1a8;margin:24px 0}.inv-login-divider:before,.inv-login-divider:after{content:'';height:1px;background:#e6ecef;flex:1}.inv-modern .inv-login-form .inv-field label{font-size:12px}.inv-legacy .text-white-50{color:#8b795e!important}@media(max-width:760px){.inv-login{padding:18px}.inv-login-shell{grid-template-columns:1fr;max-width:460px}.inv-login-intro{min-height:auto;padding:26px}.inv-login-intro>div,.inv-login-intro>small{display:none}.inv-login-form{padding:27px}.inv-login-form>.inv-eyebrow{margin-top:27px}}.inv-btn,.inv-input,.inv-select{min-height:40px}