@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #3b82f6;--primary-dark: #2563eb;--secondary: #8b5cf6;--secondary-dark: #6d28d9;--success: #10b981;--success-dark: #059669;--danger: #ef4444;--danger-dark: #dc2626;--warning: #f59e0b;--warning-dark: #d97706;--info: #3b82f6;--info-dark: #2563eb;--light: #f3f4f6;--dark: #1f2937;--bg-light: #ffffff;--bg-dark: #0f172a;--bg-sidebar: #1e293b;--text-light: #1e293b;--text-dark: #f8fafc;--text-muted-light: #64748b;--text-muted-dark: #94a3b8;--border-light: #e2e8f0;--border-dark: #334155;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--sidebar-width: 280px;--sidebar-collapsed-width: 64px;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0!important;padding:0!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--text-light);background-color:var(--light)}.dark{color:var(--text-dark);background-color:var(--dark)}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:transparent;border:1px solid var(--border-light);color:var(--text-light)}.dark .btn-secondary{border-color:var(--border-dark);color:var(--text-dark)}.btn-secondary:hover{background-color:var(--light)}.dark .btn-secondary:hover{background-color:var(--dark)}.card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.dark .card{background-color:var(--bg-dark)}input,select,textarea{width:100%;padding:.75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-light);background-color:#fff;transition:border-color var(--transition-fast)}.dark input,.dark select,.dark textarea{border-color:var(--border-dark);color:var(--text-dark);background-color:var(--bg-dark)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.icon{width:1.25rem;height:1.25rem;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.gap-1{gap:.25rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}@media (max-width: 640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,1fr)}}@media (max-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-semibold{font-weight:600}.m-0{margin:0}.p-0{padding:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-6{padding:1.5rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.border-0{border-width:0}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #ffffff;--tertiary-color: #f3f4f6;--text-color: #1e293b;--text-muted: #64748b;--border-color: #e2e8f0;--shadow-color: rgba(0, 0, 0, .05);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--transition-slow: .5s;--transition-medium: .3s;--transition-fast: .15s}.dark{--primary-color: #3b82f6;--primary-hover: #60a5fa;--secondary-color: #1e293b;--tertiary-color: #0f172a;--text-color: #f8fafc;--text-muted: #94a3b8;--border-color: #334155;--shadow-color: rgba(0, 0, 0, .2);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--tertiary-color);color:var(--text-color);transition:background-color var(--transition-medium),color var(--transition-medium)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:.375rem}.p-4{padding:1rem}.m-4{margin:1rem}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--tertiary-color)}.card{background-color:var(--secondary-color);border-radius:.5rem;box-shadow:var(--card-shadow);padding:1.5rem;transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}input,select,textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--secondary-color);color:var(--text-color);transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}table{width:100%;border-collapse:separate;border-spacing:0}th{text-align:left;padding:.75rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color)}td{padding:.75rem;border-bottom:1px solid var(--border-color)}tr:last-child td{border-bottom:none}@media (max-width: 640px){.hidden-sm{display:none}}@media (max-width: 768px){.hidden-md{display:none}}@media (max-width: 1024px){.hidden-lg{display:none}}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--light);color:var(--text-light)}.dark body{background-color:var(--dark);color:var(--text-dark)}#root{min-height:100vh}.page-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-light);margin-bottom:.5rem}.dark .form-label{color:var(--text-dark)}.form-input{width:100%;padding:.75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#fff;color:var(--text-light);transition:all var(--transition-fast)}.dark .form-input{background-color:var(--bg-dark);border-color:var(--border-dark);color:var(--text-dark)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633}.form-error{font-size:.875rem;color:var(--danger);margin-top:.25rem}.form-success{font-size:.875rem;color:var(--success);margin-top:.25rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.status-badge-success{background-color:#10b9811a;color:var(--success)}.status-badge-warning{background-color:#f59e0b1a;color:var(--warning)}.status-badge-danger{background-color:#ef44441a;color:var(--danger)}.status-badge-info{background-color:#3b82f61a;color:var(--info)}.loading-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid rgba(59,130,246,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.dark .modal{background-color:var(--bg-dark)}.modal-header{padding:1rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.dark .modal-header{border-bottom-color:var(--border-dark)}.modal-title{font-size:1.25rem;font-weight:600}.modal-body{padding:1rem}.modal-footer{padding:1rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:.5rem}.dark .modal-footer{border-top-color:var(--border-dark)}.table-container{width:100%;overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{text-align:left;padding:.75rem;font-size:.875rem;font-weight:600;color:var(--text-muted-light);border-bottom:1px solid var(--border-light)}.dark .table th{color:var(--text-muted-dark);border-bottom-color:var(--border-dark)}.table td{padding:.75rem;border-bottom:1px solid var(--border-light)}.dark .table td{border-bottom-color:var(--border-dark)}.table tr:last-child td{border-bottom:none}@media (max-width: 640px){.hide-sm{display:none}}@media (max-width: 768px){.hide-md{display:none}}@media (max-width: 1024px){.hide-lg{display:none}}.App{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;display:flex;flex-direction:column}.app-main{flex:1;padding:var(--spacing-lg);background-color:var(--light);transition:all var(--transition-normal)}.dark .app-main{background-color:var(--dark)}.app-container{max-width:1400px;margin:0 auto;width:100%}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--light)}.dark .app-loading{background-color:var(--dark)}.app-loading-spinner{width:3rem;height:3rem;border:3px solid rgba(59,130,246,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);text-align:center;background-color:var(--light)}.dark .app-error{background-color:var(--dark)}.app-error-icon{font-size:3rem;color:var(--danger);margin-bottom:var(--spacing-lg)}.app-error-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-light)}.dark .app-error-title{color:var(--text-dark)}.app-error-message{font-size:1rem;color:var(--text-muted-light);margin-bottom:var(--spacing-lg)}.dark .app-error-message{color:var(--text-muted-dark)}.app-error-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:#fff;background-color:var(--primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.app-error-button:hover{background-color:var(--primary-dark)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity var(--transition-normal)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}.dark ::-webkit-scrollbar-thumb{background:var(--border-dark)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted-light)}.dark ::-webkit-scrollbar-thumb:hover{background:var(--text-muted-dark)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f7ff,#e6eeff,#e6e6ff);padding:2rem}.dark .auth-container{background:linear-gradient(135deg,#1a1f2e,#1e2a4a,#1e1e4a)}.auth-card{width:100%;max-width:28rem;background-color:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;position:relative}.dark .auth-card{background-color:var(--bg-dark)}.auth-header{padding:1.5rem;border-bottom:1px solid var(--border-light);text-align:center;position:relative}.dark .auth-header{border-bottom-color:var(--border-dark)}.auth-logo{width:4rem;height:4rem;background-color:var(--primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:1.5rem;font-weight:700}.auth-title{font-size:1.5rem;font-weight:700;color:var(--text-light);margin-bottom:.25rem}.dark .auth-title{color:var(--text-dark)}.auth-subtitle{font-size:.875rem;color:var(--text-muted-light)}.dark .auth-subtitle{color:var(--text-muted-dark)}.auth-theme-toggle{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted-light);cursor:pointer;transition:all var(--transition-fast)}.auth-theme-toggle:hover{background-color:var(--light);color:var(--text-light)}.dark .auth-theme-toggle{color:var(--text-muted-dark)}.dark .auth-theme-toggle:hover{background-color:var(--dark);color:var(--text-dark)}.auth-body{padding:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-form-group{display:flex;flex-direction:column;gap:.5rem}.auth-label{font-size:.875rem;font-weight:500;color:var(--text-light)}.dark .auth-label{color:var(--text-dark)}.auth-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:1rem;color:var(--text-light);background-color:#fff;transition:all var(--transition-fast)}.dark .auth-input{background-color:var(--bg-dark);border-color:var(--border-dark);color:var(--text-dark)}.auth-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.auth-input-error{border-color:var(--danger)}.auth-input-error:focus{box-shadow:0 0 0 3px #ef444433}.auth-error-text{font-size:.875rem;color:var(--danger);margin-top:.25rem}.auth-success-text{font-size:.875rem;color:var(--success);margin-top:.25rem}.auth-button{width:100%;padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-button-primary{background-color:var(--primary);color:#fff;border:none}.auth-button-primary:hover{background-color:var(--primary-dark)}.auth-button-primary:disabled{opacity:.7;cursor:not-allowed}.auth-button-secondary{background-color:transparent;border:1px solid var(--border-light);color:var(--text-light)}.dark .auth-button-secondary{border-color:var(--border-dark);color:var(--text-dark)}.auth-button-secondary:hover{background-color:var(--light)}.dark .auth-button-secondary:hover{background-color:var(--dark)}.auth-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.auth-divider{display:flex;align-items:center;margin:1.5rem 0}.auth-divider-line{flex:1;height:1px;background-color:var(--border-light)}.dark .auth-divider-line{background-color:var(--border-dark)}.auth-divider-text{padding:0 1rem;font-size:.875rem;color:var(--text-muted-light)}.dark .auth-divider-text{color:var(--text-muted-dark)}.auth-footer{padding:1.5rem;border-top:1px solid var(--border-light);text-align:center;font-size:.875rem;color:var(--text-muted-light)}.dark .auth-footer{border-top-color:var(--border-dark);color:var(--text-muted-dark)}.auth-link{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{text-decoration:underline}.auth-otp-container{display:flex;gap:.5rem;margin-top:1rem}.auth-otp-input{width:3rem;height:3rem;text-align:center;font-size:1.25rem;font-weight:600;border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:#fff;color:var(--text-light)}.dark .auth-otp-input{background-color:var(--bg-dark);border-color:var(--border-dark);color:var(--text-dark)}.auth-resend{margin-top:1rem;text-align:center}.auth-resend-button{background:transparent;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;padding:0}.auth-resend-button:disabled{color:var(--text-muted-light);cursor:not-allowed}.dark .auth-resend-button:disabled{color:var(--text-muted-dark)}.auth-resend-timer{font-size:.875rem;color:var(--text-muted-light)}.dark .auth-resend-timer{color:var(--text-muted-dark)}.auth-method-selector{display:flex;gap:1rem;margin-bottom:1.5rem}.auth-method-option{flex:1;padding:1rem;border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all var(--transition-fast)}.dark .auth-method-option{border-color:var(--border-dark)}.auth-method-option:hover{border-color:var(--primary);background-color:#3b82f60d}.dark .auth-method-option:hover{background-color:#3b82f61a}.auth-method-option.selected{border-color:var(--primary);background-color:#3b82f60d}.dark .auth-method-option.selected{background-color:#3b82f61a}.auth-method-icon{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#3b82f61a;display:flex;align-items:center;justify-content:center;color:var(--primary)}.auth-method-label{font-size:.875rem;font-weight:500;color:var(--text-light)}.dark .auth-method-label{color:var(--text-dark)}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background-color:var(--bg-sidebar);color:#fff;transition:width var(--transition-normal);z-index:50;box-shadow:var(--shadow-lg)}.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1rem}.sidebar-collapsed .sidebar-header{justify-content:center;padding:1rem}.sidebar-logo{width:2rem;height:2rem;background-color:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.sidebar-title{font-size:1.125rem;font-weight:600;white-space:nowrap;overflow:hidden}.sidebar-subtitle{font-size:.75rem;color:#fff9}.sidebar-collapsed .sidebar-title,.sidebar-collapsed .sidebar-subtitle{display:none}.sidebar-nav{padding:1rem 0;overflow-y:auto;height:calc(100vh - 5rem)}.sidebar-collapsed .sidebar-nav{padding:1rem 0;overflow-x:hidden}.sidebar-nav-item{display:flex;align-items:center;padding:.75rem 1.5rem;color:#fff;text-decoration:none;transition:background-color var(--transition-fast);margin-bottom:.25rem;position:relative}.sidebar-collapsed .sidebar-nav-item{padding:.75rem 1rem;justify-content:center}.sidebar-nav-item:hover{background-color:#ffffff1a}.sidebar-nav-item.active{background-color:#3b82f680;font-weight:500}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary)}.sidebar-collapsed .sidebar-nav-item.active:before{display:none}.sidebar-icon{width:1.25rem;height:1.25rem;margin-right:1rem;flex-shrink:0}.sidebar-collapsed .sidebar-icon{margin-right:0}.sidebar-nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .sidebar-nav-text{display:none}.sidebar-submenu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;color:#fff;padding:.75rem 1.5rem;cursor:pointer;text-align:left;transition:background-color var(--transition-fast);font-size:1rem;font-weight:500}.sidebar-submenu-toggle:hover{background-color:#ffffff1a}.sidebar-submenu-content{display:flex;align-items:center;gap:1rem}.sidebar-submenu-arrow{transition:transform var(--transition-fast)}.sidebar-submenu-arrow.expanded{transform:rotate(90deg)}.sidebar-submenu{max-height:0;overflow:hidden;transition:max-height var(--transition-normal);background-color:#0003}.sidebar-submenu.expanded{max-height:500px}.sidebar-submenu .sidebar-nav-item{padding-left:3.25rem;font-size:.875rem}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);position:absolute;bottom:0;left:0;right:0;text-align:center}.sidebar-collapsed .sidebar-footer{display:none}.sidebar-footer-text{font-size:.75rem;color:#fff9}.sidebar-footer-version{font-size:.75rem;color:#fff9;margin-top:.5rem}.layout-container{min-height:100vh;background:linear-gradient(to bottom right,#f8fafc,#f1f5f9);display:flex;flex-direction:column}.dark .layout-container{background:linear-gradient(to bottom right,#0f172a,#1e293b)}.layout-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal)}.layout-main-collapsed{margin-left:var(--sidebar-collapsed-width)}.layout-header{position:sticky;top:0;z-index:40;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light);padding:1rem 2rem}.dark .layout-header{background-color:#0f172acc;border-bottom-color:var(--border-dark)}.layout-header-content{display:flex;align-items:center;justify-content:space-between}.layout-header-left,.layout-header-right{display:flex;align-items:center;gap:1rem}.layout-toggle-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:transparent;border:none;color:var(--text-light);cursor:pointer;transition:background-color var(--transition-fast)}.dark .layout-toggle-btn{color:var(--text-dark)}.layout-toggle-btn:hover{background-color:#0000000d}.dark .layout-toggle-btn:hover{background-color:#ffffff0d}.layout-search{position:relative;width:300px}.layout-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-light);border-radius:var(--radius-full);background-color:#fff;color:var(--text-light);font-size:.875rem;transition:all var(--transition-fast)}.dark .layout-search-input{background-color:#1e293bcc;border-color:var(--border-dark);color:var(--text-dark)}.layout-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.layout-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted-light);width:1.25rem;height:1.25rem}.dark .layout-search-icon{color:var(--text-muted-dark)}.layout-notification{position:relative}.layout-notification-badge{position:absolute;top:0;right:0;width:.5rem;height:.5rem;background-color:var(--danger);border-radius:var(--radius-full)}.layout-user-profile{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.25rem;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.layout-user-profile:hover{background-color:#0000000d}.dark .layout-user-profile:hover{background-color:#ffffff0d}.layout-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff}.layout-user-info{display:flex;flex-direction:column}.layout-user-name{font-size:.875rem;font-weight:500;color:var(--text-light)}.dark .layout-user-name{color:var(--text-dark)}.layout-user-role{font-size:.75rem;color:var(--text-muted-light)}.dark .layout-user-role{color:var(--text-muted-dark)}.layout-content{padding:2rem}.layout-footer{margin-top:2rem;padding:2rem;border-top:1px solid var(--border-light)}.dark .layout-footer{border-top-color:var(--border-dark)}.layout-footer-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.layout-footer-brand{display:flex;align-items:center;gap:1rem}.layout-footer-logo{width:2.5rem;height:2.5rem;background-color:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.layout-footer-info{display:flex;flex-direction:column}.layout-footer-title{font-weight:600;color:var(--text-light)}.dark .layout-footer-title{color:var(--text-dark)}.layout-footer-subtitle{font-size:.75rem;color:var(--text-muted-light)}.dark .layout-footer-subtitle{color:var(--text-muted-dark)}.layout-footer-copyright{text-align:center;font-size:.75rem;color:var(--text-muted-light)}.dark .layout-footer-copyright{color:var(--text-muted-dark)}.layout-footer-links{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.layout-footer-link{font-size:.875rem;color:var(--text-light);text-decoration:none;transition:color var(--transition-fast)}.dark .layout-footer-link{color:var(--text-dark)}.layout-footer-link:hover{color:var(--primary)}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;background:linear-gradient(135deg,#126cab1a,#d9dd460d);border-radius:16px;margin:2rem;padding:3rem}.dashboard-loading-icon{color:#126cab;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(18,108,171,.2))}.dashboard-loading h3{color:#126cab;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.dashboard-loading p{color:#64748b;font-size:1rem;margin:0}.dashboard-container{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.dashboard-stats-row{grid-column:span 12;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.dashboard-stat-card{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all var(--transition-fast)}.dark .dashboard-stat-card{background-color:var(--bg-dark)}.dashboard-stat-card:hover{transform:translateY(-.25rem);box-shadow:var(--shadow-lg)}.dashboard-stat-icon{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-stat-icon-primary{background-color:#3b82f61a;color:var(--primary)}.dashboard-stat-icon-success{background-color:#10b9811a;color:var(--success)}.dashboard-stat-icon-warning{background-color:#f59e0b1a;color:var(--warning)}.dashboard-stat-icon-info{background-color:#3b82f61a;color:var(--info)}.dashboard-stat-content{display:flex;flex-direction:column}.dashboard-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-light);line-height:1.2}.dark .dashboard-stat-value{color:var(--text-dark)}.dashboard-stat-label{font-size:.875rem;color:var(--text-muted-light)}.dark .dashboard-stat-label{color:var(--text-muted-dark)}.dashboard-stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;margin-top:.25rem}.dashboard-stat-change-positive{color:var(--success)}.dashboard-stat-change-negative{color:var(--danger)}.dashboard-chart-row{grid-column:span 12;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.dashboard-chart-card{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;height:100%}.dark .dashboard-chart-card{background-color:var(--bg-dark)}.dashboard-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-chart-title{font-size:1.125rem;font-weight:600;color:var(--text-light)}.dark .dashboard-chart-title{color:var(--text-dark)}.dashboard-chart-actions{display:flex;gap:.5rem}.dashboard-chart-action{width:2rem;height:2rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted-light);cursor:pointer;transition:all var(--transition-fast)}.dark .dashboard-chart-action{color:var(--text-muted-dark)}.dashboard-chart-action:hover{background-color:var(--light);color:var(--text-light)}.dark .dashboard-chart-action:hover{background-color:var(--dark);color:var(--text-dark)}.dashboard-chart-content{height:300px;position:relative}.dashboard-table-row{grid-column:span 12;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.dashboard-table-card{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;height:100%}.dark .dashboard-table-card{background-color:var(--bg-dark)}.dashboard-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-table-title{font-size:1.125rem;font-weight:600;color:var(--text-light)}.dark .dashboard-table-title{color:var(--text-dark)}.dashboard-table{width:100%;border-collapse:separate;border-spacing:0}.dashboard-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-muted-light);border-bottom:1px solid var(--border-light);text-transform:uppercase}.dark .dashboard-table th{color:var(--text-muted-dark);border-bottom-color:var(--border-dark)}.dashboard-table td{padding:.75rem 1rem;font-size:.875rem;color:var(--text-light);border-bottom:1px solid var(--border-light)}.dark .dashboard-table td{color:var(--text-dark);border-bottom-color:var(--border-dark)}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table-link{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}.dashboard-table-link:hover{text-decoration:underline}.dashboard-status{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.dashboard-status-success{background-color:#10b9811a;color:var(--success)}.dashboard-status-warning{background-color:#f59e0b1a;color:var(--warning)}.dashboard-status-danger{background-color:#ef44441a;color:var(--danger)}.dashboard-status-info{background-color:#3b82f61a;color:var(--info)}.dashboard-status-pending{background-color:#f59e0b1a;color:var(--warning)}.dashboard-status-failed{background-color:#ef44441a;color:var(--danger)}.dashboard-map-row{grid-column:span 12}.dashboard-map-card{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;height:100%}.dark .dashboard-map-card{background-color:var(--bg-dark)}.dashboard-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-map-title{font-size:1.125rem;font-weight:600;color:var(--text-light)}.dark .dashboard-map-title{color:var(--text-dark)}.dashboard-map-content{height:400px;position:relative;border-radius:var(--radius-lg);overflow:hidden}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-section-header h3{font-size:1.125rem;font-weight:600;color:var(--text-light)}.dark .dashboard-section-header h3{color:var(--text-dark)}.dashboard-view-all{background:transparent;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:color var(--transition-fast)}.dashboard-view-all:hover{text-decoration:underline}.dashboard-table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-light)}.dark .dashboard-table-container{border-color:var(--border-dark)}.dashboard-recent-transactions,.dashboard-recent-complaints{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;height:fit-content}.dark .dashboard-recent-transactions,.dark .dashboard-recent-complaints{background-color:var(--bg-dark)}.dashboard-empty-state{text-align:center;padding:2rem;color:var(--text-muted-light)}.dark .dashboard-empty-state{color:var(--text-muted-dark)}.dashboard-empty-state p{font-size:1rem;margin-bottom:.5rem}.dashboard-empty-state small{font-size:.875rem;opacity:.8}.dashboard-chart-content canvas{border-radius:var(--radius-lg)}.dashboard-status.dashboard-status-succeeded,.dashboard-status.dashboard-status-completed,.dashboard-status.dashboard-status-resolved{background-color:#10b9811a;color:var(--success)}.dashboard-status.dashboard-status-approved{background-color:#3b82f61a;color:var(--info)}@media (max-width: 1024px){.dashboard-stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-chart-row{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-stats-row,.dashboard-table-row{grid-template-columns:1fr}}.machines-container{padding:1.5rem;max-width:100%;width:100%;box-sizing:border-box}.machines-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.machines-header h1{font-size:2rem;color:var(--primary-color);margin:0;font-weight:700}.machines-header p{color:#64748b;margin:.25rem 0 0;font-size:1rem}.add-machine-btn{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:.5rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s;box-shadow:0 2px 4px #126cab33}.add-machine-btn:hover{background-color:#0e5a91}.map-container{width:100%;height:350px;border-radius:1rem;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 4px 15px #0000001a;border:1px solid #e2e8f0}.map-marker{font-size:2rem;color:var(--primary-color);cursor:pointer;transition:transform .2s ease}.map-marker:hover{transform:scale(1.2)}.map-marker.status-active{color:#10b981}.map-marker.status-maintenance{color:var(--quaternary-color)}.map-marker.status-inactive{color:var(--red-color)}.map-popup{padding:.5rem;min-width:200px}.map-popup h3{color:var(--primary-color);margin:0 0 .75rem;font-size:1.1rem;border-bottom:1px solid #e2e8f0;padding-bottom:.5rem}.popup-details{margin-bottom:.75rem}.popup-details p{margin:.25rem 0;font-size:.9rem}.popup-details span{font-weight:500;padding:.15rem .5rem;border-radius:2rem;font-size:.75rem;margin-left:.25rem}.popup-details span.status-active{background-color:#10b9811a;color:#10b981}.popup-details span.status-maintenance{background-color:#d9dd4633;color:#9ca30b}.popup-details span.status-inactive{background-color:#ef44441a;color:var(--red-color)}.popup-actions{display:flex;gap:.5rem}.popup-actions button{flex:1;padding:.4rem;border:none;border-radius:.25rem;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem}.btn-view{background-color:#126cab1a;color:var(--primary-color)}.machines-table-container{background-color:var(--secondary-color);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 15px #00000014}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.show-entries{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#64748b}.show-entries select{padding:.5rem;border-radius:.375rem;border:1px solid #e2e8f0;background-color:var(--tertiary-color);color:#1e293b;font-size:.9rem;min-width:70px;outline:none}.search-container{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#64748b}.machines-search-input-wrapper{position:relative}.machines-search-input-wrapper input{padding:.5rem 1rem .5rem 2.25rem;border-radius:.375rem;border:1px solid #e2e8f0;background-color:var(--tertiary-color);color:#1e293b;font-size:.9rem;min-width:250px;outline:none}.machines-search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8}.table-responsive{overflow-x:auto;margin-bottom:1rem}.machines-table{width:100%;border-collapse:collapse}.machines-table thead{background-color:var(--tertiary-color)}.machines-table th{padding:1rem;text-align:left;font-weight:600;color:#475569;font-size:.9rem;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background-color .2s}.machines-table th:hover{background-color:#e9effd}.th-content{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.th-content svg{font-size:.8rem;color:#94a3b8}.machines-table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:.9rem}.machines-table tbody tr{transition:background-color .2s;cursor:pointer}.machines-table tbody tr:hover{background-color:#126cab0d}.machines-table tbody tr.selected-row{background-color:#126cab1a}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:500;white-space:nowrap}.status-badge.status-active{background-color:#10b9811a;color:#10b981}.status-badge.status-maintenance{background-color:#d9dd4633;color:#9ca30b}.status-badge.status-inactive{background-color:#ef44441a;color:var(--red-color)}.qr-actions{display:flex;gap:.5rem}.qr-actions button{padding:.4rem .75rem;border:none;border-radius:.375rem;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:background-color .2s}.btn-download{background-color:#126cab1a;color:var(--primary-color)}.btn-download:hover{background-color:#126cab33}.row-actions{display:flex;gap:.5rem}.row-actions button{width:2rem;height:2rem;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:background-color .2s,transform .2s}.row-actions button:hover{transform:translateY(-2px)}.btn-location{background-color:#126cab1a;color:var(--primary-color)}.btn-location:hover{background-color:#126cab33}.btn-edit{background-color:#d9dd4633;color:#9ca30b}.btn-edit:hover{background-color:#d9dd464d}.btn-delete{background-color:#ef44441a;color:var(--red-color)}.btn-delete:hover{background-color:#ef444433}.pagination-container{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#64748b;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.pagination{display:flex;align-items:center;gap:.5rem}.pagination-btn{min-width:2rem;height:2rem;border-radius:.375rem;border:1px solid #e2e8f0;background-color:var(--tertiary-color);color:#475569;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:background-color .2s,color .2s}.pagination-btn:hover:not(:disabled){background-color:#126cab1a;color:var(--primary-color)}.pagination-btn.active{background-color:var(--primary-color);color:var(--secondary-color);border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{color:#94a3b8;padding:0 .25rem}@media (max-width: 768px){.machines-header,.table-controls{flex-direction:column;align-items:flex-start}.machines-search-input-wrapper input{min-width:100%;width:100%}.search-container{width:100%;flex-direction:column;align-items:flex-start}.machines-search-input-wrapper{width:100%}.pagination-container{flex-direction:column;align-items:flex-start}.qr-actions{flex-direction:column}}.qr-code-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease}.qr-code-modal-content{background-color:#fff;border-radius:1rem;box-shadow:0 10px 25px #0003;width:90%;max-width:400px;overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid #e2e8f0}.qr-modal-header h3{margin:0;color:var(--primary-color);font-size:1.2rem}.view-qr-close-btn{background:transparent;border:none;color:#64748b;font-size:1.2rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.view-qr-close-btn:hover{background-color:#0000000d;color:var(--primary-color)}.qr-modal-body{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.qr-code-container{padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 15px #00000014;display:flex;justify-content:center;align-items:center}.qr-info{width:100%;background-color:var(--tertiary-color);padding:1rem;border-radius:.5rem}.qr-info p{margin:.5rem 0;font-size:.9rem;color:#1e293b}.qr-modal-footer{padding:1.25rem;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.download-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s}.download-btn:hover{background-color:#0e5a91}.delete-modal,.update-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-modal-content,.update-modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:450px;box-shadow:0 4px 10px #0003;overflow:hidden}.delete-modal-header,.update-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e5e7eb}.delete-modal-header h3,.update-modal-header h3{margin:0;font-size:1.2rem;color:#1f2937}.delete-modal-body,.update-modal-body{padding:20px;color:#4b5563}.delete-modal-footer,.update-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #e5e7eb}.delete-btn{background-color:#ef4444;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.delete-btn:hover{background-color:#dc2626}.view-qr-close-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#6b7280}.view-qr-close-btn:hover{color:#1f2937}.custom-qr-code-container{background:#fff;padding:1rem;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #00000014}@keyframes qrAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.custom-qr-code-container svg{animation:qrAppear .3s ease-out;display:block}.agent-stats-widget{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border-radius:16px;border:1px solid rgba(18,108,171,.1);padding:28px;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden;font-family:Inter,sans-serif}.agent-stats-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--quaternary-color) 50%,var(--primary-color) 100%);animation:shimmer 3s ease-in-out infinite}.agent-stats-widget.loading{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.widget-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(18,108,171,.1);position:relative}.widget-header h3{color:var(--primary-color);font-size:20px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{color:#64748b;font-size:12px;font-weight:500;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);border-radius:12px;padding:24px;border:1px solid rgba(18,108,171,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.stat-card:hover{background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);transform:translateY(-4px);box-shadow:0 8px 25px #126cab26;border-color:var(--primary-color)}.stat-icon{font-size:28px;margin-bottom:16px;display:block;filter:drop-shadow(0 2px 4px rgba(18,108,171,.2));transition:transform .3s ease}.stat-value{color:var(--primary-color);font-size:28px;font-weight:700;margin:0 0 8px;line-height:1;text-shadow:0 2px 4px rgba(18,108,171,.1);animation:countUp 1s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-label{color:#64748b;font-size:13px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-breakdown{display:flex;gap:16px;font-size:12px;flex-wrap:wrap}.stat-breakdown span{color:#64748b;font-weight:500;padding:4px 8px;background:#126cab0d;border-radius:8px;border:1px solid rgba(18,108,171,.1);transition:all .3s ease}.stat-breakdown span:hover{background:#126cab1a;transform:translateY(-1px)}.stat-breakdown .active,.stat-breakdown .used,.stat-breakdown .approved{background:linear-gradient(135deg,#10b9811a,#0596690d);color:#059669;border-color:#10b98133}.stat-breakdown .inactive,.stat-breakdown .available,.stat-breakdown .pending{background:linear-gradient(135deg,#d9dd461a,#a3a6120d);color:#a3a612;border-color:#d9dd4633}.performance-metrics{margin-top:32px;padding-top:24px;border-top:1px solid rgba(18,108,171,.1)}.performance-metrics h4{color:var(--primary-color);font-size:16px;font-weight:700;margin:0 0 20px;padding-left:32px;position:relative}.performance-metrics h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);box-shadow:0 2px 8px #126cab4d}.metric-item{margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#126cab05,#1e40af03);border-radius:12px;border:1px solid rgba(18,108,171,.1);transition:all .3s ease}.metric-item:hover{background:linear-gradient(135deg,#126cab0d,#1e40af05);transform:translate(5px)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.metric-label{color:#64748b;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:16px;font-weight:700;padding:6px 12px;border-radius:12px;border:1px solid;transition:all .3s ease}.metric-value.success{background:linear-gradient(135deg,#10b98126,#0596691a);color:#059669;border-color:#10b9814d;box-shadow:0 2px 8px #10b98133}.metric-value.warning{background:linear-gradient(135deg,#d9dd4626,#a3a6121a);color:#a3a612;border-color:#d9dd464d;box-shadow:0 2px 8px #d9dd4633}.metric-value.danger{background:linear-gradient(135deg,#ff030326,#dc26261a);color:var(--red-color);border-color:#ff03034d;box-shadow:0 2px 8px #ff030333}.metric-bar{width:100%;height:8px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.metric-fill{height:100%;border-radius:8px;transition:width 1s ease-out;position:relative;overflow:hidden}.metric-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:fillShimmer 2s ease-in-out infinite}@keyframes fillShimmer{0%{left:-100%}to{left:100%}}.metric-fill.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.metric-fill.warning{background:linear-gradient(135deg,var(--quaternary-color) 0%,#a3a612 100%);box-shadow:0 2px 8px #d9dd464d}.metric-fill.danger{background:linear-gradient(135deg,var(--red-color) 0%,#dc2626 100%);box-shadow:0 2px 8px #ff03034d}.top-performers{margin-top:32px;padding-top:24px;border-top:1px solid rgba(18,108,171,.1)}.top-performers h4{color:var(--primary-color);font-size:16px;font-weight:700;margin:0 0 20px;padding-left:32px;position:relative}.top-performers h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf244d}.performers-list{display:flex;flex-direction:column;gap:16px}.performer-item{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);border-radius:12px;border:1px solid rgba(18,108,171,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.performer-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#fbbf24,#f59e0b);opacity:0;transition:opacity .3s ease}.performer-item:hover{background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);transform:translate(8px);box-shadow:0 8px 25px #126cab26}.performer-item:hover:before{opacity:1}.performer-rank{width:32px;height:32px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #fbbf244d;transition:transform .3s ease}.performer-item:hover .performer-rank{transform:scale(1.1) rotate(5deg)}.performer-info{flex:1;min-width:0}.performer-name{color:var(--primary-color);font-size:15px;font-weight:700;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performer-location{color:#64748b;font-size:13px;font-weight:500;margin:0;display:flex;align-items:center;gap:4px}.performer-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.performer-rate{font-size:14px;font-weight:700;padding:4px 8px;border-radius:8px;border:1px solid}.performer-rate.success{background:linear-gradient(135deg,#10b98126,#0596691a);color:#059669;border-color:#10b9814d}.performer-value{color:var(--primary-color);font-size:13px;font-weight:600}.quick-actions{margin-top:32px;padding-top:24px;border-top:1px solid rgba(18,108,171,.1)}.quick-actions h4{color:var(--primary-color);font-size:16px;font-weight:700;margin:0 0 20px;padding-left:32px;position:relative}.quick-actions h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--quaternary-color) 0%,#a3a612 100%);box-shadow:0 2px 8px #d9dd464d}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);box-shadow:0 4px 15px #126cab4d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #126cab66}.action-btn.secondary{background:linear-gradient(135deg,var(--tertiary-color) 0%,#e2e8f0 100%);color:var(--primary-color);border:1px solid rgba(18,108,171,.2);box-shadow:0 2px 8px #126cab1a}.action-btn.secondary:hover{background:linear-gradient(135deg,var(--quaternary-color) 0%,#a3a612 100%);color:#1f2937;transform:translateY(-2px);box-shadow:0 8px 25px #d9dd464d}.action-icon{font-size:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner{width:60px;height:60px;border:4px solid rgba(18,108,171,.1);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;position:relative}.loading-text{color:#64748b;font-size:16px;font-weight:600}.error-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:#64748b;padding:40px 20px}.error-icon{font-size:48px;opacity:.6;filter:drop-shadow(0 4px 8px rgba(255,3,3,.2))}.error-content p{font-size:16px;font-weight:600;margin:0;color:#374151}.error-content small{font-size:13px;opacity:.7;font-weight:500}@media (max-width: 768px){.agent-stats-widget{padding:20px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-breakdown{flex-direction:column;gap:8px}.performer-item{flex-direction:column;text-align:center;gap:12px}.performer-stats{align-items:center}.action-buttons{flex-direction:column}.action-btn{justify-content:center}}.status-badge{padding:6px 14px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:6px}.status-badge:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001a}.status-success{background:linear-gradient(135deg,#22c55e1a,#10b9811a);color:#059669;border-color:#22c55e33;box-shadow:0 2px 8px #22c55e26}.status-primary{background:linear-gradient(135deg,#60a5fa1a,#3b82f61a);color:#3b82f6;border-color:#60a5fa33;box-shadow:0 2px 8px #60a5fa26}.status-warning{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);color:#d97706;border-color:#fbbf2433;box-shadow:0 2px 8px #fbbf2426}.status-danger{background:linear-gradient(135deg,#f871711a,#ef44441a);color:#dc2626;border-color:#f8717133;box-shadow:0 2px 8px #f8717126}.status-secondary{background:linear-gradient(135deg,#6b72801a,#4b55631a);color:#4b5563;border-color:#6b728033;box-shadow:0 2px 8px #6b728026}.status-info{background:linear-gradient(135deg,#0ea5e91a,#0369a11a);color:#0369a1;border-color:#0ea5e933;box-shadow:0 2px 8px #0ea5e926}.status-label{font-weight:700}.status-success .status-label:before{content:"✓ ";animation:gentle-pulse 2s infinite}.status-primary .status-label:before{content:"● ";animation:gentle-pulse 2s infinite}.status-warning .status-label:before{content:"⚠ ";animation:gentle-pulse 2s infinite}.status-danger .status-label:before{content:"✗ ";animation:gentle-pulse 2s infinite}.status-info .status-label:before{content:"ℹ ";animation:gentle-pulse 2s infinite}.status-icon{margin-right:8px}@keyframes gentle-pulse{0%,to{opacity:1}50%{opacity:.7}}.agent-activity-feed{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:24px;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden;font-family:Inter,sans-serif}.agent-activity-feed:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.03) 0%,transparent 70%);pointer-events:none}.agent-activity-feed.loading,.agent-activity-feed.empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(18,108,171,.1);position:relative;z-index:2}.activity-header h3{color:var(--primary-color);font-size:18px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-all-btn{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);border:none;padding:8px 16px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #126cab33;position:relative;overflow:hidden}.view-all-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.view-all-btn:hover:before{left:100%}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #126cab4d}.activity-timeline{position:relative;padding-left:20px}.activity-timeline:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--primary-color) 0%,var(--quaternary-color) 50%,var(--primary-color) 100%);border-radius:2px;opacity:.3}.activity-item{position:relative;margin-bottom:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-item:last-child{margin-bottom:0}.activity-item:hover{transform:translate(8px)}.activity-indicator{position:absolute;left:-20px;top:0;display:flex;flex-direction:column;align-items:center}.activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border:3px solid var(--secondary-color);box-shadow:0 4px 12px #0000001a;position:relative;z-index:2;transition:all .3s ease}.activity-item:hover .activity-icon{transform:scale(1.1);box-shadow:0 6px 20px #00000026}.activity-icon.success{background:linear-gradient(135deg,#10b981,#059669);color:var(--secondary-color);box-shadow:0 4px 12px #10b9814d}.activity-icon.primary{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);box-shadow:0 4px 12px #126cab4d}.activity-icon.danger{background:linear-gradient(135deg,var(--red-color) 0%,#dc2626 100%);color:var(--secondary-color);box-shadow:0 4px 12px #ff03034d}.activity-icon.warning{background:linear-gradient(135deg,var(--quaternary-color) 0%,#a3a612 100%);color:#1f2937;box-shadow:0 4px 12px #d9dd464d}.activity-icon.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:var(--secondary-color);box-shadow:0 4px 12px #3b82f64d}.activity-icon.secondary{background:linear-gradient(135deg,#64748b,#475569);color:var(--secondary-color);box-shadow:0 4px 12px #64748b4d}.activity-line{width:2px;height:30px;background:linear-gradient(180deg,#126cab4d,#126cab1a);margin-top:8px;border-radius:2px}.activity-content{background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);border:1px solid rgba(18,108,171,.1);border-radius:12px;padding:20px;margin-left:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-content:before{content:"";position:absolute;left:-8px;top:12px;width:16px;height:16px;background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);border:1px solid rgba(18,108,171,.1);border-right:none;border-bottom:none;transform:rotate(45deg);border-radius:2px 0 0}.activity-item:hover .activity-content{background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);border-color:var(--primary-color);box-shadow:0 4px 15px #126cab1a}.activity-item:hover .activity-content:before{background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);border-color:var(--primary-color)}.activity-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.activity-description{flex:1;min-width:0}.agent-name{color:var(--primary-color);font-weight:700;font-size:14px;margin-right:8px;display:inline-block}.activity-text{color:#374151;font-size:14px;font-weight:500;line-height:1.4}.activity-amount{color:var(--primary-color);font-size:14px;font-weight:700;padding:4px 8px;background:linear-gradient(135deg,#126cab1a,#1e40af0d);border-radius:8px;border:1px solid rgba(18,108,171,.2);flex-shrink:0}.activity-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.activity-time{color:#64748b;font-size:12px;font-weight:500;padding:2px 8px;background:#64748b1a;border-radius:8px;border:1px solid rgba(100,116,139,.2)}.activity-metadata{margin-top:12px;padding-top:12px;border-top:1px solid rgba(18,108,171,.1);display:flex;gap:16px;flex-wrap:wrap}.metadata-item{font-size:12px;color:#64748b;font-weight:500;padding:4px 8px;background:#64748b0d;border-radius:6px;border:1px solid rgba(100,116,139,.1)}.metadata-item strong{color:var(--primary-color);font-weight:600}.activity-footer{text-align:center;padding:20px;background:linear-gradient(135deg,#126cab05,#1e40af03);border-radius:12px;border:1px solid rgba(18,108,171,.1);margin-top:20px}.more-activities{color:#64748b;font-size:14px;font-weight:500;margin:0}.loading-content{text-align:center}.loading-skeleton{display:flex;flex-direction:column;gap:20px;animation:pulse 1.5s ease-in-out infinite}.skeleton-item{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);border-radius:12px;border:1px solid rgba(18,108,171,.1)}.skeleton-icon{width:32px;height:32px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:50%;animation:shimmer-skeleton 1.5s ease-in-out infinite}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:12px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:6px;animation:shimmer-skeleton 1.5s ease-in-out infinite}.skeleton-line-title{width:60%;height:16px}.skeleton-line-subtitle{width:80%}.skeleton-time{width:60px;height:16px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:6px;animation:shimmer-skeleton 1.5s ease-in-out infinite}@keyframes shimmer-skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.empty-state{text-align:center;padding:40px 20px}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.6;filter:drop-shadow(0 4px 8px rgba(18,108,171,.1))}.empty-state h4{color:var(--primary-color);font-size:18px;font-weight:700;margin:0 0 8px}.empty-state p{color:#64748b;font-size:14px;font-weight:500;margin:0}.loading-spinner{width:40px;height:40px;border:3px solid rgba(18,108,171,.1);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-text{color:#64748b;font-size:14px;font-weight:500}@media (max-width: 768px){.agent-activity-feed{padding:20px}.activity-header{flex-direction:column;gap:12px;align-items:stretch}.activity-timeline{padding-left:16px}.activity-timeline:before{left:12px}.activity-indicator{left:-16px}.activity-icon{width:28px;height:28px;font-size:12px}.activity-content{margin-left:16px;padding:16px}.activity-main{flex-direction:column;gap:8px}.activity-meta{flex-direction:column;align-items:flex-start;gap:8px}.activity-metadata{flex-direction:column;gap:8px}.skeleton-item{padding:16px}}.agent-dashboard{background:linear-gradient(135deg,#f8fafc 0%,var(--tertiary-color) 100%);min-height:100vh;font-family:Inter,sans-serif}.dashboard-header{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border-radius:16px;padding:28px;margin-bottom:20px;border:1px solid rgba(18,108,171,.1);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--quaternary-color) 50%,var(--primary-color) 100%);animation:shimmer 3s ease-in-out infinite}.header-content h1{color:var(--primary-color);font-size:28px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{color:#64748b;font-size:15px;margin:0;font-weight:500}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-action{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #126cab33;position:relative;overflow:hidden}.btn-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-action:hover:before{left:100%}.btn-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px #126cab4d}.btn-action.secondary{background:linear-gradient(135deg,var(--tertiary-color) 0%,#e2e8f0 100%);color:var(--primary-color);border:1px solid rgba(18,108,171,.2);box-shadow:0 4px 15px #0000000d}.btn-action.success{background:linear-gradient(135deg,#10b981,#059669);color:var(--secondary-color);box-shadow:0 4px 15px #10b9814d}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:20px}.stats-section{display:flex;flex-direction:column}.quick-actions-section{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border-radius:16px;padding:24px;border:1px solid rgba(18,108,171,.1);height:fit-content;margin-bottom:20px;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden}.quick-actions-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.05) 0%,transparent 70%);pointer-events:none}.quick-actions-section h2{color:var(--primary-color);font-size:20px;font-weight:700;margin:0 0 20px;position:relative}.quick-actions-grid{display:flex;flex-direction:column;gap:12px}.quick-action-card{display:flex;align-items:center;padding:18px;background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);border-radius:12px;border:1px solid rgba(18,108,171,.1);text-decoration:none;color:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-color);transition:width .3s ease}.quick-action-card:hover{background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);border-color:var(--primary-color);transform:translateY(-3px) translate(5px);box-shadow:0 8px 25px #126cab26}.quick-action-card:hover:before{width:100%;opacity:.05}.quick-action-card.primary:before{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%)}.quick-action-card.warning:before{background:linear-gradient(135deg,var(--quaternary-color) 0%,#a3a612 100%)}.quick-action-card.success:before{background:linear-gradient(135deg,#10b981,#059669)}.quick-action-card.info:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-icon{font-size:24px;margin-right:16px;width:32px;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.action-content{flex:1}.action-content h4{color:var(--primary-color);font-size:16px;font-weight:700;margin:0 0 4px;transition:color .3s ease}.action-content p{color:#64748b;font-size:13px;margin:0;font-weight:500}.action-arrow{margin-left:auto;color:var(--primary-color);font-size:18px;font-weight:700;transition:transform .3s ease}.quick-action-card:hover .action-arrow{transform:translate(5px)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;grid-column:1 / -1;margin-top:20px}.dashboard-card{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:24px;box-shadow:0 4px 20px #126cab14;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--quaternary-color) 50%,var(--primary-color) 100%);opacity:0;transition:opacity .3s ease}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #126cab26}.dashboard-card:hover:before{opacity:1}.performance-summary h3,.system-status h3,.alerts-section h3{color:var(--primary-color);font-size:18px;font-weight:700;margin:0 0 20px;position:relative;padding-left:30px}.performance-summary h3:before,.system-status h3:before,.alerts-section h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%)}.summary-metrics{margin-bottom:24px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(18,108,171,.1);transition:background-color .3s ease}.metric-row:last-child{border-bottom:none}.metric-row:hover{background-color:#126cab05;border-radius:8px;padding-left:10px;padding-right:10px}.metric-label{color:#64748b;font-size:14px;font-weight:600}.metric-value{font-size:15px;font-weight:700;padding:6px 12px;border-radius:12px;transition:all .3s ease}.metric-value.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;border:1px solid rgba(16,185,129,.2)}.metric-value.primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--primary-color);border:1px solid rgba(18,108,171,.2)}.metric-value.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border:1px solid rgba(217,221,70,.3)}.top-locations h4{color:var(--primary-color);font-size:16px;font-weight:700;margin:0 0 16px}.location-list{display:flex;flex-direction:column;gap:12px}.location-item{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);border-radius:12px;border:1px solid rgba(18,108,171,.1);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.location-item:hover{background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);transform:translate(5px);box-shadow:0 4px 15px #126cab1a}.location-rank{width:28px;height:28px;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #126cab4d}.location-info{flex:1}.location-name{color:var(--primary-color);font-size:14px;font-weight:700;margin:0 0 4px}.location-stats{color:#64748b;font-size:12px;margin:0;font-weight:500}.status-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.status-item{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);border:1px solid rgba(18,108,171,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.status-item:hover{background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);transform:translate(3px)}.status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.status-item.healthy .status-indicator{background:#10b981;box-shadow:0 0 15px #10b98180}.status-item.warning .status-indicator{background:var(--quaternary-color);box-shadow:0 0 15px #d9dd4680}.status-item.danger .status-indicator{background:var(--red-color);box-shadow:0 0 15px #ff030380}.status-content{flex:1}.status-label{color:var(--primary-color);font-size:14px;font-weight:700;margin:0 0 2px}.status-value{color:#64748b;font-size:13px;margin:0;font-weight:500}.system-actions{display:flex;gap:10px}.system-btn{background:linear-gradient(135deg,var(--tertiary-color) 0%,#e2e8f0 100%);border:1px solid rgba(18,108,171,.2);color:#64748b;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.system-btn:hover{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #126cab4d}.alert-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;border-left:4px solid;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.alert-item:hover{transform:translate(5px);box-shadow:0 4px 15px #0000001a}.alert-item.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:var(--quaternary-color)}.alert-item.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left-color:var(--primary-color)}.alert-item.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-left-color:#10b981}.alert-icon{font-size:18px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.alert-content{flex:1}.alert-title{color:var(--primary-color);font-size:14px;font-weight:700;margin:0 0 4px}.alert-message{color:#64748b;font-size:13px;margin:0;font-weight:500}.alert-action{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);border:none;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #126cab4d}.alert-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #126cab66}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border-radius:16px;border:1px solid rgba(18,108,171,.1);margin:20px 0;box-shadow:0 4px 20px #126cab14}.loading-spinner{width:60px;height:60px;border:4px solid rgba(18,108,171,.1);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px;position:relative}.loading-spinner:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:4px solid transparent;border-top:4px solid var(--quaternary-color);border-radius:50%;animation:spin 2s linear infinite reverse}.loading-placeholder p{color:#64748b;font-size:16px;margin:0;font-weight:600}.agent-dashboard.error{display:flex;align-items:center;justify-content:center;min-height:80vh}.error-message{background:linear-gradient(135deg,var(--secondary-color) 0%,#fef2f2 100%);border:1px solid rgba(255,3,3,.2);border-radius:16px;padding:40px;text-align:center;max-width:400px;box-shadow:0 8px 30px #ff03031a}.error-message h2{color:var(--red-color);font-size:22px;font-weight:700;margin:0 0 16px}.error-message p{color:#64748b;font-size:15px;margin:0 0 24px;font-weight:500}.retry-btn{background:linear-gradient(135deg,var(--red-color) 0%,#dc2626 100%);color:var(--secondary-color);border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #ff03034d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff030366}@media (max-width: 1024px){.dashboard-content,.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.agent-dashboard{padding:16px}.dashboard-header{padding:20px;flex-direction:column;align-items:flex-start}.header-actions{margin-top:16px;width:100%;justify-content:flex-start}.quick-action-card{flex-direction:column;text-align:center;gap:12px;padding:20px}.action-icon{margin-right:0;margin-bottom:8px}.action-arrow{margin:8px 0 0}.dashboard-grid{gap:16px}.dashboard-card{padding:20px}.location-item,.status-item,.alert-item{flex-direction:column;align-items:flex-start;gap:12px}.location-rank{margin-bottom:4px}}.vouchers-page{background:linear-gradient(135deg,#f8fafc 0%,var(--tertiary-color) 100%);min-height:100vh;font-family:Inter,sans-serif}.page-header{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:28px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--quaternary-color) 50%,var(--primary-color) 100%);animation:shimmer 3s ease-in-out infinite}.page-header h1{color:var(--primary-color);font-size:28px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:12px}.header-actions button{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #126cab33;position:relative;overflow:hidden}.header-actions button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.header-actions button:hover:before{left:100%}.header-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #126cab4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden;cursor:pointer}.stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.stat-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 35px #126cab26}.stat-card:hover:before{opacity:1}.stat-icon{font-size:32px;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.stat-icon.total{background:linear-gradient(135deg,#126cab1a,#1e40af0d);color:var(--primary-color)}.stat-icon.available{background:linear-gradient(135deg,#d9dd461a,#a3a6120d);color:#a3a612}.stat-icon.used{background:linear-gradient(135deg,#10b9811a,#0596690d);color:#059669}.stat-icon.expired{background:linear-gradient(135deg,#ff03031a,#dc26260d);color:var(--red-color)}.stat-icon.value{background:linear-gradient(135deg,#3b82f61a,#1d4ed80d);color:#1d4ed8}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-content{flex:1;min-width:0}.stat-content h3{color:var(--primary-color);font-size:24px;font-weight:700;margin:0 0 4px;text-shadow:0 2px 4px rgba(18,108,171,.1)}.stat-content p{color:#64748b;font-size:13px;margin:0;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.voucher-detail-filters-section{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden}.voucher-detail-filters-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.03) 0%,transparent 70%);pointer-events:none}.voucher-detail-search-bar{position:relative;margin-bottom:20px}.voucher-detail-search-bar svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;font-size:16px;z-index:1}.voucher-detail-search-bar input{width:100%;padding:14px 20px 14px 48px;border:1px solid rgba(18,108,171,.2);border-radius:12px;font-size:14px;color:var(--primary-color);background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;box-shadow:0 2px 8px #126cab0d}.voucher-detail-search-bar input::placeholder{color:#64748b;font-weight:400}.voucher-detail-search-bar input:focus{outline:none;border-color:var(--primary-color);background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);box-shadow:0 4px 20px #126cab26;transform:translateY(-2px)}.voucher-detail-filter-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.voucher-detail-filter-controls select{padding:12px 16px;border:1px solid rgba(18,108,171,.2);border-radius:10px;background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);color:var(--primary-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #126cab0d;min-width:140px}.voucher-detail-filter-controls select:focus{outline:none;border-color:var(--primary-color);background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);transform:translateY(-2px);box-shadow:0 4px 15px #126cab33}.btn{padding:10px 16px;border:1px solid rgba(18,108,171,.2);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn.btn-ghost{background:linear-gradient(135deg,var(--tertiary-color) 0%,#e2e8f0 100%);color:#64748b;border-color:#126cab33}.btn.btn-ghost:hover{background:linear-gradient(135deg,var(--red-color) 0%,#dc2626 100%);color:var(--secondary-color);border-color:var(--red-color);transform:translateY(-2px);box-shadow:0 8px 25px #ff03034d}.voucher-detail-sort-controls{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:12px;padding:20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #126cab0d}.voucher-detail-sort-controls label{color:var(--primary-color);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.voucher-detail-sort-controls .voucher-detail-sort-options{display:flex;gap:12px}.voucher-detail-sort-btn{background:linear-gradient(135deg,var(--tertiary-color) 0%,#e2e8f0 100%);border:1px solid rgba(18,108,171,.2);color:#64748b;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.voucher-detail-sort-btn:hover{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #126cab4d}.voucher-detail-sort-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);border-color:var(--primary-color);box-shadow:0 4px 15px #126cab4d}.voucher-detail-vouchers-container{margin-bottom:24px}.voucher-detail-vouchers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.voucher-detail-voucher-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;transition:all .2s ease;position:relative}.voucher-detail-voucher-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.voucher-detail-voucher-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.voucher-detail-voucher-amount{display:flex;align-items:baseline;gap:4px}.voucher-detail-voucher-amount .currency{font-size:16px;font-weight:600;color:#6b7280}.voucher-detail-voucher-amount .value{font-size:28px;font-weight:700;color:#1f2937}.voucher-detail-voucher-code-section{margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.voucher-detail-voucher-code{display:flex;align-items:center;gap:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;font-weight:600;color:#475569}.voucher-detail-voucher-code svg{color:#64748b;font-size:14px}.voucher-detail-copy-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:6px 8px;cursor:pointer;font-size:12px;transition:all .2s ease;margin-left:auto;display:flex;align-items:center;justify-content:center;min-width:32px;height:28px}.voucher-detail-copy-btn:hover{background:#2563eb;transform:scale(1.05)}.voucher-detail-copy-btn:active{transform:scale(.95)}.voucher-detail-copy-btn .copied{color:#10b981}.voucher-detail-copy-btn svg.copied{animation:checkmark .3s ease-in-out}@keyframes checkmark{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.voucher-detail-voucher-details{margin-bottom:16px}.voucher-detail-voucher-detail-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:#6b7280}.voucher-detail-voucher-detail-row:last-child{margin-bottom:0}.voucher-detail-voucher-detail-row svg{color:#9ca3af;font-size:12px;width:16px}.voucher-detail-voucher-detail-row.voucher-expiry{text-align:center;padding-top:12px;border-top:1px solid #f3f4f6}.voucher-detail-voucher-detail-row.voucher-expiry small{color:#f59e0b;font-weight:500;font-size:12px;margin-left:6px}.voucher-detail-empty-state{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:60px 24px;text-align:center;grid-column:1 / -1;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden}.voucher-detail-empty-state:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.05) 0%,transparent 70%);pointer-events:none}.voucher-detail-empty-state svg{font-size:64px;color:#64748b;margin-bottom:20px;opacity:.6;filter:drop-shadow(0 4px 8px rgba(18,108,171,.1))}.voucher-detail-empty-state h3{color:var(--primary-color);font-size:20px;font-weight:700;margin:0 0 12px}.voucher-detail-empty-state p{color:#64748b;font-size:15px;margin:0;font-weight:500}.voucher-detail-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:20px;background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:12px;box-shadow:0 2px 8px #126cab0d}.voucher-detail-pagination-btn{background:linear-gradient(135deg,var(--tertiary-color) 0%,#e2e8f0 100%);border:1px solid rgba(18,108,171,.2);color:#64748b;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:44px;display:flex;align-items:center;justify-content:center;gap:8px}.voucher-detail-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #126cab4d}.voucher-detail-pagination-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);border-color:var(--primary-color);color:var(--secondary-color);box-shadow:0 4px 15px #126cab4d}.voucher-detail-pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.voucher-detail-pagination-info{color:#64748b;font-size:14px;margin:0 16px;font-weight:500;text-align:center;display:flex;flex-direction:column;gap:4px}.loading-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.loading-card{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:24px;box-shadow:0 4px 20px #126cab14;animation:pulse 1.5s ease-in-out infinite}.loading-spinner{width:48px;height:48px;border:4px solid rgba(18,108,171,.1);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:40px auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:24px 0;padding:20px 0}.voucher-detail-pagination-numbers{display:flex;gap:4px;margin:0 16px}.voucher-detail-pagination-btn{min-width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.voucher-detail-pagination-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.voucher-detail-pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.voucher-detail-pagination-btn.active:hover{background:#2563eb;border-color:#2563eb}.voucher-detail-pagination-info{text-align:center;color:#6b7280;font-size:14px;margin-top:16px;padding:16px 0;border-top:1px solid #f3f4f6}.btn{padding:10px 16px;border-radius:8px;font-weight:500;border:2px solid;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#6b7280;color:#fff;border-color:#6b7280}.btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#4b5563}.btn-ghost{background:transparent;color:#6b7280;border-color:#d1d5db}.btn-ghost:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}@media (max-width: 768px){.vouchers-page{padding:16px}.page-header{flex-direction:column;gap:20px;align-items:stretch;padding:20px}.header-actions{justify-content:center}.stats-grid{grid-template-columns:1fr;gap:16px}.vouchers-grid{grid-template-columns:1fr}.filter-controls{flex-direction:column;align-items:stretch}.sort-controls{flex-direction:column;gap:16px;align-items:stretch}.voucher-detail-pagination{flex-wrap:wrap;gap:6px}.voucher-detail-pagination-info{width:100%;margin:8px 0}.voucher-detail-pagination-numbers{margin:0 8px}.voucher-detail-pagination-btn{min-width:36px;height:36px;font-size:13px}.voucher-detail-pagination-info{font-size:13px}}.voucher-requests-page{background:linear-gradient(135deg,#f8fafc 0%,var(--tertiary-color) 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-color, #333)}.voucher-requests-header{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden}.voucher-requests-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--quaternary-color) 50%,var(--primary-color) 100%);animation:shimmer 3s ease-in-out infinite}.voucher-requests-title-section h1{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.voucher-requests-title-section p{color:var(--primary-color);font-size:1.1rem;margin:0;font-weight:500}.voucher-requests-header-actions{display:flex;gap:1rem}.voucher-requests-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.voucher-requests-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.voucher-requests-btn:hover:before{left:100%}.voucher-requests-btn.primary{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);box-shadow:0 4px 15px #126cab33}.voucher-requests-btn.secondary{background:linear-gradient(135deg,var(--tertiary-color) 0%,#e2e8f0 100%);color:#64748b;border:1px solid rgba(18,108,171,.2)}.voucher-requests-btn.approve{background:linear-gradient(135deg,var(--success-color) 0%,#10b981 100%);color:#fff;box-shadow:0 4px 15px #10b98133}.voucher-requests-btn.reject{background:linear-gradient(135deg,var(--danger-color) 0%,#ef4444 100%);color:#fff;box-shadow:0 4px 15px #ef444433}.voucher-requests-btn.clear{background:linear-gradient(135deg,var(--tertiary-color) 0%,#e2e8f0 100%);color:#64748b;border:1px solid rgba(18,108,171,.2)}.voucher-requests-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #126cab4d}.voucher-requests-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.voucher-requests-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.voucher-requests-stat-card{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden;cursor:pointer}.voucher-requests-stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.voucher-requests-stat-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 35px #126cab26}.voucher-requests-stat-card:hover:before{opacity:1}.voucher-requests-stat-icon{width:3.5rem;height:3.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;position:relative;z-index:2;flex-shrink:0;transition:transform .3s ease}.voucher-requests-stat-card.total .voucher-requests-stat-icon{background:var(--primary-color);box-shadow:0 4px 15px #126cab33}.voucher-requests-stat-card.pending .voucher-requests-stat-icon{background:var(--warning-color, #f59e0b);box-shadow:0 4px 15px #f59e0b33}.voucher-requests-stat-card.approved .voucher-requests-stat-icon{background:var(--success-color, #10b981);box-shadow:0 4px 15px #10b98133}.voucher-requests-stat-card.rejected .voucher-requests-stat-icon{background:var(--danger-color, #ef4444);box-shadow:0 4px 15px #ef444433}.voucher-requests-stat-card.value .voucher-requests-stat-icon{background:var(--info-color, #3b82f6);box-shadow:0 4px 15px #3b82f633}.voucher-requests-stat-content h3{font-size:2rem;font-weight:700;color:var(--primary-color);margin:0}.voucher-requests-stat-content p{font-size:.875rem;color:#64748b;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.voucher-requests-controls{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #126cab0d}.voucher-requests-filters{display:flex;align-items:center;gap:1rem;flex:1}.voucher-requests-search{position:relative;flex:1;max-width:400px}.voucher-requests-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:1rem;z-index:2}.voucher-requests-search input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid rgba(18,108,171,.2);border-radius:12px;background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);color:var(--primary-color);font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #126cab0d}.voucher-requests-search input::placeholder{color:#64748b}.voucher-requests-search input:focus{outline:none;border-color:var(--primary-color);background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);transform:translateY(-2px);box-shadow:0 4px 15px #126cab33}.voucher-requests-filter-dropdown select{padding:.75rem 1rem;border:1px solid rgba(18,108,171,.2);border-radius:10px;background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);color:var(--primary-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #126cab0d;min-width:140px}.voucher-requests-filter-dropdown select:focus{outline:none;border-color:var(--primary-color);background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);transform:translateY(-2px);box-shadow:0 4px 15px #126cab33}.voucher-requests-filter-dropdown option{background:#fff;color:var(--primary-color)}.voucher-requests-view-controls{display:flex;align-items:center;gap:1rem}.voucher-requests-view-toggle{display:flex;background:#126cab0d;border-radius:10px;padding:.25rem;border:1px solid rgba(18,108,171,.1)}.voucher-requests-view-btn{padding:.5rem 1rem;border:none;background:transparent;color:#64748b;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem}.voucher-requests-view-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #126cab33}.voucher-requests-view-btn:hover{color:var(--primary-color)}.voucher-requests-bulk-actions{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);border-radius:16px;padding:1rem 1.5rem;margin-bottom:1.5rem;color:#fff;box-shadow:0 4px 15px #126cab33;animation:slideInFromTop .5s ease}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.voucher-requests-selection-info{display:flex;align-items:center;gap:.5rem;font-weight:600}.voucher-requests-bulk-buttons{display:flex;gap:1rem}.voucher-requests-content{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:2rem;min-height:400px;box-shadow:0 4px 20px #126cab14}.voucher-requests-select-all{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;background:#126cab0d;border-radius:12px;border:1px solid rgba(18,108,171,.1)}.voucher-requests-select-all input[type=checkbox]{width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid rgba(18,108,171,.3);background:#fff;cursor:pointer}.voucher-requests-select-all label{color:var(--primary-color);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.voucher-requests-container{transition:all .3s ease}.voucher-requests-container.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.voucher-requests-container.list{display:flex;flex-direction:column;gap:1rem}.voucher-requests-grid-item{position:relative;animation:fadeInUp .6s ease}.voucher-requests-grid-checkbox{position:absolute;top:1rem;left:1rem;z-index:3}.voucher-requests-grid-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid rgba(18,108,171,.3);background:#fff;cursor:pointer}.voucher-requests-card{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:3rem 1.5rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 4px 20px #126cab14}.voucher-requests-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.voucher-requests-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 35px #126cab26}.voucher-requests-card:hover:before{opacity:1}.voucher-requests-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:2}.voucher-requests-agent-info{display:flex;align-items:center;gap:.75rem}.voucher-requests-agent-avatar{width:2.5rem;height:2.5rem;background:var(--tertiary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1rem;border:1px solid rgba(18,108,171,.2)}.voucher-requests-agent-details h4{color:var(--primary-color);font-size:1rem;font-weight:600;margin:0}.voucher-requests-agent-details span{color:#64748b;font-size:.75rem;font-weight:500}.voucher-requests-priority-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.voucher-requests-priority-badge.high{background:var(--danger-color, #ef4444);color:#fff}.voucher-requests-priority-badge.medium{background:var(--warning-color, #f59e0b);color:#fff}.voucher-requests-priority-badge.low{background:var(--success-color, #10b981);color:#fff}.voucher-requests-card-body{flex:1;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:2}.voucher-requests-amount-section{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#126cab0d;border-radius:12px;border:1px solid rgba(18,108,171,.1)}.voucher-requests-denomination{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.voucher-requests-total{color:var(--primary-color);font-size:1.25rem;font-weight:700}.voucher-requests-justification{flex:1}.voucher-requests-justification p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0;font-style:italic;background:#126cab0d;padding:.75rem;border-radius:8px;border:1px solid rgba(18,108,171,.1)}.voucher-requests-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#64748b;gap:1rem}.voucher-requests-date,.voucher-requests-location{display:flex;align-items:center;gap:.25rem}.voucher-requests-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(18,108,171,.1);position:relative;z-index:2}.voucher-requests-actions{display:flex;gap:.5rem}.voucher-requests-action-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem}.voucher-requests-action-btn.approve{background:var(--success-color, #10b981);color:#fff}.voucher-requests-action-btn.reject{background:var(--danger-color, #ef4444);color:#fff}.voucher-requests-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #126cab26}.voucher-requests-list-item{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .5s ease-in-out;box-shadow:0 4px 20px #126cab14;margin-bottom:1rem;position:relative;overflow:hidden}.voucher-requests-list-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #126cab26}.voucher-requests-list-checkbox{padding-top:.25rem}.voucher-requests-list-content{flex:1}.voucher-requests-list-main{display:flex;flex-direction:column;gap:1rem}.voucher-requests-list-header{display:flex;justify-content:space-between;align-items:flex-start}.voucher-requests-list-body{display:flex;flex-direction:column;gap:.75rem}.voucher-requests-amount-info{display:flex;justify-content:space-between;align-items:center}.voucher-requests-list-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(18,108,171,.1)}.complain-container{padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 4rem);color:#1f2937;font-family:Inter,sans-serif}.complain-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;background:linear-gradient(135deg,#126cab1a,#d9dd460d);border-radius:16px;margin:2rem;padding:3rem}.complain-loading-icon{color:#126cab;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(18,108,171,.2));animation:complain-spin 1s linear infinite}@keyframes complain-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.complain-loading h3{color:#126cab;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.complain-loading p{color:#64748b;font-size:1rem;margin:0}.complain-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.complain-title-section{flex:1}.complain-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.complain-subtitle{font-size:1rem;color:#6b7280;margin:0}.complain-header-actions{display:flex;gap:1rem;align-items:center}.complain-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.complain-btn:disabled{opacity:.5;cursor:not-allowed}.complain-btn-primary{background-color:#126cab;color:#fff}.complain-btn-primary:hover:not(:disabled){background-color:#0e5a94;transform:translateY(-1px)}.complain-btn-secondary{background-color:#fff;color:#1f2937;border:1px solid #d1d5db}.complain-btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#126cab}.complain-btn-success{background-color:#10b981;color:#fff}.complain-btn-success:hover:not(:disabled){background-color:#059669}.complain-btn-warning{background-color:#f59e0b;color:#fff}.complain-btn-warning:hover:not(:disabled){background-color:#d97706}.complain-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem}.complain-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:4px;margin-left:auto}.complain-error button:hover{background-color:#ffffff1a}.complain-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.complain-stats-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;box-shadow:0 4px 20px #126cab14}.complain-stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #126cab26}.complain-stats-icon{width:3rem;height:3rem;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.complain-stats-icon-pending{background-color:#f59e0b}.complain-stats-icon-approved{background-color:#3b82f6}.complain-stats-icon-working{background-color:#8b5cf6}.complain-stats-icon-completed{background-color:#10b981}.complain-stats-icon-total{background-color:#126cab}.complain-stats-content{flex:1}.complain-stats-content h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.complain-stats-content p{font-size:.875rem;color:#6b7280;margin:0}.complain-filters-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 20px #126cab14}.complain-filters-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.complain-filters-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.complain-filters-header button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px}.complain-filters-header button:hover{background-color:#f3f4f6;color:#1f2937}.complain-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem}.complain-filter-group{display:flex;flex-direction:column;gap:.5rem}.complain-filter-group label{font-size:.875rem;font-weight:500;color:#6b7280}.complain-filter-group input,.complain-filter-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#1f2937;font-size:.875rem}.complain-filter-group input:focus,.complain-filter-group select:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 2px #126cab1a}.complain-search-input{position:relative;display:flex;align-items:center}.complain-search-input svg{position:absolute;left:.75rem;color:#9ca3af;z-index:1}.complain-search-input input{padding-left:2.5rem}.complain-filters-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.complain-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #126cab14}.complain-table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.complain-table-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.complain-table-controls select{padding:.5rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#1f2937;font-size:.875rem}.complain-table-wrapper{overflow-x:auto}.complain-table{width:100%;border-collapse:collapse}.complain-table th{background-color:#f9fafb;color:#6b7280;font-weight:600;font-size:.875rem;text-align:left;padding:1rem;border-bottom:1px solid #e5e7eb;white-space:nowrap}.complain-table td{padding:1rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.complain-table tbody tr:hover{background-color:#f8fafc}.complain-item-info{display:flex;flex-direction:column;gap:.5rem}.complain-item-id{font-family:monospace;font-size:.75rem;color:#9ca3af}.complain-item-description{font-weight:500;color:#1f2937;max-width:300px;line-height:1.4}.complain-item-time{font-size:.75rem;color:#9ca3af}.complain-user-info{display:flex;flex-direction:column;gap:.25rem}.complain-user-name{font-weight:500;color:#1f2937}.complain-user-contact{font-size:.75rem;color:#9ca3af}.complain-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.complain-status-pending{background-color:#fef3c7;color:#92400e}.complain-status-approved{background-color:#dbeafe;color:#1e40af}.complain-status-working{background-color:#e0e7ff;color:#5b21b6}.complain-status-completed{background-color:#d1fae5;color:#065f46}.complain-priority{display:flex;align-items:center;gap:.5rem}.complain-priority-indicator{width:8px;height:8px;border-radius:50%;color:#fff}.complain-priority-high{color:#fff;background-color:#dc2626;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.complain-priority-medium{color:#fff;background-color:#f59e0b;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.complain-priority-low{color:#fff;background-color:#10b981;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.complain-actions{display:flex;gap:.5rem;align-items:center}.complain-action-btn{width:2rem;height:2rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.complain-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.complain-action-btn-view{border-color:#3b82f6;color:#3b82f6}.complain-action-btn-view:hover{background-color:#3b82f6;color:#fff}.complain-action-btn-edit{border-color:#126cab;color:#126cab}.complain-action-btn-edit:hover{background-color:#126cab;color:#fff}.complain-action-btn-reward{border-color:#f59e0b;color:#f59e0b}.complain-action-btn-reward:hover{background-color:#f59e0b;color:#fff}.complain-action-btn-delete{border-color:#dc2626;color:#dc2626}.complain-action-btn-delete:hover{background-color:#dc2626;color:#fff}.complain-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.complain-pagination-info{font-size:.875rem;color:#6b7280}.complain-pagination-controls{display:flex;align-items:center;gap:1rem}.complain-pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#1f2937;font-size:.875rem;cursor:pointer;transition:all .3s ease}.complain-pagination-btn:hover:not(:disabled){background-color:#126cab;color:#fff;border-color:#126cab}.complain-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.complain-pagination-current{font-size:.875rem;color:#6b7280;font-weight:500}.complain-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.complain-modal{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.complain-modal-large{max-width:900px}.complain-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#fff}.complain-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.complain-modal-header button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px}.complain-modal-header button:hover{background-color:#f3f4f6;color:#1f2937}.complain-modal-content{flex:1;overflow-y:auto;padding:1.5rem;background-color:#fff}.complain-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.complain-details{display:flex;flex-direction:column;gap:1.5rem}.complain-details-section{display:flex;flex-direction:column;gap:1rem}.complain-details-section h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.complain-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.complain-details-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9fafb;border-radius:8px;font-size:.875rem}.complain-details-label{color:#6b7280;font-weight:500}.complain-details-value{color:#1f2937;font-weight:600}.complain-images{display:flex;gap:1rem;flex-wrap:wrap}.complain-image{width:100px;height:100px;border-radius:8px;object-fit:cover;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease}.complain-image:hover{transform:scale(1.05)}.complain-form{display:flex;flex-direction:column;gap:1rem}.complain-form-group{display:flex;flex-direction:column;gap:.5rem}.complain-form-group label{font-size:.875rem;font-weight:500;color:#6b7280}.complain-form-group input,.complain-form-group select,.complain-form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#1f2937;font-size:.875rem}.complain-form-group input:focus,.complain-form-group select:focus,.complain-form-group textarea:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 2px #126cab1a}.complain-form-group textarea{resize:vertical;min-height:4rem}.complain-reward-form{display:flex;flex-direction:column;gap:1.5rem}.complain-user-summary{padding:1rem;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.complain-user-summary h5{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#1f2937}.complain-user-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.complain-user-summary-item{display:flex;justify-content:space-between;font-size:.875rem}.complain-user-summary-label{color:#6b7280}.complain-user-summary-value{color:#1f2937;font-weight:500}.complain-points-input{position:relative}.complain-points-input input{padding-right:3rem}.complain-points-suffix{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.875rem;pointer-events:none}.complain-success{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1.5rem}.complain-warning{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fffbeb;color:#92400e;border:1px solid #fed7aa;border-radius:8px;margin-bottom:1.5rem}.complain-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#9ca3af;text-align:center}.complain-no-data svg{margin-bottom:1rem;opacity:.5}.complain-no-data p{margin:0;font-size:1rem}@media (max-width: 768px){.complain-container{padding:1rem}.complain-header{flex-direction:column;align-items:stretch;gap:1rem}.complain-header-actions{justify-content:flex-start;flex-wrap:wrap}.complain-stats-grid{grid-template-columns:1fr;gap:1rem}.complain-filters-grid{grid-template-columns:1fr}.complain-table-header,.complain-pagination{flex-direction:column;align-items:stretch;gap:1rem}.complain-pagination-controls{justify-content:center}.complain-modal{max-width:95%;margin:.5rem}.complain-details-grid{grid-template-columns:1fr}.complain-images{justify-content:center}.complain-actions{flex-wrap:wrap}}@media (max-width: 480px){.complain-title{font-size:1.5rem}.complain-stats-card{padding:1rem}.complain-stats-icon{width:2.5rem;height:2.5rem}.complain-btn{padding:.625rem 1rem;font-size:.75rem}.complain-table th,.complain-table td{padding:.75rem .5rem}}.appsetting-container{padding:1.5rem;max-width:100%;width:100%;box-sizing:border-box}.appsetting-header{margin-bottom:2rem;background-color:var(--secondary-color);padding:2rem;border-radius:1rem;box-shadow:0 4px 15px #00000014;border-left:4px solid var(--primary-color);position:relative;overflow:hidden}.appsetting-header:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background-color:#126cab08;z-index:0}.appsetting-header:after{content:"";position:absolute;bottom:-80px;left:-80px;width:200px;height:200px;border-radius:50%;background-color:#126cab08;z-index:0}.appsetting-header h1{font-size:2rem;color:var(--primary-color);font-weight:700;margin:0 0 .5rem;position:relative;z-index:1}.appsetting-header p{color:#64748b;margin:0;font-size:1rem;position:relative;z-index:1}.config-card{background-color:var(--secondary-color);border-radius:1rem;box-shadow:0 4px 15px #00000014;margin-bottom:2rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.config-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.version-control{border-top:4px solid var(--primary-color)}.maintenance-mode{border-top:4px solid var(--quaternary-color)}.legal-documents{border-top:4px solid #3b82f6}.card-header{display:flex;align-items:center;padding:1.5rem;border-bottom:1px solid var(--tertiary-color);gap:1rem;justify-content:flex-start}.header-icon{width:3.5rem;height:3.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);order:0}.version-control .header-icon{color:var(--primary-color)}.maintenance-mode .header-icon{color:var(--quaternary-color)}.legal-documents .header-icon{color:#3b82f6}.icon{font-size:1.5rem}.card-header h2{margin:0;font-size:1.4rem;font-weight:600;color:#1e293b;order:1}.config-content{padding:1.5rem}.config-row{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:1.5rem}.config-col{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.75rem}.input-group label{font-size:.95rem;font-weight:500;color:#1e293b;display:flex;align-items:center;justify-content:space-between}.input-group input{padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;font-size:1rem;transition:all .3s ease;background-color:var(--tertiary-color);color:#1e293b}.input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #126cab1a;background-color:var(--secondary-color)}.input-group input::placeholder{color:#94a3b8}.version-info{font-size:.875rem;color:#64748b;font-weight:500}.checkbox-group{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--primary-color);cursor:pointer}.checkbox-group label{font-size:.95rem;color:#1e293b;cursor:pointer}.toggle-group{display:flex;justify-content:space-between;align-items:center}.toggle-label{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:500;color:#1e293b;font-size:.95rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-color)}.maintenance-mode input:checked+.toggle-slider{background-color:var(--quaternary-color)}input:checked+.toggle-slider:before{transform:translate(24px)}.platform-badge{font-size:.7rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:600;display:inline-block;text-transform:uppercase;letter-spacing:.5px}.platform-badge.android{background-color:#126cab1a;color:var(--primary-color)}.platform-badge.ios{background-color:#d9dd4633;color:#9ca30b}.save-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:.75rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:block;margin-left:auto;box-shadow:0 4px 6px #126cab1a}.save-btn:hover{background-color:#0d5a91;transform:translateY(-2px);box-shadow:0 6px 12px #126cab33}.save-btn:active{transform:translateY(0)}.maintenance-mode .save-btn{background-color:var(--quaternary-color)}.maintenance-mode .save-btn:hover{background-color:#c5c93e}.legal-documents .save-btn{background-color:#3b82f6}.legal-documents .save-btn:hover{background-color:#2563eb}@media (max-width: 1024px){.config-row{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.appsetting-header{padding:1.5rem}.card-header{flex-direction:column;text-align:center}.toggle-group,.input-group label{flex-direction:column;align-items:flex-start;gap:.5rem}.config-content{padding:1rem}.save-btn{width:100%}}.agent-card{background-color:#fff;border-radius:8px;padding:20px;border:1px solid #e2e8f0;transition:all .2s;position:relative}.agent-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.agent-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px #126cab1a}.agent-card-header{display:flex;gap:12px;margin-bottom:16px;position:relative}.agent-card-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.agent-card-avatar img{width:100%;height:100%;object-fit:cover}.agent-card-avatar-placeholder{width:100%;height:100%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.agent-card-info{flex:1;min-width:0}.agent-card-name{margin:0 0 4px;color:#1f2937;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-role{margin:0 0 8px;color:#6b7280;font-size:14px;text-transform:capitalize}.agent-card-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%}.agent-card-status.status-active{color:#059669}.agent-card-status.status-active .status-dot{background-color:#10b981}.agent-card-status.status-inactive{color:#dc2626}.agent-card-status.status-inactive .status-dot{background-color:#ef4444}.agent-card-status.status-suspended{color:#d97706}.agent-card-status.status-suspended .status-dot{background-color:#f59e0b}.agent-card-menu{position:relative}.agent-card-menu-trigger{background:none;border:none;color:#6b7280;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.agent-card-menu-trigger:hover{background-color:#f3f4f6;color:#374151}.agent-card-menu-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:10;min-width:140px;overflow:hidden}.agent-card-menu-dropdown button{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:background-color .2s}.agent-card-menu-dropdown button:hover{background-color:#f9fafb}.agent-card-details{margin-bottom:16px}.agent-card-detail{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f3f4f6}.agent-card-detail:last-child{border-bottom:none}.detail-label{font-size:12px;color:#6b7280;font-weight:500}.detail-value{font-size:12px;color:#374151;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.agent-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding-top:16px;border-top:1px solid #f3f4f6}.agent-card-stat{text-align:center}.stat-value{font-size:18px;font-weight:600;color:var(--primary-color);margin-bottom:4px}.stat-label{font-size:10px;color:#6b7280;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.agent-password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.agent-password-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:400px;overflow:hidden}.agent-password-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.agent-password-modal-header h3{margin:0;color:#374151;font-size:16px;font-weight:600}.agent-password-modal-close{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.agent-password-modal-close:hover{background-color:#e5e7eb}.agent-password-modal-content{padding:20px}.agent-password-modal-content p{margin:0 0 12px;color:#374151;font-size:14px;line-height:1.5}.agent-password-modal-message{padding:12px;border-radius:6px;font-size:14px;margin-top:12px}.agent-password-modal-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.agent-password-modal-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.agent-password-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.agent-password-modal-cancel,.agent-password-modal-confirm{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;border:1px solid transparent;display:flex;align-items:center;gap:8px}.agent-password-modal-cancel{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.agent-password-modal-cancel:hover{background-color:#e5e7eb}.agent-password-modal-confirm{background-color:#dc2626;color:#fff}.agent-password-modal-confirm:hover:not(:disabled){background-color:#b91c1c}.agent-password-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.agent-card{padding:16px}.agent-card-name{font-size:14px}.agent-card-role{font-size:12px}.agent-card-stats{grid-template-columns:1fr 1fr;gap:8px}.stat-value{font-size:16px}.stat-label{font-size:9px}}.agent-filters{background-color:#fff;border-radius:8px;margin-bottom:20px;border:1px solid #e2e8f0;overflow:hidden}.agent-filters-header{display:flex;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid #f3f4f6}.agent-filters-search{flex:1}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#6b7280;z-index:1}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #126cab1a}.search-input:disabled{background-color:#f9fafb;cursor:not-allowed}.clear-search{position:absolute;right:8px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s,background-color .2s;font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.clear-search:hover{color:#ef4444;background-color:#fef2f2}.agent-filters-actions{display:flex;gap:12px;align-items:center}.filters-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.filters-toggle:hover{background-color:#f1f5f9;border-color:var(--primary-color)}.filters-toggle.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.toggle-icon{font-weight:600;font-size:16px}.filter-count{background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.filters-toggle.active .filter-count{background-color:#fff3}.btn-clear{padding:8px 12px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-clear:hover{background-color:#e5e7eb}.btn-export{padding:8px 12px;background-color:#10b981;border:1px solid #10b981;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-export:hover{background-color:#059669}.agent-filters-content{padding:20px;background-color:#f8fafc;border-top:1px solid #e2e8f0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:20px;padding-bottom:20px}}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{font-size:12px;font-weight:500;color:#374151;text-transform:uppercase;letter-spacing:.5px}.filter-select,.filter-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none}.filter-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #126cab1a}.filter-select:disabled,.filter-input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.7}.quick-filters{margin-bottom:24px}.quick-filters h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.quick-filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.quick-filter-btn{padding:6px 12px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.quick-filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.quick-filter-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.applied-filters{margin-bottom:16px}.applied-filters h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.filter-tags{display:flex;gap:8px;flex-wrap:wrap}.filter-tag{display:flex;align-items:center;gap:6px;padding:4px 8px;background-color:#e0f2fe;border:1px solid #b3e5fc;border-radius:4px;color:#01579b;font-size:12px;font-weight:500}.filter-tag button{background:none;border:none;color:#01579b;cursor:pointer;font-size:14px;padding:2px;border-radius:2px;transition:background-color .2s;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.filter-tag button:hover{background-color:#01579b1a}@media (max-width: 768px){.agent-filters-header{flex-direction:column;gap:12px;align-items:stretch}.agent-filters-actions{justify-content:space-between}.filters-grid{grid-template-columns:1fr;gap:12px}.quick-filter-buttons,.filter-tags{justify-content:center}}.add-agent-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.add-agent-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid #e2e8f0}.add-agent-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:8px}.add-agent-loading-overlay p{margin-top:16px;color:var(--primary-color);font-weight:500;font-size:16px}.add-agent-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc;border-radius:8px 8px 0 0}.add-agent-header h2{margin:0;color:var(--primary-color);font-size:20px;font-weight:600}.add-agent-close{background:none;border:none;font-size:20px;cursor:pointer;color:#64748b;padding:4px 8px;border-radius:4px;transition:background-color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-agent-close:hover{background-color:#f1f5f9;color:#374151}.add-agent-close:disabled{opacity:.5;cursor:not-allowed}.add-agent-form{padding:24px}.add-agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.add-agent-group{display:flex;flex-direction:column;gap:6px}.add-agent-group.add-agent-full{grid-column:1 / -1}.add-agent-group label{font-weight:500;color:#374151;font-size:14px}.add-agent-required{color:#ef4444;font-weight:600}.add-agent-hint{display:block;margin-top:4px;color:#6b7280;font-size:12px}.add-agent-error-summary{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:16px}.add-agent-group input,.add-agent-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none}.add-agent-group select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.add-agent-group input:focus,.add-agent-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #126cab1a}.add-agent-group input.add-agent-error,.add-agent-group select.add-agent-error,.add-agent-group input.error,.add-agent-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.add-agent-group input:disabled,.add-agent-group select:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.7}.add-agent-password{position:relative;display:flex;align-items:center}.add-agent-password input{flex:1;padding-right:50px}.add-agent-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:12px;color:#6b7280;padding:4px 6px;border-radius:4px;transition:color .2s,background-color .2s;font-weight:500}.add-agent-toggle:hover{color:var(--primary-color);background-color:#f1f5f9}.add-agent-toggle:disabled{cursor:not-allowed;opacity:.5}.add-agent-error-message{color:#ef4444;font-size:12px;margin-top:4px;font-weight:500}.add-agent-machines{margin-top:16px;padding:16px;background-color:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.add-agent-machines h4{margin:0 0 12px;color:#374151;font-size:14px;font-weight:600}.add-agent-machines-list{display:grid;gap:8px}.add-agent-machine{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;transition:background-color .2s}.add-agent-machine:hover{background-color:#f9fafb}.add-agent-machine-info{display:flex;flex-direction:column;gap:2px}.add-agent-machine-name{font-weight:500;color:#374151;font-size:14px}.add-agent-machine-id{font-size:12px;color:#6b7280}.add-agent-machine-status{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.add-agent-machine-status.active{background-color:#d1fae5;color:#065f46}.add-agent-machine-status.inactive{background-color:#fee2e2;color:#991b1b}.add-agent-machine-status.maintenance{background-color:#fef3c7;color:#92400e}.add-agent-no-machines{text-align:center;color:#6b7280;font-style:italic;font-size:14px;margin:0;padding:16px}.add-agent-actions{padding-top:20px;border-top:1px solid #e2e8f0}.add-agent-buttons{display:flex;gap:12px;justify-content:flex-end}.add-agent-cancel,.add-agent-submit{padding:10px 20px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s,transform .1s;border:1px solid transparent;display:flex;align-items:center;gap:8px}.add-agent-cancel{background-color:#f9fafb;color:#374151;border-color:#d1d5db}.add-agent-cancel:hover{background-color:#f3f4f6}.add-agent-submit{background-color:var(--primary-color);color:#fff;min-width:140px;justify-content:center}.add-agent-submit:hover:not(:disabled){background-color:#0e5a94;transform:translateY(-1px)}.add-agent-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.add-agent-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spinner 1s linear infinite}.add-agent-loading-overlay .add-agent-spinner{width:32px;height:32px;border:3px solid rgba(18,108,171,.2);border-top:3px solid var(--primary-color)}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.add-agent-modal{width:95%;max-height:85vh}.add-agent-form{padding:20px}.add-agent-grid{grid-template-columns:1fr;gap:16px}.add-agent-buttons{flex-direction:column;gap:8px}.add-agent-cancel,.add-agent-submit{width:100%;justify-content:center}}.all-agents-container{background-color:#f1f5f9;min-height:100vh;width:100%}.all-agents-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;border-left:4px solid var(--primary-color)}.all-agents-header-content h1{margin:0 0 8px;color:var(--primary-color);font-size:24px;font-weight:600}.all-agents-header-content p{margin:0;color:#64748b;font-size:14px}.all-agents-header-actions{display:flex;gap:12px;align-items:center}.all-agents-view-toggle{display:flex;background-color:#f8fafc;border-radius:6px;padding:2px;border:1px solid #e2e8f0}.all-agents-view-btn{padding:6px 12px;border:none;background:none;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s}.all-agents-view-btn:hover{color:var(--primary-color)}.all-agents-view-btn.active{background-color:#fff;color:var(--primary-color);box-shadow:0 1px 2px #0000001a}.all-agents-add-btn{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.all-agents-add-btn:hover{background-color:#0e5a94}.all-agents-bulk-actions{display:flex;justify-content:space-between;align-items:center;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:12px 16px;margin-bottom:16px}.all-agents-bulk-info span{color:#92400e;font-weight:500;font-size:14px}.all-agents-bulk-buttons{display:flex;gap:8px}.all-agents-bulk-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.all-agents-bulk-btn.success{background-color:#10b981;color:#fff}.all-agents-bulk-btn.success:hover{background-color:#059669}.all-agents-bulk-btn.warning{background-color:#f59e0b;color:#fff}.all-agents-bulk-btn.warning:hover{background-color:#d97706}.all-agents-bulk-btn.danger{background-color:#ef4444;color:#fff}.all-agents-bulk-btn.danger:hover{background-color:#dc2626}.all-agents-bulk-btn.secondary{background-color:#6b7280;color:#fff}.all-agents-bulk-btn.secondary:hover{background-color:#4b5563}.all-agents-controls{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:12px 16px;border-radius:6px;margin-bottom:16px;border:1px solid #e2e8f0}.all-agents-info span{color:#64748b;font-size:14px}.all-agents-select-all{display:flex;align-items:center;gap:8px;color:#374151;font-size:14px;cursor:pointer}.all-agents-select-all input{width:16px;height:16px;accent-color:var(--primary-color)}.all-agents-content{display:grid;gap:16px;margin-bottom:24px}.all-agents-content.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.all-agents-content.list{grid-template-columns:1fr}.all-agents-item{position:relative;background-color:#fff;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;border:1px solid #e2e8f0}.all-agents-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.all-agents-checkbox{position:absolute;top:12px;left:12px;z-index:10;cursor:pointer}.all-agents-checkbox input{width:16px;height:16px;accent-color:var(--primary-color)}.all-agents-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-bottom:24px}.all-agents-loading-card{background-color:#fff;padding:20px;border-radius:8px;border:1px solid #e2e8f0}.all-agents-loading-header{display:flex;gap:12px;margin-bottom:16px}.all-agents-loading-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.all-agents-loading-info{flex:1;display:flex;flex-direction:column;gap:8px}.all-agents-loading-line{height:14px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.all-agents-loading-line-title{width:70%;height:16px}.all-agents-loading-line-subtitle{width:50%;height:12px}.all-agents-loading-stats{display:flex;flex-direction:column;gap:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.all-agents-empty{text-align:center;padding:48px 20px;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0}.all-agents-empty-icon{font-size:48px;margin-bottom:16px}.all-agents-empty h3{margin:0 0 8px;color:#374151;font-size:18px;font-weight:600}.all-agents-empty p{margin:0 0 24px;color:#6b7280;font-size:14px}.all-agents-pagination{display:flex;justify-content:center;gap:8px;margin-top:24px}.all-agents-pagination-btn{padding:8px 12px;border:1px solid #e2e8f0;background-color:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.all-agents-pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:var(--primary-color)}.all-agents-pagination-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.all-agents-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.all-agents-error{display:flex;justify-content:center;align-items:center;min-height:400px}.all-agents-error-message{text-align:center;background-color:#fff;padding:32px;border-radius:8px;border:1px solid #fecaca;background-color:#fef2f2}.all-agents-error-message h2{margin:0 0 8px;color:#dc2626;font-size:20px;font-weight:600}.all-agents-error-message p{margin:0 0 20px;color:#991b1b;font-size:14px}.all-agents-retry-btn{background-color:#dc2626;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.all-agents-retry-btn:hover{background-color:#b91c1c}@media (max-width: 768px){.all-agents-container{padding:16px}.all-agents-header{flex-direction:column;gap:16px}.all-agents-header-actions{width:100%;justify-content:space-between}.all-agents-view-toggle{display:none}.all-agents-content.grid,.all-agents-loading{grid-template-columns:1fr}.all-agents-bulk-actions{flex-direction:column;gap:12px;align-items:stretch}.all-agents-bulk-buttons{justify-content:center}.all-agents-controls{flex-direction:column;gap:12px;align-items:stretch}.all-agents-pagination{flex-wrap:wrap;gap:4px}}.analytics-page{background:linear-gradient(135deg,#f8fafc 0%,var(--tertiary-color) 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-color, #333)}.analytics-header{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden}.analytics-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--quaternary-color) 50%,var(--primary-color) 100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.analytics-title-section h1{color:var(--primary-color);font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-title-section p{color:#64748b;font-size:1rem;margin:0;font-weight:500}.analytics-header-actions{display:flex;gap:.75rem;align-items:center}.agent-analytics-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;min-width:100px;border:none;border-radius:8px;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.agent-analytics-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.agent-analytics-btn:hover:before{left:100%}.analytics-btn.primary{background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);color:var(--secondary-color);box-shadow:0 3px 10px #126cab33}.agent-analytics-btn.secondary{background:linear-gradient(135deg,var(--tertiary-color) 0%,#e2e8f0 100%);color:#64748b;border:1px solid rgba(18,108,171,.2)}.agent-analytics-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #126cab40}.analytics-time-select,.analytics-location-select{padding:.625rem .875rem;border:1px solid rgba(18,108,171,.2);border-radius:8px;background:linear-gradient(135deg,var(--tertiary-color) 0%,#f1f5f9 100%);color:var(--primary-color);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #126cab0d;min-width:120px}.analytics-time-select:focus,.analytics-location-select:focus{outline:none;border-color:var(--primary-color);background:linear-gradient(135deg,var(--secondary-color) 0%,#f8fafc 100%);transform:translateY(-1px);box-shadow:0 4px 12px #126cab26}.analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.analytics-stat-card{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 15px #126cab14;position:relative;overflow:hidden;cursor:pointer}.analytics-stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.analytics-stat-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 25px #126cab26}.analytics-stat-card:hover:before{opacity:1}.analytics-stat-icon{width:2.5rem;height:2.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:#fff;flex-shrink:0;transition:transform .3s ease}.analytics-stat-card.total .analytics-stat-icon{background:var(--primary-color)}.analytics-stat-card.vouchers .analytics-stat-icon{background:var(--quaternary-color, #d9dd46)}.analytics-stat-card.revenue .analytics-stat-icon{background:var(--info-color, #3b82f6)}.analytics-stat-card.success .analytics-stat-icon{background:var(--success-color, #10b981)}.analytics-stat-card.requests .analytics-stat-icon{background:var(--warning-color, #f59e0b)}.analytics-stat-card:hover .analytics-stat-icon{transform:scale(1.05)}.analytics-stat-content{flex:1;min-width:0}.analytics-stat-content h3{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.analytics-stat-content p{color:#64748b;font-size:.75rem;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.analytics-stat-meta{font-size:.6875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.analytics-stat-meta .positive{color:var(--success-color, #10b981)}.analytics-stat-meta .warning{color:var(--warning-color, #f59e0b)}.analytics-stat-meta .info{color:#64748b}.analytics-content{display:flex;flex-direction:column;gap:1.5rem}.analytics-chart-card{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:12px;padding:1.25rem;box-shadow:0 3px 15px #126cab14}.analytics-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(18,108,171,.1)}.analytics-chart-header h3{color:var(--primary-color);font-size:1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.analytics-chart-legend{display:flex;gap:1rem;font-size:.75rem}.legend-item{display:flex;align-items:center;gap:.375rem;font-weight:500;color:#64748b}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-item.requests .legend-dot{background:var(--warning-color, #f59e0b)}.legend-item.vouchers .legend-dot{background:var(--quaternary-color, #d9dd46)}.legend-item.value .legend-dot{background:var(--primary-color)}.analytics-chart-container{height:200px;position:relative}.analytics-chart{display:flex;align-items:end;justify-content:space-around;height:160px;padding:0 1rem}.analytics-chart-bar{display:flex;flex-direction:column;align-items:center;flex:1;max-width:60px}.analytics-bar-group{display:flex;align-items:end;gap:2px;height:100%;width:100%;justify-content:center}.analytics-bar{width:12px;border-radius:2px 2px 0 0;transition:all .3s ease;cursor:pointer}.analytics-bar.requests{background:linear-gradient(to top,var(--warning-color, #f59e0b),#fbbf24)}.analytics-bar.vouchers{background:linear-gradient(to top,var(--quaternary-color, #d9dd46),#eef76c)}.analytics-bar.value{background:linear-gradient(to top,var(--primary-color),#3b82f6)}.analytics-bar:hover{transform:scaleY(1.05);filter:brightness(1.1)}.analytics-bar-label{margin-top:.5rem;font-size:.6875rem;color:#64748b;font-weight:500;text-align:center}.analytics-two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.analytics-section-card{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:12px;padding:1.25rem;box-shadow:0 3px 15px #126cab14}.analytics-section-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(18,108,171,.1)}.analytics-section-header h3{color:var(--primary-color);font-size:1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.analytics-performers{display:flex;flex-direction:column;gap:.75rem}.analytics-performer-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#126cab05;border-radius:8px;border:1px solid rgba(18,108,171,.05);transition:all .3s ease}.analytics-performer-item:hover{background:#126cab0d;transform:translate(2px)}.analytics-performer-rank{flex-shrink:0}.rank-badge{width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:#fff}.rank-badge.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.rank-badge.silver{background:linear-gradient(135deg,#e5e7eb,#9ca3af)}.rank-badge.bronze{background:linear-gradient(135deg,#f97316,#ea580c)}.analytics-performer-info{flex:1;min-width:0}.analytics-performer-info h4{color:var(--primary-color);font-size:.875rem;font-weight:600;margin:0 0 .125rem}.analytics-performer-info p{color:#64748b;font-size:.75rem;margin:0;display:flex;align-items:center;gap:.25rem}.analytics-performer-stats{display:flex;gap:.75rem}.analytics-stat-item{text-align:center}.analytics-stat-item .stat-value{display:block;color:var(--primary-color);font-size:.75rem;font-weight:600}.analytics-stat-item .stat-label{color:#64748b;font-size:.625rem;text-transform:uppercase;letter-spacing:.5px}.analytics-locations{display:flex;flex-direction:column;gap:.75rem}.analytics-location-item{padding:.75rem;background:#126cab05;border-radius:8px;border:1px solid rgba(18,108,171,.05);transition:all .3s ease}.analytics-location-item:hover{background:#126cab0d}.analytics-location-info h4{color:var(--primary-color);font-size:.875rem;font-weight:600;margin:0 0 .375rem}.analytics-location-stats{display:flex;gap:1rem;margin-bottom:.5rem}.location-stat{color:#64748b;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.analytics-location-progress{height:4px;background:#126cab1a;border-radius:2px;overflow:hidden}.analytics-progress-bar{height:100%;background:linear-gradient(135deg,var(--primary-color),#3b82f6);border-radius:2px;transition:width .8s ease}.analytics-status-card{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:12px;padding:1.25rem;box-shadow:0 3px 15px #126cab14}.analytics-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.analytics-status-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:#126cab05;border-radius:8px;border:1px solid rgba(18,108,171,.05);transition:all .3s ease}.analytics-status-item:hover{background:#126cab0d;transform:translateY(-2px)}.analytics-status-icon{margin-bottom:.5rem}.status-icon{font-size:1.5rem}.status-icon.approved{color:var(--success-color, #10b981)}.status-icon.rejected{color:var(--danger-color, #ef4444)}.status-icon.pending{color:var(--warning-color, #f59e0b)}.analytics-status-content h4{color:var(--primary-color);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.analytics-status-content p{color:#64748b;font-size:.75rem;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.analytics-status-percentage{color:var(--primary-color);font-size:.6875rem;font-weight:600}.analytics-insights-card{background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:12px;padding:1.25rem;box-shadow:0 3px 15px #126cab14}.analytics-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.analytics-insight-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#126cab05;border-radius:8px;border:1px solid rgba(18,108,171,.05);transition:all .3s ease}.analytics-insight-item:hover{background:#126cab0d;transform:translateY(-1px)}.analytics-insight-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#fff;flex-shrink:0}.analytics-insight-icon.positive{background:var(--success-color, #10b981)}.analytics-insight-icon.warning{background:var(--warning-color, #f59e0b)}.analytics-insight-icon.highlight{background:var(--primary-color)}.analytics-insight-content h4{color:var(--primary-color);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.analytics-insight-content p{color:#64748b;font-size:.75rem;margin:0;line-height:1.4}.analytics-loading,.analytics-error,.analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:linear-gradient(135deg,var(--secondary-color) 0%,#fafbfc 100%);border:1px solid rgba(18,108,171,.1);border-radius:12px;box-shadow:0 3px 15px #126cab14}.analytics-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(18,108,171,.1);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.analytics-loading p,.analytics-error p,.analytics-empty p{color:#64748b;font-size:1rem;margin:0;font-weight:500}.analytics-error-icon,.analytics-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.analytics-error h3,.analytics-empty h3{color:var(--primary-color);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.analytics-empty-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#64748b;text-align:center}.analytics-empty-section svg{font-size:2rem;margin-bottom:.5rem;opacity:.5}.analytics-empty-section p{font-size:.875rem;margin:0}@media (max-width: 1024px){.analytics-page{padding:1rem}.analytics-header{flex-direction:column;gap:1rem;align-items:stretch}.analytics-header-actions{justify-content:flex-start;flex-wrap:wrap}.analytics-overview{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.analytics-two-column{grid-template-columns:1fr}.analytics-status-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.analytics-insights{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-page{padding:.75rem}.analytics-title-section h1{font-size:1.5rem}.analytics-title-section p{font-size:.875rem}.analytics-overview{grid-template-columns:1fr}.analytics-stat-card{padding:.875rem}.analytics-stat-icon{width:2rem;height:2rem;font-size:1rem}.analytics-stat-content h3{font-size:1.25rem}.analytics-chart{height:120px}.analytics-performer-stats,.analytics-location-stats{flex-direction:column;gap:.25rem}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.add-machine-container{padding:1.5rem;max-width:100%}.add-machine-header{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.add-machine-header-title{flex:1}.add-machine-header h1{font-size:2rem;color:var(--primary-color);margin:0;font-weight:700}.add-machine-header p{color:#64748b;margin:.25rem 0 0;font-size:1rem}.add-machine-back-button{background-color:#f8fafc;color:var(--primary-color);border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s;text-decoration:none;margin-left:1rem;white-space:nowrap}.add-machine-back-button:hover{background-color:#e2e8f0}.section-title{display:flex;align-items:center;margin-bottom:1rem;position:relative}.section-title svg{font-size:1.25rem;color:var(--primary-color);margin-right:.75rem}.section-title h2{font-size:1.25rem;color:#334155;margin:0;font-weight:600}.calendar-section{background-color:var(--secondary-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #0000000d;border-left:4px solid var(--primary-color)}.date-picker-container{margin-top:1rem}.date-picker{padding:.75rem 1rem;border-radius:.5rem;border:1px solid #e2e8f0;background-color:var(--tertiary-color);color:#1e293b;font-size:1rem;width:100%;max-width:300px}.map-section{background-color:var(--secondary-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #0000000d;border-left:4px solid var(--quaternary-color);position:relative;transition:all .3s ease}.map-section.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;border-radius:0;padding:2rem}.map-section.fullscreen .map-container{height:calc(100vh - 200px)}.fullscreen-toggle{position:absolute;right:1.5rem;top:1.5rem;background:var(--tertiary-color);border:none;border-radius:.375rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-color);transition:background-color .2s}.fullscreen-toggle:hover{background-color:#e2e8f0}.coordinate-search{margin-bottom:1rem}.search-input-wrapper{display:flex;gap:.75rem;align-items:center;width:100%}.search-input-wrapper input{flex:1;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #e2e8f0;background-color:var(--tertiary-color);color:#1e293b;font-size:.875rem;box-shadow:0 1px 2px #0000000d}.search-input-wrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0e5a911a}.add-machine-search-coordinates-btn{background-color:var(--primary-color);color:#fff;width:130px;height:45px;border:none;border-radius:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.add-machine-search-coordinates-btn:hover{background-color:#0e5a91;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.add-machine-search-coordinates-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.add-machine-search-coordinates-btn svg{font-size:.875rem}.map-container{position:relative;height:400px;border-radius:.5rem;overflow:hidden;margin-bottom:1rem}.center-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color:var(--primary-color);font-size:2.5rem;filter:drop-shadow(0 0 3px rgba(255,255,255,.7));pointer-events:none}.center-marker svg{transform:translateY(-50%)}.loading-map{display:flex;align-items:center;justify-content:center;height:100%;background-color:#f1f5f9;color:#64748b;font-weight:500}.selected-location{background-color:var(--tertiary-color);border-radius:.5rem;padding:1rem}.selected-location h3{font-size:1rem;color:#334155;margin:0 0 .5rem;font-weight:600}.coordinates{display:flex;gap:2rem;color:#475569;font-size:.875rem}.machine-form{background-color:var(--secondary-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #0000000d;border-left:4px solid var(--primary-color)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#475569}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border-radius:.5rem;border:1px solid #e2e8f0;background-color:var(--tertiary-color);color:#1e293b;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.qr-code-section{background-color:var(--tertiary-color);border-radius:.75rem;padding:1.5rem;margin:2rem 0;opacity:0;height:0;overflow:hidden;transition:all .3s ease}.qr-code-section.show{opacity:1;height:auto}.qr-code-container{display:flex;justify-content:center;align-items:center;padding:1.5rem}.qr-code{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-code p{color:#475569;font-weight:500;font-size:.875rem}.no-qr-code{color:#64748b;padding:2rem;text-align:center}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}.save-button{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s,transform .1s}.save-button:hover{background-color:#0e5a91}.save-button:active{transform:scale(.98)}:root{--toastify-color-success: #10b981;--toastify-color-error: var(--red-color);--toastify-color-info: var(--primary-color)}@media (max-width: 768px){.add-machine-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-machine-header .add-machine-back-button{align-self:flex-start}.search-input-wrapper{flex-direction:column;gap:.75rem}.add-machine-search-coordinates-btn{width:100%;justify-content:center}.coordinates{flex-direction:column;gap:.5rem}}.react-datepicker-wrapper{width:100%}.react-datepicker__current-month{color:var(--primary-color);font-weight:600}.react-datepicker__day--selected{background-color:var(--primary-color)!important}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-overlay .loader{background-color:#fff;padding:2rem 3rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 10px 25px #0003;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.loading-overlay .loader svg{font-size:3rem;color:var(--primary-color)}.loading-overlay .loader span{font-size:1.2rem;font-weight:500;color:#333}.save-button.submitting{background-color:#868686;pointer-events:none}.save-button.submitting svg{margin-right:.5rem}input:disabled,select:disabled,textarea:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.update-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.update-modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:450px;box-shadow:0 4px 10px #0003;overflow:hidden}.update-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e5e7eb}.update-modal-header h3{margin:0;font-size:1.2rem;color:#1f2937}.update-modal-body{padding:20px;color:#4b5563}.update-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #e5e7eb}.cancel-btn{background-color:#e5e7eb;color:#4b5563;border:none;border-radius:4px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-btn:hover{background-color:#d1d5db}.update-btn{background-color:#3b82f6;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.update-btn:hover{background-color:#2563eb}.close-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#6b7280}.close-btn:hover{color:#1f2937}.water-consumption-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.5rem;font-family:Inter,sans-serif}.water-consumption-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;background:linear-gradient(135deg,#126cab1a,#d9dd460d);border-radius:16px;margin:2rem;padding:3rem}.water-consumption-loading-icon{color:#126cab;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(18,108,171,.2))}.water-consumption-loading h3{color:#126cab;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.water-consumption-loading p{color:#64748b;font-size:1rem;margin:0}.water-consumption-header{background:linear-gradient(135deg,#126cab,#1e40af);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 25px #126cab4d;position:relative;overflow:hidden}.water-consumption-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.water-consumption-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.water-consumption-title-section h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.water-consumption-title-icon{background:#fff3;padding:.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.water-consumption-title-section p{color:#ffffffe6;font-size:1rem;margin:0;font-weight:400}.water-consumption-header-actions{display:flex;gap:1rem}.water-consumption-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.water-consumption-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.water-consumption-btn:hover:before{left:100%}.water-consumption-btn-refresh{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.water-consumption-btn-refresh:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.water-consumption-btn-export{background:linear-gradient(135deg,#16a085,#1abc9c);color:#fff;box-shadow:0 4px 12px #16a0854d}.water-consumption-btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 20px #16a08566}.water-consumption-btn-search{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 12px #3498db4d}.water-consumption-btn-search:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.water-consumption-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.water-consumption-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:1rem}.water-consumption-stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.05) 0%,transparent 70%);pointer-events:none;transition:all .3s ease}.water-consumption-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #126cab26;border-color:#126cab}.water-consumption-stat-card:hover:before{background:radial-gradient(circle,rgba(18,108,171,.1) 0%,transparent 70%)}.water-consumption-stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 15px #0003;position:relative;z-index:2}.water-consumption-stat-today .water-consumption-stat-icon{background:linear-gradient(135deg,#3498db,#2980b9)}.water-consumption-stat-yesterday .water-consumption-stat-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.water-consumption-stat-week .water-consumption-stat-icon{background:linear-gradient(135deg,#e67e22,#d35400)}.water-consumption-stat-month .water-consumption-stat-icon{background:linear-gradient(135deg,#27ae60,#229954)}.water-consumption-stat-content{flex:1;position:relative;z-index:2}.water-consumption-stat-content h3{font-size:2rem;font-weight:700;margin:0 0 .25rem;color:#126cab;background:linear-gradient(135deg,#126cab,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.water-consumption-stat-content p{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#374151}.water-consumption-stat-meta{font-size:.875rem;color:#64748b;font-weight:500}.water-consumption-tabs{display:flex;margin-bottom:2rem;background:#fff;border-radius:12px;padding:.5rem;box-shadow:0 4px 20px #126cab14;border:1px solid rgba(18,108,171,.1)}.water-consumption-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.water-consumption-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(18,108,171,.1),transparent);transition:left .5s}.water-consumption-tab:hover:before{left:100%}.water-consumption-tab:hover{color:#126cab;background:#126cab0d}.water-consumption-tab.active{background:linear-gradient(135deg,#126cab,#1e40af);color:#fff;box-shadow:0 4px 15px #126cab4d;transform:translateY(-2px)}.water-consumption-tab.active:hover{background:linear-gradient(135deg,#0e5a94,#1d4ed8);color:#fff}.water-consumption-tab:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.water-consumption-tab .fa-spinner{margin-left:.5rem}.water-consumption-content{display:flex;flex-direction:column;gap:2rem}.water-consumption-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem}.water-consumption-chart-card,.water-consumption-table-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(18,108,171,.1);border-radius:16px;box-shadow:0 4px 20px #126cab14;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.water-consumption-chart-card:hover,.water-consumption-table-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #126cab1f;border-color:#126cab}.water-consumption-chart-header,.water-consumption-table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(18,108,171,.1);background:linear-gradient(135deg,#126cab05,#d9dd4603)}.water-consumption-chart-header h3,.water-consumption-table-header h3{font-size:1.25rem;font-weight:600;margin:0;color:#126cab;display:flex;align-items:center;gap:.5rem}.water-consumption-chart-controls{display:flex;align-items:center;gap:.75rem}.water-consumption-chart-container{padding:1.5rem;height:350px;position:relative}.water-consumption-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden}.water-consumption-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.03) 0%,transparent 70%);pointer-events:none}.water-consumption-section-header{margin-bottom:2rem;position:relative;z-index:2}.water-consumption-section-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#126cab;display:flex;align-items:center;gap:.75rem}.water-consumption-section-header p{font-size:1rem;color:#64748b;margin:0;font-weight:400}.water-consumption-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;position:relative;z-index:2}.water-consumption-filter-group{display:flex;flex-direction:column;gap:.5rem}.water-consumption-filter-group label{font-size:.875rem;font-weight:600;color:#374151}.water-consumption-select,.water-consumption-input{padding:.75rem;border:1px solid #d1d5db;border-radius:10px;font-size:.875rem;background:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.water-consumption-select:focus,.water-consumption-input:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 3px #126cab1a;background:#f8fafc}.water-consumption-search-group{display:flex;gap:.5rem}.water-consumption-search-group .water-consumption-input{flex:1}.water-consumption-table-controls{display:flex;align-items:center;gap:1rem}.water-consumption-pagination-controls{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.water-consumption-select-small{padding:.375rem .5rem;font-size:.75rem;min-width:60px}.water-consumption-table-container{padding:1.5rem;max-height:400px;overflow-y:auto}.water-consumption-table{width:100%;border-collapse:collapse;font-size:.875rem}.water-consumption-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:.75rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:.875rem}.water-consumption-table td{padding:.75rem;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:500}.water-consumption-table tbody tr{transition:all .2s ease}.water-consumption-table tbody tr:hover{background:linear-gradient(135deg,#126cab05,#d9dd4603)}.water-consumption-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid rgba(18,108,171,.1);background:linear-gradient(135deg,#126cab03,#d9dd4601)}.water-consumption-pagination-info{font-size:.875rem;color:#64748b;font-weight:500}.water-consumption-pagination-buttons{display:flex;align-items:center;gap:1rem}.water-consumption-btn-pagination{padding:.5rem 1rem;font-size:.875rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#126cab;border:1px solid rgba(18,108,171,.2);border-radius:8px;transition:all .3s ease}.water-consumption-btn-pagination:hover:not(:disabled){background:linear-gradient(135deg,#126cab,#1e40af);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #126cab4d}.water-consumption-btn-pagination:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.water-consumption-page-info{font-size:.875rem;color:#374151;font-weight:500;min-width:120px;text-align:center}.water-consumption-no-data{display:flex;align-items:center;justify-content:center;height:200px;color:#64748b;font-size:1rem;font-weight:500;background:linear-gradient(135deg,#126cab05,#d9dd4603);border-radius:12px;border:2px dashed #d1d5db}.water-consumption-table-container::-webkit-scrollbar{width:6px}.water-consumption-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.water-consumption-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#126cab,#1e40af);border-radius:10px}.water-consumption-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0e5a94,#1d4ed8)}@media (max-width: 1024px){.water-consumption-container{padding:1rem}.water-consumption-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.water-consumption-stat-card{padding:1.25rem}.water-consumption-stat-icon{width:50px;height:50px;font-size:1.25rem}.water-consumption-stat-content h3{font-size:1.75rem}.water-consumption-row{grid-template-columns:1fr}.water-consumption-chart-container{height:300px}.water-consumption-tabs{flex-direction:column;gap:.5rem}.water-consumption-tab{padding:.75rem 1rem;justify-content:flex-start}}@media (max-width: 768px){.water-consumption-header{padding:1.5rem}.water-consumption-header-content{flex-direction:column;gap:1rem;text-align:center}.water-consumption-title-section h1{font-size:1.5rem}.water-consumption-stats{grid-template-columns:1fr;gap:1rem}.water-consumption-stat-card{padding:1rem}.water-consumption-filters{grid-template-columns:1fr;gap:1rem}.water-consumption-chart-header,.water-consumption-table-header{flex-direction:column;gap:1rem;align-items:stretch}.water-consumption-chart-controls{justify-content:center}.water-consumption-table-controls{flex-direction:column;gap:.5rem;align-items:stretch}.water-consumption-pagination{flex-direction:column;gap:.75rem;text-align:center}.water-consumption-pagination-info{order:2}.water-consumption-pagination-buttons{order:1;justify-content:center}.water-consumption-section{padding:1.5rem}.water-consumption-chart-container{height:250px;padding:1rem}.water-consumption-table{font-size:.75rem}.water-consumption-table th,.water-consumption-table td{padding:.5rem}}@media (max-width: 480px){.water-consumption-container{padding:.75rem}.water-consumption-title-section h1{font-size:1.25rem}.water-consumption-stat-card{flex-direction:column;text-align:center;gap:.75rem}.water-consumption-btn{padding:.5rem 1rem;font-size:.75rem}.water-consumption-chart-container{height:200px;padding:.75rem}.water-consumption-search-group{flex-direction:column}}@keyframes water-consumption-pulse{0%,to{opacity:1}50%{opacity:.5}}.water-consumption-btn:disabled{opacity:.6;cursor:not-allowed;animation:water-consumption-pulse 1.5s ease-in-out infinite}.water-consumption-export-success{background:linear-gradient(135deg,#27ae60,#229954);animation:water-consumption-success-flash .3s ease}.water-consumption-export-error{background:linear-gradient(135deg,#e74c3c,#c0392b);animation:water-consumption-error-shake .5s ease}@keyframes water-consumption-success-flash{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes water-consumption-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.water-consumption-transactions-section{margin-top:2rem}.water-consumption-transaction-cell{display:flex;flex-direction:column;gap:.25rem}.water-consumption-transaction-number{font-family:Courier New,monospace;font-weight:600;color:#126cab;font-size:.875rem}.water-consumption-date-cell{display:flex;flex-direction:column;gap:.125rem}.water-consumption-date{font-weight:600;color:#374151;font-size:.875rem}.water-consumption-time{font-size:.75rem;color:#6b7280;font-weight:400}.water-consumption-user-cell{display:flex;flex-direction:column;gap:.125rem}.water-consumption-user-name{font-weight:600;color:#374151;font-size:.875rem}.water-consumption-user-phone{font-size:.75rem;color:#6b7280;font-weight:400}.water-consumption-machine-cell{display:flex;flex-direction:column;gap:.125rem}.water-consumption-machine-name{font-weight:600;color:#374151;font-size:.875rem}.water-consumption-machine-location{font-size:.75rem;color:#6b7280;font-weight:400}.water-consumption-water-qty{font-weight:700;color:#126cab;font-size:.875rem}.water-consumption-amount{font-weight:700;color:#059669;font-size:.875rem}.water-consumption-payment-method{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.water-consumption-payment-method.balance{background:#dbeafe;color:#1e40af}.water-consumption-payment-method.points{background:#fef3c7;color:#d97706}.water-consumption-payment-method.cash{background:#d1fae5;color:#065f46}.water-consumption-status{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.water-consumption-status-success{background:#d1fae5;color:#065f46}.water-consumption-status-failed{background:#fee2e2;color:#dc2626}.water-consumption-status-pending{background:#fef3c7;color:#d97706}.web-vouchers-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.5rem;font-family:Inter,sans-serif}.web-vouchers-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;background:linear-gradient(135deg,#126cab1a,#1e40af0d);border-radius:16px;margin:2rem;padding:3rem}.web-vouchers-loading-icon{color:#126cab;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(18,108,171,.2))}.web-vouchers-loading h3{color:#126cab;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.web-vouchers-loading p{color:#64748b;font-size:1rem;margin:0}.web-vouchers-header{background:linear-gradient(135deg,#126cab,#1e40af);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 25px #126cab4d;position:relative;overflow:hidden}.web-vouchers-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.web-vouchers-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.web-vouchers-title-section h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.web-vouchers-title-icon{background:#fff3;padding:.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.web-vouchers-title-section p{color:#ffffffe6;font-size:1rem;margin:0;font-weight:400}.web-vouchers-header-actions{display:flex;gap:1rem}.web-vouchers-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.web-vouchers-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:1rem}.web-vouchers-stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.05) 0%,transparent 70%);pointer-events:none;transition:all .3s ease}.web-vouchers-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #126cab26;border-color:#126cab}.web-vouchers-stat-card:hover:before{background:radial-gradient(circle,rgba(18,108,171,.1) 0%,transparent 70%)}.web-vouchers-stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 15px #0003;position:relative;z-index:2}.web-vouchers-stat-total .web-vouchers-stat-icon{background:linear-gradient(135deg,#3498db,#2980b9)}.web-vouchers-stat-available .web-vouchers-stat-icon{background:linear-gradient(135deg,#126cab,#1e40af)}.web-vouchers-stat-used .web-vouchers-stat-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}.web-vouchers-stat-value .web-vouchers-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.web-vouchers-stat-content{flex:1;position:relative;z-index:2}.web-vouchers-stat-content h3{font-size:2rem;font-weight:700;margin:0 0 .25rem;color:#126cab;background:linear-gradient(135deg,#126cab,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.web-vouchers-stat-content p{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#374151}.web-vouchers-stat-meta{font-size:.875rem;color:#64748b;font-weight:500}.web-vouchers-controls{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #126cab14;border:1px solid rgba(18,108,171,.1)}.web-vouchers-controls-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.web-vouchers-controls-left{display:flex;align-items:center;gap:1rem}.web-vouchers-controls-right{display:flex;align-items:center;gap:.75rem}.web-vouchers-view-toggle{display:flex;background:#f1f5f9;border-radius:10px;padding:.25rem;border:1px solid #e2e8f0}.web-vouchers-view-btn{padding:.5rem 1rem;border:none;background:transparent;color:#64748b;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.web-vouchers-view-btn.active{background:#126cab;color:#fff;box-shadow:0 2px 8px #126cab4d}.web-vouchers-view-btn:hover:not(.active){background:#e2e8f0;color:#374151}.web-vouchers-filters{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.web-vouchers-filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.web-vouchers-filter-group label{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.web-vouchers-select,.web-vouchers-input{padding:.75rem;border:1px solid #d1d5db;border-radius:10px;font-size:.875rem;background:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.web-vouchers-select:focus,.web-vouchers-input:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 3px #126cab1a;background:#f8fafc}.web-vouchers-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none}.web-vouchers-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.web-vouchers-btn:hover:before{left:100%}.web-vouchers-btn-primary{background:linear-gradient(135deg,#126cab,#1e40af);color:#fff;box-shadow:0 4px 12px #126cab4d}.web-vouchers-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #126cab66}.web-vouchers-btn-secondary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#374151;border:1px solid #d1d5db}.web-vouchers-btn-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.web-vouchers-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.web-vouchers-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.web-vouchers-btn-export{background:linear-gradient(135deg,#126cab,#1e40af);color:#fff;box-shadow:0 4px 12px #126cab4d}.web-vouchers-btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 20px #126cab66}.web-vouchers-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.web-vouchers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.web-vouchers-grid-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #126cab14;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.web-vouchers-grid-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #126cab26;border-color:#126cab}.web-vouchers-grid-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#126cab,#1e40af)}.web-vouchers-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.web-vouchers-card-code{font-family:Monaco,Courier New,monospace;font-size:1.125rem;font-weight:700;color:#126cab;background:#126cab1a;padding:.5rem 1rem;border-radius:8px}.web-vouchers-card-denomination{font-size:1.5rem;font-weight:700;color:#374151;background:linear-gradient(135deg,#126cab,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.web-vouchers-card-body{margin-bottom:1rem}.web-vouchers-card-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.web-vouchers-card-info label{color:#6b7280;font-weight:500}.web-vouchers-card-info span{color:#374151;font-weight:600}.web-vouchers-card-status{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.web-vouchers-status-available{background:#126cab1a;color:#126cab}.web-vouchers-status-used{background:#6b72801a;color:#4b5563}.web-vouchers-status-expired{background:#ef44441a;color:#dc2626}.web-vouchers-card-actions{display:flex;gap:.5rem;margin-top:1rem}.web-vouchers-card-btn{flex:1;padding:.5rem 1rem;font-size:.75rem;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.web-vouchers-card-btn-view{background:#126cab1a;color:#126cab}.web-vouchers-card-btn-view:hover{background:#126cab33}.web-vouchers-card-btn-delete{background:#ef44441a;color:#dc2626}.web-vouchers-card-btn-delete:hover{background:#ef444433}.web-vouchers-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #126cab14;border:1px solid rgba(18,108,171,.1);overflow:hidden;margin-bottom:2rem}.web-vouchers-table{width:100%;border-collapse:collapse;font-size:.875rem}.web-vouchers-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.web-vouchers-table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:500}.web-vouchers-table tbody tr{transition:all .2s ease}.web-vouchers-table tbody tr:hover{background:linear-gradient(135deg,#126cab05,#1e40af03)}.web-vouchers-table-code{font-family:Monaco,Courier New,monospace;font-weight:700;color:#126cab;background:#126cab1a;padding:.25rem .5rem;border-radius:6px;font-size:.75rem}.web-vouchers-table-denomination{font-weight:700;color:#126cab;font-size:1rem}.web-vouchers-table-actions{display:flex;gap:.5rem}.web-vouchers-table-btn{padding:.375rem .75rem;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.web-vouchers-table-btn-view{background:#126cab1a;color:#126cab}.web-vouchers-table-btn-view:hover{background:#126cab33}.web-vouchers-table-btn-delete{background:#ef44441a;color:#dc2626}.web-vouchers-table-btn-delete:hover{background:#ef444433}.web-vouchers-pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #126cab14;border:1px solid rgba(18,108,171,.1);margin-bottom:2rem}.web-vouchers-pagination-info{font-size:.875rem;color:#64748b;font-weight:500}.web-vouchers-pagination-controls{display:flex;align-items:center;gap:1rem}.web-vouchers-pagination-buttons{display:flex;align-items:center;gap:.5rem}.web-vouchers-pagination-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.web-vouchers-pagination-btn:hover:not(:disabled){background:#126cab;color:#fff;border-color:#126cab;transform:translateY(-1px);box-shadow:0 4px 12px #126cab4d}.web-vouchers-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.web-vouchers-page-info{font-size:.875rem;color:#374151;font-weight:500;min-width:120px;text-align:center}.web-vouchers-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.web-vouchers-modal{background:#fff;border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d;transform:scale(.9);animation:web-vouchers-modal-enter .3s ease forwards}@keyframes web-vouchers-modal-enter{to{transform:scale(1)}}.web-vouchers-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.web-vouchers-modal-title{font-size:1.5rem;font-weight:700;color:#126cab;margin:0}.web-vouchers-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.web-vouchers-modal-close:hover{background:#f3f4f6;color:#374151}.web-vouchers-modal-body,.web-vouchers-form-group{margin-bottom:1.5rem}.web-vouchers-form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.web-vouchers-form-group .web-vouchers-input,.web-vouchers-form-group .web-vouchers-select,.web-vouchers-form-group .web-vouchers-textarea{width:100%}.web-vouchers-textarea{resize:vertical;min-height:80px;padding:.75rem;border:1px solid #d1d5db;border-radius:10px;font-size:.875rem;background:#fff;transition:all .3s ease;font-family:inherit}.web-vouchers-textarea:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 3px #126cab1a}.web-vouchers-denomination-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem;margin-top:.5rem}.web-vouchers-denomination-option{display:flex;align-items:center;justify-content:center;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1rem;background:#fff}.web-vouchers-denomination-option:hover{border-color:#126cab;background:#126cab0d}.web-vouchers-denomination-option.selected{border-color:#126cab;background:#126cab;color:#fff;box-shadow:0 4px 12px #126cab4d}.web-vouchers-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.web-vouchers-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#126cab05,#1e40af03);border-radius:16px;border:2px dashed #d1d5db;margin:2rem 0}.web-vouchers-no-data-icon{color:#d1d5db;margin-bottom:1rem}.web-vouchers-no-data h3{color:#6b7280;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.web-vouchers-no-data p{color:#9ca3af;margin:0}.web-vouchers-message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1rem;font-weight:500;display:flex;align-items:center;gap:.75rem}.web-vouchers-message-success{background:#126cab1a;color:#126cab;border:1px solid rgba(18,108,171,.2)}.web-vouchers-message-error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.web-vouchers-message-warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}@media (max-width: 1024px){.web-vouchers-container{padding:1rem}.web-vouchers-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.web-vouchers-controls-row{flex-direction:column;align-items:stretch;gap:1rem}.web-vouchers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media (max-width: 768px){.web-vouchers-header{padding:1.5rem}.web-vouchers-header-content{flex-direction:column;gap:1rem;text-align:center}.web-vouchers-title-section h1{font-size:1.5rem}.web-vouchers-stats{grid-template-columns:1fr;gap:1rem}.web-vouchers-filters{flex-direction:column;align-items:stretch;gap:1rem}.web-vouchers-grid{grid-template-columns:1fr}.web-vouchers-table-container{overflow-x:auto}.web-vouchers-pagination{flex-direction:column;gap:1rem;text-align:center}.web-vouchers-modal{width:95%;padding:1.5rem}.web-vouchers-denomination-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.web-vouchers-container{padding:.75rem}.web-vouchers-title-section h1{font-size:1.25rem}.web-vouchers-stat-card{flex-direction:column;text-align:center;gap:.75rem}.web-vouchers-controls,.web-vouchers-grid-card{padding:1rem}.web-vouchers-table th,.web-vouchers-table td{padding:.75rem .5rem;font-size:.75rem}}.web-vouchers-details-grid{display:grid;gap:1.5rem}.web-vouchers-details-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:1.5rem;border:1px solid rgba(16,185,129,.1)}.web-vouchers-details-section h3{color:#10b981;font-size:1.125rem;font-weight:600;margin:0 0 1rem;border-bottom:2px solid rgba(16,185,129,.2);padding-bottom:.5rem}.web-vouchers-details-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(16,185,129,.1)}.web-vouchers-details-row:last-child{border-bottom:none}.web-vouchers-details-row label{font-weight:600;color:#374151;min-width:140px}.web-vouchers-details-row span{color:#64748b;font-weight:500;text-align:right;flex:1}.web-vouchers-details-code{font-family:Monaco,Courier New,monospace;font-weight:700!important;color:#10b981!important;background:#10b9811a;padding:.25rem .5rem;border-radius:6px;font-size:.875rem}.web-vouchers-details-denomination{font-weight:700!important;color:#f59e0b!important;font-size:1.125rem}@keyframes web-vouchers-success-flash{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.web-vouchers-success-animation{animation:web-vouchers-success-flash .3s ease}@keyframes web-vouchers-spin{to{transform:rotate(360deg)}}.web-vouchers-spinner{animation:web-vouchers-spin 1s linear infinite}.users-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.5rem;font-family:Inter,sans-serif}.users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;background:linear-gradient(135deg,#126cab1a,#10b9810d);border-radius:16px;margin:2rem;padding:3rem}.users-loading-icon{color:#126cab;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(18,108,171,.2))}.users-loading h3{color:#126cab;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.users-loading p{color:#64748b;font-size:1rem;margin:0}.users-header{background:linear-gradient(135deg,#126cab,#0f5a8a);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 25px #126cab4d;position:relative;overflow:hidden}.users-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.users-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.users-title-section h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.users-title-icon{background:#fff3;padding:.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.users-title-section p{color:#ffffffe6;font-size:1rem;margin:0;font-weight:400}.users-header-actions{display:flex;gap:1rem}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.users-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:1rem}.users-stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.05) 0%,transparent 70%);pointer-events:none;transition:all .3s ease}.users-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #126cab26;border-color:#126cab}.users-stat-card:hover:before{background:radial-gradient(circle,rgba(18,108,171,.1) 0%,transparent 70%)}.users-stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 15px #0003;position:relative;z-index:2}.users-stat-total .users-stat-icon{background:linear-gradient(135deg,#126cab,#0f5a8a)}.users-stat-active .users-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.users-stat-verified .users-stat-icon{background:linear-gradient(135deg,#d97621,#b6611a)}.users-stat-balance .users-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.users-stat-content{flex:1;position:relative;z-index:2}.users-stat-content h3{font-size:2rem;font-weight:700;margin:0 0 .25rem;color:#126cab;background:linear-gradient(135deg,#126cab,#0f5a8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.users-stat-content p{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#374151}.users-stat-meta{font-size:.875rem;color:#64748b;font-weight:500}.users-controls{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #126cab14;border:1px solid rgba(18,108,171,.1)}.users-controls-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.users-controls-left{display:flex;align-items:center;gap:1rem}.users-controls-right{display:flex;align-items:center;gap:.75rem}.users-search-box{position:relative;width:300px}.users-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:10px;font-size:.875rem;background:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.users-search-input:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 3px #126cab1a;background:#f8fafc}.users-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:.875rem}.users-filters{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.users-filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.users-filter-group label{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.users-select,.users-input{padding:.75rem;border:1px solid #d1d5db;border-radius:10px;font-size:.875rem;background:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.users-select:focus,.users-input:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 3px #126cab1a;background:#f8fafc}.users-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none}.users-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.users-btn:hover:before{left:100%}.users-btn-primary{background:linear-gradient(135deg,#126cab,#0f5a8a);color:#fff;box-shadow:0 4px 12px #126cab4d}.users-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #126cab66}.users-btn-secondary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#374151;border:1px solid #d1d5db}.users-btn-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.users-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.users-btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.users-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.users-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.users-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.users-btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.users-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.users-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #126cab14;border:1px solid rgba(18,108,171,.1);overflow:hidden;margin-bottom:2rem}.users-table{width:100%;border-collapse:collapse;font-size:.875rem}.users-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.users-table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:500}.users-table tbody tr{transition:all .2s ease}.users-table tbody tr:hover{background:linear-gradient(135deg,#126cab05,#10b98103)}.users-table-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#126cab,#10b981);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.users-table-user-info{display:flex;align-items:center;gap:.75rem}.users-table-user-details h4{margin:0;font-weight:600;color:#374151;font-size:.875rem}.users-table-user-details p{margin:0;font-size:.75rem;color:#6b7280}.users-table-balance{font-weight:700;color:#126cab;font-size:1rem}.users-table-points{color:#d97621;font-weight:600}.users-table-status{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.users-status-active{background:#10b9811a;color:#059669}.users-status-inactive{background:#6b72801a;color:#4b5563}.users-status-suspended{background:#ef44441a;color:#dc2626}.users-status-pending{background:#f59e0b1a;color:#d97706}.users-table-actions{display:flex;gap:.5rem;align-items:center}.users-table-btn{padding:.375rem .75rem;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.25rem}.users-table-btn-view{background:#126cab1a;color:#126cab}.users-table-btn-view:hover{background:#126cab33}.users-table-btn-balance{background:#10b9811a;color:#059669}.users-table-btn-balance:hover{background:#10b98133}.users-table-btn-water{background:#3b82f61a;color:#2563eb}.users-table-btn-water:hover{background:#3b82f633}.users-pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #126cab14;border:1px solid rgba(18,108,171,.1);margin-bottom:2rem}.users-pagination-info{font-size:.875rem;color:#64748b;font-weight:500}.users-pagination-controls{display:flex;align-items:center;gap:1rem}.users-pagination-buttons{display:flex;align-items:center;gap:.5rem}.users-pagination-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.users-pagination-btn:hover:not(:disabled){background:#126cab;color:#fff;border-color:#126cab;transform:translateY(-1px);box-shadow:0 4px 12px #126cab4d}.users-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.users-page-info{font-size:.875rem;color:#374151;font-weight:500;min-width:120px;text-align:center}.users-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.users-modal{background:#fff;border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d;transform:scale(.9);animation:users-modal-enter .3s ease forwards}@keyframes users-modal-enter{to{transform:scale(1)}}.users-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.users-modal-title{font-size:1.5rem;font-weight:700;color:#126cab;margin:0}.users-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.users-modal-close:hover{background:#f3f4f6;color:#374151}.users-modal-body,.users-form-group{margin-bottom:1.5rem}.users-form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.users-form-group .users-input,.users-form-group .users-select,.users-form-group .users-textarea{width:100%}.users-textarea{resize:vertical;min-height:80px;padding:.75rem;border:1px solid #d1d5db;border-radius:10px;font-size:.875rem;background:#fff;transition:all .3s ease;font-family:inherit}.users-textarea:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 3px #126cab1a}.users-operation-toggle{display:flex;background:#f1f5f9;border-radius:10px;padding:.25rem;border:1px solid #e2e8f0;margin-bottom:1rem}.users-operation-btn{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:#64748b;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500}.users-operation-btn.active{background:#126cab;color:#fff;box-shadow:0 2px 8px #126cab4d}.users-operation-btn:hover:not(.active){background:#e2e8f0;color:#374151}.users-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.users-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#126cab05,#10b98103);border-radius:16px;border:2px dashed #d1d5db;margin:2rem 0}.users-no-data-icon{color:#d1d5db;margin-bottom:1rem}.users-no-data h3{color:#6b7280;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.users-no-data p{color:#9ca3af;margin:0}.users-message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1rem;font-weight:500;display:flex;align-items:center;gap:.75rem}.users-message-success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.users-message-error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.users-message-warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}@media (max-width: 1024px){.users-container{padding:1rem}.users-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.users-controls-row{flex-direction:column;align-items:stretch;gap:1rem}.users-search-box{width:100%}}@media (max-width: 768px){.users-header{padding:1.5rem}.users-header-content{flex-direction:column;gap:1rem;text-align:center}.users-title-section h1{font-size:1.5rem}.users-stats{grid-template-columns:1fr;gap:1rem}.users-filters{flex-direction:column;align-items:stretch;gap:1rem}.users-table-container{overflow-x:auto}.users-pagination{flex-direction:column;gap:1rem;text-align:center}.users-modal{width:95%;padding:1.5rem}}@media (max-width: 480px){.users-container{padding:.75rem}.users-title-section h1{font-size:1.25rem}.users-stat-card{flex-direction:column;text-align:center;gap:.75rem}.users-controls{padding:1rem}.users-table th,.users-table td{padding:.75rem .5rem;font-size:.75rem}.users-table-actions{flex-direction:column;gap:.25rem}}@keyframes users-success-flash{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.users-success-animation{animation:users-success-flash .3s ease}@keyframes users-spin{to{transform:rotate(360deg)}}.users-spinner{animation:users-spin 1s linear infinite}.recharge-transaction-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.5rem;font-family:Inter,sans-serif}.recharge-transaction-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;background:linear-gradient(135deg,#126cab1a,#d9dd460d);border-radius:16px;margin:2rem;padding:3rem}.recharge-transaction-loading-icon{color:#126cab;font-size:3rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(18,108,171,.2))}.recharge-transaction-loading h3{color:#126cab;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.recharge-transaction-loading p{color:#64748b;font-size:1rem;margin:0}.recharge-transaction-header{background:linear-gradient(135deg,#126cab,#1e88e5);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 25px #126cab4d;position:relative;overflow:hidden}.recharge-transaction-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.recharge-transaction-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.recharge-transaction-title-section h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.recharge-transaction-title-icon{background:#fff3;padding:.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.recharge-transaction-title-section p{color:#ffffffe6;font-size:1rem;margin:0;font-weight:400}.recharge-transaction-header-actions{display:flex;gap:1rem}.recharge-transaction-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.recharge-transaction-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.recharge-transaction-btn:hover:before{left:100%}.recharge-transaction-btn-refresh{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recharge-transaction-btn-refresh:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.recharge-transaction-btn-export{background:linear-gradient(135deg,#d9dd46,#c1c43b);color:#fff;box-shadow:0 4px 12px #d9dd464d}.recharge-transaction-btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d9dd4666}.recharge-transaction-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.recharge-transaction-btn-secondary:hover{background:#fff3}.recharge-transaction-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.recharge-transaction-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:1rem}.recharge-transaction-stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.05) 0%,transparent 70%);pointer-events:none;transition:all .3s ease}.recharge-transaction-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #126cab26;border-color:#126cab}.recharge-transaction-stat-card:hover:before{background:radial-gradient(circle,rgba(18,108,171,.1) 0%,transparent 70%)}.recharge-transaction-stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 15px #0003;position:relative;z-index:2}.recharge-transaction-stat-today .recharge-transaction-stat-icon{background:linear-gradient(135deg,#126cab,#1e88e5)}.recharge-transaction-stat-yesterday .recharge-transaction-stat-icon{background:linear-gradient(135deg,#d9dd46,#c1c43b)}.recharge-transaction-stat-week .recharge-transaction-stat-icon{background:linear-gradient(135deg,#126cab,#1e88e5)}.recharge-transaction-stat-month .recharge-transaction-stat-icon{background:linear-gradient(135deg,#d9dd46,#c1c43b)}.recharge-transaction-stat-content{flex:1;position:relative;z-index:2}.recharge-transaction-stat-content h3{font-size:2rem;font-weight:700;margin:0 0 .25rem;color:#126cab;background:linear-gradient(135deg,#126cab,#1e88e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recharge-transaction-stat-content p{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#374151}.recharge-transaction-stat-meta{font-size:.875rem;color:#64748b;font-weight:500}.recharge-transaction-tabs{display:flex;margin-bottom:2rem;background:#fff;border-radius:12px;padding:.5rem;box-shadow:0 4px 20px #126cab14;border:1px solid rgba(18,108,171,.1)}.recharge-transaction-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.recharge-transaction-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(18,108,171,.1),transparent);transition:left .5s}.recharge-transaction-tab:hover:before{left:100%}.recharge-transaction-tab:hover{color:#126cab;background:#126cab0d}.recharge-transaction-tab.active{background:linear-gradient(135deg,#126cab,#1e88e5);color:#fff;box-shadow:0 4px 15px #126cab4d;transform:translateY(-2px)}.recharge-transaction-tab.active:hover{background:linear-gradient(135deg,#0d5a9f,#1976d2);color:#fff}.recharge-transaction-tab:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.recharge-transaction-content{display:flex;flex-direction:column;gap:2rem}.recharge-transaction-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2.5rem;margin-bottom:2rem}.recharge-transaction-chart-card,.recharge-transaction-table-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(18,108,171,.1);border-radius:16px;box-shadow:0 4px 20px #126cab14;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.recharge-transaction-chart-card:hover,.recharge-transaction-table-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #126cab1f;border-color:#126cab}.recharge-transaction-chart-header,.recharge-transaction-table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(18,108,171,.1);background:linear-gradient(135deg,#126cab05,#1e88e503)}.recharge-transaction-chart-header h3,.recharge-transaction-table-header h3{font-size:1.25rem;font-weight:600;margin:0;color:#126cab;display:flex;align-items:center;gap:.5rem}.recharge-transaction-chart-controls{display:flex;align-items:center;gap:.75rem}.recharge-transaction-chart-container{padding:1.5rem;height:350px;position:relative}.recharge-transaction-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #126cab14;position:relative;overflow:hidden}.recharge-transaction-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(18,108,171,.03) 0%,transparent 70%);pointer-events:none}.recharge-transaction-section-header{margin-bottom:2rem;position:relative;z-index:2}.recharge-transaction-section-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#126cab;display:flex;align-items:center;gap:.75rem}.recharge-transaction-section-header p{font-size:1rem;color:#64748b;margin:0;font-weight:400}.recharge-transaction-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;position:relative;z-index:2}.recharge-transaction-filter-group{display:flex;flex-direction:column;gap:.5rem}.recharge-transaction-filter-group label{font-size:.875rem;font-weight:600;color:#374151}.recharge-transaction-select,.recharge-transaction-input{padding:.75rem;border:1px solid #d1d5db;border-radius:10px;font-size:.875rem;background:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.recharge-transaction-select:focus,.recharge-transaction-input:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 3px #126cab1a;background:#f8fafc}.recharge-transaction-search-group{display:flex;gap:.5rem}.recharge-transaction-search-group .recharge-transaction-input{flex:1}.recharge-transaction-table-controls{display:flex;align-items:center;gap:1rem}.recharge-transaction-pagination-controls{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.recharge-transaction-select-small{padding:.375rem .5rem;font-size:.75rem;min-width:60px}.recharge-transaction-table-container{padding:1.5rem;max-height:400px;overflow-y:auto}.recharge-transaction-table{width:100%;border-collapse:collapse;font-size:.875rem}.recharge-transaction-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:.75rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:.875rem}.recharge-transaction-table td{padding:.75rem;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:500}.recharge-transaction-table tbody tr{transition:all .2s ease}.recharge-transaction-table tbody tr:hover{background:linear-gradient(135deg,#126cab05,#1e88e503)}.recharge-transaction-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.recharge-transaction-badge.status-succeeded{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.recharge-transaction-badge.status-pending{background-color:#fef3c7;color:#d97706;border:1px solid #fcd34d}.recharge-transaction-badge.status-failed{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.recharge-transaction-badge.status-default{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.recharge-transaction-amount{font-weight:600;font-size:16px;color:#126cab}.recharge-transaction-bonus{font-weight:600;font-size:14px;color:#d9dd46}.recharge-transaction-action-buttons{display:flex;gap:8px;align-items:center}.recharge-transaction-action-btn{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease}.recharge-transaction-action-btn-view{background-color:#126cab;color:#fff}.recharge-transaction-action-btn-view:hover{background-color:#0d5a9f}.recharge-transaction-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid rgba(18,108,171,.1);background:linear-gradient(135deg,#126cab03,#1e88e501)}.recharge-transaction-pagination-info{font-size:.875rem;color:#64748b;font-weight:500}.recharge-transaction-pagination-buttons{display:flex;align-items:center;gap:1rem}.recharge-transaction-btn-pagination{padding:.5rem 1rem;font-size:.875rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#126cab;border:1px solid rgba(18,108,171,.2);border-radius:8px;transition:all .3s ease}.recharge-transaction-btn-pagination:hover:not(:disabled){background:linear-gradient(135deg,#126cab,#1e88e5);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #126cab4d}.recharge-transaction-btn-pagination:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.recharge-transaction-page-info{font-size:.875rem;color:#374151;font-weight:500;min-width:120px;text-align:center}.recharge-transaction-no-data{display:flex;align-items:center;justify-content:center;height:200px;color:#64748b;font-size:1rem;font-weight:500;background:linear-gradient(135deg,#126cab05,#1e88e503);border-radius:12px;border:2px dashed #d1d5db}.recharge-transaction-empty{text-align:center;padding:40px;color:#6b7280}.recharge-transaction-empty-icon{font-size:48px;color:#d1d5db;margin-bottom:15px}.recharge-transaction-empty-title{font-size:18px;font-weight:600;color:#374151;margin-bottom:10px}.recharge-transaction-empty-description{font-size:14px;color:#6b7280;max-width:300px;margin:0 auto}.recharge-transaction-table-container::-webkit-scrollbar{width:6px}.recharge-transaction-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.recharge-transaction-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#126cab,#1e88e5);border-radius:10px}.recharge-transaction-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0d5a9f,#1976d2)}@media (max-width: 1024px){.recharge-transaction-container{padding:1rem}.recharge-transaction-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.recharge-transaction-stat-card{padding:1.25rem}.recharge-transaction-stat-icon{width:50px;height:50px;font-size:1.25rem}.recharge-transaction-stat-content h3{font-size:1.75rem}.recharge-transaction-row{grid-template-columns:1fr;gap:2rem}.recharge-transaction-chart-container{height:300px}.recharge-transaction-tabs{flex-direction:column;gap:.5rem}.recharge-transaction-tab{padding:.75rem 1rem;justify-content:flex-start}}@media (max-width: 768px){.recharge-transaction-header{padding:1.5rem}.recharge-transaction-header-content{flex-direction:column;gap:1rem;text-align:center}.recharge-transaction-title-section h1{font-size:1.5rem}.recharge-transaction-stats{grid-template-columns:1fr;gap:1rem}.recharge-transaction-stat-card{padding:1rem}.recharge-transaction-filters{grid-template-columns:1fr;gap:1rem}.recharge-transaction-chart-header,.recharge-transaction-table-header{flex-direction:column;gap:1rem;align-items:stretch}.recharge-transaction-chart-controls{justify-content:center}.recharge-transaction-table-controls{flex-direction:column;gap:.5rem;align-items:stretch}.recharge-transaction-pagination{flex-direction:column;gap:.75rem;text-align:center}.recharge-transaction-pagination-info{order:2}.recharge-transaction-pagination-buttons{order:1;justify-content:center}.recharge-transaction-section{padding:1.5rem}.recharge-transaction-chart-container{height:250px;padding:1rem}.recharge-transaction-table{font-size:.75rem}.recharge-transaction-table th,.recharge-transaction-table td{padding:.5rem}}@media (max-width: 480px){.recharge-transaction-container{padding:.75rem}.recharge-transaction-title-section h1{font-size:1.25rem}.recharge-transaction-stat-card{flex-direction:column;text-align:center;gap:.75rem}.recharge-transaction-btn{padding:.5rem 1rem;font-size:.75rem}.recharge-transaction-chart-container{height:200px;padding:.75rem}.recharge-transaction-search-group{flex-direction:column}}@keyframes recharge-transaction-pulse{0%,to{opacity:1}50%{opacity:.5}}.recharge-transaction-btn:disabled{opacity:.6;cursor:not-allowed;animation:recharge-transaction-pulse 1.5s ease-in-out infinite}.balance-management-container{padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 4rem);color:#1f2937;font-family:Inter,sans-serif}.balance-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;background:linear-gradient(135deg,#126cab1a,#d9dd460d);border-radius:16px;margin:2rem;padding:3rem}.balance-management-loading-icon{color:#126cab;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(18,108,171,.2));animation:balance-management-spin 1s linear infinite}@keyframes balance-management-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.balance-management-loading h3{color:#126cab;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.balance-management-loading p{color:#64748b;font-size:1rem;margin:0}.balance-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.balance-management-title-section{flex:1}.balance-management-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.balance-management-subtitle{font-size:1rem;color:#6b7280;margin:0}.balance-management-header-actions{display:flex;gap:1rem;align-items:center}.balance-management-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.balance-management-btn:disabled{opacity:.5;cursor:not-allowed}.balance-management-btn-primary{background-color:#126cab;color:#fff}.balance-management-btn-primary:hover:not(:disabled){background-color:#0e5a94;transform:translateY(-1px)}.balance-management-btn-secondary{background-color:#fff;color:#1f2937;border:1px solid #d1d5db}.balance-management-btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#126cab}.balance-management-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem}.balance-management-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:4px;margin-left:auto}.balance-management-error button:hover{background-color:#ffffff1a}.balance-management-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.balance-management-analytics-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(18,108,171,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;box-shadow:0 4px 20px #126cab14}.balance-management-analytics-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #126cab26}.balance-management-analytics-icon{width:3rem;height:3rem;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.balance-management-analytics-icon-primary{background-color:#126cab}.balance-management-analytics-icon-success{background-color:#10b981}.balance-management-analytics-icon-warning{background-color:#f59e0b}.balance-management-analytics-icon-info{background-color:#3b82f6}.balance-management-analytics-content{flex:1}.balance-management-analytics-content h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.balance-management-analytics-content p{font-size:.875rem;color:#6b7280;margin:0}.balance-management-analytics-subtitle{font-size:.75rem;color:#9ca3af}.balance-management-filters-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 20px #126cab14}.balance-management-filters-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.balance-management-filters-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.balance-management-filters-header button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px}.balance-management-filters-header button:hover{background-color:#f3f4f6;color:#1f2937}.balance-management-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem}.balance-management-filter-group{display:flex;flex-direction:column;gap:.5rem}.balance-management-filter-group label{font-size:.875rem;font-weight:500;color:#6b7280}.balance-management-filter-group input,.balance-management-filter-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#1f2937;font-size:.875rem}.balance-management-filter-group input:focus,.balance-management-filter-group select:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 2px #126cab1a}.balance-management-search-input{position:relative;display:flex;align-items:center}.balance-management-search-input svg{position:absolute;left:.75rem;color:#9ca3af;z-index:1}.balance-management-search-input input{padding-left:2.5rem}.balance-management-filters-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.balance-management-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #126cab14}.balance-management-table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.balance-management-table-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.balance-management-table-controls select{padding:.5rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#1f2937;font-size:.875rem}.balance-management-table-wrapper{overflow-x:auto}.balance-management-table{width:100%;border-collapse:collapse}.balance-management-table th{background-color:#f9fafb;color:#6b7280;font-weight:600;font-size:.875rem;text-align:left;padding:1rem;border-bottom:1px solid #e5e7eb;white-space:nowrap}.balance-management-table td{padding:1rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.balance-management-table tbody tr:hover{background-color:#f8fafc}.balance-management-user-info{display:flex;align-items:center;gap:.75rem}.balance-management-user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#126cab;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.balance-management-user-name{font-weight:500;color:#1f2937;margin-bottom:.25rem}.balance-management-user-id{font-size:.75rem;color:#9ca3af;font-family:monospace}.balance-management-user-contact{display:flex;flex-direction:column;gap:.25rem}.balance-management-user-email{font-size:.75rem;color:#9ca3af}.balance-management-amount-value{font-weight:600;font-size:1rem;color:#10b981}.balance-management-points{font-weight:500;color:#126cab}.balance-management-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.balance-management-status-active{background-color:#d1fae5;color:#065f46}.balance-management-status-inactive{background-color:#fef3c7;color:#92400e}.balance-management-status-suspended{background-color:#fee2e2;color:#991b1b}.balance-management-status-default{background-color:#f3f4f6;color:#6b7280}.balance-management-transaction-stats{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.balance-management-transaction-stats div{color:#6b7280}.balance-management-actions{display:flex;gap:.5rem;align-items:center}.balance-management-action-btn{width:2rem;height:2rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.balance-management-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.balance-management-action-btn-view{border-color:#3b82f6;color:#3b82f6}.balance-management-action-btn-view:hover{background-color:#3b82f6;color:#fff}.balance-management-action-btn-add{border-color:#126cab;color:#126cab}.balance-management-action-btn-add:hover{background-color:#126cab;color:#fff}.balance-management-action-btn-history{border-color:#f59e0b;color:#f59e0b}.balance-management-action-btn-history:hover{background-color:#f59e0b;color:#fff}.balance-management-action-btn-water{border-color:#3b82f6;color:#3b82f6}.balance-management-action-btn-water:hover{background-color:#3b82f6;color:#fff}.balance-management-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.balance-management-pagination-info{font-size:.875rem;color:#6b7280}.balance-management-pagination-controls{display:flex;align-items:center;gap:1rem}.balance-management-pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#1f2937;font-size:.875rem;cursor:pointer;transition:all .3s ease}.balance-management-pagination-btn:hover:not(:disabled){background-color:#126cab;color:#fff;border-color:#126cab}.balance-management-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.balance-management-pagination-current{font-size:.875rem;color:#6b7280;font-weight:500}.balance-management-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.balance-management-modal{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.balance-management-modal-large{max-width:800px}.balance-management-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#fff}.balance-management-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.balance-management-modal-header button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px}.balance-management-modal-header button:hover{background-color:#f3f4f6;color:#1f2937}.balance-management-modal-content{flex:1;overflow-y:auto;padding:1.5rem;background-color:#fff}.balance-management-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.balance-management-user-summary{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:8px}.balance-management-user-summary-item{display:flex;justify-content:space-between;align-items:center}.balance-management-user-summary-item span:first-child{color:#6b7280;font-size:.875rem}.balance-management-user-summary-item strong{color:#1f2937;font-weight:600}.balance-management-operation-form{display:flex;flex-direction:column;gap:1rem}.balance-management-form-group{display:flex;flex-direction:column;gap:.5rem}.balance-management-form-group label{font-size:.875rem;font-weight:500;color:#6b7280}.balance-management-form-group input,.balance-management-form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#1f2937;font-size:.875rem}.balance-management-form-group input:focus,.balance-management-form-group textarea:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 2px #126cab1a}.balance-management-form-group textarea{resize:vertical;min-height:4rem}.balance-management-operation-type{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.balance-management-operation-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;background-color:#fff;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.balance-management-operation-btn:hover{border-color:#126cab;color:#126cab}.balance-management-operation-btn.active{border-color:#126cab;background-color:#126cab;color:#fff}.balance-management-preview{padding:1rem;background-color:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.balance-management-warning{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-size:.875rem;margin-top:.5rem}.balance-management-user-details{display:flex;flex-direction:column;gap:1.5rem}.balance-management-user-details-section{display:flex;flex-direction:column;gap:1rem}.balance-management-user-details-section h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.balance-management-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.balance-management-details-grid div{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#f9fafb;border-radius:6px;font-size:.875rem}.balance-management-details-grid strong{color:#6b7280;font-weight:500}.balance-management-recent-transactions{display:flex;flex-direction:column;gap:.75rem}.balance-management-transaction-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f9fafb;border-radius:8px}.balance-management-transaction-info{display:flex;align-items:center;gap:.75rem}.balance-management-operation-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.balance-management-operation-add{background-color:#d1fae5;color:#065f46}.balance-management-operation-remove{background-color:#fee2e2;color:#991b1b}.balance-management-transaction-amount{font-weight:600;color:#1f2937}.balance-management-transaction-details{text-align:right;font-size:.875rem}.balance-management-transaction-date{color:#9ca3af;font-size:.75rem;margin-top:.25rem}.balance-management-history-list{display:flex;flex-direction:column;gap:1rem;max-height:60vh;overflow-y:auto}.balance-management-history-item{padding:1rem;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.balance-management-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.balance-management-history-amount{font-weight:600;font-size:1rem;color:#1f2937}.balance-management-history-date{font-size:.875rem;color:#9ca3af}.balance-management-history-details{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.balance-management-history-details div{display:flex;align-items:flex-start;gap:.5rem}.balance-management-history-details strong{color:#6b7280;font-weight:500;min-width:120px}.balance-management-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#9ca3af;text-align:center}.balance-management-no-data svg{margin-bottom:1rem;opacity:.5}.balance-management-no-data p{margin:0;font-size:1rem}@media (max-width: 768px){.balance-management-container{padding:1rem}.balance-management-header{flex-direction:column;align-items:stretch;gap:1rem}.balance-management-header-actions{justify-content:flex-start;flex-wrap:wrap}.balance-management-analytics-grid{grid-template-columns:1fr;gap:1rem}.balance-management-filters-grid{grid-template-columns:1fr}.balance-management-table-header,.balance-management-pagination{flex-direction:column;align-items:stretch;gap:1rem}.balance-management-pagination-controls{justify-content:center}.balance-management-modal{max-width:95%;margin:.5rem}.balance-management-user-summary,.balance-management-details-grid{grid-template-columns:1fr}.balance-management-transaction-item{flex-direction:column;align-items:stretch;gap:.75rem}.balance-management-history-header{flex-direction:column;align-items:stretch;gap:.5rem}.balance-management-actions{flex-wrap:wrap}}@media (max-width: 480px){.balance-management-title{font-size:1.5rem}.balance-management-analytics-card{padding:1rem}.balance-management-analytics-icon{width:2.5rem;height:2.5rem}.balance-management-operation-type{grid-template-columns:1fr}.balance-management-btn{padding:.625rem 1rem;font-size:.75rem}}.rewards-container{padding:20px;background-color:#f8fafc;min-height:100vh}.rewards-header{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.rewards-title{color:#126cab;font-size:24px;font-weight:600;margin:0}.rewards-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rewards-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.rewards-btn-primary{background-color:#126cab;color:#fff}.rewards-btn-primary:hover{background-color:#0e5a94;transform:translateY(-1px)}.rewards-btn-secondary{background-color:#e5e7eb;color:#374151}.rewards-btn-secondary:hover{background-color:#d1d5db}.rewards-btn-success{background-color:#10b981;color:#fff}.rewards-btn-success:hover{background-color:#059669}.rewards-btn-danger{background-color:#ef4444;color:#fff}.rewards-btn-danger:hover{background-color:#dc2626}.rewards-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.rewards-analytics-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease}.rewards-analytics-card:hover{transform:translateY(-2px)}.rewards-analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.rewards-analytics-title{font-size:14px;color:#6b7280;font-weight:500;margin:0}.rewards-analytics-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.rewards-analytics-value{font-size:28px;font-weight:700;color:#1f2937;margin:0}.rewards-analytics-change{font-size:12px;margin-top:5px}.rewards-analytics-change.positive{color:#10b981}.rewards-analytics-change.negative{color:#ef4444}.rewards-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.rewards-tab-list{display:flex;border-bottom:1px solid #e5e7eb;padding:0;margin:0;list-style:none}.rewards-tab{flex:1;text-align:center}.rewards-tab-button{width:100%;padding:15px 20px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.rewards-tab-button:hover{color:#126cab;background-color:#f8fafc}.rewards-tab-button.active{color:#126cab;background-color:#f0f8ff}.rewards-tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#126cab}.rewards-tab-content{padding:20px}.rewards-filters{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.rewards-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;align-items:end}.rewards-form-group{display:flex;flex-direction:column}.rewards-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:5px}.rewards-input,.rewards-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .3s ease}.rewards-input:focus,.rewards-select:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 3px #126cab1a}.rewards-input.error,.rewards-select.error{border-color:#ef4444}.rewards-input.error:focus,.rewards-select.error:focus{box-shadow:0 0 0 3px #ef44441a}.rewards-error-message{color:#ef4444;font-size:12px;margin-top:4px}.rewards-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.rewards-table-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.rewards-table-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.rewards-table-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rewards-search-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:200px}.rewards-table{width:100%;border-collapse:collapse}.rewards-table th,.rewards-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.rewards-table th{background-color:#f9fafb;font-weight:600;color:#374151;font-size:14px}.rewards-table td{font-size:14px;color:#6b7280}.rewards-table tr:hover{background-color:#f9fafb}.rewards-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.rewards-badge.type-gain{background-color:#d1fae5;color:#065f46}.rewards-badge.type-redeem{background-color:#fee2e2;color:#991b1b}.rewards-badge.type-default{background-color:#f3f4f6;color:#374151}.rewards-badge.source-new-user{background-color:#fef3c7;color:#d97706;border:1px solid #fcd34d}.rewards-badge.source-admin{background-color:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.rewards-badge.source-complaint{background-color:#fce7f3;color:#be185d;border:1px solid #f9a8d4}.rewards-badge.source-referral{background-color:#ecfdf5;color:#059669;border:1px solid #86efac}.rewards-badge.source-purchase{background-color:#f3e8ff;color:#7c3aed;border:1px solid #c4b5fd}.rewards-badge.source-default{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.rewards-points{font-weight:600;font-size:16px}.rewards-points.positive{color:#10b981}.rewards-points.negative{color:#ef4444}.rewards-points.neutral{color:#6b7280}.rewards-action-buttons{display:flex;gap:8px;align-items:center}.rewards-action-btn{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease}.rewards-action-btn-view{background-color:#126cab;color:#fff}.rewards-action-btn-view:hover{background-color:#0e5a94}.rewards-action-btn-edit{background-color:#f59e0b;color:#fff}.rewards-action-btn-edit:hover{background-color:#d97706}.rewards-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.rewards-pagination-info{font-size:14px;color:#6b7280}.rewards-pagination-controls{display:flex;gap:10px;align-items:center}.rewards-pagination-btn{padding:6px 12px;border:1px solid #d1d5db;background-color:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.rewards-pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.rewards-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.rewards-pagination-btn.active{background-color:#126cab;color:#fff;border-color:#126cab}.rewards-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.rewards-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.rewards-modal-header{padding:20px 20px 0;display:flex;justify-content:space-between;align-items:center}.rewards-modal-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.rewards-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.rewards-modal-close:hover{background-color:#f3f4f6}.rewards-modal-body{padding:20px}.rewards-modal-footer{padding:0 20px 20px;display:flex;justify-content:flex-end;gap:10px}.rewards-form-grid{display:grid;gap:20px}.rewards-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.rewards-form-row.single{grid-template-columns:1fr}.rewards-textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.rewards-textarea:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 3px #126cab1a}.rewards-user-card{border:1px solid #e5e7eb;border-radius:8px;padding:15px;margin-bottom:10px;cursor:pointer;transition:all .3s ease}.rewards-user-card:hover{border-color:#126cab;background-color:#f8fafc}.rewards-user-card.selected{border-color:#126cab;background-color:#f0f8ff}.rewards-user-info{display:flex;justify-content:space-between;align-items:center}.rewards-user-details h4{margin:0 0 5px;color:#1f2937;font-size:16px;font-weight:600}.rewards-user-details p{margin:0;color:#6b7280;font-size:14px}.rewards-user-points{text-align:right}.rewards-user-points-value{font-size:18px;font-weight:700;color:#126cab;margin:0}.rewards-user-points-label{font-size:12px;color:#6b7280;margin:0}.rewards-user-email{font-size:12px;color:#9ca3af;margin:2px 0 0;font-style:italic}.rewards-search-group{display:flex;gap:8px;align-items:center}.rewards-search-group .rewards-input{flex:1}.rewards-search-group .rewards-btn{min-width:40px;padding:8px 12px}.rewards-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;background:linear-gradient(135deg,#126cab1a,#d9dd460d);border-radius:16px;margin:2rem;padding:3rem;color:#6b7280}.rewards-loading-icon{color:#126cab;font-size:3rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(18,108,171,.2))}.rewards-loading h3{color:#126cab;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.rewards-loading p{color:#64748b;font-size:1rem;margin:0}.rewards-loading-spinner{border:3px solid #f3f4f6;border-top:3px solid #126cab;border-radius:50%;width:30px;height:30px;animation:rewards-spin 1s linear infinite;margin-right:10px}@keyframes rewards-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rewards-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.rewards-error-icon{font-size:20px;margin-bottom:5px}.rewards-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.rewards-success-icon{font-size:20px;margin-bottom:5px}.rewards-empty{text-align:center;padding:40px;color:#6b7280}.rewards-empty-icon{font-size:48px;color:#d1d5db;margin-bottom:15px}.rewards-empty-title{font-size:18px;font-weight:600;color:#374151;margin-bottom:10px}.rewards-empty-description{font-size:14px;color:#6b7280;max-width:300px;margin:0 auto}.rewards-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.rewards-chart-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.rewards-chart-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:15px}@media (max-width: 768px){.rewards-header{flex-direction:column;align-items:stretch}.rewards-header-actions{justify-content:center}.rewards-analytics-grid,.rewards-charts-grid,.rewards-filters-grid,.rewards-form-row{grid-template-columns:1fr}.rewards-tab-list{flex-direction:column}.rewards-table-header{flex-direction:column;align-items:stretch}.rewards-table-actions{justify-content:center}.rewards-search-input{min-width:auto;width:100%}.rewards-pagination{flex-direction:column;gap:15px}.rewards-action-buttons{flex-direction:column;gap:4px}.rewards-modal{margin:10px;max-height:calc(100vh - 20px)}}@media (max-width: 640px){.rewards-container{padding:10px}.rewards-table-container{overflow-x:auto}.rewards-table{min-width:600px}}@media print{.rewards-header-actions,.rewards-pagination,.rewards-action-buttons{display:none!important}.rewards-container{background:#fff!important}.rewards-table-container,.rewards-analytics-card,.rewards-filters{box-shadow:none!important;border:1px solid #e5e7eb!important}}.app-notification-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem;font-family:Inter,sans-serif}.app-notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;background:linear-gradient(135deg,#126cab1a,#d9dd460d);border-radius:16px;margin:2rem;padding:3rem}.app-notification-loading-icon{color:#126cab;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(18,108,171,.2))}.app-notification-loading h3{color:#126cab;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.app-notification-loading p{color:#64748b;font-size:1rem;margin:0}.app-notification-header{background:linear-gradient(135deg,#126cab,#1e40af);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 8px 25px #126cab4d;position:relative;overflow:hidden}.app-notification-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.app-notification-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.app-notification-title-section h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.app-notification-title-icon{background:#fff3;padding:.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.app-notification-title-section p{color:#ffffffe6;font-size:1rem;margin:0;font-weight:400}.app-notification-header-actions{display:flex;gap:1rem}.app-notification-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.app-notification-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.app-notification-btn:hover:before{left:100%}.app-notification-btn-refresh{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-notification-btn-refresh:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.app-notification-btn-send{background:linear-gradient(135deg,#16a085,#1abc9c);color:#fff;box-shadow:0 4px 12px #16a0854d}.app-notification-btn-send:hover{background:linear-gradient(135deg,#138d75,#17a2b8);transform:translateY(-2px);box-shadow:0 6px 20px #16a08566}.app-notification-btn-mark-read{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;box-shadow:0 4px 12px #f39c124d}.app-notification-btn-mark-read:hover{background:linear-gradient(135deg,#d68910,#dc7633);transform:translateY(-2px);box-shadow:0 6px 20px #f39c1266}.app-notification-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.app-notification-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.app-notification-stat-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:1rem}.app-notification-stat-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #00000026}.app-notification-stat-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#126cab,#1e40af);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px #126cab4d}.app-notification-stat-content h3{font-size:2rem;font-weight:700;color:#126cab;margin:0 0 .25rem}.app-notification-stat-content p{font-size:.875rem;color:#64748b;margin:0;font-weight:500}.app-notification-tabs{display:flex;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:.5rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(255,255,255,.2)}.app-notification-tab{flex:1;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.app-notification-tab:hover{background:#126cab1a;color:#126cab}.app-notification-tab.active{background:linear-gradient(135deg,#126cab,#1e40af);color:#fff;box-shadow:0 4px 12px #126cab4d}.app-notification-content{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.app-notification-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.app-notification-chart-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(255,255,255,.2)}.app-notification-chart-header{margin-bottom:1.5rem}.app-notification-chart-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.app-notification-chart-content{position:relative;height:300px}.app-notification-types-list{display:flex;flex-direction:column;gap:1rem}.app-notification-type-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ffffff80;border-radius:8px;border:1px solid rgba(18,108,171,.1)}.app-notification-type-info{display:flex;align-items:center;gap:.75rem}.app-notification-type-info span{font-weight:500;color:#374151;text-transform:capitalize}.app-notification-type-count{font-weight:600;color:#126cab;background:#126cab1a;padding:.25rem .75rem;border-radius:20px;font-size:.875rem}.app-notification-send{padding:0}.app-notification-send-type-selector{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 25px #0000001a}.app-notification-send-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;height:calc(100vh - 280px)}.app-notification-users-panel{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 25px #0000001a;display:flex;flex-direction:column;height:100%}.app-notification-users-header{margin-bottom:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.app-notification-users-header h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.app-notification-search-container{position:relative}.app-notification-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#f9fafb}.app-notification-search-input:focus{outline:none;border-color:#126cab;background:#fff;box-shadow:0 0 0 3px #126cab1a}.app-notification-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.app-notification-selected-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.app-notification-selected-header{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.app-notification-selected-users-list{max-height:120px;overflow-y:auto}.app-notification-selected-user-card{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:.5rem}.app-notification-selected-user-card:last-child{margin-bottom:0}.app-notification-users-list{flex:1;overflow-y:auto;margin:-.5rem;padding:.5rem}.app-notification-user-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease}.app-notification-user-card:hover{border-color:#126cab;box-shadow:0 2px 8px #126cab1a;transform:translateY(-1px)}.app-notification-user-card:last-child{margin-bottom:0}.app-notification-user-info{display:flex;flex-direction:column;gap:.25rem}.app-notification-user-name{font-weight:600;color:#1f2937;font-size:.875rem}.app-notification-user-phone{color:#6b7280;font-size:.8rem}.app-notification-user-email{color:#9ca3af;font-size:.75rem}.app-notification-user-status{display:flex;align-items:center}.app-notification-user-no-notif{background:#fef2f2;color:#dc2626;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.app-notification-users-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#6b7280;font-style:italic}.app-notification-no-users{text-align:center;padding:2rem;color:#9ca3af;font-style:italic}.app-notification-form-panel{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 25px #0000001a;height:100%;overflow-y:auto}.app-notification-form-section h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.app-notification-send-type-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#fffc;border:2px solid rgba(18,108,171,.2);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem;font-weight:500;color:#64748b;min-width:120px}.app-notification-send-type-btn:hover{background:#126cab1a;border-color:#126cab66;color:#126cab;transform:translateY(-2px)}.app-notification-send-type-btn.active{background:linear-gradient(135deg,#126cab,#1e40af);border-color:#126cab;color:#fff;box-shadow:0 4px 12px #126cab4d}.app-notification-form-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.app-notification-form-group{display:flex;flex-direction:column;gap:.5rem}.app-notification-form-group label{font-size:.875rem;font-weight:600;color:#374151}.app-notification-form-input,.app-notification-form-textarea,.app-notification-form-select{padding:.75rem;border:2px solid rgba(18,108,171,.2);border-radius:8px;font-size:.875rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.app-notification-form-input:focus,.app-notification-form-textarea:focus,.app-notification-form-select:focus{outline:none;border-color:#126cab;background:#fffffff2;box-shadow:0 0 0 3px #126cab1a}.app-notification-form-textarea{resize:vertical;min-height:120px}.app-notification-checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:.75rem;margin-top:.5rem}.app-notification-checkbox-label input[type=checkbox]{width:auto}.app-notification-form-actions{display:flex;justify-content:center;margin-top:2rem}.app-notification-filters{display:flex;gap:1rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}.app-notification-search-group{position:relative;flex:1;min-width:300px}.app-notification-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.875rem}.app-notification-search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid rgba(18,108,171,.2);border-radius:8px;font-size:.875rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.app-notification-search-input:focus{outline:none;border-color:#126cab;background:#fffffff2;box-shadow:0 0 0 3px #126cab1a}.app-notification-filter-group{display:flex;gap:1rem}.app-notification-filter-select{padding:.75rem;border:2px solid rgba(18,108,171,.2);border-radius:8px;font-size:.875rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;min-width:150px}.app-notification-filter-select:focus{outline:none;border-color:#126cab;box-shadow:0 0 0 3px #126cab1a}.app-notification-bulk-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;background:#126cab1a;border-radius:8px;border:1px solid rgba(18,108,171,.2)}.app-notification-selected-count{font-size:.875rem;font-weight:600;color:#126cab}.app-notification-list{display:flex;flex-direction:column;gap:1rem}.app-notification-list-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#64748b;font-weight:500}.app-notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center;color:#9ca3af}.app-notification-empty h3{font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem;color:#6b7280}.app-notification-empty p{font-size:1rem;margin:0}.app-notification-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.app-notification-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.app-notification-item.unread{border-left:4px solid #126cab;background:#126cab0d}.app-notification-item-select{display:flex;align-items:center}.app-notification-item-select input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:#126cab}.app-notification-item-icon{width:48px;height:48px;border-radius:10px;background:#126cab1a;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.app-notification-item-content{flex:1}.app-notification-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.app-notification-item-header h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.app-notification-item-time{font-size:.75rem;color:#9ca3af;font-weight:500}.app-notification-item-body{font-size:.875rem;color:#6b7280;margin:0 0 .75rem;line-height:1.5}.app-notification-item-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem}.app-notification-item-user{font-size:.75rem;color:#9ca3af;font-weight:500}.app-notification-item-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.app-notification-item-status.read{background:#22c55e1a;color:#16a34a}.app-notification-item-status.unread{background:#ef44441a;color:#dc2626}.app-notification-item-actions{display:flex;gap:.5rem}.app-notification-item-action-btn{width:36px;height:36px;border:none;border-radius:8px;background:#126cab1a;color:#126cab;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.app-notification-item-action-btn:hover{background:#126cab33;transform:scale(1.1)}.app-notification-item-action-btn.delete{background:#ef44441a;color:#dc2626}.app-notification-item-action-btn.delete:hover{background:#ef444433}.app-notification-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding:1rem}.app-notification-pagination-btn{padding:.75rem 1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(18,108,171,.2);border-radius:8px;color:#126cab;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-notification-pagination-btn:hover:not(:disabled){background:#126cab1a;border-color:#126cab;transform:translateY(-2px)}.app-notification-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.app-notification-pagination-info{font-size:.875rem;font-weight:600;color:#374151;padding:0 1rem}@media (max-width: 1024px){.app-notification-charts-grid{grid-template-columns:1fr}.app-notification-header-content{flex-direction:column;gap:1rem;text-align:center}.app-notification-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.app-notification-send-layout{grid-template-columns:1fr;gap:1rem;height:auto}.app-notification-users-panel{max-height:400px}.app-notification-form-panel{height:auto}}@media (max-width: 768px){.app-notification-container{padding:.75rem}.app-notification-header{padding:1.25rem;margin-bottom:1rem}.app-notification-title-section h1{font-size:1.5rem}.app-notification-stats-grid{grid-template-columns:1fr;gap:1rem}.app-notification-tabs{flex-direction:column}.app-notification-send-type-selector{flex-direction:column;align-items:center;padding:1rem;margin-bottom:1rem}.app-notification-send-type-btn{width:100%;max-width:300px;padding:1rem}.app-notification-send-layout{grid-template-columns:1fr;gap:1rem;height:auto}.app-notification-users-panel,.app-notification-form-panel{padding:1rem;height:auto}.app-notification-users-panel{max-height:350px}.app-notification-users-header h4{font-size:1rem}.app-notification-user-card{padding:.75rem}.app-notification-selected-user-card{padding:.5rem}.app-notification-form-section h4{font-size:1rem}.app-notification-filters{flex-direction:column;align-items:stretch}.app-notification-search-group{min-width:auto}.app-notification-filter-group{flex-direction:column}.app-notification-filter-select{min-width:auto}.app-notification-item{flex-direction:column;align-items:stretch;gap:1rem}.app-notification-item-header,.app-notification-item-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.app-notification-item-actions{align-self:flex-end}.app-notification-pagination{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.app-notification-container{padding:.5rem}.app-notification-header{padding:1rem}.app-notification-stats-grid{grid-template-columns:1fr;gap:.75rem}.app-notification-send-type-selector{padding:.75rem}.app-notification-send-type-btn{padding:.75rem;font-size:.8rem}.app-notification-content{padding:.75rem}.app-notification-form-grid{gap:.75rem}.app-notification-item,.app-notification-users-panel,.app-notification-form-panel{padding:.75rem}.app-notification-users-panel{max-height:300px}.app-notification-user-card{padding:.5rem}.app-notification-user-name{font-size:.8rem}.app-notification-user-phone{font-size:.75rem}}.app-notification-remove-user{background:#dc2626;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1;transition:background-color .2s ease;flex-shrink:0}.app-notification-remove-user:hover{background:#b91c1c}.alivewater-container{padding:2rem;max-width:100%;min-height:100vh}.alivewater-header{background:var(--secondary-color);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem;margin-bottom:2rem}.alivewater-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.alivewater-header-title{display:flex;align-items:center;gap:1rem}.alivewater-header-icon{width:3rem;height:3rem;color:var(--primary-color);flex-shrink:0}.alivewater-title{font-size:1.875rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.2}.alivewater-subtitle{font-size:.9375rem;color:var(--text-muted);margin:.25rem 0 0}.alivewater-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.alivewater-logout-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.alivewater-login-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem 0}.alivewater-tabs{display:flex;gap:1rem;margin-bottom:2rem;background:var(--secondary-color);padding:1rem;border-radius:12px;box-shadow:var(--card-shadow);overflow-x:auto}.alivewater-tab{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:transparent;border:2px solid transparent;border-radius:8px;color:var(--text-color);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.alivewater-tab:hover{background:var(--tertiary-color)}.alivewater-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.alivewater-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.alivewater-container{padding:1rem}.alivewater-header{padding:1.25rem}.alivewater-header-content{flex-direction:column;align-items:flex-start}.alivewater-title{font-size:1.5rem}.alivewater-subtitle{font-size:.875rem}.alivewater-tabs{flex-direction:column;gap:.75rem}.alivewater-tab,.alivewater-logout-btn{width:100%;justify-content:center}}@media (max-width: 640px){.alivewater-header-icon{width:2.5rem;height:2.5rem}.alivewater-title{font-size:1.25rem}}.alivewater-devicedetails-container{display:flex;flex-direction:column;gap:1.5rem}.alivewater-devicedetails-search-card{background:var(--secondary-color);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem}.alivewater-devicedetails-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-color);margin:0 0 1rem}.alivewater-devicedetails-search-form{display:flex;gap:1rem;flex-wrap:wrap}.alivewater-devicedetails-search-input{flex:1;min-width:250px;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--secondary-color);color:var(--text-color);transition:all .2s}.alivewater-devicedetails-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.alivewater-devicedetails-search-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.alivewater-devicedetails-search-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.alivewater-devicedetails-search-btn:disabled{opacity:.7;cursor:not-allowed}.alivewater-devicedetails-spinner{animation:spin 1s linear infinite}.alivewater-devicedetails-error{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.875rem;margin-top:1rem}.alivewater-devicedetails-content{display:flex;flex-direction:column;gap:1.5rem}.alivewater-devicedetails-card{background:var(--secondary-color);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem}.alivewater-devicedetails-card-title{display:flex;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;color:var(--text-color);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.alivewater-devicedetails-alerts{background:linear-gradient(135deg,#fff5f5,#fff);border-left:4px solid #ef4444}.dark .alivewater-devicedetails-alerts{background:linear-gradient(135deg,#3d1f1f 0%,var(--secondary-color) 100%)}.alivewater-devicedetails-alerts-list{display:flex;flex-direction:column;gap:1rem}.alivewater-devicedetails-alert-item{padding:1rem;background:#fff;border:1px solid #fee;border-radius:8px;box-shadow:0 1px 3px #0000000d}.dark .alivewater-devicedetails-alert-item{background:var(--tertiary-color);border-color:#5d2020}.alivewater-devicedetails-alert-code{font-size:.875rem;font-weight:700;color:#dc2626;margin-bottom:.375rem;text-transform:uppercase}.alivewater-devicedetails-alert-desc{font-size:.9375rem;color:var(--text-color);margin-bottom:.375rem}.alivewater-devicedetails-alert-data{font-size:.8125rem;color:var(--text-muted);font-style:italic}.alivewater-devicedetails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.alivewater-devicedetails-info-item{display:flex;flex-direction:column;gap:.375rem;padding:1rem;background:var(--tertiary-color);border-radius:8px;transition:all .2s}.alivewater-devicedetails-info-item:hover{background:var(--border-color);transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.alivewater-devicedetails-info-label{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.alivewater-devicedetails-info-value{font-size:1rem;font-weight:600;color:var(--text-color);word-break:break-word}.alivewater-devicedetails-status{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#10b981;color:#fff;border-radius:9999px;font-size:.875rem;width:fit-content}@media (max-width: 768px){.alivewater-devicedetails-grid{grid-template-columns:1fr}.alivewater-devicedetails-search-form{flex-direction:column}.alivewater-devicedetails-search-input{min-width:100%}}.alivewater-saleslist-container{display:flex;flex-direction:column;gap:1.5rem}.alivewater-saleslist-filter-card{background:var(--secondary-color);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem}.alivewater-saleslist-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-color);margin:0 0 1.25rem}.alivewater-saleslist-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1.25rem}.alivewater-saleslist-field{display:flex;flex-direction:column;gap:.5rem}.alivewater-saleslist-label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-color)}.alivewater-saleslist-radio-group{display:flex;gap:1rem}.alivewater-saleslist-radio{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--tertiary-color);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9375rem;font-weight:500;color:var(--text-color)}.alivewater-saleslist-radio:has(input:checked){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.alivewater-saleslist-radio input{margin:0;width:auto}.alivewater-saleslist-input{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--secondary-color);color:var(--text-color);transition:all .2s}.alivewater-saleslist-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.alivewater-saleslist-search-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.alivewater-saleslist-search-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.alivewater-saleslist-search-btn:disabled{opacity:.7;cursor:not-allowed}.alivewater-saleslist-spinner{animation:spin 1s linear infinite}.alivewater-saleslist-error{padding:.875rem 1rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.875rem;margin-top:1rem}.alivewater-saleslist-results{display:flex;flex-direction:column;gap:1.5rem}.alivewater-saleslist-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.alivewater-saleslist-summary-card{display:flex;align-items:center;gap:1rem;background:var(--secondary-color);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem;transition:all .2s}.alivewater-saleslist-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.alivewater-saleslist-summary-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff}.alivewater-saleslist-summary-content{flex:1}.alivewater-saleslist-summary-label{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.alivewater-saleslist-summary-value{font-size:1.5rem;font-weight:700;color:var(--text-color)}.alivewater-saleslist-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--secondary-color);border-radius:8px;box-shadow:var(--card-shadow);font-size:.9375rem;color:var(--text-color)}.alivewater-saleslist-table-card{background:var(--secondary-color);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem}.alivewater-saleslist-card-title{font-size:1.125rem;font-weight:700;color:var(--text-color);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.alivewater-saleslist-table-wrapper{overflow-x:auto}.alivewater-saleslist-table{width:100%;border-collapse:collapse}.alivewater-saleslist-table th{text-align:left;padding:1rem;background:var(--tertiary-color);font-weight:700;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap}.alivewater-saleslist-table td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.9375rem;color:var(--text-color)}.alivewater-saleslist-table tr:last-child td{border-bottom:none}.alivewater-saleslist-table tr:hover{background:var(--tertiary-color)}.alivewater-saleslist-date{display:flex;flex-direction:column;gap:.25rem}.alivewater-saleslist-date-small{font-size:.75rem;color:var(--text-muted)}.alivewater-saleslist-number{font-weight:600;text-align:right}.alivewater-saleslist-badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.8125rem;font-weight:600;text-transform:uppercase}.alivewater-saleslist-badge.regular{background:#dbeafe;color:#1e40af}.dark .alivewater-saleslist-badge.regular{background:#1e3a8a;color:#93c5fd}.alivewater-saleslist-badge.mineral{background:#fef3c7;color:#92400e}.dark .alivewater-saleslist-badge.mineral{background:#78350f;color:#fcd34d}.alivewater-saleslist-badge.card{background:#dbeafe;color:#1e40af}.dark .alivewater-saleslist-badge.card{background:#1e3a8a;color:#93c5fd}.alivewater-saleslist-badge.cash{background:#d1fae5;color:#065f46}.dark .alivewater-saleslist-badge.cash{background:#064e3b;color:#6ee7b7}.alivewater-saleslist-id{font-family:monospace;font-size:.8125rem;color:var(--text-muted)}.alivewater-saleslist-pagination{display:flex;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.alivewater-saleslist-next-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.alivewater-saleslist-next-btn:hover:not(:disabled){background:var(--primary-hover);transform:translate(2px)}.alivewater-saleslist-next-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.alivewater-saleslist-filter-grid,.alivewater-saleslist-summary{grid-template-columns:1fr}.alivewater-saleslist-radio-group{flex-direction:column}.alivewater-saleslist-table{font-size:.8125rem}.alivewater-saleslist-table th,.alivewater-saleslist-table td{padding:.75rem .5rem}}.alivewater-saleslist-view-toggle{display:flex;gap:12px;background:#f3f4f6;padding:6px;border-radius:12px;margin-bottom:24px;width:fit-content}.alivewater-saleslist-view-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:#6b7280;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.alivewater-saleslist-view-btn:hover{background:#e5e7eb;color:#374151}.alivewater-saleslist-view-btn.active{background:#128c7e;color:#fff;box-shadow:0 4px 8px #128c7e4d}.alivewater-saleslist-chart-view{display:flex;flex-direction:column;gap:30px}.alivewater-saleslist-chart{background:#fff;padding:24px;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.alivewater-saleslist-chart-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:24px}.alivewater-saleslist-bars{display:flex;align-items:flex-end;gap:8px;height:280px;padding:20px 10px 10px;border-bottom:2px solid #e5e7eb;overflow-x:auto}.alivewater-saleslist-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;min-width:45px;max-width:80px}.alivewater-saleslist-bar{width:100%;min-height:30px;background:linear-gradient(180deg,#10b981,#059669);border-radius:8px 8px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;position:relative;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px #10b98133}.alivewater-saleslist-bar:hover{transform:translateY(-8px);box-shadow:0 8px 16px #10b98166;filter:brightness(1.1)}.alivewater-saleslist-bar-litres{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f633}.alivewater-saleslist-bar-litres:hover{box-shadow:0 8px 16px #3b82f666}.alivewater-saleslist-bar-value{font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.alivewater-saleslist-bar-label{font-size:11px;color:#6b7280;text-align:center;word-break:break-word;max-width:80px;font-weight:500}.alivewater-encashment-container{display:flex;flex-direction:column;gap:1.5rem}.alivewater-encashment-filter-card{background:var(--secondary-color);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem}.alivewater-encashment-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-color);margin:0 0 1.25rem}.alivewater-encashment-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1.25rem}.alivewater-encashment-field{display:flex;flex-direction:column;gap:.5rem}.alivewater-encashment-label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-color)}.alivewater-encashment-radio-group{display:flex;gap:1rem}.alivewater-encashment-radio{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--tertiary-color);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9375rem;font-weight:500;color:var(--text-color)}.alivewater-encashment-radio:has(input:checked){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.alivewater-encashment-radio input{margin:0;width:auto}.alivewater-encashment-input{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--secondary-color);color:var(--text-color);transition:all .2s}.alivewater-encashment-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.alivewater-encashment-btn-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.alivewater-encashment-search-btn,.alivewater-encashment-summary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.alivewater-encashment-search-btn{background:var(--primary-color);color:#fff}.alivewater-encashment-search-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.alivewater-encashment-summary-btn{background:#10b981;color:#fff}.alivewater-encashment-summary-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.alivewater-encashment-search-btn:disabled,.alivewater-encashment-summary-btn:disabled{opacity:.7;cursor:not-allowed}.alivewater-encashment-spinner{animation:spin 1s linear infinite}.alivewater-encashment-error{padding:.875rem 1rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.875rem;margin-top:1rem}.alivewater-encashment-summary{background:var(--secondary-color);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem}.alivewater-encashment-summary-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-color);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.alivewater-encashment-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.alivewater-encashment-summary-card{display:flex;align-items:center;gap:1rem;background:var(--tertiary-color);border-radius:12px;padding:1.5rem;transition:all .2s}.alivewater-encashment-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.alivewater-encashment-summary-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:12px;color:#fff}.alivewater-encashment-summary-icon.banknotes{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.alivewater-encashment-summary-icon.coins{background:linear-gradient(135deg,#f59e0b,#d97706)}.alivewater-encashment-summary-icon.total{background:linear-gradient(135deg,#10b981,#059669)}.alivewater-encashment-summary-content{flex:1}.alivewater-encashment-summary-label{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.alivewater-encashment-summary-value{font-size:1.5rem;font-weight:700;color:var(--text-color)}.alivewater-encashment-results{display:flex;flex-direction:column;gap:1.5rem}.alivewater-encashment-page-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.alivewater-encashment-page-card{display:flex;align-items:center;gap:.75rem;background:var(--secondary-color);border-radius:10px;box-shadow:var(--card-shadow);padding:1.25rem;transition:all .2s}.alivewater-encashment-page-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.alivewater-encashment-page-card svg{color:var(--primary-color);flex-shrink:0}.alivewater-encashment-page-label{font-size:.8125rem;color:var(--text-muted);margin-bottom:.25rem}.alivewater-encashment-page-value{font-size:1.125rem;font-weight:700;color:var(--text-color)}.alivewater-encashment-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--secondary-color);border-radius:8px;box-shadow:var(--card-shadow);font-size:.9375rem;color:var(--text-color)}.alivewater-encashment-table-card{background:var(--secondary-color);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem}.alivewater-encashment-card-title{font-size:1.125rem;font-weight:700;color:var(--text-color);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.alivewater-encashment-table-wrapper{overflow-x:auto}.alivewater-encashment-table{width:100%;border-collapse:collapse}.alivewater-encashment-table th{text-align:left;padding:1rem;background:var(--tertiary-color);font-weight:700;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap}.alivewater-encashment-table td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.9375rem;color:var(--text-color)}.alivewater-encashment-table tr:last-child td{border-bottom:none}.alivewater-encashment-table tr:hover{background:var(--tertiary-color)}.alivewater-encashment-date{display:flex;flex-direction:column;gap:.25rem}.alivewater-encashment-date-small{font-size:.75rem;color:var(--text-muted)}.alivewater-encashment-number{font-weight:600;text-align:right}.alivewater-encashment-total{color:var(--primary-color);font-weight:700}.alivewater-encashment-id{font-family:monospace;font-size:.8125rem;color:var(--text-muted)}.alivewater-encashment-pagination{display:flex;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.alivewater-encashment-next-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.alivewater-encashment-next-btn:hover:not(:disabled){background:var(--primary-hover);transform:translate(2px)}.alivewater-encashment-next-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.alivewater-encashment-filter-grid,.alivewater-encashment-summary-grid,.alivewater-encashment-page-summary{grid-template-columns:1fr}.alivewater-encashment-radio-group{flex-direction:column}.alivewater-encashment-btn-group{grid-template-columns:1fr}.alivewater-encashment-table{font-size:.8125rem}.alivewater-encashment-table th,.alivewater-encashment-table td{padding:.75rem .5rem}}.alivewater-loginform-card{background:var(--secondary-color);border-radius:12px;box-shadow:var(--card-shadow);padding:2.5rem;max-width:450px;width:100%;margin:2rem auto}.alivewater-loginform-header{text-align:center;margin-bottom:2rem}.alivewater-loginform-icon{color:var(--primary-color);margin:0 auto 1rem;display:block}.alivewater-loginform-title{font-size:1.75rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem}.alivewater-loginform-subtitle{font-size:.9375rem;color:var(--text-muted);margin:0}.alivewater-loginform-form{display:flex;flex-direction:column;gap:1.25rem}.alivewater-loginform-error{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.875rem}.alivewater-loginform-field{display:flex;flex-direction:column;gap:.5rem}.alivewater-loginform-label{font-size:.9375rem;font-weight:600;color:var(--text-color);margin:0}.alivewater-loginform-input{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--secondary-color);color:var(--text-color);transition:all .2s}.alivewater-loginform-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.alivewater-loginform-input:disabled{opacity:.6;cursor:not-allowed}.alivewater-loginform-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.alivewater-loginform-submit:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.alivewater-loginform-submit:disabled{opacity:.7;cursor:not-allowed}.alivewater-loginform-spinner{animation:spin 1s linear infinite}@media (max-width: 640px){.alivewater-loginform-card{padding:2rem 1.5rem;margin:1rem}}.alivewater-deviceslist-container{padding:24px;max-width:1400px;margin:0 auto}.alivewater-deviceslist-header{margin-bottom:32px}.alivewater-deviceslist-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px}.alivewater-deviceslist-subtitle{color:#6b7280;font-size:15px;margin-left:36px}.alivewater-deviceslist-search{display:flex;align-items:center;gap:12px;background:#fff;padding:14px 20px;border-radius:12px;border:2px solid #e5e7eb;margin-bottom:20px;transition:all .3s}.alivewater-deviceslist-search:focus-within{border-color:#128c7e;box-shadow:0 0 0 3px #128c7e1a}.alivewater-deviceslist-search-input{flex:1;border:none;outline:none;font-size:15px;color:#1f2937}.alivewater-deviceslist-search-input::placeholder{color:#9ca3af}.alivewater-deviceslist-stats{display:flex;gap:24px;padding:16px 20px;background:linear-gradient(135deg,#128c7e,#0d6b5f);border-radius:12px;margin-bottom:24px;color:#fff;font-weight:600;font-size:14px}.alivewater-deviceslist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:24px}.alivewater-deviceslist-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.alivewater-deviceslist-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:#128c7e}.alivewater-deviceslist-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb}.alivewater-deviceslist-device-icon{width:48px;height:48px;background:linear-gradient(135deg,#128c7e,#0d6b5f);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #128c7e4d}.alivewater-deviceslist-status-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.alivewater-deviceslist-status-badge.active{background:#d1fae5;color:#065f46}.alivewater-deviceslist-status-badge.inactive{background:#fee2e2;color:#991b1b}.alivewater-deviceslist-card-body{padding:20px;display:flex;flex-direction:column;gap:16px}.alivewater-deviceslist-info-item{display:flex;align-items:flex-start;gap:12px}.alivewater-deviceslist-info-icon{width:32px;height:32px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.alivewater-deviceslist-info-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.alivewater-deviceslist-info-content label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.alivewater-deviceslist-info-content span{font-size:14px;color:#1f2937;font-weight:500;word-break:break-word}.alivewater-deviceslist-card-footer{padding:20px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px}.alivewater-deviceslist-copy-section{display:flex;flex-direction:column;gap:8px}.alivewater-deviceslist-copy-section label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.alivewater-deviceslist-copy-row{display:flex;align-items:center;gap:8px;background:#fff;padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb}.alivewater-deviceslist-copy-value{flex:1;font-size:13px;font-family:Courier New,monospace;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alivewater-deviceslist-uuid{font-size:11px;font-weight:600;color:#128c7e}.alivewater-deviceslist-copy-btn{padding:8px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alivewater-deviceslist-copy-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.alivewater-deviceslist-copy-btn-primary{background:#128c7e;color:#fff}.alivewater-deviceslist-copy-btn-primary:hover{background:#0d6b5f;transform:scale(1.05);box-shadow:0 4px 12px #128c7e4d}.alivewater-deviceslist-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:20px}.alivewater-deviceslist-spinner{animation:spin 1s linear infinite;color:#128c7e}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alivewater-deviceslist-loading p{color:#6b7280;font-size:16px;font-weight:500}.alivewater-deviceslist-error-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px}.alivewater-deviceslist-error{color:#dc2626;font-size:16px;font-weight:500;text-align:center}.alivewater-deviceslist-retry-btn{padding:12px 24px;background:#128c7e;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.alivewater-deviceslist-retry-btn:hover{background:#0d6b5f;transform:translateY(-2px);box-shadow:0 4px 12px #128c7e4d}.alivewater-deviceslist-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px;color:#9ca3af}.alivewater-deviceslist-empty p{font-size:16px;font-weight:500}@media (max-width: 768px){.alivewater-deviceslist-grid{grid-template-columns:1fr;gap:16px}.alivewater-deviceslist-container{padding:16px}.alivewater-deviceslist-title{font-size:24px}.alivewater-deviceslist-stats{flex-direction:column;gap:8px}.alivewater-deviceslist-card-header{flex-direction:column;align-items:flex-start;gap:12px}}