:root{--bg-primary:#0a0e27;--bg-secondary:#12182f;--bg-tertiary:#1a2038;--bg-card:#1a2038cc;--bg-card-hover:#1a2038f2;--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-primary-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--color-purple:#8b5cf6;--color-purple-light:#a78bfa;--color-purple-dark:#7c3aed;--color-success:#10b981;--color-success-light:#34d399;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-warning:#f59e0b;--color-danger:#ef4444;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--text-disabled:#6b7280;--border-primary:#ffffff1a;--border-secondary:#ffffff0d;--border-accent:#6366f14d;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0009,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #000000b3,0 10px 10px -5px #00000080;--shadow-glow-purple:0 0 20px #8b5cf64d;--shadow-glow-blue:0 0 20px #6366f14d;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:#f9fafb!important;color:var(--text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}.layout,body{background:#0a0e27!important;background:var(--bg-primary)!important}.layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#12182f,#0a0e27);border-right:1px solid #ffffff1a;border-right:1px solid var(--border-primary);bottom:0;box-shadow:2px 0 20px #00000080;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:all .3s ease;width:260px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:20px}.sidebar-title{color:#fff;font-size:24px;font-weight:700;margin:0;transition:opacity .3s}.sidebar.collapsed .sidebar-title{font-size:20px}.sidebar-toggle{align-items:center;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;color:#818cf8;color:var(--color-primary-light);cursor:pointer;display:flex;font-size:18px;height:35px;justify-content:center;transition:all .3s;width:35px}.sidebar-toggle:hover{background:#6366f14d;transform:scale(1.05)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 10px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#d1d5db;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;margin-bottom:8px;padding:12px 16px;position:relative;text-align:left;transition:all .3s;width:100%}.nav-item:hover{background:#6366f11a;color:#f9fafb;color:var(--text-primary);transform:translateX(5px)}.nav-item.active{background:#6366f133;box-shadow:0 0 15px #6366f133;color:#818cf8;color:var(--color-primary-light);font-weight:500}.nav-item.active:before{background:#6366f1;background:var(--color-primary);border-radius:0 4px 4px 0;box-shadow:0 0 10px #6366f1;box-shadow:0 0 10px var(--color-primary);content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-icon{font-size:20px;margin-right:12px;min-width:24px;text-align:center}.sidebar.collapsed .nav-icon{margin-right:0}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .nav-label{display:none}.nav-item-logout{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-primary);color:#ef4444;margin-top:10px;padding-top:10px}.nav-item-logout:hover{background:#ef44441a;color:#f87171}.sidebar-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-primary);padding:20px}.sidebar.collapsed .sidebar-footer{padding:10px}.user-info{align-items:center;display:flex;gap:12px}.sidebar.collapsed .user-info,.user-avatar{justify-content:center}.user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-primary-gradient);border-radius:50%;box-shadow:0 0 20px #8b5cf64d;box-shadow:var(--shadow-glow-purple);color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;width:40px}.user-details{flex:1 1;min-width:0}.sidebar.collapsed .user-details{display:none}.user-name{color:#f9fafb!important;color:var(--text-primary)!important;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#9ca3af;color:var(--text-tertiary);font-size:12px;text-transform:capitalize}.badge{align-items:center;background:#ef4444;background:var(--color-danger);border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;margin-left:auto;min-width:20px;padding:0 6px}.sidebar.collapsed .badge{font-size:0;height:8px;min-width:8px;padding:0;position:absolute;right:8px;top:8px}.main-content{background:#0a0e27!important;background:var(--bg-primary)!important;flex:1 1;margin-left:260px;min-height:100vh;overflow-x:hidden;transition:margin-left .3s ease}.sidebar.collapsed~.main-content{margin-left:80px}.dashboard-container{background:#0a0e27!important;background:var(--bg-primary)!important;min-height:100vh;padding:2rem;padding:var(--spacing-xl)}@media (max-width:768px){.dashboard-container{padding:1rem;padding:var(--spacing-md)}}.page-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2038cc!important;background:var(--bg-card)!important;border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0009,0 4px 6px -2px #0006;box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .25rem;margin-bottom:var(--spacing-xs)}.page-subtitle{color:#d1d5db;color:var(--text-secondary);font-size:var(--font-size-base);margin:0}@media (max-width:768px){.page-header{flex-direction:column;text-align:center}.page-title{font-size:1.5rem}}.stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2038cc!important;background:var(--bg-card)!important;border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #00000080,0 2px 4px -1px #0000004d;box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.stat-card:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.stat-card:hover{background:#1a2038f2;background:var(--bg-card-hover);border-color:#6366f14d;border-color:var(--border-accent);box-shadow:0 20px 25px -5px #000000b3,0 10px 10px -5px #00000080,0 0 20px #8b5cf64d;box-shadow:var(--shadow-xl),var(--shadow-glow-purple);transform:translateY(-4px)}.stat-card:hover:before{transform:scaleX(1)}.stat-card-header{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.stat-icon{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border:1px solid var(--border-accent);border-radius:.75rem;border-radius:var(--radius-lg);color:#818cf8;color:var(--color-primary-light);display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.stat-label{color:#9ca3af!important;color:var(--text-tertiary)!important;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#f9fafb!important;color:var(--text-primary)!important;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-change{align-items:center;border-radius:.375rem;border-radius:var(--radius-sm);display:inline-flex;font-size:.875rem;gap:.25rem;padding:.25rem .5rem}.stat-change.positive{background:#10b9811a;color:#10b981;color:var(--color-success)}.stat-change.negative{background:#ef44441a;color:#ef4444;color:var(--color-danger)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2038cc!important;background:var(--bg-card)!important;border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #00000080,0 2px 4px -1px #0000004d;box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:hover{border-color:#6366f14d;border-color:var(--border-accent);box-shadow:0 10px 15px -3px #0009,0 4px 6px -2px #0006;box-shadow:var(--shadow-lg)}.card-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.card-title{color:#f9fafb;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.card-subtitle{color:#9ca3af;color:var(--text-tertiary);font-size:.875rem;margin-top:.25rem}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-primary-gradient);box-shadow:0 4px 12px #6366f14d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-secondary{background:#1a2038;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);color:#f9fafb;color:var(--text-primary)}.btn-secondary:hover{background:#1a2038cc;background:var(--bg-card);border-color:#6366f14d;border-color:var(--border-accent)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-success:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.btn-danger:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{color:#d1d5db;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:#1a2038;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#f9fafb;color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#12182f;background:var(--bg-secondary);border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;color:var(--text-disabled)}.form-textarea{min-height:100px;resize:vertical}.progress-bar-container{background:#1a2038;background:var(--bg-tertiary);height:8px;margin:.5rem 0;overflow:hidden;width:100%}.progress-bar,.progress-bar-container{border-radius:9999px;border-radius:var(--radius-full)}.progress-bar{height:100%;position:relative;transition:width .3s ease}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-bar-blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.progress-bar-purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.progress-bar-green{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar-orange{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar-cyan{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.table-container{border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);overflow-x:auto}.table{background:#1a2038cc;background:var(--bg-card);border-collapse:collapse;width:100%}.table thead{background:#1a2038;background:var(--bg-tertiary);border-bottom:2px solid #ffffff1a;border-bottom:2px solid var(--border-primary)}.table th{color:#d1d5db;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.table td{border-top:1px solid #ffffff0d;border-top:1px solid var(--border-secondary);color:#f9fafb;color:var(--text-primary);padding:1rem}.table tbody tr{transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.table tbody tr:hover{background:#1a2038;background:var(--bg-tertiary)}.badge-status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.badge-success{background:#10b9811a;border:1px solid #10b9814d;color:#34d399;color:var(--color-success-light)}.badge-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#fbbf24}.badge-danger{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.badge-info{background:#3b82f61a;border:1px solid #3b82f64d;color:#60a5fa;color:var(--color-info-light)}.badge-purple{background:#8b5cf61a;border:1px solid #8b5cf64d;color:#a78bfa;color:var(--color-purple-light)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-track{background:#12182f;background:var(--bg-secondary);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:#1a2038;background:var(--bg-tertiary);border:2px solid #12182f;border:2px solid var(--bg-secondary);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:#6366f180}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#6366f180}@media (max-width:768px){.sidebar{max-width:260px;transform:translateX(-100%);width:100%}.sidebar.active{transform:translateX(0)}.main-content,.sidebar.collapsed~.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr}}@media (max-width:1200px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .5s ease-out}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2038b3;border:1px solid #ffffff1a;border:1px solid var(--border-primary)}.glow-on-hover{transition:all .3s}.glow-on-hover:hover{box-shadow:0 0 20px #6366f166}@media print{.btn,.logout-btn,.page-header,.sidebar{display:none!important}.main-content{margin-left:0!important}.card,.stat-card{page-break-inside:avoid}body{background:#fff;color:#000}}div[style*="#f0f0f0"],div[style*="#f5f5f5"],div[style*="#f8f9fa"],div[style*="#fafafa"]{background:#1a2038cc!important;background-color:#1a2038cc!important}div[style*="rgba(0, 0, 0, 0.5)"]{background:#0a0e27f2!important}#root,.App,body{background:#0a0e27!important;background-color:#0a0e27!important}div[style*=Background]:not([class*=message]):not([class*=bubble]),div[style*=background]:not([class*=message]):not([class*=bubble]),h1,h2,h3,h4,h5,h6{color:#f9fafb!important}div:not([class*=message]):not([class*=bubble]):not([class*=message] *),label,p:not([class*=message] *):not([class*=bubble] *),span:not([class*=message] *):not([class*=bubble] *){color:#d1d5db!important}div[style*="color: #666"],div[style*="color: #6c757d"],span[style*="color: #666"],span[style*="color: #6c757d"]{color:#9ca3af!important}button{color:#fff!important}.btn-outline,[class*=outline],button.btn-outline,button[variant=outline]{background:#1a2038cc!important;background-color:#1a2038cc!important;border:1px solid #fff3!important;color:#d1d5db!important}.btn-outline:hover,button.btn-outline:hover,button[variant=outline]:hover{background:#6366f133!important;border-color:#6366f166!important;color:#f9fafb!important}.btn-ghost,button.btn-ghost,button[variant=ghost]{background:#0000!important;color:#d1d5db!important}.btn-ghost:hover,button.btn-ghost:hover,button[variant=ghost]:hover{background:#6366f11a!important;color:#f9fafb!important}button[style*="#28a745"],button[style*="backgroundColor: #28a745"]{background:linear-gradient(135deg,#10b981,#059669)!important;background-color:initial!important}button[style*="#007bff"],button[style*="#17a2b8"],button[style*="backgroundColor: #007bff"],button[style*="backgroundColor: #17a2b8"]{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;background-color:initial!important}button[style*="#6c757d"],button[style*="backgroundColor: #6c757d"]{background:#1a2038cc!important;background-color:initial!important;border:1px solid #fff3!important}div[style*="border-left: 4px solid #007bff"],div[style*="borderLeft: 4px solid #007bff"]{background:#1a2038cc!important;border-left-color:#6366f1!important}div[style*="border-left: 4px solid #28a745"],div[style*="borderLeft: 4px solid #28a745"]{background:#1a2038cc!important;border-left-color:#10b981!important}div[style*="border-left: 4px solid #ffc107"],div[style*="borderLeft: 4px solid #ffc107"]{background:#1a2038cc!important;border-left-color:#f59e0b!important}div[style*="border-left: 4px solid #17a2b8"],div[style*="borderLeft: 4px solid #17a2b8"]{background:#1a2038cc!important;border-left-color:#3b82f6!important}div[style*=border-left][style*="#dc3545"],div[style*=borderLeft][style*="#dc3545"]{background:#1a2038cc!important;border-left-color:#ef4444!important}div[style*=border-left][style*="#ffc107"],div[style*=borderLeft][style*="#ffc107"]{background:#1a2038cc!important;border-left-color:#f59e0b!important}div[style*=border-left][style*="#28a745"],div[style*=borderLeft][style*="#28a745"]{background:#1a2038cc!important;border-left-color:#10b981!important}div[style*="position: fixed"][style*="rgba(0, 0, 0, 0.5)"]{background:#0a0e27f2!important}div[style*="position: fixed"]>div[style*=background]{background:#1a2038f2!important;background-color:#1a2038f2!important;border:1px solid #ffffff1a!important}input,select,textarea{border-color:#ffffff1a!important}input,input[style],select,select[style],textarea,textarea[style]{background:#1a2038!important;background-color:#1a2038!important;color:#f9fafb!important}input::placeholder,textarea::placeholder{color:#6b7280!important}div[style*="position: fixed"][style*="#28a745"]{background:linear-gradient(135deg,#10b981,#059669)!important;background-color:initial!important}div[style*="position: fixed"][style*="#dc3545"]{background:linear-gradient(135deg,#ef4444,#dc2626)!important;background-color:initial!important}div[style*="#f8d7da"]{background:#ef44441a!important;background-color:#ef44441a!important;border:1px solid #ef44444d!important}div[style*="#721c24"]{color:#f87171!important}div[style*=grid-template-columns]>div,div[style*=gridTemplateColumns]{background:#1a2038cc!important}div[style*="cursor: pointer"]:hover{background:#6366f11a!important;background-color:#6366f11a!important}button:hover{opacity:.9;transform:translateY(-1px);transition:all .2s}.main-content,main{padding-left:2rem!important;padding-right:2rem!important}@media (max-width:768px){.main-content,main{padding-left:1rem!important;padding-right:1rem!important}}::-webkit-scrollbar{background:#12182f!important;width:8px}::-webkit-scrollbar-thumb{background:#1a2038!important;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f180!important}.activity-item,div[style*="backgroundColor: #f9fafb"]{background:#1a2038cc!important;background-color:#1a2038cc!important;border-color:#6366f14d!important}.activity-item .text-sm,.activity-item p,.activity-item span{color:#d1d5db!important}.activity-item .text-muted,.text-muted{color:#9ca3af!important}.activity-item .font-medium{color:#f9fafb!important}.container,.content,.page,.section,.wrapper,[class*=container],[class*=content],[class*=wrapper]{background:#0a0e27!important}.box,.card,.panel,[class*=box],[class*=card],[class*=panel]{background:#1a2038cc!important;color:#f9fafb!important}.my-assignments-container,div[style*="background-color: #f5f5f5"],div[style*="backgroundColor: #f5f5f5"]{background:#0a0e27!important;background-color:#0a0e27!important}.assignments-header,div[style*="backgroundColor: white"][style*="padding: 20px"]{background:#1a2038f2!important;background-color:#1a2038f2!important}.assignments-header h1{color:#f9fafb!important}.assignments-list,.conversation-view,div[style*="backgroundColor: white"][style*="borderRadius: 10px"]{background:#1a2038cc!important;background-color:#1a2038cc!important}.assignment-card,div[style*="backgroundColor: #f8f9fa"][style*="borderRadius: 8px"]{background:#0f172ae6!important;background-color:#0f172ae6!important}.assignment-card.selected,div[style*="backgroundColor: #e3f2fd"]{background:#6366f133!important;background-color:#6366f133!important}.messages-container,div[style*="backgroundColor: #0a0e27"][style*="padding: 20px"],div[style*="backgroundColor: #f8f9fa"][style*=maxHeight]{background:#0a0e27!important;background-color:#0a0e27!important}div[style*="borderTop: 1px solid #eee"]{background:#1a2038fa!important;border-top-color:#ffffff1a!important}input[style*="flex: 1"]{background:#1a2038!important;background-color:#1a2038!important;border-color:#ffffff1a!important;color:#f9fafb!important}div[style*="#fff"][style*=border-radius],div[style*="#fff"][style*=borderRadius],div[style*="#fff"][style*=box-shadow],div[style*="#fff"][style*=boxShadow],div[style*="#fff"][style*=padding],div[style*="#ffffff"][style*=border-radius],div[style*="#ffffff"][style*=borderRadius],div[style*="#ffffff"][style*=box-shadow],div[style*="#ffffff"][style*=boxShadow],div[style*="#ffffff"][style*=padding],div[style*="background-color: #fff"],div[style*="background-color: #ffffff"],div[style*="background-color: white"],div[style*="background: #fff"],div[style*="background: #ffffff"],div[style*="background: white"],div[style*="background:#fff"],div[style*="background:#ffffff"],div[style*="background:white"],div[style*="backgroundColor: #fff"],div[style*="backgroundColor: #ffffff"],div[style*="backgroundColor: white"],div[style*=white][style*=border-radius],div[style*=white][style*=borderRadius],div[style*=white][style*=box-shadow],div[style*=white][style*=boxShadow],div[style*=white][style*=padding]{background:#1a2038f2!important;background-color:#1a2038f2!important}body div[style*=minHeight][style*="100vh"],body>div>div>div[style*=minHeight]{background:#0a0e27!important}body div[style*="backgroundColor: white"][style*="padding: 20px"][style*=marginBottom]{background:#1a2038f2!important}body div[style*="backgroundColor: white"][style*="borderRadius: 10px"][style*="padding: 20px"]{background:#1a2038cc!important}body div[style*="backgroundColor: #f8f9fa"][style*="borderRadius: 8px"][style*="padding: 15px"]:not(.message-item):not(.message-item *){background:#0f172ae6!important}body div[style*="backgroundColor: #e3f2fd"][style*="borderRadius: 8px"]{background:#6366f133!important}body div[style*="backgroundColor: #0a0e27"][style*="padding: 20px"],body div[style*="backgroundColor: #f8f9fa"][style*="maxHeight: 400px"]:not(.message-item):not(.message-item *){background:#0a0e27!important}body div[style*="color: #666"]:not(.message-item):not(.message-item *),body span[style*="color: #666"],body span[style*="color: #888"]{color:#9ca3af!important}.message-input-section{background-color:#1a2038fa;border-top:1px solid #ffffff1a;padding:12px 16px}.input-wrapper{gap:8px}.message-input{background-color:#1a2038;border:1px solid #ffffff1a;border-radius:24px;color:#f9fafb;flex:1 1;font-size:14px;outline:none;padding:10px 16px}.message-input::placeholder{color:#6b7280}.message-input:disabled{cursor:not-allowed;opacity:.6}.send-button{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .2s;width:44px}.send-button:disabled{background:#374151;cursor:not-allowed}.send-button:hover:not(:disabled){transform:scale(1.05)}.canned-dropdown{background-color:#1a2038f2;border:1px solid #ffffff1a;border-radius:10px;bottom:80px;box-shadow:0 4px 6px #0000004d;left:20px;max-height:200px;overflow-y:auto;position:absolute;right:20px;z-index:100}.canned-item{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:10px 15px;transition:background-color .2s}.canned-item:hover{background-color:#6366f133}.canned-title{color:#f9fafb;font-weight:700;margin-bottom:5px}.canned-shortcut{color:#9ca3af;font-size:12px;margin-left:10px}.canned-content{color:#d1d5db;font-size:13px}.input-section-bottom{border-top:1px solid #ffffff1a;padding-top:15px}.tip-container{margin-bottom:10px}.tip-text{color:#9ca3af}.message-item.customer>div,.message-item.user>div{background:#fff!important;margin-left:0!important;margin-right:auto!important}.message-item.ai>div{background:#e2ffbf!important;margin-left:auto!important;margin-right:0!important}div[style*=background][style*="#fff"]:not(.message-item):not(.message-item *),div[style*=background][style*="#ffffff"]:not(.message-item):not(.message-item *),div[style*=background][style*=white]:not(.message-item):not(.message-item *){background:#1a2038f2!important;background-color:#1a2038f2!important}div[style*="#fff"] label,div[style*="#fff"] p,div[style*="#fff"] span,div[style*="background: #fff"]>*,div[style*="background: #ffffff"]>*,div[style*="background: white"]>*,div[style*="backgroundColor: #fff"]>*,div[style*="backgroundColor: #ffffff"]>*,div[style*="backgroundColor: white"]>*,div[style*=white] label,div[style*=white] p,div[style*=white] span{color:#f9fafb!important}div[style*="#FFF"]:not(.message-item):not(.message-item *),div[style*="#FFFFFF"]:not(.message-item):not(.message-item *),div[style*="#fff"]:not(.message-item):not(.message-item *),div[style*="#ffffff"]:not(.message-item):not(.message-item *),div[style*=background][style*="rgb(255, 255, 255)"]:not(.message-item):not(.message-item *),div[style*=background][style*="rgb(255,255,255)"]:not(.message-item):not(.message-item *),div[style*=white]:not(.message-item):not(.message-item *):not([class*=whatsapp]){background:#1a2038f2!important;background-color:#1a2038f2!important}.booking-calendar-container{padding:var(--spacing-xl)}.calendar-grid{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.calendar-days-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(7,1fr)}.calendar-day-header{color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--spacing-sm);text-align:center;text-transform:uppercase}.calendar-day-cell{align-items:center;aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;transition:all var(--transition-base)}.calendar-day-cell:hover:not(:disabled){background:#6366f11a;border-color:var(--border-accent);transform:scale(1.05)}.calendar-day-cell:disabled{cursor:not-allowed;opacity:.3}.calendar-day-other{color:var(--text-disabled);opacity:.3}.calendar-day-today{background:#6366f10d;border:2px solid var(--color-primary);font-weight:700}.calendar-day-selected{background:var(--color-primary-gradient);border-color:var(--color-primary);box-shadow:var(--shadow-glow-blue);color:#fff}.time-slots-container{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:var(--spacing-lg)}.time-slot-btn{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:500;padding:var(--spacing-md);text-align:center;transition:all var(--transition-base)}.time-slot-btn:hover{background:#6366f11a;border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.time-slot-btn.selected{background:var(--color-primary-gradient);border-color:var(--color-primary);box-shadow:var(--shadow-glow-blue);color:#fff}.time-slot-btn:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.3}.staff-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-xl);transition:all var(--transition-base)}.staff-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.staff-card.selected{background:#6366f11a;border-color:var(--color-primary);box-shadow:var(--shadow-glow-blue)}.staff-avatar-lg{align-items:center;background:var(--color-primary-gradient);border-radius:50%;box-shadow:var(--shadow-glow-purple);color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin:0 auto var(--spacing-md);width:80px}.staff-name{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs);text-align:center}.staff-email{color:var(--text-tertiary);font-size:.875rem;margin-bottom:var(--spacing-md);text-align:center}.staff-details{border-top:1px solid var(--border-primary);flex-direction:column;padding-top:var(--spacing-md)}.staff-detail-item,.staff-details{display:flex;gap:var(--spacing-sm)}.staff-detail-item{align-items:center;color:var(--text-secondary);font-size:.875rem}.event-type-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.event-type-card:hover{background:#6366f10d;border-color:var(--border-accent)}.event-type-card.selected{background:#6366f126;border-color:var(--color-primary);box-shadow:0 0 15px #6366f133}.event-type-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.event-type-duration{align-items:center;color:var(--text-tertiary);display:flex;font-size:.875rem;gap:var(--spacing-xs)}.event-type-description{color:var(--text-secondary);font-size:.8125rem;line-height:1.5;margin-top:var(--spacing-sm)}.booking-form{margin:0 auto;max-width:800px}.booking-summary-card{background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.booking-summary-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg)}.booking-summary-item{border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.booking-summary-item:last-child{border-bottom:none}.booking-summary-label{color:var(--text-tertiary);font-size:.875rem}.booking-summary-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.empty-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl)}.empty-state-icon{font-size:64px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-text{color:var(--text-secondary);font-size:1rem;text-align:center}.loading-spinner{align-items:center;color:var(--text-tertiary);display:flex;justify-content:center;padding:var(--spacing-2xl)}.loading-spinner:after{animation:spin 1s linear infinite;border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--color-primary);content:"";height:40px;width:40px}.breadcrumb-nav{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.breadcrumb-step{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.breadcrumb-step.active{background:var(--color-primary-gradient);box-shadow:var(--shadow-glow-blue);color:#fff}.breadcrumb-step.completed{background:#10b9811a;border:1px solid #10b9814d;color:var(--color-success-light)}.breadcrumb-arrow{color:var(--text-disabled);font-size:1.25rem}.booking-list-item{background:var(--bg-card);border:1px solid var(--border-primary);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.booking-list-item:hover{background:var(--bg-card-hover);border-left-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateX(4px)}.booking-list-item.status-pending{border-left-color:var(--color-warning)}.booking-list-item.status-confirmed{border-left-color:var(--color-success)}.booking-list-item.status-cancelled{border-left-color:var(--color-danger);opacity:.6}.booking-time{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.booking-customer{color:var(--text-secondary);font-size:.9375rem;margin-bottom:var(--spacing-xs)}.booking-type{color:var(--text-tertiary);font-size:.875rem}.booking-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.timezone-badge{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:var(--radius-sm);color:var(--color-primary-light);display:inline-flex;font-size:.75rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:1200px){.calendar-days-grid{gap:2px}.calendar-day-cell{font-size:.75rem}}@media (max-width:768px){.booking-calendar-container{padding:var(--spacing-md)}.calendar-days-grid{gap:1px}.calendar-day-header{font-size:.625rem;padding:var(--spacing-xs)}.time-slots-container{grid-template-columns:repeat(2,1fr)}.staff-grid{grid-template-columns:1fr}.booking-form{padding:var(--spacing-md)}}@media print{.breadcrumb-nav,.btn,.calendar-day-cell:not(.calendar-day-selected){display:none}.booking-summary-card{page-break-inside:avoid}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0a0e27f2;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-xl);position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideInUp .3s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.modal-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.modal-footer{border-top:1px solid var(--border-primary);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl)}.btn-sm{border-radius:var(--radius-md);font-size:.875rem;padding:.5rem 1rem}.btn-lg{border-radius:var(--radius-lg);font-size:1.125rem;padding:1rem 2rem}.btn.w-full{justify-content:center;width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-auto,.mx-auto{margin-right:auto}.mx-auto{margin-left:auto}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.w-full{width:100%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-50{z-index:50}.z-100{z-index:100}.border{border:1px solid var(--border-primary)}.border-t{border-top:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-l{border-left:1px solid var(--border-primary)}.border-r{border-right:1px solid var(--border-primary)}.border-none{border:none}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.02)}.disabled,:disabled,[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.loading{opacity:.6;pointer-events:none;position:relative}.loading:after{animation:spin .8s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--color-primary);content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.divider{height:1px;margin:var(--spacing-lg) 0}.divider,.divider-vertical{background:var(--border-primary)}.divider-vertical{margin:0 var(--spacing-lg);width:1px}.scroll-snap{overflow-x:auto;scroll-snap-type:x mandatory}.scroll-snap>*{scroll-snap-align:start}@media (max-width:768px){.modal-content{max-height:95vh;max-width:95%}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-md)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.bg-decoration{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.circle{animation:float 20s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:300px;left:-100px;top:-100px;width:300px}.circle-2{animation-delay:3s;bottom:-50px;height:200px;right:-50px;width:200px}.circle-3{animation-delay:6s;height:150px;right:10%;top:50%;width:150px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px;position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:32px;text-align:center}.logo-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 16px #667eea66;display:inline-flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.logo-icon{color:#fff;height:40px;width:40px}.login-header h1{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#718096;font-size:16px;margin:0}.error-alert{align-items:center;animation:shake .5s ease-in-out;background:#fee;border:1px solid #fcc;border-radius:12px;color:#c53030;display:flex;gap:12px;margin-bottom:24px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.error-icon{flex-shrink:0;height:20px;width:20px}.error-alert span{flex:1 1;font-size:14px;font-weight:500}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#2d3748;font-size:14px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#a0aec0;height:20px;left:14px;pointer-events:none;position:absolute;width:20px}.input-wrapper input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:15px;outline:none;padding:12px 12px 12px 44px;transition:all .3s ease;width:100%}.input-wrapper input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-wrapper input:disabled{cursor:not-allowed;opacity:.6}.input-wrapper input::placeholder{color:#a0aec0}.toggle-password{background:#0000;border:none;color:#a0aec0;cursor:pointer;height:24px;padding:0;position:absolute;right:12px;transition:color .2s ease;width:24px}.toggle-password:hover{color:#667eea}.toggle-password svg{height:20px;width:20px}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.arrow-icon{height:20px;transition:transform .3s ease;width:20px}.login-button:hover:not(:disabled) .arrow-icon{transform:translateX(4px)}.spinner{animation:spin 1s linear infinite;height:20px;width:20px}.spinner-circle{stroke-dasharray:50;stroke-dashoffset:25;animation:dash 1.5s ease-in-out infinite}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.login-footer{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px;text-align:center}.login-footer p{color:#718096;font-size:13px;margin:0}@media (max-width:480px){.login-card{padding:30px 24px}.login-header h1{font-size:24px}.logo-container{height:70px;width:70px}.logo-icon{height:35px;width:35px}}.input-wrapper input:focus-visible,.login-button:focus-visible,.toggle-password:focus-visible{outline:2px solid #667eea;outline-offset:2px}.negative-feedback-page{margin:0 auto;max-width:1400px;padding:2rem}.negative-feedback-header{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;border-radius:16px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:2rem}.negative-feedback-header .header-icon-wrapper{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:16px;box-shadow:0 4px 20px #ef44444d;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.negative-feedback-header .header-icon{color:#fff;font-size:32px}.negative-feedback-header .header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem}.negative-feedback-header .header-content p{color:#9ca3af;font-size:1rem;margin:0}.negative-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.negative-stat-card{align-items:center;background:#1a2038cc;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.negative-stat-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.negative-stat-card:hover{border-color:#fff3;box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.negative-stat-card:hover:before{opacity:1}.negative-stat-card.total{color:#ef4444}.negative-stat-card.wrong{color:#dc2626}.negative-stat-card.not-helpful{color:#f59e0b}.negative-stat-card.today{color:#3b82f6}.stat-icon-circle{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;width:56px}.negative-stat-card.total .stat-icon-circle{background:linear-gradient(135deg,#ef444433,#dc26261a)}.negative-stat-card.wrong .stat-icon-circle{background:linear-gradient(135deg,#dc262633,#b91c1c1a)}.negative-stat-card.not-helpful .stat-icon-circle{background:linear-gradient(135deg,#f59e0b33,#d977061a)}.negative-stat-card.today .stat-icon-circle{background:linear-gradient(135deg,#3b82f633,#2563eb1a)}.negative-stat-card .stat-details{flex:1 1}.negative-stat-card .stat-value{color:#f9fafb;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.negative-stat-card .stat-label{color:#9ca3af;font-size:.875rem;font-weight:500}.negative-filters-section{background:#1a2038cc;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.negative-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.negative-search-wrapper{flex:1 1;min-width:280px;position:relative}.negative-search-wrapper .search-icon{color:#6b7280;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.negative-search-input{background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;color:#f9fafb;direction:rtl;font-size:.9375rem;padding:.875rem 3rem .875rem 1rem;transition:all .3s ease;width:100%}.negative-search-input:focus{background:#0f172acc;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.negative-search-input::placeholder{color:#6b7280}.negative-filters-group{display:flex;flex-wrap:wrap;gap:.75rem}.negative-filter-item{align-items:center;background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:.5rem;padding:0 1rem;position:relative;transition:all .3s ease}.negative-filter-item:hover{background:#0f172acc;border-color:#fff3}.negative-filter-item svg{color:#9ca3af;flex-shrink:0}.negative-filter-select{background:#0000;border:none;color:#f9fafb;cursor:pointer;direction:rtl;font-size:.875rem;min-width:120px;outline:none;padding:.75rem 0}.negative-filter-select option{background:#1a2038;color:#f9fafb;padding:.5rem}.negative-btn-export{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease}.negative-btn-export:hover:not(:disabled){box-shadow:0 8px 16px #10b9814d;transform:translateY(-2px)}.negative-btn-export:disabled{cursor:not-allowed;opacity:.5}.negative-feedback-list{display:flex;flex-direction:column;gap:1rem}.negative-feedback-card{background:#1a2038cc;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s ease}.negative-feedback-card:hover{border-color:#fff3;box-shadow:0 4px 16px #0003}.feedback-card-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.feedback-header-left{align-items:center;display:flex;flex:1 1;gap:1rem}.feedback-icon-large{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.feedback-icon-large.wrong{background:linear-gradient(135deg,#dc262633,#b91c1c1a);color:#dc2626}.feedback-icon-large.not-helpful{background:linear-gradient(135deg,#f59e0b33,#d977061a);color:#f59e0b}.feedback-title-section{flex:1 1}.feedback-type-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:600;margin-bottom:.5rem;padding:.375rem .875rem}.feedback-type-badge.wrong{background:linear-gradient(135deg,#dc262633,#b91c1c26);border:1px solid #dc26264d;color:#fca5a5}.feedback-type-badge.not-helpful{background:linear-gradient(135deg,#f59e0b33,#d9770626);border:1px solid #f59e0b4d;color:#fbbf24}.feedback-timestamp{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.feedback-expand-btn{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;color:#818cf8;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.feedback-expand-btn:hover{background:#6366f133;transform:scale(1.05)}.feedback-meta-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:.75rem 0}.feedback-meta-item{align-items:center;color:#9ca3af;display:flex;font-size:.875rem;gap:.5rem}.feedback-meta-item svg{color:#6b7280;flex-shrink:0}.conversation-id-badge{background:#6366f11a;border-radius:6px;color:#818cf8;font-family:monospace;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.feedback-main-content{display:flex;flex-direction:column;gap:1rem}.feedback-section{background:#0f172a66;border:1px solid #ffffff0d;border-radius:12px;padding:1rem}.feedback-section-label{color:#9ca3af;display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.feedback-text-content{color:#d1d5db;direction:rtl;font-size:.9375rem;line-height:1.7;text-align:right}.feedback-section.question{border-right:3px solid #3b82f6}.feedback-section.answer{border-right:3px solid #8b5cf6}.feedback-section.comment{border-right:3px solid #f59e0b}.feedback-sources{display:flex;flex-direction:column;gap:.5rem}.feedback-source-item{background:#0f172a99;border-radius:8px;border-right:2px solid #6366f1;display:flex;gap:.75rem;padding:.75rem}.source-item-label{color:#818cf8;font-size:.875rem;font-weight:600;white-space:nowrap}.source-item-text{color:#d1d5db;font-size:.875rem;line-height:1.6}.feedback-actions-row{border-top:1px solid #ffffff0d;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.feedback-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.feedback-action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.feedback-action-btn.primary:hover{box-shadow:0 8px 16px #6366f14d;transform:translateY(-2px)}.feedback-action-btn.secondary{background:#6366f11a;border:1px solid #6366f14d;color:#818cf8}.feedback-action-btn.secondary:hover{background:#6366f133;border-color:#6366f180}.negative-empty-state{background:#1a203866;border:2px dashed #ffffff1a;border-radius:16px;padding:4rem 2rem;text-align:center}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:20px;color:#818cf8;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.negative-empty-state h3{color:#f9fafb;font-size:1.5rem;margin-bottom:.75rem}.negative-empty-state p{color:#9ca3af;font-size:1rem}.negative-loading-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #6366f11a;border-radius:50%;border-top-color:#6366f1;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.negative-loading-state p{color:#9ca3af;font-size:1rem}.negative-alert{align-items:center;border:1px solid;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.negative-alert.error{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef44444d;color:#fca5a5}.negative-alert svg{flex-shrink:0}@media (max-width:1024px){.negative-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.negative-feedback-page{padding:1rem}.negative-feedback-header{flex-direction:column;padding:1.5rem;text-align:center}.negative-feedback-header .header-content h1{font-size:1.5rem}.negative-stats-grid{grid-template-columns:1fr}.negative-filters-row{flex-direction:column}.negative-filters-group,.negative-search-wrapper{width:100%}.negative-filter-item{flex:1 1}.feedback-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.feedback-actions-row{flex-direction:column}.feedback-action-btn{justify-content:center;width:100%}}@media (max-width:480px){.negative-feedback-header .header-icon-wrapper{height:48px;width:48px}.negative-feedback-header .header-icon{font-size:24px}.negative-stat-card{padding:1rem}.stat-icon-circle{height:48px;width:48px}.negative-stat-card .stat-value{font-size:1.5rem}}
/*# sourceMappingURL=main.cb99701d.css.map*/