:root{--primary:#1e3a5f;--secondary:#2c5282;--accent:#38b2ac;--background:#f7fafc;--card-bg:#fff;--text-primary:#1a202c;--text-secondary:#718096;--error:#e53e3e;--success:#38a169;--border:#e2e8f0;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--card-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}html{font-size:16px;line-height:1.5}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--secondary)}button{cursor:pointer;font-family:inherit}input,button,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}p{margin:0}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-card{background:#fff;border-radius:12px;width:100%;max-width:450px;padding:40px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-card-header{text-align:center;margin-bottom:32px}.login-title{color:#1e3a5f;letter-spacing:2px;margin:0 0 8px;font-size:28px;font-weight:700}.login-subtitle{color:#718096;margin:0;font-size:14px}@media (width<=768px){.login-card{max-width:400px;padding:32px 24px}}@media (width<=480px){.login-card{padding:24px 20px}.login-title{font-size:24px}}.input-group{margin-bottom:20px}.input-label{color:#1a202c;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.required-mark{color:#e53e3e;margin-left:4px}.input-wrapper{align-items:center;display:flex;position:relative}.input-field{color:#1a202c;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:48px;padding:0 16px;font-size:16px;transition:all .2s ease-in-out}.input-field::placeholder{color:#a0aec0}.input-field:focus{border-color:#38b2ac;outline:none;box-shadow:0 0 0 3px #38b2ac33}.input-field:disabled{cursor:not-allowed;background:#f7fafc}.input-error{border-color:#e53e3e!important}.input-error:focus{box-shadow:0 0 0 3px #e53e3e33!important}.input-error-message{color:#e53e3e;margin-top:6px;font-size:14px;display:block}.password-toggle{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .2s ease-in-out;position:absolute;right:16px}.password-toggle:hover{color:#1e3a5f;background:#f7fafc}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:48px;padding:0 24px;font-size:16px;font-weight:600;transition:all .2s ease-in-out;display:flex}.btn-primary{color:#fff;background:#1e3a5f}.btn-primary:hover:not(:disabled){background:#2c5282}.btn-secondary{color:#1a202c;background:#e2e8f0}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-loading{position:relative}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-form{width:100%}.error-message{color:#c53030;background:#fed7d7;border-radius:8px;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.success-message{color:#22543d;background:#c6f6d5;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.login-page{background:#f7fafc;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{justify-content:center;align-items:center;width:100%;display:flex}.layout{background:#f7fafc;flex-direction:column;min-height:100vh;display:flex}.top-nav{color:#fff;z-index:1000;background:#1e3a5f;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000001a}.top-nav-left{align-items:center;gap:16px;display:flex}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;font-size:24px;transition:background .2s}.menu-toggle:hover{background:#ffffff1a}.logo{letter-spacing:2px;margin:0;font-size:24px;font-weight:700}.top-nav-right{align-items:center;gap:24px;display:flex}.notifications-wrapper{position:relative}.notification-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px;font-size:20px;position:relative}.notification-badge{color:#fff;text-align:center;background:#e53e3e;border-radius:10px;min-width:18px;padding:2px 6px;font-size:10px;position:absolute;top:0;right:0}.notifications-dropdown{color:#1a202c;background:#fff;border-radius:8px;width:320px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.notifications-dropdown h4{border-bottom:1px solid #e2e8f0;margin:0;padding:16px;font-size:14px;font-weight:600}.notification-item{cursor:pointer;border-bottom:1px solid #e2e8f0;padding:12px 16px;transition:background .2s}.notification-item:hover{background:#f7fafc}.notification-item p{margin:0 0 4px;font-size:14px}.notification-item span{color:#718096;font-size:12px}.user-profile{align-items:center;gap:12px;display:flex}.user-profile .user-name{font-weight:500}.user-role-badge{background:#38b2ac;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.user-profile .logout-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:6px;padding:8px 16px;transition:all .2s}.user-profile .logout-btn:hover{color:#1e3a5f;background:#fff}.main-container{min-height:calc(100vh - 64px);margin-top:64px;display:flex}.sidebar{z-index:100;background:#fff;border-right:1px solid #e2e8f0;width:260px;transition:width .2s;position:fixed;top:64px;bottom:0;left:0;overflow-y:auto}.sidebar.collapsed{width:70px}.sidebar-nav{padding:16px 0}.nav-item{color:#1a202c;border-left:3px solid #0000;align-items:center;gap:12px;padding:14px 24px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:#f7fafc}.nav-item.active{color:#1e3a5f;background:#edf2f7;border-left-color:#1e3a5f;font-weight:500}.nav-icon{text-align:center;width:24px;font-size:18px}.nav-label{font-size:14px}.content{flex:1;margin-left:260px;padding:24px;transition:margin-left .2s}.sidebar.collapsed+.content,.sidebar.collapsed~.content{margin-left:70px}.content-header{margin-bottom:24px}.content-header h2{color:#1a202c;margin:0;font-size:24px;font-weight:600}.content-body{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000f}@media (width<=768px){.sidebar{width:70px}.sidebar .nav-label{display:none}.content{margin-left:70px}.top-nav{padding:0 16px}.logo{font-size:18px}.user-profile .user-name{display:none}}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 4px #0000000f}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.stat-info{flex-direction:column;display:flex}.activity-list{flex-direction:column;gap:16px;display:flex}.activity-item{background:#f7fafc;border-radius:8px;gap:12px;padding:12px;transition:background .2s;display:flex}.activity-item:hover{background:#edf2f7}.activity-icon{font-size:18px}.activity-info p{color:#1a202c;margin:0 0 4px;font-size:14px}.activity-info span{color:#718096;font-size:12px}.quick-actions{flex-direction:column;gap:12px;display:flex}.quick-actions .action-btn{color:#1a202c;cursor:pointer;text-align:left;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;transition:all .2s;display:flex}.quick-actions .action-btn:hover{background:#edf2f7;border-color:#cbd5e0}@media (width<=768px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}.user-role{background:#38b2ac;border-radius:16px;padding:4px 12px;font-size:14px}.logout-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:6px;padding:8px 16px;transition:all .2s ease-in-out}.logout-btn:hover{color:#1e3a5f;background:#fff}.dashboard-content{max-width:1200px;margin:0 auto;padding:40px}.welcome-card{background:#fff;border-radius:12px;margin-bottom:32px;padding:32px;box-shadow:0 2px 4px #0000000f}.welcome-card h2{color:#1a202c;margin:0 0 8px}.welcome-card p{color:#718096;margin:0}.kiosk-welcome{border-left:4px solid #38a169}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.dashboard-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000f}.dashboard-card h3{color:#1e3a5f;margin:0 0 16px;font-size:18px;font-weight:600}.card-content p{color:#1a202c;margin:0 0 12px}.card-content strong{color:#718096;font-weight:500}.action-btn{color:#1a202c;cursor:pointer;text-align:left;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-size:14px;transition:all .2s ease-in-out;display:block}.action-btn:hover{background:#edf2f7;border-color:#cbd5e0}.action-btn:last-child{margin-bottom:0}.status-ok{color:#38a169;font-weight:600}@media (width<=768px){.dashboard-header{flex-direction:column;gap:16px;padding:16px 20px}.dashboard-content{padding:20px}.welcome-card{padding:24px}}.payment-modal{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 60px #0000004d}.payment-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.payment-modal-header h2{color:#333;margin:0;font-size:20px}.close-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;line-height:1}.close-btn:hover{color:#333}.payment-modal-body{padding:20px}.payment-summary{background:#f9fafb;border-radius:8px;margin-bottom:20px;padding:16px}.payment-summary h3{color:#333;margin:0 0 12px;font-size:16px}.summary-items{max-height:200px;overflow-y:auto}.summary-item{color:#666;border-bottom:1px solid #eee;justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.summary-item:last-child{border-bottom:none}.summary-total{color:#333;border-top:2px solid #ddd;justify-content:space-between;margin-top:12px;padding-top:12px;font-size:18px;font-weight:700;display:flex}.payment-error{color:#c00;background:#fee;border:1px solid #fcc;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}.payment-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .3s}.payment-btn:hover:not(:disabled){background:#4338ca}.payment-btn:disabled{cursor:not-allowed;background:#9ca3af}.payment-secure{text-align:center;color:#666;margin-top:16px;font-size:12px}:root{--kiosk-primary:#1e3a5f;--kiosk-secondary:#38b2ac;--kiosk-accent:#38a169;--kiosk-warning:#ecc94b;--kiosk-danger:#e53e3e;--kiosk-dark:#1a202c;--kiosk-light:#f7fafc;--kiosk-border:#e2e8f0;--kiosk-shadow:0 4px 6px #0000001a;--kiosk-radius:12px}.kiosk-dashboard{background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6f 100%);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.kiosk-notification{border-radius:var(--kiosk-radius);color:#fff;z-index:1000;box-shadow:var(--kiosk-shadow);padding:16px 24px;font-weight:600;animation:.3s ease-out slideIn;position:fixed;top:20px;right:20px}.kiosk-notification.success{background:var(--kiosk-accent)}.kiosk-notification.error{background:var(--kiosk-danger)}.kiosk-notification.info{background:var(--kiosk-secondary)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.kiosk-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.kiosk-logo{align-items:center;gap:12px;display:flex}.kiosk-logo h1{color:#fff;letter-spacing:2px;margin:0;font-size:28px;font-weight:700}.kiosk-status-bar{align-items:center;gap:24px;display:flex}.status-item{color:#fff;align-items:center;gap:8px;font-size:14px;display:flex}.status-dot{background:#718096;border-radius:50%;width:10px;height:10px}.status-dot.connected,.status-dot.operational{background:var(--kiosk-accent);box-shadow:0 0 8px var(--kiosk-accent)}.cart-icon{color:#fff;cursor:pointer;border-radius:var(--kiosk-radius);background:#ffffff1a;align-items:center;gap:8px;padding:8px 16px;font-size:20px;transition:all .3s;display:flex}.cart-icon:hover{background:#fff3}.cart-count{background:var(--kiosk-danger);color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.logout-btn{color:#fff;border-radius:var(--kiosk-radius);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;padding:10px 20px;font-weight:600;transition:all .3s}.logout-btn:hover{background:var(--kiosk-danger);border-color:var(--kiosk-danger)}.kiosk-nav{background:#0000001a;gap:8px;padding:16px 32px;display:flex;overflow-x:auto}.nav-tab{color:#ffffffb3;border-radius:var(--kiosk-radius);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;padding:12px 24px;font-weight:600;transition:all .3s}.nav-tab:hover{color:#fff;background:#ffffff1a}.nav-tab.active{background:var(--kiosk-secondary);border-color:var(--kiosk-secondary);color:#fff}.kiosk-content{padding:24px 32px}.products-view{flex-direction:column;gap:32px;display:flex}.category-section h2{color:#fff;border-bottom:2px solid var(--kiosk-secondary);margin-bottom:16px;padding-bottom:8px;font-size:24px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.product-card{border-radius:var(--kiosk-radius);text-align:center;cursor:pointer;box-shadow:var(--kiosk-shadow);background:#fff;padding:20px;transition:all .3s}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.product-card.stock-critical{border:2px solid var(--kiosk-danger)}.product-card.stock-low{border:2px solid var(--kiosk-warning)}.product-card.stock-ok{border:2px solid var(--kiosk-accent)}.product-name{color:var(--kiosk-dark);margin-bottom:8px;font-size:16px;font-weight:600}.stock-indicator{border-radius:4px;margin-bottom:12px;padding:4px 8px;font-size:12px;display:inline-block}.stock-indicator.ok{color:#22543d;background:#c6f6d5}.stock-indicator.low{color:#744210;background:#fefcbf}.stock-indicator.critical{color:#742a2a;background:#fed7d7}.add-btn{background:var(--kiosk-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px;font-weight:600;transition:all .3s}.add-btn:hover{background:var(--kiosk-secondary)}.cart-view{border-radius:var(--kiosk-radius);background:#fff;padding:24px}.cart-view h2{color:var(--kiosk-dark);margin-bottom:24px}.browse-btn{background:var(--kiosk-secondary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 32px;font-weight:600}.cart-items{margin-bottom:24px}.cart-header{background:var(--kiosk-light);color:var(--kiosk-dark);border-radius:8px;grid-template-columns:2fr 1fr 1fr 1fr 80px;gap:16px;padding:12px 16px;font-weight:600;display:grid}.cart-item{border-bottom:1px solid var(--kiosk-border);grid-template-columns:2fr 1fr 1fr 1fr 80px;align-items:center;gap:16px;padding:16px;display:grid}.item-info{align-items:center;gap:12px;display:flex}.item-image{font-size:24px}.item-name{color:var(--kiosk-dark);font-weight:600}.item-quantity{align-items:center;gap:8px;display:flex}.item-quantity button{border:1px solid var(--kiosk-border);cursor:pointer;background:#fff;border-radius:4px;width:32px;height:32px;font-weight:600}.item-quantity button:hover{background:var(--kiosk-light)}.item-price,.item-total{color:var(--kiosk-dark);font-weight:600}.remove-btn{width:32px;height:32px;color:var(--kiosk-danger);cursor:pointer;background:#fed7d7;border:none;border-radius:4px;font-weight:600}.remove-btn:hover{background:var(--kiosk-danger);color:#fff}.cart-summary{background:var(--kiosk-light);border-radius:8px;padding:24px}.summary-row.total{border-top:2px solid var(--kiosk-border);margin-top:8px;padding-top:16px;font-size:20px;font-weight:700}.payment-btn{background:var(--kiosk-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:16px;padding:16px;font-size:18px;font-weight:700;transition:all .3s}.payment-btn:hover{background:#2f855a}.inventory-view{border-radius:var(--kiosk-radius);background:#fff;padding:24px}.inventory-view h2{color:var(--kiosk-dark);margin-bottom:24px}.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.inventory-card{background:var(--kiosk-light);border-radius:8px;padding:20px}.inventory-card h3{color:var(--kiosk-dark);border-bottom:2px solid var(--kiosk-secondary);margin-bottom:16px;padding-bottom:8px}.inventory-list{flex-direction:column;gap:12px;display:flex}.inventory-item{grid-template-columns:150px 1fr 60px;align-items:center;gap:12px;display:grid}.inventory-item span:first-child{color:var(--kiosk-dark);font-size:14px}.inventory-bar{background:var(--kiosk-border);border-radius:4px;height:8px;overflow:hidden}.inventory-fill{background:var(--kiosk-accent);border-radius:4px;height:100%;transition:width .3s}.inventory-fill.millet{background:var(--kiosk-warning)}.inventory-fill.cups{background:var(--kiosk-secondary)}.inventory-value{color:var(--kiosk-dark);text-align:right;font-weight:600}.transactions-view{border-radius:var(--kiosk-radius);background:#fff;padding:24px}.transactions-view h2{color:var(--kiosk-dark);margin-bottom:24px}.transactions-list{flex-direction:column;gap:16px;display:flex}.transaction-card{background:var(--kiosk-light);border-radius:8px;padding:16px}.tx-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tx-id{color:var(--kiosk-primary);font-weight:700}.tx-status{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.tx-status.completed{color:#22543d;background:#c6f6d5}.tx-status.processing{color:#2a4365;background:#bee3f8}.tx-status.failed{color:#742a2a;background:#fed7d7}.tx-details{color:#718096;margin-bottom:8px}.tx-footer{justify-content:space-between;align-items:center;display:flex}.tx-amount{color:var(--kiosk-dark);font-weight:700}.tx-time{color:#718096;font-size:14px}.machine-view{border-radius:var(--kiosk-radius);background:#fff;padding:24px}.machine-view h2{color:var(--kiosk-dark);margin-bottom:24px}.machine-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.machine-card{background:var(--kiosk-light);border-radius:8px;padding:20px}.machine-card h3{color:var(--kiosk-dark);border-bottom:2px solid var(--kiosk-secondary);margin-bottom:16px;padding-bottom:8px}.machine-info p{color:var(--kiosk-dark);margin:8px 0}.machine-info .status-ok{color:var(--kiosk-accent);font-weight:600}.machine-actions{flex-direction:column;gap:12px;display:flex}.machine-actions .action-btn{border:1px solid var(--kiosk-border);cursor:pointer;text-align:left;background:#fff;border-radius:8px;padding:12px 16px;font-weight:600;transition:all .3s}.machine-actions .action-btn:hover{background:var(--kiosk-secondary);color:#fff;border-color:var(--kiosk-secondary)}.system-logs{background:#1a202c;border-radius:8px;max-height:200px;padding:16px;overflow-y:auto}.log-entry{color:#68d391;border-bottom:1px solid #2d3748;padding:4px 0;font-family:Courier New,monospace;font-size:12px}.payment-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.payment-modal{border-radius:var(--kiosk-radius);text-align:center;background:#fff;width:90%;max-width:400px;padding:32px}.payment-modal h2{color:var(--kiosk-dark);margin-bottom:24px}.payment-details{background:var(--kiosk-light);border-radius:8px;margin-bottom:24px;padding:16px}.payment-details p{color:var(--kiosk-dark);margin:8px 0}.method-icons{justify-content:center;gap:16px;margin-top:12px;display:flex}.method-icons span{background:var(--kiosk-light);border-radius:8px;padding:8px 16px;font-size:14px}.pay-btn{background:var(--kiosk-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:16px;font-size:18px;font-weight:700;transition:all .3s}.pay-btn:hover:not(:disabled){background:#2f855a}.pay-btn:disabled{cursor:not-allowed;background:#a0aec0}.cancel-btn{border:1px solid var(--kiosk-border);cursor:pointer;background:#fff;border-radius:8px;padding:12px;font-weight:600}.cancel-btn:hover:not(:disabled){background:var(--kiosk-light)}@media (width<=768px){.kiosk-header{flex-direction:column;gap:16px;padding:16px}.kiosk-logo h1{font-size:20px}.kiosk-status-bar{flex-wrap:wrap;justify-content:center}.kiosk-nav{padding:12px 16px}.nav-tab{padding:10px 16px;font-size:14px}.kiosk-content{padding:16px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cart-header,.cart-item{grid-template-columns:1fr 1fr;gap:8px}.cart-header span:nth-child(3),.cart-header span:nth-child(4),.cart-item .item-price,.cart-item .item-total{display:none}.inventory-grid,.machine-grid{grid-template-columns:1fr}}@media (width<=480px){.kiosk-logo h1{font-size:18px}.product-card{padding:12px}.product-image{font-size:32px}.product-name{font-size:14px}.product-price{font-size:16px}}:root{--primary-color:#1e3a5f;--secondary-color:#38b2ac;--accent-color:#38a169;--warning-color:#ecc94b;--danger-color:#e53e3e;--dark-color:#1a202c;--light-color:#f7fafc;--border-color:#e2e8f0;--text-muted:#718096;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all .3s ease}.kiosk-landing{color:var(--dark-color);background:var(--light-color);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-title{color:var(--primary-color);text-align:center;margin-bottom:12px;font-size:36px;font-weight:700}.section-subtitle{color:var(--text-muted);text-align:center;margin-bottom:48px;font-size:18px}.landing-header{box-shadow:var(--shadow-sm);z-index:100;background:#fff;position:sticky;top:0}.header-container{justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{font-size:40px}.logo-text{color:var(--primary-color);letter-spacing:3px;font-size:32px;font-weight:800}.carousel-section{position:relative;overflow:hidden}.carousel-container{height:500px;position:relative}.carousel-slide{opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s;display:flex;position:absolute;top:0;left:0}.carousel-slide.active{opacity:1}.slide-content{text-align:center;color:#fff;padding:40px}.slide-content h1{text-shadow:2px 2px 4px #0000004d;margin-bottom:16px;font-size:56px;font-weight:800}.slide-content p{opacity:.9;margin-bottom:32px;font-size:24px}.cta-button{color:var(--primary-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#fff;border:none;padding:16px 48px;font-size:18px;font-weight:700}.cta-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.carousel-dots{z-index:10;gap:12px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;width:12px;height:12px;transition:var(--transition);background:#ffffff80;border:none;border-radius:50%}.dot.active{background:#fff;transform:scale(1.2)}.carousel-arrow{color:#fff;cursor:pointer;width:50px;height:50px;transition:var(--transition);z-index:10;background:#fff3;border:none;border-radius:50%;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:#fff6}.carousel-arrow.prev{left:24px}.carousel-arrow.next{right:24px}.video-section{background:#fff;padding:80px 0}.video-wrapper{max-width:800px;margin:0 auto 24px}.video-placeholder{border-radius:var(--radius-lg);cursor:pointer;width:100%;transition:var(--transition);background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6f 100%);flex-direction:column;justify-content:center;align-items:center;padding-top:56.25%;display:flex;position:relative}.video-placeholder:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.play-button{width:80px;height:80px;color:var(--primary-color);transition:var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:32px;display:flex}.video-placeholder:hover .play-button{transform:scale(1.1)}.video-placeholder p{color:#fff;opacity:.9;font-size:18px}.video-description{text-align:center;max-width:700px;color:var(--text-muted);margin:0 auto;font-size:16px;line-height:1.8}.products-section{background:var(--light-color);padding:80px 0}.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px;display:grid}.product-card{border-radius:var(--radius-lg);text-align:center;transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;padding:32px;position:relative}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.product-badge{background:var(--accent-color);color:#fff;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;top:16px;right:16px}.product-image{margin-bottom:16px;font-size:80px}.product-card h3{color:var(--primary-color);margin-bottom:12px;font-size:24px;font-weight:700}.product-description{color:var(--text-muted);margin-bottom:16px;font-size:14px;line-height:1.6}.product-price{color:var(--primary-color);margin-bottom:20px;font-size:28px;font-weight:800}.buy-button{color:#fff;background:var(--primary-color);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);border:none;padding:14px 32px;font-size:16px;font-weight:700}.buy-button:hover{background:var(--secondary-color)}.cart-summary-bar{z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000001a}.cart-summary-bar span{color:var(--dark-color);font-size:16px}.checkout-button{color:#fff;background:var(--accent-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:12px 32px;font-size:16px;font-weight:700}.checkout-button:hover{background:#2f855a}.mission-section{background:#fff;padding:80px 0}.mission-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:48px;margin-top:48px;display:grid}.mission-card{background:var(--light-color);border-radius:var(--radius-lg);text-align:center;transition:var(--transition);padding:40px}.mission-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.mission-icon{margin-bottom:24px;font-size:64px}.mission-card h3{color:var(--primary-color);margin-bottom:20px;font-size:28px;font-weight:700}.mission-card p{color:var(--text-muted);font-size:16px;line-height:1.8}.landing-footer{background:var(--primary-color);color:#fff;padding:60px 0 0}.footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:48px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.footer-logo .logo-icon{font-size:48px}.footer-logo .logo-text{font-size:28px}.footer-logo p{opacity:.8;margin-top:12px}.footer-contact h4,.footer-social h4{margin-bottom:20px;font-size:20px;font-weight:700}.footer-contact p{opacity:.9;margin:12px 0;font-size:16px}.social-icons{gap:16px;display:flex}.social-icons span{cursor:pointer;width:44px;height:44px;transition:var(--transition);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.social-icons span:hover{background:var(--secondary-color)}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;margin-top:48px;padding:24px}.footer-bottom p{opacity:.7;font-size:14px}@media (width<=768px){.slide-content h1{font-size:36px}.slide-content p{font-size:18px}.cta-button{padding:12px 32px;font-size:16px}.carousel-container{height:400px}.products-grid,.mission-grid{grid-template-columns:1fr}.cart-summary-bar{flex-direction:column;gap:12px}}@media (width<=480px){.logo-text{font-size:24px}.logo-icon{font-size:32px}.section-title{font-size:28px}.section-subtitle{font-size:16px}.slide-content h1{font-size:28px}.carousel-container{height:300px}.product-image{font-size:60px}.product-price{font-size:24px}}.order-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.order-modal{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:var(--light-color);cursor:pointer;z-index:10;width:36px;height:36px;transition:var(--transition);border:none;border-radius:50%;font-size:18px;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--danger-color);color:#fff}.modal-content{padding:32px}.modal-content h2{color:var(--primary-color);text-align:center;margin-bottom:24px;font-size:28px;font-weight:700}.empty-cart{text-align:center;padding:40px 20px}.empty-cart p{color:var(--text-muted);margin-bottom:20px;font-size:18px}.browse-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:12px 32px;font-weight:600}.browse-btn:hover{background:var(--secondary-color)}.order-items{margin-bottom:24px}.order-item{border-bottom:1px solid var(--border-color);grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:16px;display:grid}.order-item .item-info{align-items:center;gap:12px;display:flex}.order-item .item-image{font-size:32px}.order-item .item-details h4{color:var(--dark-color);font-size:16px;font-weight:600}.order-item .item-details p{color:var(--text-muted);font-size:14px}.order-item .item-quantity{align-items:center;gap:8px;display:flex}.order-item .item-quantity button{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:4px;width:32px;height:32px;font-weight:600}.order-item .item-quantity button:hover{background:var(--light-color)}.order-item .item-quantity span{text-align:center;min-width:30px;font-weight:600}.order-item .item-total{color:var(--primary-color);text-align:right;min-width:80px;font-size:18px;font-weight:700}.order-item .remove-btn{width:32px;height:32px;color:var(--danger-color);cursor:pointer;background:#fed7d7;border:none;border-radius:4px;font-weight:600}.order-item .remove-btn:hover{background:var(--danger-color);color:#fff}.order-summary{background:var(--light-color);border-radius:var(--radius-md);margin-bottom:24px;padding:20px}.summary-row{justify-content:space-between;padding:8px 0;font-size:16px;display:flex}.summary-row.total{border-top:2px solid var(--border-color);color:var(--primary-color);margin-top:8px;padding-top:16px;font-size:20px;font-weight:700}.proceed-payment-btn{background:var(--accent-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);border:none;padding:16px;font-size:18px;font-weight:700}.proceed-payment-btn:hover{background:#2f855a}.payment-step{text-align:center}.payment-amount{background:var(--light-color);border-radius:var(--radius-md);margin-bottom:24px;padding:24px}.payment-amount p{color:var(--text-muted);margin-bottom:8px;font-size:14px}.payment-amount h3{color:var(--primary-color);font-size:36px;font-weight:800}.payment-methods{margin-bottom:24px}.payment-methods p{color:var(--text-muted);margin-bottom:16px;font-size:16px}.method-options{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.method-btn{border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#fff;padding:12px 24px;font-weight:600}.method-btn:hover,.method-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.razorpay-section{margin-bottom:24px}.razorpay-section p{color:var(--text-muted);margin-bottom:8px;font-size:12px}.razorpay-logo{border:1px solid var(--accent-color);border-radius:var(--radius-md);color:var(--accent-color);background:#f0fff4;padding:12px;font-weight:600}.payment-actions{flex-direction:column;gap:12px;display:flex}.pay-now-btn{background:var(--accent-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:16px;font-size:18px;font-weight:700}.pay-now-btn:hover:not(:disabled){background:#2f855a}.pay-now-btn:disabled{cursor:not-allowed;background:#a0aec0}.back-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#fff;padding:12px;font-weight:600}.back-btn:hover:not(:disabled){background:var(--light-color)}.success-step{text-align:center}.success-icon{margin-bottom:24px;font-size:80px}.success-step h2{color:var(--accent-color);margin-bottom:16px}.success-step p{color:var(--text-muted);margin-bottom:8px;font-size:16px}.success-message{background:var(--light-color);border-radius:var(--radius-md);margin:24px 0;padding:20px;line-height:1.6}.done-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:16px 48px;font-size:18px;font-weight:700}.done-btn:hover{background:var(--secondary-color)}.landing-notification{border-radius:var(--radius-md);color:#fff;z-index:1001;box-shadow:var(--shadow-lg);padding:16px 24px;font-weight:600;animation:.3s ease-out slideIn;position:fixed;top:20px;right:20px}.landing-notification.success{background:var(--accent-color)}.landing-notification.error{background:var(--danger-color)}.landing-notification.info{background:var(--secondary-color)}@media (width<=768px){.order-modal{max-width:100%;max-height:95vh}.modal-content{padding:24px 16px}.order-item{text-align:center;grid-template-columns:1fr;gap:12px}.order-item .item-info,.order-item .item-quantity{justify-content:center}.order-item .item-total{text-align:center}.method-options{flex-direction:column}}.view-account{width:100%}.search-bar{margin-bottom:24px}.search-input{border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:400px;padding:12px 16px;font-size:14px;transition:all .2s}.search-input:focus{border-color:#38b2ac;outline:none;box-shadow:0 0 0 3px #38b2ac33}.users-table{overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:14px 16px}.users-table th{color:#718096;background:#f7fafc;font-size:14px;font-weight:600}.users-table td{color:#1a202c;font-size:14px}.users-table tr:hover{background:#f7fafc}.role-badge{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.badge-purple{color:#7c3aed;background:#ede9fe}.badge-blue{color:#2563eb;background:#dbeafe}.badge-green{color:#059669;background:#d1fae5}.badge-yellow{color:#d97706;background:#fef3c7}.badge-orange{color:#ea580c;background:#ffedd5}.badge-pink{color:#db2777;background:#fce7f3}.badge-cyan{color:#0891b2;background:#cffafe}.badge-teal{color:#0d9488;background:#ccfbf1}.badge-indigo{color:#4f46e5;background:#e0e7ff}.badge-red{color:#dc2626;background:#fee2e2}.badge-gray{color:#6b7280;background:#f3f4f6}.status-badge{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status-active{color:#059669;background:#d1fae5}.status-inactive{color:#dc2626;background:#fee2e2}.action-btn-edit,.action-btn-view{cursor:pointer;border:none;border-radius:6px;margin-right:8px;padding:6px 12px;font-size:12px;transition:all .2s}.action-btn-edit{color:#2563eb;background:#dbeafe}.action-btn-edit:hover{background:#bfdbfe}.action-btn-view{color:#6b7280;background:#f3f4f6}.action-btn-view:hover{background:#e5e7eb}.tickets-page{width:100%}.tickets-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filter-tabs button:hover:not(.active){background:#edf2f7}.create-ticket-btn{color:#fff;cursor:pointer;background:#38b2ac;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.create-ticket-btn:hover{background:#2c7a7b}.tickets-list{flex-direction:column;gap:16px;display:flex}.ticket-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.ticket-card:hover{box-shadow:0 4px 6px #0000001a}.ticket-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ticket-id{color:#1e3a5f;font-size:14px;font-weight:600}.priority-badge{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.priority-high{color:#dc2626;background:#fee2e2}.priority-medium{color:#d97706;background:#fef3c7}.priority-low{color:#059669;background:#d1fae5}.ticket-card h3{color:#1a202c;margin:0 0 12px;font-size:16px;font-weight:600}.ticket-details{color:#718096;gap:24px;margin-bottom:16px;font-size:14px;display:flex}.ticket-footer{justify-content:space-between;align-items:center;display:flex}.status-open{color:#2563eb;background:#dbeafe}.status-progress{color:#d97706;background:#fef3c7}.status-closed{color:#059669;background:#d1fae5}.view-btn{cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.view-btn:hover{background:#edf2f7}.complaints-page{width:100%}.complaints-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.create-btn{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.complaints-list{flex-direction:column;gap:16px;display:flex}.complaint-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.complaint-header{justify-content:space-between;margin-bottom:12px;display:flex}.complaint-id{color:#1e3a5f;font-weight:600}.complaint-type{color:#6b7280;background:#f3f4f6;border-radius:16px;padding:4px 12px;font-size:12px}.complaint-card h3{color:#1a202c;margin:0 0 12px;font-size:16px}.complaint-details{color:#718096;gap:24px;margin-bottom:16px;font-size:14px;display:flex}.complaint-footer{justify-content:space-between;align-items:center;display:flex}.status-pending{color:#dc2626;background:#fee2e2}.status-in-progress{color:#d97706;background:#fef3c7}.status-resolved{color:#059669;background:#d1fae5}.view-btn{cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:14px}.sales-page{width:100%}.sales-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.sales-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.date-filter{gap:8px;display:flex}.date-filter button{cursor:pointer;color:#718096;background:#f7fafc;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.date-filter button.active{color:#fff;background:#1e3a5f}.export-btns{gap:12px;display:flex}.export-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.sales-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sales-table table{border-collapse:collapse;width:100%}.sales-table th{text-align:left;color:#718096;background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:14px;font-weight:600}.sales-table td{color:#1a202c;border-bottom:1px solid #e2e8f0;padding:16px;font-size:14px}.sales-table tr:last-child td{border-bottom:none}.sales-table tr:hover{background:#f7fafc}.status.completed{color:#059669;background:#d1fae5}.status.pending{color:#d97706;background:#fef3c7}.inventory-page{width:100%}.inventory-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.stat-value.warning{color:#d97706}.inventory-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.inventory-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.inventory-table table{border-collapse:collapse;width:100%}.inventory-table th{text-align:left;color:#718096;background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:14px;font-weight:600}.inventory-table td{color:#1a202c;border-bottom:1px solid #e2e8f0;padding:16px;font-size:14px}.inventory-table tr:last-child td{border-bottom:none}.inventory-table tr:hover{background:#f7fafc}.status.in-stock{color:#059669;background:#d1fae5}.status.low-stock{color:#d97706;background:#fef3c7}.status.out-of-stock{color:#dc2626;background:#fee2e2}.action-btn{cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:12px}.apply-leave-page{flex-direction:column;gap:32px;width:100%;display:flex}.leave-balance{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.balance-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.balance-label{color:#718096;font-size:14px}.balance-value{color:#1e3a5f;font-size:24px;font-weight:700}.leave-form-section,.leave-history-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.leave-form-section h2,.leave-history-section h2{color:#1a202c;margin:0 0 20px;font-size:18px}.leave-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.submit-btn{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:8px;align-self:flex-start;padding:12px 24px;font-size:14px;font-weight:500}.history-table{overflow-x:auto}.history-table table{border-collapse:collapse;width:100%}.history-table th{text-align:left;color:#718096;background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:14px;font-weight:600}.history-table td{color:#1a202c;border-bottom:1px solid #e2e8f0;padding:16px;font-size:14px}.history-table tr:last-child td{border-bottom:none}.status{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.status.approved{color:#059669;background:#d1fae5}.status.rejected{color:#dc2626;background:#fee2e2}.create-account-page{width:100%}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.form-section h2{color:#1a202c;margin:0 0 24px;font-size:18px}.account-form{flex-wrap:wrap;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.form-group{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.form-group.full-width{width:100%}.form-group input,.form-group select,.form-group textarea{color:#1a202c;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3a5f;outline:none}.form-group textarea{resize:vertical}.form-actions{gap:12px;width:100%;margin-top:12px;display:flex}.cancel-btn{cursor:pointer;color:#718096;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500}.submit-btn{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500}.store-page{width:100%}.store-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.stat-label{color:#718096;font-size:14px}.stat-value{color:#1e3a5f;font-size:24px;font-weight:700}.stat-value.success{color:#059669}.stat-value.danger{color:#dc2626}.store-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filter-tabs{gap:8px;display:flex}.filter-tabs button{cursor:pointer;color:#718096;background:#f7fafc;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.filter-tabs button.active{color:#fff;background:#1e3a5f}.add-btn{color:#fff;cursor:pointer;background:#38b2ac;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.store-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.store-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.store-header-card{justify-content:space-between;align-items:center;display:flex}.store-header-card h3{color:#1a202c;margin:0;font-size:18px}.status-badge{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.status-badge.active{color:#059669;background:#d1fae5}.status-badge.inactive{color:#dc2626;background:#fee2e2}.store-info{flex-direction:column;gap:8px;display:flex}.info-row{justify-content:space-between;font-size:14px;display:flex}.info-row .label{color:#718096}.info-row .value{color:#1a202c;font-weight:500}.store-actions{gap:12px;display:flex}.action-btn{cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:10px;font-size:14px;transition:all .2s}.action-btn:hover{background:#edf2f7}.settings-page{gap:24px;width:100%;display:flex}.settings-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;width:250px;height:fit-content;padding:16px;display:flex}.settings-sidebar button{text-align:left;cursor:pointer;color:#718096;background:0 0;border:none;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.settings-sidebar button:hover{background:#f7fafc}.settings-sidebar button.active{color:#fff;background:#1e3a5f}.settings-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:24px}.settings-section h2{color:#1a202c;margin:0 0 24px;font-size:18px}.settings-form{flex-direction:column;gap:20px;max-width:500px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1a202c;font-size:14px;font-weight:500}.form-group input,.form-group textarea{color:#1a202c;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:#1e3a5f;outline:none}.save-btn{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:8px;align-self:flex-start;padding:12px 24px;font-size:14px;font-weight:500}.notification-options{flex-direction:column;gap:16px;display:flex}.notification-item{background:#f7fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-info h3{color:#1a202c;margin:0 0 4px;font-size:14px}.notification-info p{color:#718096;margin:0;font-size:12px}.toggle{width:48px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e0;border-radius:24px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.slider{background-color:#38b2ac}.toggle input:checked+.slider:before{transform:translate(24px)}.appearance-options{gap:24px;display:flex}.theme-option{cursor:pointer;flex-direction:column;align-items:center;gap:12px;display:flex}.theme-preview{border:2px solid #e2e8f0;border-radius:8px;width:120px;height:80px}.theme-preview.light{background:#fff}.theme-preview.dark{background:#1a202c}.theme-preview.system{background:linear-gradient(135deg,#fff 50%,#1a202c 50%)}.theme-option p{color:#718096;margin:0;font-size:14px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a202c;background-color:#f7fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.loading-screen{background:#f7fafc;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-screen .loading-spinner{border:3px solid #e2e8f0;border-top-color:#1e3a5f;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-screen p{color:#718096;margin-top:16px;font-size:14px}code{background:#edf2f7;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}