.header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem 2rem}.header-left{flex:0 0 auto}.header-left h1{color:#fff5cc;font-size:1.5rem;margin:0}.header-center{display:flex;flex:1 1 auto;justify-content:center}.header-right{flex:0 0 auto;margin-left:auto}.nav{background-color:#343a40;padding:0}.nav-container{margin:0 auto;max-width:1200px}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0}.nav-links li a{color:#fff;display:block;padding:1rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.nav-links li a.active,.nav-links li a:hover{background-color:#495057}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff5cc;color:#3b0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.container{margin:0 auto;max-width:1200px;padding:20px}.mobile-menu-toggle{display:none}.header{align-items:center!important;background:linear-gradient(135deg,#3b0000,#8b0000)!important;box-shadow:0 2px 10px #0000004d!important;color:#fff5cc!important;display:flex!important;left:0!important;padding:1rem 2rem!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.container,main{padding-top:120px!important}.table{background:#fff!important;border-collapse:collapse;box-shadow:0 2px 4px #0000001a}.table th{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;background:linear-gradient(135deg,#3b0000,#6b0000)!important;border-bottom:2px solid #b22222!important;color:#fff5cc!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;line-height:1.4!important;padding:12px 15px!important;position:relative!important;text-align:left!important;text-shadow:0 1px 2px #00000080!important;text-transform:uppercase!important;z-index:1!important}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.table th{background:#8b0000!important;color:#fff5cc!important}}.table th *{color:inherit!important}.table td{border-bottom:1px solid #e9ecef!important;color:#3b0000!important;font-size:14px!important;padding:12px 15px!important;vertical-align:middle!important}.table tr:last-child td{border-bottom:none!important}.table tr:hover{background-color:#fff0f0!important}.table-striped tbody tr:nth-child(2n){background-color:#fff!important}.table-hover tbody tr:hover{background-color:#fde8e8!important;cursor:pointer}.table-container{background:#fff!important;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px 0;overflow:hidden}.status-badge{border-radius:20px;font-weight:600;letter-spacing:.5px;padding:4px 12px}.status-badge.active{background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important}.status-badge.inactive{background:linear-gradient(135deg,#6c757d,#495057)!important;color:#fff!important}.actions{align-items:center;display:flex;gap:8px}.btn-sm{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-edit{background:linear-gradient(135deg,#ffc107,#ff9800)!important;color:#fff!important}.btn-edit:hover{background:linear-gradient(135deg,#ff9800,#ff6200)!important;box-shadow:0 2px 4px #ff98004d;transform:translateY(-1px)}.btn-password{background:linear-gradient(135deg,#8b0000,#b22222)!important;color:#fff5cc!important}.btn-password:hover{background:linear-gradient(135deg,#b22222,#c33)!important;box-shadow:0 2px 4px #8b00004d;transform:translateY(-1px)}.btn-info{background:linear-gradient(135deg,#8b0000,#b22222)!important;color:#fff5cc!important}.btn-info:hover{background:linear-gradient(135deg,#b22222,#c33)!important;box-shadow:0 2px 4px #8b00004d;transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#3b0000,#6b0000)!important;color:#fff5cc!important}.btn-delete:hover{background:linear-gradient(135deg,#6b0000,#8b0000)!important;box-shadow:0 2px 4px #3b000066;transform:translateY(-1px)}.App>div:not(.header):not(.mobile-sidebar),.content,body>div:not(.header):not(.mobile-sidebar),main{padding-top:120px!important}.admin-dashboard,.dashboard,.main-content,.panel,.seller-dashboard,.user-dashboard{padding-top:100px!important}.header-left{align-items:center!important;display:flex!important;gap:30px!important}.header-left h1{color:#fff5cc!important;font-size:2.5rem!important;font-weight:300!important;margin:0!important}.header-right{margin-left:auto!important}.header-logo-container{align-items:center;background:#0000;display:flex;flex-direction:column;gap:10px;overflow:visible}.header-logo{background:#0000;display:block;height:auto;max-height:80px;max-width:80px;object-fit:contain;width:auto}.nav{background-color:initial!important;padding:0!important}.nav-container{margin:0!important;max-width:none!important}.nav-links{display:flex!important;gap:30px!important;list-style:none!important;padding:0!important}.nav-links,.nav-links li{margin:0!important}.nav-links li a{border-radius:6px!important;color:#fff5cc!important;display:block!important;font-weight:500!important;padding:8px 16px!important;text-decoration:none!important;transition:all .3s ease!important}.nav-links li a.active,.nav-links li a:hover{background-color:#fff5cc33!important;color:#fff5cc!important}.nav-links li a.active{background-color:#fff5cc4d!important;color:#fff5cc!important}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#8b0000,#3b0000);color:#fff5cc}.btn-primary:hover{box-shadow:0 5px 15px #8b000066;transform:translateY(-2px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#b22222;color:#fff5cc}.btn-danger:hover{background-color:#8b0000}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.table{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #e9ecef;padding:12px 15px;text-align:left}.table th{background-color:#3b0000;color:#fff5cc;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.table tr:hover{background-color:#fff0f0}.table tr:last-child td{border-bottom:none}.form-group{margin-bottom:20px}.form-group label{color:#3b0000;display:block;font-weight:500;margin-bottom:5px}.form-control{border:1px solid #b22222;border-radius:6px;font-size:14px;padding:10px 15px;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#8b0000;box-shadow:0 0 0 3px #8b000026;outline:none}.card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#fff5cc40,#ffe8a040 40%,#ffd97a40 70%,#f5c84240);border:1px solid #fff5cc59;border-radius:8px;box-shadow:0 2px 10px #3b000026;margin-bottom:20px;padding:20px}.card-header{border-bottom:1px solid #8b000033;margin-bottom:20px;padding-bottom:15px}.card-header h2{color:#3b0000;font-weight:500}.quantity-controls{align-items:center;display:flex;gap:10px}.quantity-btn{align-items:center;background:#fff;border:1px solid #b22222;border-radius:4px;color:#8b0000;cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;transition:all .3s ease;width:30px}.quantity-btn:hover{background-color:#fde8e8}.quantity-display{color:#3b0000;font-weight:500;min-width:40px;text-align:center}.cart-item{align-items:center;border-bottom:1px solid #8b000026;display:flex;justify-content:space-between;padding:15px 0}.cart-item:last-child{border-bottom:none}.cart-item-info{flex:1 1}.cart-item-name{color:#3b0000;font-weight:500;margin-bottom:5px}.cart-item-price{color:#8b0000;font-size:14px}.cart-total{border-top:2px solid #8b000033;margin-top:20px;padding:20px 0;text-align:right}.cart-total h3{color:#3b0000;margin-bottom:15px}.alert{border-radius:6px;margin-bottom:20px;padding:15px 20px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #b22222;color:#3b0000}.alert-warning{background-color:#fff5cc;border:1px solid #ffeaa7;color:#856404}.login-form{background:#fff;border-radius:8px;box-shadow:0 2px 20px #3b000026;margin:50px auto;max-width:400px;padding:30px}.login-form h2{color:#3b0000;margin-bottom:30px;text-align:center}.token-display{padding:40px 20px;text-align:center}.token-number{background:#fff5cc;border:2px dashed #b22222;border-radius:8px;color:#8b0000;font-size:3rem;font-weight:700;margin:20px 0;padding:20px}.status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.status-pending{background-color:#fff5cc;color:#856404}.status-verified{background-color:#d4edda;color:#155724}.status-completed{background-color:#fde8e8;color:#3b0000}.loading{color:#8b0000;padding:40px;text-align:center}.loading:after{animation:spin 1s linear infinite;border:2px solid #fff5cc;border-radius:50%;border-top-color:#8b0000;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.container{max-width:100%;padding:10px}.header{flex-wrap:wrap;gap:10px;left:0!important;padding:.2rem 1rem!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.container{padding-top:100px!important}.App>div:not(.header):not(.mobile-sidebar),.admin-dashboard,.content,.dashboard,.main-content,.panel,.seller-dashboard,.user-dashboard,body>div:not(.header):not(.mobile-sidebar),main{padding-top:55px!important}.header-left{flex:1 1;flex-wrap:wrap;gap:15px!important}.header-left h1{display:none!important;font-size:1.5rem!important}.header-right{margin-left:0!important}.header-logo-container{align-items:center!important;background:#0000!important;display:flex!important;flex-direction:row!important;gap:8px!important;overflow:visible!important}.header-logo-container>button:first-child{order:1!important}.header-logo-container>img{order:2!important}.mobile-menu-toggle{background:none;border:none;color:#fff5cc!important;cursor:pointer;display:block!important;font-size:24px;margin-right:10px;padding:5px}.nav-links{display:none!important}.mobile-sidebar{background:#fff;box-shadow:2px 0 10px #0003;height:100vh;left:-280px;overflow-y:auto;position:fixed!important;top:0!important;transition:left .3s ease;width:280px;z-index:1100!important}.mobile-sidebar.active{left:0!important}.mobile-sidebar-overlay{background:#00000080;display:none;height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:1099!important}.mobile-sidebar-overlay.active{display:block!important}.mobile-sidebar-header{background:linear-gradient(135deg,#3b0000,#8b0000);color:#fff5cc;font-size:18px;font-weight:500;padding:20px}.mobile-sidebar-nav{list-style:none;padding:0}.mobile-sidebar-nav li{border-bottom:1px solid #e9ecef}.mobile-sidebar-nav li a{color:#3b0000;display:block;font-weight:500;padding:15px 20px;text-decoration:none;transition:background-color .2s ease}.mobile-sidebar-nav li a.active,.mobile-sidebar-nav li a:hover{background-color:#fff5cc;color:#8b0000}.mobile-sidebar-nav li a.active{background-color:#8b0000;color:#fff5cc}.card{border-radius:6px;box-shadow:0 1px 5px #00000014;margin-bottom:15px;margin-top:0;padding:15px 2px}.card-header{border-bottom:none;margin-bottom:0;padding-bottom:10px}.card-header h2{font-size:1.25rem}.table{border-radius:6px;box-shadow:0 1px 5px #00000014;display:block;font-size:14px;overflow-x:auto;white-space:nowrap}.table td,.table th{font-size:13px;padding:8px 10px}.form-group{margin-bottom:15px}.form-control{font-size:14px;padding:8px 12px}.btn{flex-wrap:wrap;font-size:14px;margin:2px;padding:8px 16px}.btn-danger:hover,.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover{transform:none}.card-header>div,div[style*="display: flex"]{flex-wrap:wrap!important;gap:5px!important}.cart-item{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 0}.quantity-controls{align-self:flex-end}.quantity-btn{height:28px;width:28px}.quantity-display{min-width:35px}.alert{font-size:14px;padding:12px 15px}.login-form{margin:20px auto;max-width:100%;padding:20px}.login-form h2{font-size:1.5rem;margin-bottom:20px}.token-display{padding:30px 15px}.token-number{font-size:2rem;margin:15px 0;padding:15px}.status-badge{font-size:11px;padding:3px 6px}.loading{font-size:14px;padding:30px}body{overflow-x:hidden}.card-header>div{align-items:flex-start;flex-direction:column;gap:10px}.card-header>div>div{justify-content:space-between;width:100%}input[type=text]{font-size:16px}.admin-dashboard .card-header>div,.seller-dashboard .card-header>div{align-items:flex-start;flex-direction:column}.admin-dashboard .btn,.seller-dashboard .btn{margin-bottom:5px;width:100%}.login-page{box-sizing:border-box;height:100vh;left:0;min-height:100vh;overflow:hidden;padding:120px 10px 10px;position:fixed;top:0;width:100vw;z-index:-1}.login-card{margin:30px 10px 10px;padding:20px}.header-logo{max-height:50px;max-width:50px}.header-logo-container{gap:8px}.seller-orders .card-header{padding:6px 8px!important}.seller-orders .card{margin-bottom:4px!important}.seller-orders .card-header>div{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:space-between!important;width:100%!important}.seller-orders .card-header>div>div{display:block!important;margin:0!important;padding:0!important;width:auto!important}.seller-orders .card-header>div>div:first-child{flex-shrink:0!important;min-width:60px!important}.seller-orders .card-header>div>div:first-child>div:first-child{color:#8b0000!important;font-size:14px!important;font-weight:700!important;margin:0!important;padding:0!important}.seller-orders .card-header>div>div:first-child>div:last-child{display:none!important}.seller-orders .card-header>div>div:nth-child(2){flex:1 1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.seller-orders .card-header>div>div:last-child{flex-shrink:0!important;min-width:35px!important}.seller-orders .card-header>div>div:last-child>span:first-child{display:none!important}.seller-orders .card-header span[style*=backgroundColor]{display:inline-block!important;font-size:10px!important;margin:0 1px 0 0!important;padding:1px 2px!important;white-space:nowrap!important}.seller-orders .card-header button{font-size:10px!important;height:auto!important;line-height:1!important;min-width:40px!important;padding:4px 6px!important}.card div[style*="border-bottom: 1px solid rgb(233, 236, 239)"]>div[style*="display: flex"]{-webkit-overflow-scrolling:touch!important;display:flex!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important}.card div[style*="border-bottom: 1px solid rgb(233, 236, 239)"]>div[style*="display: flex"] .btn{flex-shrink:0!important;min-width:-webkit-fit-content!important;min-width:fit-content!important;white-space:nowrap!important}}.login-page{align-items:center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;left:0;min-height:100vh;position:fixed;top:0;width:100vw}.login-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff5cc99;border:1px solid #b2222233;border-radius:12px;box-shadow:0 8px 32px #3b000026;max-width:400px;padding:30px;width:100%}@keyframes pulse{0%{box-shadow:0 0 0 0 #8b0000b3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #8b000000;transform:scale(1)}to{box-shadow:0 0 0 0 #8b000000;transform:scale(.95)}}.waiting-pulse{animation:pulse 2s infinite}.hover-lift{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.hover-lift:hover{box-shadow:0 8px 25px #3b000033!important;transform:translateY(-2px)}.container:has(.card .card-header .fa-file-invoice-dollar){margin-top:0!important;padding-top:40px!important}body .container:has(.card .card-header .fa-file-invoice-dollar){margin-top:0!important;padding-top:40px!important}body .container:has(.card .card-header h4:contains("Get Token")){margin-top:0!important;padding-top:40px!important}body{overflow-x:hidden;position:relative}.bubbles-container{bottom:0;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;width:100%;z-index:0}.card,.container,.content,.header,.login-card,.login-page,main{position:relative;z-index:1}.mobile-sidebar{position:fixed!important;z-index:1100!important}.mobile-sidebar-overlay{position:fixed!important;z-index:1099!important}.bubble{animation:bubbleRise linear infinite;background:radial-gradient(circle at 30% 30%,#8b000099,#3b0000d9);border:1.5px solid #b22222bf;border-radius:50%;bottom:-150px;box-shadow:inset 0 0 12px #ff646433,0 0 14px #3b000080;position:absolute}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0) translateX(0) scale(1)}10%{opacity:.9}85%{opacity:.75}to{opacity:0;transform:translateY(-110vh) translateX(30px) scale(1.05);transform:translateY(-110vh) translateX(var(--drift,30px)) scale(1.05)}}.bubble:first-child{--drift:20px;animation-delay:0s;animation-duration:9s;height:18px;left:5%;width:18px}.bubble:nth-child(2){--drift:-25px;animation-delay:1.5s;animation-duration:13s;height:30px;left:12%;width:30px}.bubble:nth-child(3){--drift:15px;animation-delay:3s;animation-duration:8s;height:12px;left:20%;width:12px}.bubble:nth-child(4){--drift:-35px;animation-delay:.5s;animation-duration:15s;height:40px;left:28%;width:40px}.bubble:nth-child(5){--drift:28px;animation-delay:2s;animation-duration:10s;height:22px;left:36%;width:22px}.bubble:nth-child(6){--drift:-18px;animation-delay:4s;animation-duration:7s;height:14px;left:44%;width:14px}.bubble:nth-child(7){--drift:30px;animation-delay:1s;animation-duration:14s;height:35px;left:52%;width:35px}.bubble:nth-child(8){--drift:-22px;animation-delay:2.5s;animation-duration:11s;height:20px;left:60%;width:20px}.bubble:nth-child(9){--drift:35px;animation-delay:.8s;animation-duration:12s;height:28px;left:68%;width:28px}.bubble:nth-child(10){--drift:-20px;animation-delay:3.5s;animation-duration:9s;height:16px;left:76%;width:16px}.bubble:nth-child(11){--drift:25px;animation-delay:1.2s;animation-duration:16s;height:45px;left:84%;width:45px}.bubble:nth-child(12){--drift:-15px;animation-delay:.3s;animation-duration:6s;height:10px;left:91%;width:10px}.bubble:nth-child(13){--drift:20px;animation-delay:5s;animation-duration:11s;height:24px;left:8%;width:24px}.bubble:nth-child(14){--drift:-40px;animation-delay:2.2s;animation-duration:17s;height:38px;left:33%;width:38px}.bubble:nth-child(15){--drift:18px;animation-delay:4.5s;animation-duration:8s;height:15px;left:57%;width:15px}.bubble:nth-child(16){--drift:-28px;animation-delay:6s;animation-duration:13s;height:26px;left:72%;width:26px}.bubble:nth-child(17){--drift:22px;animation-delay:3.8s;animation-duration:14s;height:32px;left:88%;width:32px}.bubble:nth-child(18){--drift:-18px;animation-delay:7s;animation-duration:10s;height:20px;left:16%;width:20px}.bubble:nth-child(19){--drift:38px;animation-delay:1.8s;animation-duration:18s;height:42px;left:48%;width:42px}.bubble:nth-child(20){--drift:-20px;animation-delay:5.5s;animation-duration:9s;height:18px;left:95%;width:18px}@media (max-width:768px){.bubble:nth-child(n+11){display:none}.bubble{opacity:.7}}