.router-link-exact-active{@apply active;}.sidebar-fpp{background:linear-gradient(#0c0a0a,#1221c4b9),url(/assets/fpp2-9z2Whvy5.png);background-size:cover!important;background-position:center;background-repeat:no-repeat}.sidebar p{color:#f1f0f0}.router-link-exact-active p{color:#fff!important}.sidebar .nav>.nav-item a:active p{color:#fff!important}.nav-item.active{background-color:#fff!important}.nav-item.active i,.nav-item.active p{color:#fff!important}.sidebar .nav>.nav-item a{color:#ecedf3!important}.sidebar .nav>.nav-item a:hover{color:#bac1e9!important}.check-bahan-wrapper{width:100%;display:flex;justify-content:center;margin:20px 0 40px}.check-bahan-box{width:90%;max-width:500px;background:#fffc;padding:25px;border-radius:16px;box-shadow:0 8px 20px #0000001a;border:1px solid #e5e5e5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.check-title{text-align:center;font-size:20px;font-weight:700;margin-bottom:15px;color:#333}.barcode-input{width:100%;padding:12px;border:1px solid #ccc;border-radius:10px;font-size:15px;margin-bottom:12px;outline:none;transition:.2s}.barcode-input:focus{border-color:#4a8cff;box-shadow:0 0 5px #4a8cff4d}.check-btn{width:100%;padding:12px;background:#007bff;border:none;color:#fff;border-radius:10px;font-size:16px;cursor:pointer;transition:.2s}.check-btn:hover{background:#005fcc}.loading-text{text-align:center;margin-top:10px;color:#666;font-size:14px}.result-box{margin-top:15px;background:#d4f8d4;border:1px solid #79d379;padding:15px;border-radius:10px;color:#256b25}.error-box{margin-top:15px;background:#ffd1d1;border:1px solid #ff6c6c;padding:15px;border-radius:10px;color:#8b0000}