: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-img{object-fit:contain;width:auto;height:42px;display:block}.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:#74b24a;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:#74b24a;background:#f0f8e8;border-left-color:#74b24a;font-weight:600}.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}}.dash-welcome{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:18px 24px;display:flex;box-shadow:0 2px 4px #0000000f}.dash-greeting{color:#1a202c;margin:0 0 4px;font-size:18px;font-weight:700}.dash-role-tag{color:#1e3a5f;background:#ebf4ff;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.dash-date{color:#718096;font-size:13px}.dash-loading{text-align:center;color:#718096;background:#fff;border-radius:12px;margin-bottom:22px;padding:32px;font-size:14px}.dash-hierarchy{padding:4px 0}.dash-hier-item{color:#2d3748;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.dash-hier-dot{background:#cbd5e0;border-radius:50%;flex-shrink:0;width:10px;height:10px}.dash-hier-item.active .dash-hier-dot{background:#74a24b}.dash-hier-note{color:#718096;background:#f7fafc;border-left:3px solid #74a24b;border-radius:4px;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.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-image{margin-bottom:12px;font-size:48px}.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}}.ot-overlay{z-index:9999;background:#000000eb;justify-content:center;align-items:center;font-family:Segoe UI,Arial,sans-serif;display:flex;position:fixed;inset:0}.ot-card{text-align:center;background:#1a1a2e;border:2px solid #74a24b;border-radius:16px;width:620px;max-width:90vw;padding:40px 48px;box-shadow:0 8px 40px #74a24b40}.ot-header{margin-bottom:24px}.ot-brand{color:#74a24b;letter-spacing:4px;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.ot-title{color:#fff;letter-spacing:3px;margin:0;font-size:22px;font-weight:700}.ot-order-id{color:#aaa;letter-spacing:1px;margin-bottom:18px;font-size:13px}.ot-order-id span{color:#fff;font-weight:600}.ot-status-badge{letter-spacing:2px;border-radius:20px;margin-bottom:24px;padding:5px 20px;font-size:12px;font-weight:700;display:inline-block}.ot-status-badge.active{color:#74a24b;background:#74a24b26;border:1px solid #74a24b}.ot-status-badge.done{color:#9fd45a;background:#74a24b40;border:1px solid #74a24b}.ot-status-badge.failed{color:#ff6b7a;background:#dc354526;border:1px solid #dc3545}.ot-message{color:#ddd;background:#ffffff0d;border-radius:10px;min-height:56px;margin-bottom:28px;padding:14px 16px;font-size:16px;line-height:1.7}.ot-message.err{color:#ff6b7a;border-left:3px solid #dc3545}.ot-message.done{color:#9fd45a;border-left:3px solid #74a24b}.ot-counts{justify-content:center;align-items:center;gap:0;margin-bottom:20px;display:flex}.ot-count-box{flex-direction:column;flex:1;align-items:center;display:flex}.ot-count-num{color:#74a24b;font-size:38px;font-weight:700;line-height:1}.ot-count-label{color:#888;letter-spacing:2px;margin-top:4px;font-size:11px}.ot-divider{background:#ffffff1f;width:1px;height:50px;margin:0 24px}.ot-progress-track{background:#ffffff14;border:1px solid #74a24b4d;border-radius:20px;width:100%;height:34px;margin-bottom:22px;overflow:hidden}.ot-progress-fill{color:#fff;background:linear-gradient(90deg,#4e8030,#74a24b);border-radius:20px;justify-content:center;align-items:center;min-width:44px;height:100%;font-size:13px;font-weight:700;transition:width .6s;display:flex}.ot-progress-fill.done{background:linear-gradient(90deg,#5a9940,#9fd45a)}.ot-progress-fill.failed{background:linear-gradient(90deg,#8b0000,#dc3545)}.ot-spinner-row{justify-content:center;gap:8px;margin-bottom:18px;display:flex}.ot-dot{background:#74a24b;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite ot-bounce}.ot-dot:first-child{animation-delay:0s}.ot-dot:nth-child(2){animation-delay:.2s}.ot-dot:nth-child(3){animation-delay:.4s}@keyframes ot-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}.ot-redirect-msg{color:#74a24b;margin-bottom:16px;font-size:14px;animation:1s infinite alternate ot-fade}@keyframes ot-fade{0%{opacity:.5}to{opacity:1}}.ot-back-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:8px;margin-bottom:16px;padding:12px 32px;font-size:15px;font-weight:600;transition:background .2s}.ot-back-btn:hover{background:#c82333}.ot-amount-row{color:#666;border-top:1px solid #ffffff14;margin-top:6px;padding-top:16px;font-size:13px}.ot-amount-row strong{color:#74a24b}:root{--primary-color:#74a24b;--primary-dark:#5a8438;--primary-light:#e8f5e0;--secondary-color:#4a7c2f;--accent-color:#74a24b;--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}html,body{margin:0;padding:0}.kiosk-landing{color:var(--dark-color);background:var(--light-color);scrollbar-width:none;-ms-overflow-style:none;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.kiosk-landing::-webkit-scrollbar{display:none}.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:34px;font-weight:700}.section-subtitle{color:var(--text-muted);text-align:center;margin-bottom:40px;font-size:17px}.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}.header-logo-img{object-fit:contain;width:auto;height:52px}.cart-item-img{object-fit:cover;border-radius:8px;width:52px;height:52px;display:block}.logo-icon{font-size:40px}.logo-text{color:var(--primary-color);letter-spacing:3px;font-size:32px;font-weight:800}.carousel-section{background:#fff;position:relative;overflow:hidden}.carousel-container{background:#fff;max-width:1200px;height:420px;margin:0 auto;position:relative}.carousel-slide{opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;top:0;left:0}.carousel-slide.active{opacity:1}.carousel-banner-img{object-fit:contain;object-position:center;background:#fff;width:100%;height:100%;display:block}.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:60px 0}.video-wrapper{justify-content:center;margin:0 auto 24px;display:flex}.yt-player-wrap{border-radius:var(--radius-lg);width:560px;height:315px;box-shadow:var(--shadow-lg);background:#000;position:relative;overflow:hidden}.yt-player-div{width:100%;height:100%}.yt-player-div iframe{border:none;display:block;width:100%!important;height:100%!important}.yt-overlay{z-index:5;cursor:default;background:0 0;position:absolute;inset:0}.sound-btn{z-index:10;color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:12px;right:12px}.sound-btn:hover{background:var(--primary-color);transform:scale(1.1)}.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:60px 0}.products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:32px;display:grid}.product-card{border-radius:var(--radius-lg);text-align:center;transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;padding:28px 24px;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{border-radius:var(--radius-md);background:var(--primary-light);justify-content:center;align-items:center;height:160px;margin-bottom:14px;font-size:72px;display:flex;overflow:hidden}.product-image img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%}.product-card h3{color:var(--primary-color);margin-bottom:10px;font-size:22px;font-weight:700}.product-description{color:var(--text-muted);margin-bottom:14px;font-size:14px;line-height:1.6}.product-price{color:var(--primary-color);margin-bottom:16px;font-size:26px;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:var(--primary-dark)}.mission-section{background:#fff;padding:60px 0}.mission-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:40px;margin-top:40px;display:grid}.mission-card{background:var(--light-color);border-radius:var(--radius-lg);text-align:center;transition:var(--transition);padding:36px}.mission-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.mission-icon{margin-bottom:20px;font-size:56px}.mission-card h3{color:var(--primary-color);margin-bottom:16px;font-size:24px;font-weight:700}.mission-card p{color:var(--text-muted);font-size:15px;line-height:1.7}.landing-footer{border-top:1px solid var(--border-color);background:#f5f5f5;padding:10px 24px 8px}.footer-inner{justify-content:center;align-items:center;gap:32px;display:flex}.footer-logo-img{object-fit:contain;filter:invert(54%)sepia(34%)saturate(563%)hue-rotate(66deg)brightness(97%)contrast(95%);width:auto;height:36px}.footer-text{text-align:left}.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-line1{color:var(--dark-color);margin-bottom:4px;font-size:14px;font-weight:500}.footer-line2{color:var(--text-muted);font-size:13px}@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}.coupon-row{gap:10px;margin-bottom:6px;display:flex}.coupon-input{border:2px solid var(--border-color);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:1px;transition:var(--transition);outline:none;flex:1;padding:10px 14px;font-size:14px}.coupon-input:focus{border-color:var(--primary-color)}.coupon-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:10px 20px;font-size:13px;font-weight:700}.coupon-btn.apply{background:var(--primary-color);color:#fff}.coupon-btn.apply:hover{background:var(--primary-dark)}.coupon-btn.remove{color:var(--danger-color);background:#fed7d7}.coupon-btn.remove:hover{background:var(--danger-color);color:#fff}.coupon-msg{margin-bottom:10px;font-size:13px}.coupon-msg.ok{color:var(--primary-color);font-weight:600}.coupon-msg.err{color:var(--danger-color)}.discount-row span:last-child{color:var(--primary-color);font-weight:600}.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:var(--primary-dark)}.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:var(--primary-dark)}.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}.tk-page{width:100%}.tk-header{margin-bottom:24px}.tk-tabs{flex-wrap:wrap;gap:8px;display:flex}.tk-tabs button{cursor:pointer;color:#718096;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tk-tabs button:hover{color:#1a202c;background:#f7fafc}.tk-tabs button.active{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.tk-count{color:#fff;text-align:center;background:#ef4444;border-radius:12px;min-width:20px;padding:1px 7px;font-size:11px;font-weight:700}.tk-count-closed{background:#6b7280}.tk-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px 32px}.tk-form-title{color:#1a202c;border-bottom:1px solid #e2e8f0;margin:0 0 24px;padding-bottom:14px;font-size:16px;font-weight:600}.tk-row{flex-wrap:wrap;gap:18px;margin-bottom:18px;display:flex}.tk-field{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.tk-field-full{flex:none;width:100%;margin-bottom:18px}.tk-field-half{max-width:360px;margin-bottom:18px}.tk-field label{color:#2d3748;font-size:13px;font-weight:500}.tk-req{color:#e53e3e}.tk-field input,.tk-field select,.tk-field textarea{color:#1a202c;box-sizing:border-box;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.tk-field input:focus,.tk-field select:focus,.tk-field textarea:focus{background:#fff;border-color:#1e3a5f;outline:none}.tk-field input[readonly]{color:#718096;cursor:not-allowed;background:#edf2f7}.tk-field textarea{resize:vertical}.tk-hint{color:#a0aec0;font-size:11px}.tk-section-label{color:#2d3748;margin-bottom:10px;font-size:13px;font-weight:500}.tk-issues-grid{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.tk-issue-check{color:#4a5568;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.tk-issue-check:hover{border-color:#1e3a5f}.tk-issue-check.checked{color:#1e3a5f;background:#ebf4ff;border-color:#1e3a5f;font-weight:600}.tk-issue-check input{accent-color:#1e3a5f;margin:0}.tk-form-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:8px;padding-top:20px;display:flex}.tk-btn-pri{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:600;transition:background .2s}.tk-btn-pri:hover{background:#2a4f80}.tk-btn-pri:disabled{opacity:.6;cursor:not-allowed}.tk-btn-sec{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.tk-btn-sec:hover{background:#f7fafc}.tk-list{flex-direction:column;gap:14px;display:flex}.tk-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;transition:box-shadow .2s}.tk-card:hover{box-shadow:0 4px 12px #00000012}.tk-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.tk-card-ids{flex-direction:column;gap:2px;display:flex}.tk-num{color:#1e3a5f;letter-spacing:.5px;font-size:12px;font-weight:700}.tk-machine{color:#718096;font-size:12px}.tk-title{color:#1a202c;margin:0 0 6px;font-size:15px;font-weight:600}.tk-desc{color:#718096;margin:0 0 10px;font-size:13px;line-height:1.5}.tk-issues{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tk-issue-tag{color:#1e3a5f;background:#ebf4ff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.tk-card-meta{color:#a0aec0;flex-wrap:wrap;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.tk-card-foot{justify-content:space-between;align-items:center;display:flex}.tk-actions{gap:8px;display:flex}.tk-btn-view{cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .2s}.tk-btn-view:hover{background:#edf2f7}.tk-btn-edit{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .2s}.tk-btn-edit:hover{background:#2a4f80}.tk-badge{border-radius:14px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.tk-crit{color:#dc2626;background:#fee2e2}.tk-high{color:#d97706;background:#fef3c7}.tk-med{color:#2563eb;background:#dbeafe}.tk-low{color:#059669;background:#d1fae5}.tk-open{color:#2563eb;background:#dbeafe}.tk-prog{color:#d97706;background:#fef3c7}.tk-res{color:#059669;background:#d1fae5}.tk-unres{color:#7c3aed;background:#e9d5ff}.tk-rej{color:#dc2626;background:#fee2e2}.tk-cat{color:#374151;background:#f3f4f6}.tk-pagination{justify-content:center;align-items:center;gap:6px;margin-top:24px;display:flex}.tk-pagination button{cursor:pointer;color:#4a5568;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:7px 13px;font-size:13px;transition:all .2s}.tk-pagination button:hover:not(:disabled):not(.active){background:#f7fafc}.tk-pagination button.active{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.tk-pagination button:disabled{opacity:.4;cursor:not-allowed}.tk-overlay{z-index:9000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tk-modal{background:#fff;border-radius:14px;width:560px;max-width:96vw;max-height:88vh;padding:28px 32px;overflow-y:auto;box-shadow:0 16px 40px #0000002e}.tk-modal-view{width:660px}.tk-modal-edit{width:600px}.tk-modal-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:14px;display:flex}.tk-modal-head h2{color:#1a202c;margin:4px 0 0;font-size:17px}.tk-modal-close{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:background .2s}.tk-modal-close:hover{color:#1a202c;background:#f7fafc}.tk-modal-badges{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tk-modal-grid{grid-template-columns:1fr 1fr;gap:10px 24px;margin-bottom:18px;display:grid}.tk-info-row{flex-direction:column;gap:2px;display:flex}.tk-info-row span{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.tk-info-row strong{color:#1a202c;font-size:14px}.tk-modal-section{margin-bottom:16px}.tk-modal-section label{color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.tk-modal-section p{color:#2d3748;margin:0;font-size:14px;line-height:1.6}.tk-popup{z-index:9999;cursor:pointer;border-radius:10px;align-items:center;gap:10px;max-width:360px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s tk-slide-up;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 6px 20px #00000024}.tk-popup.success{color:#276749;background:#f0fff4;border:1px solid #c6f6d5}.tk-popup.error{color:#9b2c2c;background:#fff5f5;border:1px solid #fed7d7}@keyframes tk-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tk-mech-row{margin-bottom:8px}.tk-mech-tag{color:#374151;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.tk-title{color:#2d3748;margin:0 0 8px;font-size:14px;line-height:1.5}.tk-edit-readonly{background:#f7fafc;border-radius:8px;flex-wrap:wrap;gap:12px 28px;margin-bottom:18px;padding:14px 16px;display:flex}.tk-ro-item{flex-direction:column;gap:2px;min-width:110px;display:flex}.tk-ro-item span{color:#a0aec0;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.tk-ro-item strong{color:#1a202c;font-size:13px}.tk-edit-section{margin-bottom:16px}.tk-edit-label{color:#2d3748;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.tk-chip-row{flex-wrap:wrap;gap:8px;display:flex}.tk-chip{color:#1e3a5f;background:#ebf4ff;border-radius:14px;padding:3px 12px;font-size:12px;font-weight:600}.tk-chip-num{color:#74a24b;margin-right:2px;font-weight:700}.tk-readonly-area{cursor:default;resize:none;color:#718096!important;background:#edf2f7!important}.tk-img-link-sm{margin-bottom:4px;padding:3px 8px;font-size:11px;display:inline-block}.tk-img-link{color:#1e3a5f;background:#ebf4ff;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.tk-img-link:hover{background:#dbeafe}.tk-img-row{flex-wrap:wrap;gap:10px;display:flex}.tk-loading,.tk-empty{text-align:center;color:#718096;background:#fff;border:1px dashed #e2e8f0;border-radius:12px;padding:48px 20px;font-size:15px}@media (width<=640px){.tk-modal{padding:20px 18px}.tk-modal-grid{grid-template-columns:1fr}.tk-form-card{padding:20px 16px}.tk-row{gap:12px}.tk-card-meta{gap:8px}}.cm-page{width:100%}.cm-header{margin-bottom:24px}.cm-tabs{flex-wrap:wrap;gap:8px;display:flex}.cm-tabs button{cursor:pointer;color:#718096;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cm-tabs button:hover{color:#1a202c;background:#f7fafc}.cm-tabs button.active{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.cm-count{color:#fff;text-align:center;background:#ef4444;border-radius:12px;min-width:20px;padding:1px 7px;font-size:11px;font-weight:700}.cm-count-closed{background:#6b7280}.cm-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px 32px}.cm-form-title{color:#1a202c;border-bottom:1px solid #e2e8f0;margin:0 0 24px;padding-bottom:14px;font-size:16px;font-weight:600}.cm-row{flex-wrap:wrap;gap:18px;margin-bottom:18px;display:flex}.cm-field{flex-direction:column;flex:1;gap:6px;min-width:180px;margin-bottom:16px;display:flex}.cm-field-full{flex:none;width:100%}.cm-field label{color:#2d3748;font-size:13px;font-weight:500}.cm-req{color:#e53e3e}.cm-field input,.cm-field select,.cm-field textarea{color:#1a202c;box-sizing:border-box;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.cm-field input:focus,.cm-field select:focus,.cm-field textarea:focus{background:#fff;border-color:#1e3a5f;outline:none}.cm-field input[readonly]{color:#718096;cursor:not-allowed;background:#edf2f7}.cm-field textarea{resize:vertical}.cm-form-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:8px;padding-top:20px;display:flex}.cm-btn-pri{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:600;transition:background .2s}.cm-btn-pri:hover{background:#2a4f80}.cm-btn-pri:disabled{opacity:.6;cursor:not-allowed}.cm-btn-sec{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.cm-btn-sec:hover{background:#f7fafc}.cm-list{flex-direction:column;gap:14px;display:flex}.cm-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;transition:box-shadow .2s}.cm-card:hover{box-shadow:0 4px 12px #00000012}.cm-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.cm-card-ids{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cm-num{color:#1e3a5f;letter-spacing:.5px;font-size:12px;font-weight:700}.cm-cat-tag{color:#4a5568;background:#edf2f7;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.cm-title{color:#1a202c;margin:0 0 6px;font-size:15px;font-weight:600}.cm-desc{color:#718096;margin:0 0 10px;font-size:13px;line-height:1.5}.cm-type-row{margin-bottom:10px}.cm-type-tag{color:#1e3a5f;background:#ebf4ff;border-radius:4px;padding:2px 10px;font-size:11px;font-weight:600}.cm-card-meta{color:#a0aec0;flex-wrap:wrap;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.cm-card-foot{justify-content:space-between;align-items:center;display:flex}.cm-actions{gap:8px;display:flex}.cm-btn-view{cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .2s}.cm-btn-view:hover{background:#edf2f7}.cm-btn-edit{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .2s}.cm-btn-edit:hover{background:#2a4f80}.cm-badge{border-radius:14px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.cm-crit{color:#dc2626;background:#fee2e2}.cm-high{color:#d97706;background:#fef3c7}.cm-med{color:#2563eb;background:#dbeafe}.cm-low{color:#059669;background:#d1fae5}.cm-pending{color:#d97706;background:#fef3c7}.cm-invest{color:#2563eb;background:#dbeafe}.cm-resolved{color:#059669;background:#d1fae5}.cm-rejected{color:#dc2626;background:#fee2e2}.cm-cat{color:#374151;background:#f3f4f6}.cm-type-badge{color:#5b21b6;background:#ede9fe}.cm-pagination{justify-content:center;align-items:center;gap:6px;margin-top:24px;display:flex}.cm-pagination button{cursor:pointer;color:#4a5568;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:7px 13px;font-size:13px;transition:all .2s}.cm-pagination button:hover:not(:disabled):not(.active){background:#f7fafc}.cm-pagination button.active{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.cm-pagination button:disabled{opacity:.4;cursor:not-allowed}.cm-overlay{z-index:9000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cm-modal{background:#fff;border-radius:14px;width:580px;max-width:96vw;max-height:88vh;padding:28px 32px;overflow-y:auto;box-shadow:0 16px 40px #0000002e}.cm-modal-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:14px;display:flex}.cm-modal-head h2{color:#1a202c;margin:4px 0 0;font-size:17px}.cm-modal-close{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:background .2s}.cm-modal-close:hover{background:#f7fafc}.cm-modal-badges{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.cm-modal-grid{grid-template-columns:1fr 1fr;gap:10px 24px;margin-bottom:18px;display:grid}.cm-info-row{flex-direction:column;gap:2px;display:flex}.cm-info-row span{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.cm-info-row strong{color:#1a202c;font-size:14px}.cm-modal-section{margin-bottom:16px}.cm-modal-section label{color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.cm-modal-section p{color:#2d3748;background:#f7fafc;border-left:3px solid #e2e8f0;border-radius:8px;margin:0;padding:12px;font-size:14px;line-height:1.7}.cm-modal-foot{border-top:1px solid #e2e8f0;gap:12px;margin-top:8px;padding-top:16px;display:flex}.cm-edit-readonly{background:#f7fafc;border-radius:8px;flex-wrap:wrap;gap:16px 32px;margin-bottom:18px;padding:14px 16px;display:flex}.cm-ro-item{flex-direction:column;gap:2px;min-width:120px;display:flex}.cm-ro-item span{color:#a0aec0;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.cm-ro-item strong{color:#1a202c;font-size:13px}.cm-popup{z-index:9999;cursor:pointer;border-radius:10px;align-items:center;gap:10px;max-width:360px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s cm-slide;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 6px 20px #00000024}.cm-popup.success{color:#276749;background:#f0fff4;border:1px solid #c6f6d5}.cm-popup.error{color:#9b2c2c;background:#fff5f5;border:1px solid #fed7d7}@keyframes cm-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cm-state{text-align:center;color:#718096;background:#fff;border:1px dashed #e2e8f0;border-radius:12px;padding:48px 20px;font-size:15px}@media (width<=640px){.cm-modal{padding:18px 16px}.cm-modal-grid{grid-template-columns:1fr}.cm-form-card{padding:20px 16px}.cm-row{gap:12px}.cm-card-meta{gap:8px}}.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{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.status.completed{color:#059669;background:#d1fae5}.status.pending{color:#d97706;background:#fef3c7}.inv-page{width:100%}.inv-summary{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.inv-sum-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;flex:1;gap:4px;min-width:120px;padding:16px 20px;display:flex;box-shadow:0 2px 4px #0000000d}.inv-sum-num{color:#1a202c;font-size:28px;font-weight:700}.inv-sum-label{color:#718096;font-size:13px}.inv-sum-card.warn .inv-sum-num{color:#d97706}.inv-sum-card.ok .inv-sum-num{color:#74b24a}.inv-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.inv-tabs button{cursor:pointer;color:#718096;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:500;transition:all .2s}.inv-tabs button:hover{background:#f7fafc}.inv-tabs button.active{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.inv-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.inv-hint{color:#a0aec0;margin:0;padding:10px 16px 0;font-size:12px}.inv-table{border-collapse:collapse;width:100%;font-size:13px}.inv-table thead tr{background:#f7fafc;border-bottom:1px solid #e2e8f0}.inv-table th{text-align:left;color:#718096;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:11px 14px;font-size:12px;font-weight:600}.inv-row{cursor:pointer;border-bottom:1px solid #f7fafc;transition:background .15s}.inv-row:hover{background:#f0f8e8}.inv-row:last-child{border-bottom:none}.inv-table td{color:#2d3748;vertical-align:middle;padding:11px 14px}.inv-machine-id{color:#1e3a5f;font-size:13px;font-weight:700}.inv-low-cell{color:#dc2626;font-weight:700}.inv-status{border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.inv-status.active{color:#059669;background:#d1fae5}.inv-status.inactive{color:#d97706;background:#fef3c7}.inv-status.under_service{color:#dc2626;background:#fee2e2}.inv-loading,.inv-empty{text-align:center;color:#718096;background:#fff;border:1px dashed #e2e8f0;border-radius:12px;padding:48px;font-size:15px}.inv-overlay{z-index:9000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.inv-modal{background:#fff;border-radius:14px;width:640px;max-width:96vw;max-height:88vh;padding:24px 28px;overflow-y:auto;box-shadow:0 16px 40px #0003}.inv-modal-head{border-bottom:2px solid #74b24a;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.inv-modal-head h3{color:#74b24a;margin:0;font-size:17px;font-weight:700}.inv-modal-close{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px}.inv-modal-close:hover{background:#f7fafc}.inv-refill-hint{color:#a0aec0;margin:0 0 14px;font-size:12px}.inv-bars-grid{grid-template-columns:1fr 1fr;gap:10px 18px;margin-bottom:16px;display:grid}@media (width<=500px){.inv-bars-grid{grid-template-columns:1fr}}.inv-bar-block{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:5px;padding:8px 10px;display:flex}.inv-bar-block.inv-zero{background:#fff5f5;border-color:#fc8181}.inv-bar-label-row{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.inv-bar-label{color:#2d3748;flex:1;font-size:11px;font-weight:500;line-height:1.4}.inv-bar-val{color:#a0aec0;white-space:nowrap;font-size:10px;font-weight:400;display:block}.inv-check{accent-color:#74b24a;cursor:pointer;flex-shrink:0;width:15px;height:15px;margin-top:2px}.inv-check:disabled{opacity:.35;cursor:not-allowed}.inv-bar-track{background:#e2e8f0;border-radius:8px;height:10px;overflow:hidden}.inv-bar-fill{border-radius:8px;height:100%;transition:width .4s}.inv-ok{background:#74b24a}.inv-warn{background:#f6ad55}.inv-low{background:#fc8181}.inv-empty{background:#cbd5e0}.inv-modal-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:4px;padding-top:16px;display:flex}.inv-btn-pri{color:#fff;cursor:pointer;background:#74b24a;border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:600}.inv-btn-pri:hover{background:#5d9038}.inv-btn-pri:disabled{opacity:.6;cursor:not-allowed}.inv-btn-sec{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.inv-btn-sec:hover{background:#f7fafc}.inv-popup{z-index:9999;cursor:pointer;border-radius:10px;align-items:center;gap:10px;max-width:420px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s inv-slide;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 6px 20px #00000024}.inv-popup.success{color:#276749;background:#f0fff4;border:1px solid #c6f6d5}.inv-popup.error{color:#9b2c2c;background:#fff5f5;border:1px solid #fed7d7}@keyframes inv-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lv-page{width:100%}.lv-header{margin-bottom:24px}.lv-tabs{flex-wrap:wrap;gap:8px;display:flex}.lv-tabs button{cursor:pointer;color:#718096;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.lv-tabs button:hover{color:#1a202c;background:#f7fafc}.lv-tabs button.active{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.lv-count{color:#fff;text-align:center;background:#f59e0b;border-radius:12px;min-width:20px;padding:1px 7px;font-size:11px;font-weight:700}.lv-count-decided{background:#6b7280}.lv-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px 32px}.lv-form-title{color:#1a202c;border-bottom:1px solid #e2e8f0;margin:0 0 24px;padding-bottom:14px;font-size:16px;font-weight:600}.lv-row{flex-wrap:wrap;gap:18px;margin-bottom:18px;display:flex}.lv-field{flex-direction:column;flex:1;gap:6px;min-width:180px;margin-bottom:16px;display:flex}.lv-field-full{flex:none;width:100%}.lv-field label{color:#2d3748;font-size:13px;font-weight:500}.lv-req{color:#e53e3e}.lv-field input,.lv-field select,.lv-field textarea{color:#1a202c;box-sizing:border-box;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.lv-field input:focus,.lv-field select:focus,.lv-field textarea:focus{background:#fff;border-color:#1e3a5f;outline:none}.lv-field input[readonly]{color:#718096;cursor:not-allowed;background:#edf2f7}.lv-field textarea{resize:vertical}.lv-form-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:8px;padding-top:20px;display:flex}.lv-btn-pri{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:600;transition:background .2s}.lv-btn-pri:hover{background:#2a4f80}.lv-btn-pri:disabled{opacity:.6;cursor:not-allowed}.lv-btn-sec{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.lv-btn-sec:hover{background:#f7fafc}.lv-list{flex-direction:column;gap:14px;display:flex}.lv-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;transition:box-shadow .2s}.lv-card:hover{box-shadow:0 4px 12px #00000012}.lv-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.lv-card-ids{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lv-num{color:#1e3a5f;letter-spacing:.5px;font-size:12px;font-weight:700}.lv-title{color:#1a202c;margin:0 0 8px;font-size:15px;font-weight:600}.lv-reason{color:#718096;margin:0 0 10px;font-size:13px;line-height:1.5}.lv-card-meta{color:#a0aec0;flex-wrap:wrap;gap:16px;margin-bottom:10px;font-size:12px;display:flex}.lv-rejection{color:#dc2626;background:#fff5f5;border-left:3px solid #fc8181;border-radius:4px;margin-bottom:10px;padding:6px 10px;font-size:12px}.lv-card-foot{justify-content:flex-end;align-items:center;display:flex}.lv-actions{gap:8px;display:flex}.lv-btn-view{cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .2s}.lv-btn-view:hover{background:#edf2f7}.lv-btn-edit{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .2s}.lv-btn-edit:hover{background:#2a4f80}.lv-badge{border-radius:14px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.lv-pending{color:#d97706;background:#fef3c7}.lv-approved{color:#059669;background:#d1fae5}.lv-rejected{color:#dc2626;background:#fee2e2}.lv-type-tag{border-radius:14px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.lv-sick{color:#dc2626;background:#fee2e2}.lv-casual{color:#2563eb;background:#dbeafe}.lv-annual{color:#059669;background:#d1fae5}.lv-unpaid{color:#6b7280;background:#f3f4f6}.lv-wfh{color:#5b21b6;background:#ede9fe}.lv-other{color:#d97706;background:#fef3c7}.lv-pagination{justify-content:center;align-items:center;gap:6px;margin-top:24px;display:flex}.lv-pagination button{cursor:pointer;color:#4a5568;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:7px 13px;font-size:13px;transition:all .2s}.lv-pagination button:hover:not(:disabled):not(.active){background:#f7fafc}.lv-pagination button.active{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.lv-pagination button:disabled{opacity:.4;cursor:not-allowed}.lv-overlay{z-index:9000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lv-modal{background:#fff;border-radius:14px;width:540px;max-width:96vw;max-height:88vh;padding:28px 32px;overflow-y:auto;box-shadow:0 16px 40px #0000002e}.lv-modal-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:14px;display:flex}.lv-modal-head h2{color:#1a202c;margin:4px 0 0;font-size:17px}.lv-modal-close{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:background .2s}.lv-modal-close:hover{background:#f7fafc}.lv-modal-badges{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.lv-modal-grid{grid-template-columns:1fr 1fr;gap:10px 24px;margin-bottom:18px;display:grid}.lv-info-row{flex-direction:column;gap:2px;display:flex}.lv-info-row span{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.lv-info-row strong{color:#1a202c;font-size:14px}.lv-modal-section{margin-bottom:16px}.lv-modal-section label{color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.lv-modal-section p{color:#2d3748;background:#f7fafc;border-left:3px solid #e2e8f0;border-radius:8px;margin:0;padding:12px;font-size:14px;line-height:1.7}.lv-rejection-block p{color:#dc2626;background:#fff5f5;border-left-color:#fc8181}.lv-modal-foot{border-top:1px solid #e2e8f0;gap:12px;margin-top:8px;padding-top:16px;display:flex}.lv-edit-readonly{background:#f7fafc;border-radius:8px;flex-wrap:wrap;gap:16px 32px;margin-bottom:18px;padding:14px 16px;display:flex}.lv-ro-item{flex-direction:column;gap:2px;min-width:120px;display:flex}.lv-ro-item span{color:#a0aec0;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.lv-ro-item strong{color:#1a202c;font-size:13px}.lv-decision-row{gap:12px;margin-top:4px;display:flex}.lv-decision-opt{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.lv-decision-opt input{accent-color:#1e3a5f}.lv-decision-opt.approve.selected{color:#059669;background:#f0fff4;border-color:#059669}.lv-decision-opt.reject.selected{color:#dc2626;background:#fff5f5;border-color:#dc2626}.lv-decision-opt.approve:hover{border-color:#059669}.lv-decision-opt.reject:hover{border-color:#dc2626}.lv-popup{z-index:9999;cursor:pointer;border-radius:10px;align-items:center;gap:10px;max-width:360px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s lv-slide;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 6px 20px #00000024}.lv-popup.success{color:#276749;background:#f0fff4;border:1px solid #c6f6d5}.lv-popup.error{color:#9b2c2c;background:#fff5f5;border:1px solid #fed7d7}@keyframes lv-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lv-state{text-align:center;color:#718096;background:#fff;border:1px dashed #e2e8f0;border-radius:12px;padding:48px 20px;font-size:15px}@media (width<=640px){.lv-modal{padding:18px 16px}.lv-modal-grid{grid-template-columns:1fr}.lv-form-card{padding:20px 16px}.lv-row{gap:12px}.lv-decision-row{flex-direction:column}}.ca-page{width:100%}.ca-stepper{align-items:center;margin-bottom:28px;padding:0 4px;display:flex}.ca-step-node{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.ca-step-circle{color:#cbd5e0;background:#fff;border:2px solid #cbd5e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.ca-step-node.active .ca-step-circle{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.ca-step-node.done .ca-step-circle{color:#fff;background:#74a24b;border-color:#74a24b}.ca-step-label{color:#718096;white-space:nowrap;font-size:12px;font-weight:500}.ca-step-node.active .ca-step-label{color:#1e3a5f;font-weight:600}.ca-step-node.done .ca-step-label{color:#74a24b}.ca-step-line{background:#e2e8f0;flex:1;height:2px;margin:0 8px 22px;transition:background .25s}.ca-step-line.done{background:#74a24b}.ca-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px 32px}.ca-section-title{color:#1a202c;border-bottom:1px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:600}.ca-row{flex-wrap:wrap;gap:18px;margin-bottom:18px;display:flex}.ca-field{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.ca-field label{color:#2d3748;font-size:13px;font-weight:500}.ca-req{color:#e53e3e}.ca-field input,.ca-field select,.ca-field textarea{color:#1a202c;box-sizing:border-box;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.ca-field input:focus,.ca-field select:focus,.ca-field textarea:focus{background:#fff;border-color:#1e3a5f;outline:none;box-shadow:0 0 0 3px #1e3a5f14}.ca-field input[readonly]{color:#718096;cursor:not-allowed;background:#edf2f7}.ca-field input[type=file]{cursor:pointer;background:#fff;padding:7px 12px}.ca-field textarea{resize:vertical}.ca-btn-row{border-top:1px solid #e2e8f0;gap:12px;margin-top:8px;padding-top:20px;display:flex}.ca-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:600;transition:background .2s,opacity .2s}.ca-btn.primary{color:#fff;background:#1e3a5f}.ca-btn.primary:hover{background:#2a4f80}.ca-btn.primary:disabled{opacity:.6;cursor:not-allowed}.ca-btn.secondary{color:#4a5568;background:#fff;border:1px solid #e2e8f0}.ca-btn.secondary:hover{background:#f7fafc}.ca-overlay{z-index:9000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ca-popup{text-align:center;background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:380px;max-width:92vw;padding:32px 36px;display:flex;box-shadow:0 8px 30px #0000002e}.ca-popup-icon{margin:0;font-size:36px}.ca-popup-msg{color:#2d3748;margin:0;font-size:15px;font-weight:500}.ca-popup.error .ca-popup-msg{color:#e53e3e}.ca-creds{text-align:left;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px 18px}.ca-cred-row{color:#4a5568;justify-content:space-between;align-items:center;padding:4px 0;font-size:14px;display:flex}.ca-cred-row strong{color:#1a202c}.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}