.login-container{background-color:#0f1335;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.login-card{text-align:center;background-color:#1b247a;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 8px 24px #0000004d}.login-title{color:#fff;margin-bottom:8px;font-size:24px;font-weight:700}.login-subtitle{color:#a3b3fa;margin-bottom:28px;font-size:14px}.form-group{text-align:left;margin-bottom:20px}.form-label{color:#a3b3fa;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input{color:#fff;box-sizing:border-box;background-color:#0f1335;border:1px solid #2e3b8f;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:#536eff}.btn-submit{color:#fff;cursor:pointer;background-color:#2544ff;border:none;border-radius:8px;width:100%;margin-top:10px;padding:14px;font-size:15px;font-weight:600;transition:background-color .2s}.btn-submit:hover{background-color:#536eff}.btn-submit:disabled{cursor:not-allowed;opacity:.7;background-color:#536eff}.error-message{color:#dc6f64;text-align:left;background-color:#dc6f6426;border:1px solid #dc6f644d;border-radius:6px;margin-bottom:20px;padding:12px;font-size:13px}.hint-text{color:#a3b3fa;background-color:#0f1335;border:1px solid #2e3b8f;border-radius:6px;margin-top:20px;padding:10px;font-size:12px;line-height:1.5}.sidebar{background-color:#1b247a;flex-direction:column;justify-content:space-between;width:260px;display:flex}.sidebar-brand{border-bottom:1px solid #2e3b8f;align-items:center;gap:12px;padding:24px 20px;display:flex}.brand-icon-wrapper{width:"36px";height:"36px";background-color:#2544ff;border-radius:8px;justify-content:center;align-items:center;display:flex}.brand-title{color:#fff;text-transform:capitalize;font-size:16px;font-weight:700}.brand-subtitle{color:#a3b3fa;margin-top:2px;font-size:12px}.sidebar-menu{margin:0;padding:20px 0;list-style:none}.menu-item{color:#a3b3fa;cursor:pointer;background-color:#0000;align-items:center;gap:12px;padding:14px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.menu-item:hover{color:#fff;background-color:#2544ff1a}.menu-item.active{color:#fff;background-color:#2544ff;border-radius:0 25px 25px 0;margin-right:16px;font-weight:600}.top-header{box-sizing:border-box;background-color:#1b247a;justify-content:space-between;align-items:center;height:70px;padding:16px 40px;display:flex}.user-info{align-items:center;gap:12px;display:flex}.avatar{object-fit:cover;background-color:#0f1335;border:2px solid #2544ff;border-radius:50%;width:38px;height:38px}.logout-btn{color:#dc6f64;cursor:pointer;background-color:#0000;border:1px solid #dc6f64;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.logout-btn:hover{color:#fff;background-color:#dc6f64}.table-controls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-wrapper{width:300px;position:relative}.search-bar{color:#fff;box-sizing:border-box;background-color:#0f1335;border:1px solid #2e3b8f;border-radius:6px;outline:none;width:100%;padding:10px 12px 10px 38px;font-size:14px}.search-icon{color:#a3b3fa;align-items:center;display:flex;position:absolute;top:52%;left:14px;transform:translateY(-50%)}.select-filter{color:#fff;cursor:pointer;background-color:#0f1335;border:1px solid #2e3b8f;border-radius:6px;outline:none;padding:10px 14px;font-size:14px}.table{border-collapse:collapse;width:100%}.th{color:#a3b3fa;text-align:left;border-bottom:1px solid #2e3b8f;padding:16px;font-size:13px;font-weight:500}.td{vertical-align:middle;border-bottom:1px solid #2e3b8f;padding:16px;font-size:14px}.product-cell{align-items:center;gap:14px;display:flex}.product-image{object-fit:contain;background-color:#0f1335;border-radius:6px;width:38px;height:38px}.product-title{color:#fff;font-weight:600}.product-brand{color:#a3b3fa;margin-top:2px;font-size:13px}.badge{color:#b4c478;text-transform:uppercase;background-color:#343823;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.status-wrapper{align-items:center;gap:8px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.in-stock{background-color:#00e676}.status-dot.out-of-stock{background-color:#dc6f64}.action-icons{gap:16px;display:flex}.action-btn{color:#a3b3fa;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex}.action-btn:hover{color:#fff}.pagination-wrapper{color:#a3b3fa;justify-content:space-between;align-items:center;margin-top:24px;font-size:14px;display:flex}.page-size-select{color:#fff;background-color:#0f1335;border:1px solid #2e3b8f;border-radius:6px;outline:none;margin:0 8px;padding:6px 12px}.pagination-pages{gap:6px;display:flex}.page-btn{color:#fff;cursor:pointer;background-color:#0f1335;border:1px solid #2e3b8f;border-radius:6px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-weight:600;display:flex}.page-btn.active{background-color:#2544ff;border:none}.state-message{text-align:center;color:#a3b3fa;padding:40px;font-size:16px}.modal-overlay{z-index:1000;background-color:#0f1335bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#1b247a;border-radius:12px;width:100%;max-width:480px;padding:32px;box-shadow:0 12px 36px #00000080}.modal-title{margin-bottom:20px;font-size:20px;font-weight:700}.modal-form-group{margin-bottom:16px}.modal-label{color:#a3b3fa;margin-bottom:6px;font-size:13px;display:block}.modal-input{color:#fff;box-sizing:border-box;background-color:#0f1335;border:1px solid #2e3b8f;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-cancel{color:#a3b3fa;cursor:pointer;background-color:#0000;border:none;padding:10px;font-weight:600}.btn-cancel:hover{color:#fff}.dashboard-layout{color:#fff;background-color:#0f1335;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.main-content{background-color:#0f1335;flex-grow:1;padding:0 0 40px}.content-wrapper{padding:32px 40px 0}.title-section{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.breadcrumb{color:#a3b3fa;margin-bottom:8px;font-size:13px}.main-title{margin:0;font-size:28px;font-weight:700}.btn-new-entry{color:#fff;cursor:pointer;background-color:#2544ff;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.btn-new-entry:hover{background-color:#536eff}.table-card{background-color:#1b247a;border-radius:12px;padding:24px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121843;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}