html{scroll-behavior:smooth}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;max-height:100vh!important;overflow-x:hidden}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}*{box-sizing:border-box;padding:0;margin:0}#root{margin:0;padding:0;width:100%;max-height:100vh!important;overflow-x:hidden}.App-admin{color:#000;width:100%;max-height:100vh}.sidebar{min-width:280px;max-height:100vh;background:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;position:relative;left:0;top:0;z-index:100;box-shadow:2px 0 8px #0000000d}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:24px;font-weight:700;color:#000;margin:0 0 4px;letter-spacing:-.5px}.sidebar-header p{font-size:12px;color:#666;margin:0}.sidebar-close{display:none;background:none;border:none;color:#000;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.sidebar-close svg{width:24px;height:24px}.sidebar-close:hover{background:#f5f5f5}@media only screen and (min-width:576px)and (max-width:798px),only screen and (min-width:0px)and (max-width:576px){.sidebar-close{display:flex;align-items:center;justify-content:center}}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:4px}.menu-item-container{margin-bottom:4px}.menu-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .2s ease;position:relative}.menu-item:hover{background:#f5f5f5}.menu-item.active{background:#000;color:#fff}.menu-item.active .menu-icon,.menu-item.active .menu-label,.menu-item.active .menu-arrow{color:#fff}.menu-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#fff}.menu-icon{font-size:18px;margin-right:12px;width:24px;display:flex;align-items:center;justify-content:center}.menu-label{flex:1;font-size:14px;font-weight:500;color:#1a1a1a}.menu-arrow{font-size:10px;color:#666;transition:transform .2s ease}.submenu{background:#f5f5f5;padding:4px 0;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.submenu-item{padding:10px 20px 10px 56px;font-size:13px;color:#1a1a1a;cursor:pointer;transition:all .2s ease;position:relative}.submenu-item:hover{background:#ededed;padding-left:60px}.submenu-item.active{color:#000;font-weight:600;background:#e8e8e8}.submenu-item.active:before{content:"";position:absolute;left:40px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#000;border-radius:50%}.sidebar-footer{border-top:1px solid #e5e5e5;padding:16px 20px;margin-top:auto}.user-profile{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-info{flex:1}.user-info p{margin:0}.user-name{font-size:14px;font-weight:600;color:#000;margin-bottom:2px}.user-role{font-size:12px;color:#666}@media only screen and (min-width:798px)and (max-width:1200px){.sidebar{width:240px}.menu-label{font-size:13px}}@media only screen and (min-width:576px)and (max-width:798px),only screen and (min-width:0px)and (max-width:576px){.sidebar{width:280px;max-width:85%;position:fixed;transform:translate(-100%);transition:transform .3s ease;z-index:200}.sidebar.open{transform:translate(0)}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:150;animation:fadeIn .3s ease}@media only screen and (min-width:576px)and (max-width:798px),only screen and (min-width:0px)and (max-width:576px){.sidebar-overlay{display:block}}.header{width:100%;background:#fff;border-bottom:1px solid #e5e5e5;top:0;z-index:100}.header__container{max-width:1200px;margin:auto;padding:0 16px;height:60px;display:flex;align-items:center;justify-content:space-between}.header__logo{position:absolute;left:50%;transform:translate(-50%)}.header__logo img{height:20px;display:block}.header__menu-icon{display:none;background:none;border:none;font-size:26px;cursor:pointer;z-index:1001!important}.mobile-menu{display:none}@media(max-width:768px){.header__container{justify-content:space-between}.header__logo{position:static;transform:none}.header__menu-icon{display:block;margin-left:auto}.mobile-menu.open{display:flex}.mobile-menu{display:none;flex-direction:column;position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#fff;box-shadow:-4px 0 12px #0000001a;padding:60px 20px;transition:right .3s ease;z-index:1000}.mobile-menu a{text-decoration:none;color:#111827;font-size:16px;font-weight:500;margin-bottom:20px;transition:color .2s ease}.mobile-menu a:hover{color:#000}.mobile-menu a:last-child{margin-bottom:0}.mobile-menu a.active{color:#fff;background-color:#000;font-weight:600}.mobile-menu.open{right:0}}@media(max-width:768px)and (min-width:1024px){.mobile-menu{display:none}}.pagination-container{display:flex;justify-content:flex-end;align-items:center;padding:20px 0;margin-top:20px}.pagination-container .MuiPagination-root{display:flex;justify-content:center}.pagination-container .MuiPaginationItem-root{font-size:1rem;min-width:36px;height:36px;margin:0 4px;border-radius:40px;transition:all .3s ease}.pagination-container .MuiPaginationItem-root:hover{background-color:#00000014}.pagination-container .MuiPaginationItem-root.Mui-selected{background-color:#000;color:#fff;font-weight:600}.pagination-container .MuiPaginationItem-root.Mui-selected:hover{background-color:#1a1a1a}.action-button{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;min-height:44px;transition:all .2s ease;font-family:Segoe UI,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;outline:none}@media(max-width:768px){.action-button{padding:10px 16px;font-size:14px;min-height:40px}}@media only screen and (min-width:0px)and (max-width:576px){.action-button{width:100%;padding:12px 18px;font-size:15px}}.action-button .button-icon{display:flex;align-items:center;justify-content:center;font-size:18px}@media only screen and (min-width:0px)and (max-width:576px){.action-button .button-icon{font-size:16px}}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.primary{background:#000;color:#fff}.action-button.primary:hover:not(:disabled){background:#374151;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.action-button.primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.action-button.secondary{background:#fff;color:#000;border:1px solid #e5e7eb}.action-button.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.action-button.secondary:active:not(:disabled){background:#f3f4f6}.action-button.outline{background:transparent;border:1px solid #000000;color:#000}.action-button.outline:hover:not(:disabled){background:#000;color:#fff}.action-button.outline:active:not(:disabled){background:#374151}.action-button.danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.action-button.danger:hover:not(:disabled){background:#fecaca;border-color:#fca5a5}.action-button.danger:active:not(:disabled){background:#fca5a5}.confirm-dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.confirm-dialog{background:#fff;border-radius:12px;padding:32px;max-width:450px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@media(max-width:768px){.confirm-dialog{padding:24px;max-width:90%}}.confirm-dialog-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px}.confirm-dialog-icon.warning{background-color:#fef3c7;color:#f59e0b}.confirm-dialog-icon.danger{background-color:#fee2e2;color:#ef4444}.confirm-dialog-icon.info{background-color:#dbeafe;color:#3b82f6}@media(max-width:768px){.confirm-dialog-icon{width:56px;height:56px;font-size:28px;margin-bottom:20px}}.confirm-dialog-content{text-align:center;margin-bottom:32px}.confirm-dialog-content h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 12px;font-family:Segoe UI,sans-serif}@media(max-width:768px){.confirm-dialog-content h3{font-size:18px;margin-bottom:10px}}.confirm-dialog-content p{font-size:15px;color:#6b7280;margin:0;line-height:1.6;font-family:Segoe UI,sans-serif}@media(max-width:768px){.confirm-dialog-content p{font-size:14px}}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end}@media(max-width:768px){.confirm-dialog-actions{gap:10px;flex-direction:column-reverse}}.confirm-dialog-actions button{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;font-family:Segoe UI,sans-serif;cursor:pointer;transition:all .2s ease;border:none;min-width:100px;outline:none}@media(max-width:768px){.confirm-dialog-actions button{width:100%;padding:14px 24px;font-size:14px}}.confirm-dialog-actions button:active{transform:scale(.98)}.confirm-dialog-actions .btn-cancel{background-color:#f3f4f6;color:#374151}.confirm-dialog-actions .btn-cancel:hover{background-color:#e5e7eb}.confirm-dialog-actions .btn-cancel:focus{box-shadow:0 0 0 3px #9ca3af33}.confirm-dialog-actions .btn-confirm{color:#fff}.confirm-dialog-actions .btn-confirm.warning{background-color:#f59e0b}.confirm-dialog-actions .btn-confirm.warning:hover{background-color:#d97706}.confirm-dialog-actions .btn-confirm.warning:focus{box-shadow:0 0 0 3px #f59e0b4d}.confirm-dialog-actions .btn-confirm.danger{background-color:#ef4444}.confirm-dialog-actions .btn-confirm.danger:hover{background-color:#dc2626}.confirm-dialog-actions .btn-confirm.danger:focus{box-shadow:0 0 0 3px #ef44444d}.confirm-dialog-actions .btn-confirm.info{background-color:#3b82f6}.confirm-dialog-actions .btn-confirm.info:hover{background-color:#2563eb}.confirm-dialog-actions .btn-confirm.info:focus{box-shadow:0 0 0 3px #3b82f64d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-controls{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%;flex-wrap:nowrap}@media(max-width:1024px){.filter-controls{gap:10px}}@media(max-width:768px){.filter-controls{gap:8px;flex-direction:row;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}.filter-controls::-webkit-scrollbar{height:6px}.filter-controls::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.filter-controls::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.filter-controls::-webkit-scrollbar-thumb:hover{background:#555}}@media only screen and (min-width:0px)and (max-width:576px){.filter-controls{overflow-x:auto;flex-direction:row;gap:10px;padding-bottom:8px;justify-content:flex-start;-webkit-overflow-scrolling:touch}}.filter-item{display:flex;align-items:center;flex-shrink:0}@media only screen and (min-width:0px)and (max-width:576px){.filter-item{min-width:fit-content}}.filter-select{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;cursor:pointer;font-size:14px;background:#fff;color:#374151;min-width:150px;transition:all .2s ease;font-family:Segoe UI,sans-serif;flex-shrink:0}@media(max-width:768px){.filter-select{font-size:13px;padding:7px 10px;min-width:130px}}@media only screen and (min-width:0px)and (max-width:576px){.filter-select{min-width:120px;font-size:14px;padding:10px 12px}}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000000d}.filter-select option{padding:8px;background:#fff;color:#374151}.filter-select option:hover{background:#f9fafb}.clear-filters-btn{padding:8px 16px;border-radius:6px;border:1px solid #000000;background:transparent;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Segoe UI,sans-serif;flex-shrink:0;display:inline-block}@media(max-width:1024px){.clear-filters-btn{font-size:13px;padding:7px 12px}}@media(max-width:768px){.clear-filters-btn{font-size:13px;padding:7px 14px}}@media only screen and (min-width:0px)and (max-width:576px){.clear-filters-btn{padding:10px 16px;font-size:14px}}.clear-filters-btn:hover:not(:disabled){background:#000;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.clear-filters-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.clear-filters-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#d1d5db;color:#9ca3af}.MuiSnackbar-root{z-index:9999}.MuiAlert-root{font-family:Segoe UI,sans-serif;font-size:14px;box-shadow:0 4px 12px #00000026;border-radius:8px}.MuiAlert-root .MuiAlert-message{padding:4px 0}.MuiAlert-root .MuiAlert-action{padding:4px 8px 4px 0}.posst-login{max-height:calc(100vh - 60px);background-color:#fff;padding:0}.posst-login__container{display:flex;flex-direction:row;justify-content:center;height:calc(100vh - 60px);gap:20px}.posst-login__tagline{font-size:1rem;color:#e5e5e5;letter-spacing:.15em;margin-top:.25rem;text-transform:uppercase;font-weight:300}.posst-login__right{min-width:400px;max-height:calc(100vh - 60px);background-color:#fff;display:flex;align-items:center;justify-content:center}.posst-login__form-wrapper{width:100%;max-width:500px;padding:5px 40px;border:1px solid black;display:flex;flex-direction:column;justify-content:center}.posst-login__header{margin-bottom:2.5rem;text-align:left}.posst-login__title{font-size:2rem;font-weight:600;color:#000;margin-bottom:.5rem;letter-spacing:-.02em}.posst-login__subtitle{font-size:.95rem;color:#666;font-weight:400}.posst-login__form{display:flex;flex-direction:column;gap:1.5rem}.posst-login__field{display:flex;flex-direction:column;gap:.5rem}.posst-login__label{font-size:.875rem;font-weight:500;color:#000;letter-spacing:.01em}.posst-login__input-wrapper{position:relative;display:flex;align-items:center}.posst-login__input-icon{position:absolute;left:1rem;color:#666;pointer-events:none}.posst-login .posst-login__error{color:#e63946;font-size:.8rem;margin-top:.25rem}.posst-login .posst-login__input.error{border-color:#e63946!important}.posst-login__input{width:100%;padding:.875rem 1rem .875rem 3rem;border:1.5px solid #e5e5e5;border-radius:8px;font-size:.95rem;color:#000;background-color:#fff}.posst-login__input::placeholder{color:#666}.posst-login__input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000000d}.posst-login__input:hover{border-color:#666}.posst-login__toggle-password{position:absolute;right:1rem;background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;outline:none}.posst-login__toggle-password:hover{color:#000}.posst-login__toggle-password:focus{outline:none}.posst-login__options{display:flex;justify-content:space-between;align-items:center;margin-top:-.5rem}.posst-login__checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;background-color:transparent!important}.posst-login__checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;border:1.5px solid #e5e5e5;border-radius:4px;background-color:transparent!important}.posst-login__checkbox input[type=checkbox]:checked{accent-color:#000000}.posst-login__checkbox-text{background-color:#fff!important;font-size:.875rem;color:#1a1a1a;-webkit-user-select:none;user-select:none}.posst-login__forgot{font-size:.875rem;color:#000;text-decoration:none;font-weight:500}.posst-login__forgot:hover{opacity:.7}.posst-login__button{width:100%;padding:.875rem 1.5rem;background-color:#000;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;margin-top:.5rem;letter-spacing:.02em;min-height:48px;margin-bottom:5%}.posst-login__button:hover:not(:disabled){background-color:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.posst-login__button:active:not(:disabled){transform:translateY(0)}.posst-login__button:disabled{cursor:not-allowed;opacity:.7}.posst-login__button--loading{pointer-events:none}.posst-login__loader{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.posst-login__divider{display:flex;align-items:center;text-align:center;margin:2rem 0 1.5rem}.posst-login__divider:before,.posst-login__divider:after{content:"";flex:1;border-bottom:1px solid #e5e5e5}.posst-login__divider span{padding:0 1rem;font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.posst-login__social{display:flex;gap:1rem}.posst-login__social-btn{flex:1;padding:.875rem 1rem;background-color:#fff;border:1.5px solid #e5e5e5;border-radius:8px;font-size:.95rem;font-weight:500;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.posst-login__social-btn .google-icon{width:20px;height:20px}.posst-login__social-btn svg{flex-shrink:0}.posst-login__social-btn:hover{border-color:#000;background-color:#f5f5f5}.posst-login__social-btn:active{transform:scale(.98)}.posst-login__footer{margin-top:2rem;text-align:center;font-size:.95rem;color:#666}.posst-login__link{color:#000;text-decoration:none;font-weight:500}.posst-login__link:hover{opacity:.7}@media only screen and (min-width:576px)and (max-width:798px){.posst-login__container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;height:calc(100vh - 60px);gap:0}.posst-login__tagline{font-size:.85rem}.posst-login__right{width:100%!important;padding:1rem}.posst-login__form-wrapper{padding:20px 25px;max-width:400px;border:none;border:1px solid #000000}.posst-login__header{margin-bottom:10px;text-align:center}.posst-login__title{font-size:1.75rem}.posst-login__subtitle{font-size:.9rem}.posst-login__form{gap:1.25rem}.posst-login__options{flex-direction:column;gap:1rem;align-items:flex-start}.posst-login__divider{margin:1.5rem 0 1.25rem}.posst-login__footer{margin-top:1.5rem;font-size:.9rem}}@media only screen and (min-width:0px)and (max-width:576px){.posst-login__container{flex-direction:column;height:auto;height:calc(100vh - 60px);gap:0}.posst-login__tagline{font-size:.85rem}.posst-login__right{width:100%!important;padding:1rem}.posst-login__form-wrapper{padding:20px 25px;max-width:100%;border:none;border:1px solid #000000}.posst-login__header{margin-bottom:10px;text-align:center}.posst-login__title{font-size:1.75rem}.posst-login__subtitle{font-size:.9rem}.posst-login__form{gap:1.25rem}.posst-login__options{flex-direction:column;gap:1rem;align-items:flex-start}.posst-login__divider{margin:1.5rem 0 1.25rem}.posst-login__footer{margin-top:1.5rem;font-size:.9rem}}.dashboard-layout{display:flex;height:calc(100vh - 60px)!important;background:#f6f7fb;flex-direction:row}.dashboard-content{width:100%;height:calc(100vh - 60px)!important;overflow-y:auto;padding:20px}.dashboard-content::-webkit-scrollbar{display:none}@media(max-width:1024px){.dashboard-content{margin-left:0}}.dashboard{background:#f6f7fb;height:100vh;font-family:Segoe UI,sans-serif}@media only screen and (min-width:1200px)and (max-width:1400px){.dashboard{padding:24px}}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:28px;font-weight:600;color:#1f2937}@media(max-width:798px){.dashboard-header h1{font-size:22px}}@media only screen and (min-width:798px)and (max-width:1200px){.dashboard-header h1{font-size:24px}}@media only screen and (min-width:1200px)and (max-width:1400px){.dashboard-header h1{font-size:28px}}.dashboard-header p{color:#6b7280;margin-top:4px}@media(max-width:798px){.dashboard-header p{font-size:12px}}@media only screen and (min-width:798px)and (max-width:1200px){.dashboard-header p{font-size:13px}}@media only screen and (min-width:1200px)and (max-width:1400px){.dashboard-header p{font-size:14px}}@media(max-width:798px){.stats-grid{grid-template-columns:1fr}}@media(max-width:798px){.stat-card span{font-size:20px}}@media only screen and (min-width:798px)and (max-width:1200px){.stat-card span{font-size:22px}}.dashbord-table-section{max-width:1200px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:24px;overflow-x:auto}@media(max-width:798px){.dashbord-table-section{padding:12px}}@media only screen and (min-width:798px)and (max-width:1200px){.dashbord-table-section{padding:16px}}.dashbord-table-section h2{font-size:20px;margin-bottom:16px;color:#1f2937}@media(max-width:798px){.dashbord-table-section h2{font-size:16px;margin-bottom:12px}}.dashbord-table-section h2 h2{font-size:18px;margin-bottom:14px}.models-table{width:100%;border-collapse:collapse}.models-table th,.models-table td{text-align:left;padding:12px;font-size:14px;color:#374151;white-space:nowrap}@media(max-width:768px){.models-table th,.models-table td{padding:10px 8px;font-size:13px}}@media only screen and (min-width:798px)and (max-width:1200px){.models-table th,.models-table td{font-size:13px;padding:10px}}.models-table th{background:#f3f4f6;font-weight:600}.models-table .action-tab{max-width:150px}.models-table tr:hover{background:#f9fafb}.models-table tbody tr{border-bottom:1px solid #e5e7eb}.actions{display:flex;gap:10px!important;flex-wrap:nowrap;align-items:center;max-width:150px}.actions button{font-size:14px;border:none;cursor:pointer;background:none;color:#000;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:6px 12px;border-radius:6px;min-height:36px}.actions button:hover{background:#e5e7eb}.actions button.view-btn{background:transparent;color:#000;border:1px solid #d1d5db;font-size:14px;font-weight:500;outline:none}.actions button.view-btn svg{color:#252525}.actions button.view-btn:hover{background:#e9e9ea}.actions button.delete-btn{color:red;padding:6px 8px;font-size:18px;background-color:transparent}@media only screen and (min-width:798px)and (max-width:1200px){.actions button{font-size:13px;padding:6px 10px}}@media(max-width:798px){.actions button{font-size:13px;padding:6px 10px;min-height:32px}.actions button.delete-btn{font-size:16px;padding:6px}}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.quick-actions button{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;flex:1;min-height:44px;transition:all .2s ease}.quick-actions button.primary{background:#000;color:#fff}.quick-actions button.primary:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.quick-actions button.primary:active{transform:translateY(0)}.quick-actions button.secondary{background:#fff;color:#000;border:1px solid #e5e7eb}.quick-actions button.secondary:hover{background:#f9fafb;border-color:#d1d5db}.quick-actions button.outline{background:transparent;border:1px solid #000000;color:#000}.quick-actions button.outline:hover{background:#000;color:#fff}@media only screen and (min-width:798px)and (max-width:1200px){.quick-actions button{font-size:13px;padding:10px 16px}}@media(max-width:768px){.quick-actions button{font-size:14px;padding:10px 16px;flex:1 1 100%;width:100%}}.bike-detail{max-width:1200px;height:100vh;overflow-y:scroll}.bike-detail::-webkit-scrollbar{width:8px}.bike-detail .detail-header{display:flex;align-items:center;gap:4px;margin-bottom:2rem}.bike-detail .detail-header .back-btn{background:transparent;color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.bike-detail .detail-header .back-btn h1{font-size:2rem;color:#000;padding:0;margin:0}.bike-detail .bike-info-card{overflow:hidden}.bike-detail .info-section{padding:2rem;background-color:#fff;border-radius:12px;margin-bottom:32px}.bike-detail .info-section h2{font-size:1.5rem;color:#000;margin-bottom:1.5rem}.bike-detail .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.bike-detail .info-section .info-item{display:flex;flex-direction:column;gap:.5rem}.bike-detail .info-section .info-item .label{font-size:.875rem;color:#a6a7a8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.bike-detail .info-section .info-item .value{font-size:1.25rem;color:#000;font-weight:600}.bike-detail .info-section .info-item .value.total-price{color:#000;font-size:1.5rem}.bike-detail .components-section{padding:2rem;border-radius:12px;background-color:#fff}.bike-detail .components-section h2{font-size:1.5rem;color:#000;margin-bottom:1.5rem}.bike-detail .components-section .category-card{background:#f7fafc;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.bike-detail .components-section .category-card h3{font-size:1.25rem;color:#000;margin-bottom:1rem;text-transform:capitalize}.bike-detail .components-section .category-card .standard-item{display:flex;gap:1rem;padding:.75rem;background:#fff;border-radius:6px;margin-bottom:1rem}.bike-detail .components-section .category-card .standard-item .label{font-weight:600;color:#000}.bike-detail .components-section .category-card .standard-item .value{color:#000}.bike-detail .components-section .category-card .upgrades-list h4{font-size:1rem;color:#000;margin-bottom:.75rem}.bike-detail .components-section .category-card .upgrades-list .upgrade-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:6px;margin-bottom:.75rem;border:2px solid transparent;transition:all .3s ease}.bike-detail .components-section .category-card .upgrades-list .upgrade-item.selected{border-color:#000;background:#fff}.bike-detail .components-section .category-card .upgrades-list .upgrade-item .upgrade-info{width:100%;display:flex;justify-content:space-between;gap:.25rem}.bike-detail .components-section .category-card .upgrades-list .upgrade-item .upgrade-info .upgrade-name{font-weight:600;color:#000}.bike-detail .components-section .category-card .upgrades-list .upgrade-item .upgrade-info .upgrade-price{color:#000;font-weight:500}.bike-detail .components-section .category-card .upgrades-list .upgrade-item .selected-badge{background:#000;color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.875rem;font-weight:600}@media(max-width:768px){.bike-type-page{padding:16px;margin-left:0}}@media(max-width:600px){.bike-type-page{padding:12px}}.bike-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.bike-grid{grid-template-columns:1fr;gap:16px}}.column{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 6px #0000001a}@media(max-width:600px){.column{padding:12px}}.column h3{margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:5px;font-size:18px}@media(max-width:600px){.column h3{font-size:16px}}.item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}.item span{flex:1;padding:10px;border-radius:6px;cursor:pointer;background:#f5f5f5}.item span:hover{background:#e0e0e0}.item.active span{background:#060606;color:#fff}.item .actions{display:flex;background-color:transparent!important;gap:5px;flex-wrap:nowrap}.item .actions button{font-size:16px;border:none;cursor:pointer;background:none;color:#000;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:6px 8px;border-radius:6px;min-height:36px;min-width:36px}.item .actions button:hover{background:#e5e7eb}.item .actions button.delete{background:none;color:red}.item .actions button.delete:hover{background:#fecaca}@media(max-width:600px){.item .actions button{font-size:14px;padding:6px;min-height:32px;min-width:32px}}.placeholder{color:#999;font-style:italic}.dashboard-layout{display:flex;height:calc(100vh - 60px)!important}.dashboard-content{flex:1;padding:30px;overflow-y:auto}.category-container{margin:0 auto}.category-container .category-header{margin-bottom:25px}.category-container .category-header h1{font-size:1.8rem;margin-bottom:5px}.category-container .category-header p{font-size:.95rem}.category-container .selector-container{display:flex;gap:20px;margin-bottom:30px;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d}.category-container .selector-container .selector-group{display:flex;flex-direction:column;gap:8px}.category-container .selector-container .selector-group label{font-weight:600;font-size:.85rem}.category-container .selector-container .selector-group .select-wrapper{position:relative;display:flex;align-items:center}.category-container .selector-container .selector-group .select-wrapper select{width:100%;padding:12px 15px;border-radius:8px;font-size:.95rem;cursor:pointer;appearance:none}.category-container .selector-container .selector-group .select-wrapper select:focus{outline:none}.category-container .selector-container .selector-group .select-wrapper .select-icon{position:absolute;right:12px;pointer-events:none}.category-container .category-card{border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.category-container .category-card .column{padding:25px}.category-container .category-card .column h2{font-size:1.4rem;margin-bottom:20px;padding-bottom:10px}.category-container .category-card .column .quick-actions{margin-bottom:20px;width:fit-content}.category-container .category-card .column .quick-actions .add-btn{width:100%;padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer}.category-container .category-card .column .quick-actions .add-btn:hover{transform:translateY(-2px)}.category-container .category-card .column .category-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:12px;cursor:pointer}.category-container .category-card .column .category-item:hover{box-shadow:0 2px 10px #0000000d}.category-container .category-card .column .category-item.active span{font-weight:600}.category-container .category-card .column .category-item span{font-size:1rem}.category-container .category-card .column .category-item .actions{display:flex;gap:10px;background-color:transparent}.category-container .category-card .column .category-item .actions button{padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;background-color:transparent}.category-container .category-card .column .category-item .actions button svg{font-size:1.1rem}.loader{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;font-weight:700}.standard-bike-page{max-width:900px}@media(max-width:1024px){.standard-bike-page{margin-left:0;max-width:100%}}@media(max-width:768px){.standard-bike-page{padding:16px}}@media(max-width:600px){.standard-bike-page{padding:12px}}.selector-container{display:flex;gap:20px;margin-bottom:30px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000001a}.selector-container .selector-group{display:flex;flex-direction:column;gap:8px;flex:1}.selector-container .selector-group label{font-weight:600;color:#333;font-size:14px}.selector-container .selector-group .select-wrapper{position:relative;width:100%}.selector-container .selector-group .select-wrapper .select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:1.2rem;color:#000}.selector-container .selector-group select{width:100%;padding:10px 36px 10px 12px;border:2px solid #1976d2;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s;font-weight:500;color:#000;appearance:none}.selector-container .selector-group select:hover{border-color:#000;background:#f5f9ff}.selector-container .selector-group select:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0003;background:#f5f9ff}.selector-container .selector-group select option{padding:10px;font-weight:500}.selector-container .selector-group select option:checked{background:#000;color:#fff}.bike-details-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000001a}.bike-details-card h2{margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0;font-size:20px;color:#000}.bike-table{width:100%;border-collapse:collapse}.bike-table tbody tr{border-bottom:1px solid #e0e0e0}.bike-table tbody tr:last-child{border-bottom:none}.bike-table td{padding:12px 15px;font-size:14px}.bike-table .label-cell{font-weight:600;color:#333;width:40%}.bike-table .value-cell{color:#555;width:60%}.bike-table .price-row .label-cell{background:#fff}.bike-table .price-row .price-cell{font-weight:700;font-size:15px;text-align:right;color:#000}.bike-table .price-row .highlight{background:#ffeb3b;color:#000}.options-layout{display:flex;height:calc(100vh - 60px);background:#f6f7fb}.options-content{width:100%;max-height:100vh;overflow-y:auto}.options-content::-webkit-scrollbar{display:none}.options-page{padding:30px;background:#f6f7fb;min-height:100vh;font-family:Segoe UI,sans-serif}@media(max-width:1024px){.options-page{margin-left:0}}@media(max-width:768px){.options-page{padding:16px}}.options-header{margin-bottom:24px}@media(max-width:600px){.options-header{margin-bottom:16px}}.options-header h1{font-size:28px;font-weight:600;color:#1f2937}@media(max-width:600px){.options-header h1{font-size:22px}}.options-header p{color:#6b7280;margin-top:4px}@media(max-width:600px){.options-header p{font-size:14px}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d}@media(max-width:798px){.stat-card{align-items:center;justify-content:center;padding:16px;width:100%}}.stat-card h3{font-size:14px;color:#6b7280;margin-bottom:8px}@media(max-width:600px){.stat-card h3{font-size:13px}}.stat-card span{font-size:26px;font-weight:600;color:#111827}@media(max-width:600px){.stat-card span{font-size:20px}}.option-table-section{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:24px;width:100%}@media(max-width:600px){.option-table-section{max-width:100%;padding:12px}}.option-table-section h2{font-size:20px;margin-bottom:16px;color:#1f2937}@media(max-width:600px){.option-table-section h2{font-size:16px;margin-bottom:12px}}.table-wrapper{overflow-x:auto;width:100%}.table-wrapper::-webkit-scrollbar{display:none}.section-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:16px}.section-header h2{min-width:fit-content;margin-bottom:0}.standard-select{display:flex;align-items:center;gap:12px}@media(max-width:600px){.standard-select{flex-direction:column;align-items:flex-start;gap:8px}}.standard-select label{font-weight:500;font-size:14px;color:#374151}@media(max-width:600px){.standard-select label{font-size:13px}}.standard-select select{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;cursor:pointer;font-size:14px;background:#fff;margin-left:10px}@media(max-width:600px){.standard-select select{margin-left:0;width:100%;font-size:13px}}.standard-select select:focus{outline:none;border-color:#111827}.options-table{width:100%;border-collapse:collapse;min-width:600px}@media(max-width:600px){.options-table{min-width:500px;width:100%}}.options-table th{text-align:left;padding:12px;background:#f3f4f6;font-size:14px;color:#374151;font-weight:600;min-width:120px}@media(max-width:768px){.options-table th{padding:10px 8px;font-size:13px}}@media(max-width:600px){.options-table th{font-size:12px;padding:8px 6px}}.options-table td{padding:12px;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px}@media(max-width:768px){.options-table td{padding:10px 8px;font-size:13px}}@media(max-width:600px){.options-table td{font-size:12px;padding:8px 6px}}.options-table tr:hover{background:#f9fafb}.options-table .empty{text-align:center;color:#888;padding:20px}@media(max-width:600px){.options-table .empty{padding:16px;font-size:14px}}.actions{background-color:none!important;display:flex;flex-direction:row!important;gap:8px;align-items:center}.actions button{padding:6px 12px;border-radius:6px;font-size:16px;border:none;cursor:pointer;transition:all .2s ease;min-height:36px}@media(max-width:600px){.actions button{font-size:14px;padding:6px 10px;min-height:32px}}.actions.edit-btn{background:none!important;color:#000}.actions.edit-btn:hover{background:#e5e7eb!important}.actions .delete-btn{color:red}.actions .delete-btn:hover{background:#fecaca}.quick-actions{width:100%;display:flex;justify-content:flex-end;align-items:flex-end;margin-bottom:20px}.quick-actions button{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;flex:1;min-height:44px;transition:all .2s ease;width:100%}@media(max-width:768px){.quick-actions button{flex:1 1 100%;max-width:70%;padding:12px 18px;font-size:15px}}.quick-actions .primary{background:#000;color:#fff;width:100%;max-width:fit-content}.quick-actions .primary:hover{background:#374151;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.quick-actions .primary:active{transform:translateY(0)}@media only screen and (min-width:798px)and (max-width:1200px){.quick-actions .primary{width:100%}}@media only screen and (min-width:576px)and (max-width:798px),only screen and (min-width:0px)and (max-width:576px){.quick-actions .primary{width:100%}}.quick-actions .secondary{background:#fff;color:#000;border:1px solid #e5e7eb}.quick-actions .secondary:hover{background:#f9fafb;border-color:#d1d5db}.quick-actions .outline{background:transparent;border:1px solid #000000;color:#000}.quick-actions .outline:hover{background:#000;color:#fff}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}.actions{flex-direction:column}.options-content{margin-left:0}.section-header{flex-direction:column;align-items:flex-start;gap:12px}}@media only screen and (min-width:576px)and (max-width:798px),only screen and (min-width:0px)and (max-width:576px){.options-content{margin-left:0}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.modal{background-color:#fff;padding:24px 32px;border-radius:10px;box-shadow:0 4px 20px #0003;width:100%;max-width:500px;display:flex;flex-direction:column;z-index:1002}@media only screen and (min-width:576px)and (max-width:798px),only screen and (min-width:0px)and (max-width:576px){.modal{padding:16px 20px;width:90%}}.modal h3{margin-bottom:16px;font-size:1.5rem;color:#333;text-align:center}.modal input{width:100%;padding:10px 12px;border:1px solid #000000;border-radius:6px;font-size:1rem;margin-bottom:12px;outline:none;transition:border .2s;background-color:transparent!important;color:#000}.modal input:focus{border-color:#000}.modal .select-wrapper{position:relative;width:100%;margin-bottom:12px}.modal .select-wrapper .select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:1.2rem;color:#000}.modal select{width:100%;padding:10px 36px 10px 12px;border:1px solid #000000;border-radius:6px;font-size:1rem;outline:none;transition:border .2s;background-color:transparent!important;color:#000;appearance:none;cursor:pointer}.modal select:focus{border-color:#000}.modal select:hover{border-color:#333}.modal select:disabled{opacity:.5;cursor:not-allowed}.modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.modal .modal-actions button{padding:8px 16px;border-radius:6px;border:none;font-size:1rem;cursor:pointer;transition:background .2s,color .2s}.modal .modal-actions button.cancel{background-color:#f5f5f5;color:#333}.modal .modal-actions button.cancel:hover{background-color:#e0e0e0}.modal .modal-actions button.save{background-color:#000;color:#fff}.modal .modal-actions button.save:hover{background-color:#000}