@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap);: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}.sidebar{background:linear-gradient(180deg,#12182f,#0a0e27);border-right:1px solid #ffffff1a;border-right:1px solid var(--border-primary);box-shadow:2px 0 20px #00000080;z-index:1000}.sidebar-header{border-bottom:1px solid var(--border-primary)}.sidebar-toggle{background:#6366f133;border:1px solid #6366f14d;color:#818cf8;color:var(--color-primary-light)}.sidebar-toggle:hover{background:#6366f14d}.nav-item{color:#d1d5db;color:var(--text-secondary)}.nav-item:hover{background:#6366f11a;color:#f9fafb;color:var(--text-primary)}.nav-item.active{background:#6366f133;box-shadow:0 0 15px #6366f133;color:#818cf8;color:var(--color-primary-light)}.nav-item.active:before{background:#6366f1;background:var(--color-primary);box-shadow:0 0 10px #6366f1;box-shadow:0 0 10px var(--color-primary)}.nav-item-logout{border-top:1px solid var(--border-primary);color:#ef4444}.nav-item-logout:hover{background:#ef44441a;color:#f87171}.sidebar-footer{border-top:1px solid var(--border-primary)}.user-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-primary-gradient);box-shadow:0 0 20px #8b5cf64d;box-shadow:var(--shadow-glow-purple)}.user-name{color:#f9fafb!important;color:var(--text-primary)!important}.user-role{color:#9ca3af;color:var(--text-tertiary)}.badge{background:var(--color-danger)}.dashboard-container,.main-content{background:#0a0e27!important;background:var(--bg-primary)!important}.dashboard-container{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;box-shadow:0 10px 15px -3px #0009,0 4px 6px -2px #0006;box-shadow:var(--shadow-lg);gap:1rem;gap:var(--spacing-md);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;margin:0 0 .25rem;margin-bottom:var(--spacing-xs)}.page-subtitle{color:#d1d5db;color:var(--text-secondary);font-size:var(--font-size-base)}@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;width: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-thumb{background:#6366f14d}.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 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}}.mobile-header{background:linear-gradient(180deg,#12182f,#0a0e27);border-bottom:1px solid var(--border-primary)}.mobile-brand .brand-text{color:var(--text-primary)}.hamburger-btn{-webkit-tap-highlight-color:transparent}.hamburger-icon span{background-color:var(--text-primary);transform-origin:center}.mobile-close-btn{color:#f9fafb!important;color:var(--text-primary)!important}.mobile-close-btn,.sidebar-overlay{-webkit-tap-highlight-color:transparent}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.justify-start{justify-content:flex-start}.flex-1{flex:1 1}.text-muted{color:#9ca3af!important;color:var(--text-tertiary)!important}.py-8{padding-bottom:2rem;padding-top:2rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.page-header{align-items:flex-start;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.page-title{color:#a78bfa!important;color:var(--color-purple-light)!important;font-size:28px;font-weight:700;margin:0 0 4px}.page-subtitle{color:#9ca3af!important;color:var(--text-tertiary)!important;font-size:14px;margin:0}.activity-item{background-color:#1a2038!important;background-color:var(--bg-tertiary)!important;border-left-color:#6366f1!important;border-left-color:var(--color-primary)!important}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.mobile-header{display:flex}.sidebar-overlay{display:block}.layout{padding-top:60px}.desktop-collapse-btn{display:none!important}.mobile-close-btn{display:flex}.sidebar{box-shadow:4px 0 25px #00000080;max-width:85vw;top:0;transform:translateX(-100%);width:280px;z-index:1003}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{max-width:85vw;width:280px}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .user-details{display:block}.sidebar.collapsed .nav-icon{margin-right:12px}.sidebar.collapsed .sidebar-footer{padding:20px}.main-content{width:100%}.main-content,.sidebar.collapsed~.main-content{margin-left:0!important}.content-wrapper{padding:16px}.nav-item{font-size:16px;padding:14px 16px}.nav-item:hover{transform:none}.nav-icon{font-size:22px}.page-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.page-header>div:last-child{display:flex;flex-direction:row;gap:8px}.page-header>div:last-child>*{flex:1 1}.page-title{font-size:22px;text-align:center}.page-subtitle{font-size:13px;text-align:center}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.gap-6{gap:16px}.stat-card{padding:14px}.card-body,.card-footer,.card-header{padding:14px 16px}}@media (max-width:480px){.mobile-header{height:56px;padding:0 12px}.mobile-brand .brand-text{font-size:14px}.layout{padding-top:56px}.sidebar,.sidebar.collapsed{max-width:300px;width:100%}.content-wrapper{padding:12px}.sidebar-header{padding:16px}.sidebar-nav{padding:16px 8px}.sidebar-footer{padding:16px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.page-header{padding:12px}.page-title{font-size:20px}.page-subtitle{font-size:12px}.page-header>div:last-child{flex-direction:column}.gap-4{gap:12px}.mb-6{margin-bottom:16px}.card-header h3{font-size:16px}}@media (hover:none) and (pointer:coarse){.nav-item:hover{background:#0000;transform:none}.nav-item:active{background:#6366f126}.nav-item.active:active{background:#6366f140}button:hover{transform:none}}[data-theme=dark]{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{align-items:center;display:flex;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}}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#e8eaed;--bg-tertiary:#fff;--bg-card:#fffffff2;--bg-card-hover:#fff;--color-primary:#4f46e5;--color-primary-light:#6366f1;--color-primary-dark:#4338ca;--color-primary-gradient:linear-gradient(135deg,#4f46e5,#7c3aed);--text-primary:#1a1a2e;--text-secondary:#4a5568;--text-tertiary:#718096;--text-disabled:#a0aec0;--border-primary:#0000001a;--border-secondary:#0000000d;--border-accent:#4f46e54d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-glow-purple:0 0 20px #4f46e526;--shadow-glow-blue:0 0 20px #3b82f626}[data-theme=light] body,body[data-theme=light]{color:#1a1a2e!important}[data-theme=light] #root,[data-theme=light] .App,[data-theme=light] .layout,[data-theme=light] body,body[data-theme=light]{background:#f0f2f5!important;background-color:#f0f2f5!important}[data-theme=light] .sidebar{background:linear-gradient(180deg,#1e293b,#0f172a)!important}[data-theme=light] .main-content{background:#f0f2f5!important}[data-theme=light] .content-wrapper{background:#0000!important}[data-theme=light] .dashboard-container{background:#f0f2f5!important}[data-theme=light] .page-header{background:#fffffff2!important;border:1px solid #00000014!important;box-shadow:0 1px 3px #0000000f!important}[data-theme=light] .page-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .page-subtitle{color:#718096!important}[data-theme=light] .stat-card{background:#fffffff2!important;border:1px solid #00000014!important;box-shadow:0 1px 3px #0000000f!important}[data-theme=light] .stat-card:hover{background:#fff!important;border-color:#4f46e540!important;box-shadow:0 8px 25px #0000001a,0 0 15px #4f46e51a!important}[data-theme=light] .stat-label{color:#718096!important}[data-theme=light] .stat-value{color:#1a1a2e!important}[data-theme=light] .stat-icon{background:#4f46e514!important;border-color:#4f46e533!important}[data-theme=light] .stat-change.positive{background:#05966914!important;color:#059669!important}[data-theme=light] .stat-change.negative{background:#dc262614!important;color:#dc2626!important}[data-theme=light] .card{background:#fffffff2!important;border:1px solid #00000014!important;box-shadow:0 1px 3px #0000000f!important}[data-theme=light] .card:hover{border-color:#4f46e533!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .card-header{border-bottom-color:#0000000f!important}[data-theme=light] .card-title{color:#1a1a2e!important}[data-theme=light] .card-subtitle{color:#718096!important}[data-theme=light] .btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;box-shadow:0 2px 8px #4f46e540!important;color:#fff!important}[data-theme=light] .btn-primary:hover{box-shadow:0 4px 16px #4f46e559!important}[data-theme=light] .btn-secondary{background:#fff!important;border:1px solid #00000026!important;color:#4a5568!important}[data-theme=light] .btn-secondary:hover{background:#f7fafc!important;border-color:#4f46e54d!important;color:#1a1a2e!important}[data-theme=light] .btn-outline,[data-theme=light] [class*=outline],[data-theme=light] button.btn-outline{background:#fff!important;border:1px solid #00000026!important;color:#4a5568!important}[data-theme=light] .btn-outline:hover,[data-theme=light] button.btn-outline:hover{background:#4f46e50d!important;border-color:#4f46e54d!important;color:#4f46e5!important}[data-theme=light] .btn-ghost,[data-theme=light] button.btn-ghost{background:#0000!important;color:#4a5568!important}[data-theme=light] .btn-ghost:hover,[data-theme=light] button.btn-ghost:hover{background:#4f46e50d!important;color:#4f46e5!important}[data-theme=light] button{color:inherit!important}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea,[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff!important;background-color:#fff!important;border:1px solid #00000026!important;color:#1a1a2e!important}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus,[data-theme=light] .form-textarea:focus,[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{background:#fff!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#a0aec0!important}[data-theme=light] .table-container{border-color:#00000014!important}[data-theme=light] .table{background:#fff!important}[data-theme=light] .table thead{background:#f7fafc!important}[data-theme=light] .table th{border-bottom:2px solid #00000014!important;color:#4a5568!important}[data-theme=light] .table td{border-bottom:1px solid #0000000d!important;color:#1a1a2e!important}[data-theme=light] .table tbody tr:hover{background:#4f46e508!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#1a1a2e!important}[data-theme=light] div,[data-theme=light] label,[data-theme=light] p,[data-theme=light] span{color:inherit}[data-theme=light] .text-muted{color:#718096!important}[data-theme=light] .progress-bar-container{background:#e2e8f0!important}[data-theme=light] .badge-primary{background:#4f46e51a!important;color:#4f46e5!important}[data-theme=light] .badge-success{background:#0596691a!important;color:#059669!important}[data-theme=light] .badge-warning{background:#d977061a!important;color:#d97706!important}[data-theme=light] .badge-danger,[data-theme=light] .badge-error{background:#dc26261a!important;color:#dc2626!important}[data-theme=light] .badge-info{background:#2563eb1a!important;color:#2563eb!important}[data-theme=light] .badge-gray{background:#6b72801a!important;color:#6b7280!important}[data-theme=light] .mobile-header{background:linear-gradient(180deg,#fff,#f8fafc)!important;border-bottom:1px solid #0000001a!important;box-shadow:0 1px 4px #0000000f!important}[data-theme=light] .mobile-brand .brand-text{color:#1a1a2e!important}[data-theme=light] .hamburger-icon span{background-color:#1a1a2e!important}[data-theme=light] .activity-item{background:#f7fafc!important;border-left-color:#4f46e5!important}[data-theme=light] div[style*=background][style*="#fff"],[data-theme=light] div[style*=background][style*="#ffffff"],[data-theme=light] div[style*=background][style*="rgb(255, 255, 255)"],[data-theme=light] div[style*=background][style*="rgb(255,255,255)"],[data-theme=light] div[style*=background][style*=white]{background:#fff!important;background-color:#fff!important}[data-theme=light] div[style*="#f0f0f0"],[data-theme=light] div[style*="#f5f5f5"],[data-theme=light] div[style*="#f8f9fa"],[data-theme=light] div[style*="#fafafa"]{background:#f7fafc!important;background-color:#f7fafc!important}[data-theme=light] div[style*="background: #0a0e27"],[data-theme=light] div[style*="backgroundColor: #0a0e27"],[data-theme=light] div[style*="backgroundColor: #12182f"],[data-theme=light] div[style*="backgroundColor: #1a1a2e"],[data-theme=light] div[style*="backgroundColor: #1a2038"]{background:#f0f2f5!important;background-color:#f0f2f5!important}[data-theme=light] div[style*="color: #d1d5db"],[data-theme=light] div[style*="color: #f9fafb"],[data-theme=light] span[style*="color: #d1d5db"],[data-theme=light] span[style*="color: #f9fafb"]{color:#1a1a2e!important}[data-theme=light] div[style*="color: #6b7280"],[data-theme=light] div[style*="color: #9ca3af"],[data-theme=light] span[style*="color: #6b7280"],[data-theme=light] span[style*="color: #9ca3af"]{color:#718096!important}[data-theme=light] div[style*="backgroundColor: rgba(26, 32, 56"]{background-color:#fff!important;border-color:#0000001a!important;box-shadow:0 4px 12px #0000001a!important}[data-theme=light] div[style*=border][style*="rgba(255, 255, 255, 0.1)"], [data-theme=light] div[style*=border][style*="rgba(255,255,255,0.1)"]{border-color:#0000001a!important}[data-theme=light] div[style*="border-left: 4px solid"],[data-theme=light] div[style*="borderLeft: 4px solid"]{background:#fff!important;box-shadow:0 1px 3px #0000000f!important}[data-theme=light] div[style*="position: fixed"][style*="rgba(0, 0, 0, 0.5)"]{background:#0006!important}[data-theme=light] div[style*="position: fixed"]>div[style*=background]{background:#fff!important;background-color:#fff!important;border:1px solid #0000001a!important;box-shadow:0 20px 60px #00000026!important}[data-theme=light] div[style*=grid-template-columns]>div,[data-theme=light] div[style*=gridTemplateColumns]>div{background:#fff!important}[data-theme=light] .message-input-section{background-color:#fff!important;border-top:1px solid #0000001a!important}[data-theme=light] .message-input{background-color:#f7fafc!important;border:1px solid #00000026!important;color:#1a1a2e!important}[data-theme=light] .message-input::placeholder{color:#a0aec0!important}[data-theme=light] .canned-dropdown{background-color:#fff!important;border:1px solid #0000001a!important;box-shadow:0 4px 12px #0000001a!important}[data-theme=light] .canned-item{border-bottom:1px solid #0000000d!important}[data-theme=light] .canned-item:hover{background-color:#4f46e50d!important}[data-theme=light] .canned-title{color:#1a1a2e!important}[data-theme=light] .canned-shortcut{color:#718096!important}[data-theme=light] .canned-content{color:#4a5568!important}[data-theme=light] .input-section-bottom{border-top:1px solid #00000014!important}[data-theme=light] .tip-text{color:#718096!important}[data-theme=light] .message-item.customer>div,[data-theme=light] .message-item.user>div{background:#fff!important;box-shadow:0 1px 2px #00000014!important}[data-theme=light] .message-item.ai>div{background:#dcf8c6!important}[data-theme=light] ::-webkit-scrollbar{height:8px;width:8px}[data-theme=light] ::-webkit-scrollbar-track{background:#f0f2f5}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#a0aec0}[data-theme=light] div[style*="#f8d7da"]{background:#dc26260f!important;background-color:#dc26260f!important;border:1px solid #dc262633!important}[data-theme=light] div[style*="#721c24"]{color:#dc2626!important}[data-theme=light] div[style*="backgroundColor: '#1a1a2e'"],[data-theme=light] div[style*='backgroundColor: "#1a1a2e"']{background-color:#f0f2f5!important}[data-theme=light] div[style*="cursor: pointer"]:hover{background:#4f46e50d!important}.theme-toggle-wrapper{border-top:1px solid var(--border-primary);padding:12px 16px}.theme-toggle-btn{align-items:center;background:#6366f11a;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:10px 16px;transition:all .3s ease;width:100%}.theme-toggle-btn:hover{background:#6366f133;color:var(--text-primary);transform:translateY(-1px)}.theme-toggle-btn .toggle-icon{font-size:18px;transition:transform .3s ease}.theme-toggle-btn:hover .toggle-icon{transform:rotate(30deg)}[data-theme=light] .theme-toggle-btn{background:#4f46e514!important;border-color:#0000001a!important;color:#4a5568!important}[data-theme=light] .theme-toggle-btn:hover{background:#4f46e526!important;color:#4f46e5!important}.sidebar.collapsed .theme-toggle-btn .toggle-label{display:none}.sidebar.collapsed .theme-toggle-wrapper{padding:8px}.sidebar.collapsed .theme-toggle-btn{justify-content:center;padding:10px}[data-theme=light] div[style*="#FFF"]:not(.message-item):not(.message-item *),[data-theme=light] div[style*="#FFFFFF"]:not(.message-item):not(.message-item *),[data-theme=light] div[style*="#fff"]:not(.message-item):not(.message-item *),[data-theme=light] div[style*="#ffffff"]:not(.message-item):not(.message-item *),[data-theme=light] div[style*=white]:not(.message-item):not(.message-item *):not([class*=whatsapp]){background:#fff!important;background-color:#fff!important}[data-theme=light] div[style*="#fff"] label,[data-theme=light] div[style*="#fff"] p,[data-theme=light] div[style*="#fff"] span,[data-theme=light] div[style*="background: #fff"]>*,[data-theme=light] div[style*="background: white"]>*,[data-theme=light] div[style*="backgroundColor: #fff"]>*,[data-theme=light] div[style*="backgroundColor: white"]>*,[data-theme=light] div[style*=white] label,[data-theme=light] div[style*=white] p,[data-theme=light] div[style*=white] span{color:#1a1a2e!important}[data-theme=light] body div[style*="backgroundColor: #f8f9fa"]{background:#f7fafc!important}[data-theme=light] body div[style*="backgroundColor: #e3f2fd"]{background:#4f46e514!important}[data-theme=light] body div[style*="color: #666"],[data-theme=light] body span[style*="color: #666"],[data-theme=light] body span[style*="color: #888"]{color:#718096!important}[data-theme=light] body div[style*="backgroundColor: #0a0e27"],[data-theme=light] body div[style*=minHeight][style*="100vh"]{background:#f0f2f5!important}[data-theme=light] .stat-card,[data-theme=light] .stat-card *{color:#1a1a2e!important}[data-theme=light] .stat-card .stat-label{color:#718096!important}[data-theme=light] div[style*=Background],[data-theme=light] div[style*=background]{background-color:#fff!important}[data-theme=light] .message-item div[style*=background],[data-theme=light] .sidebar div[style*=Background],[data-theme=light] .sidebar div[style*=background]{background-color:initial!important}[data-theme=light] .filter-bar,[data-theme=light] .filters-section,[data-theme=light] .search-section,[data-theme=light] div[class*=Filter],[data-theme=light] div[class*=filter]{background:#fff!important;background-color:#fff!important}[data-theme=light] .table td,[data-theme=light] .table th,[data-theme=light] table td,[data-theme=light] table th{background-color:#fff!important;color:#1a1a2e!important}[data-theme=light] .table thead th,[data-theme=light] table thead th{background-color:#f7fafc!important;color:#4a5568!important}[data-theme=light] table tbody tr:hover td{background-color:#4f46e508!important}[data-theme=light] .main-content div,[data-theme=light] .main-content h1,[data-theme=light] .main-content h2,[data-theme=light] .main-content h3,[data-theme=light] .main-content h4,[data-theme=light] .main-content label,[data-theme=light] .main-content p,[data-theme=light] .main-content span{color:#1a1a2e}[data-theme=light] .main-content .text-muted,[data-theme=light] .main-content .text-secondary,[data-theme=light] .main-content small{color:#718096!important}[data-theme=light] select,[data-theme=light] select option{background:#fff!important;color:#1a1a2e!important}[data-theme=light] .badge,[data-theme=light] span[class*=Badge],[data-theme=light] span[class*=badge]{color:inherit!important}[data-theme=light] .ticket-card,[data-theme=light] .ticket-item,[data-theme=light] div[class*=SLA],[data-theme=light] div[class*=sla],[data-theme=light] div[class*=ticket]{background:#fff!important}[data-theme=light] .status-filters button,[data-theme=light] div[class*=status] button{background:#f7fafc!important;border:1px solid #0000001a!important;color:#4a5568!important}[data-theme=light] .status-filters button.active,[data-theme=light] .status-filters button:hover{background:#4f46e5!important;color:#fff!important}[data-theme=light] input[type=date],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=search],[data-theme=light] input[type=text]{background:#fff!important;border:1px solid #00000026!important;color:#1a1a2e!important}[data-theme=light] .checkbox-label,[data-theme=light] input[type=checkbox]+label{color:#1a1a2e!important}[data-theme=light] .pagination button,[data-theme=light] div[class*=pagination] button{background:#fff!important;border:1px solid #0000001a!important;color:#4a5568!important}[data-theme=light] .pagination button.active{background:#4f46e5!important;color:#fff!important}[data-theme=light] #root,[data-theme=light] .App,[data-theme=light] .content-wrapper,[data-theme=light] .dashboard-container,[data-theme=light] .layout,[data-theme=light] .main-content,[data-theme=light] body{background:#f0f2f5!important;background-color:#f0f2f5!important}[data-theme=light] table{border:1px solid #e2e8f0!important;border-collapse:collapse!important}[data-theme=light] table th{background-color:#edf2f7!important;border-bottom:2px solid #cbd5e0!important;color:#2d3748!important;font-weight:600!important;padding:12px!important}[data-theme=light] table td{border-bottom:1px solid #e2e8f0!important;color:#2d3748!important;padding:10px 12px!important}[data-theme=light] table tbody tr:nth-child(2n){background-color:#f7fafc!important}[data-theme=light] table tbody tr:nth-child(odd){background-color:#fff!important}[data-theme=light] table tbody tr:hover{background-color:#edf2f7!important}[data-theme=light] .card,[data-theme=light] div[style*=borderRadius][style*=padding]{border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #00000014!important}[data-theme=light] .message-reply,[data-theme=light] .reply-section,[data-theme=light] .ticket-info,[data-theme=light] div[class*=reply],[data-theme=light] div[class*=ticket-info],[data-theme=light] div[class*=ticketInfo]{background:#fff!important}[data-theme=light] .btn-send,[data-theme=light] button[class*=send]{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important}[data-theme=light] .helpdesk-filters,[data-theme=light] div[class*=helpdesk] div[style*=background]{background:#fff!important}[data-theme=light] button[style*=background][style*=border-radius]{border:1px solid #e2e8f0!important}body[data-theme=light],body[data-theme=light] #root,body[data-theme=light] #root>div,body[data-theme=light] .App,body[data-theme=light] .content-wrapper,body[data-theme=light] .dashboard-container,body[data-theme=light] .layout,body[data-theme=light] .main-content,body[data-theme=light] .main-content>*,body[data-theme=light] div[style*="background-color: #0a0e27"],body[data-theme=light] div[style*="background-color: rgb(10, 14, 39)"],body[data-theme=light] div[style*="background: #0a0e27"],body[data-theme=light] div[style*="background: rgb(10, 14, 39)"],body[data-theme=light] div[style*="backgroundColor: '#0a0e27'"],body[data-theme=light] div[style*="min-height: 100vh"],body[data-theme=light] div[style*="minHeight: 100vh"]{background:#f0f2f5!important;background-color:#f0f2f5!important}[data-theme=light] .card,[data-theme=light] .main-content div[style*=padding][style*=border],[data-theme=light] .stat-card,[data-theme=light] div[style*=border-radius][style*=background],[data-theme=light] div[style*=borderRadius][style*=background]{background:#fff!important;background-color:#fff!important;border:1px solid #d1d5db!important;box-shadow:0 2px 8px #00000014!important}[data-theme=light] .card:hover,[data-theme=light] .stat-card:hover{border-color:#a5b4fc!important;box-shadow:0 4px 16px #4f46e51f!important}[data-theme=light] .card .card-header,[data-theme=light] .card-header{background:#0000!important;border-bottom:1px solid #e5e7eb!important}[data-theme=light] .stat-card .stat-value{color:#111827!important;font-weight:700!important}[data-theme=light] .stat-card .stat-label{color:#6b7280!important}[data-theme=light] .page-header{background:#fff!important;border:1px solid #d1d5db!important;box-shadow:0 2px 8px #00000014!important}[data-theme=light] .activity-item,[data-theme=light] div[style*=borderLeft]{background:#f8fafc!important;border:1px solid #e5e7eb!important}[data-theme=light] .main-content>div>div>div{border-color:#d1d5db}[data-theme=light] .hd-info-card{background:#fff!important;border:1.5px solid #d1d5db!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .hd-info-card h3{border-bottom:1px solid #e5e7eb!important;color:#111827!important;padding-bottom:12px!important}[data-theme=light] .hd-info-row label{color:#6b7280!important}[data-theme=light] .hd-info-row span{color:#111827!important}[data-theme=light] .hd-input,[data-theme=light] .hd-select,[data-theme=light] .hd-textarea{background:#fff!important;border:1.5px solid #d1d5db!important;color:#111827!important}[data-theme=light] .hd-conversation-section{background:#fff!important;border:1.5px solid #d1d5db!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .hd-message{background:#f8fafc!important;border:1px solid #e5e7eb!important}[data-theme=light] .hd-message-body{color:#1a1a2e!important}[data-theme=light] .hd-message-author{color:#111827!important}[data-theme=light] .hd-message-date{color:#6b7280!important}[data-theme=light] .hd-reply-form{background:#fff!important;border-top:1px solid #e5e7eb!important}[data-theme=light] .hd-agent-list li,[data-theme=light] .hd-client-detail p,[data-theme=light] .hd-reply-header h3{color:#111827!important}[data-theme=light] .hd-info-section{background:#0000!important}[data-theme=light] .hd-ticket-detail{background:#f0f2f5!important}[data-theme=light] .hd-ticket-title h2{color:#111827!important}[data-theme=light] .hd-back-link{color:#4f46e5!important}[data-theme=light] .hd-detail-header{background:#fff!important;border:1.5px solid #d1d5db!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000f!important;margin-bottom:20px!important;padding:20px!important}[data-theme=light] .hd-ticket-title h2,[data-theme=light] .hd-ticket-title span{color:#111827!important}[data-theme=light] .hd-ticket-id{color:#4a5568!important}[data-theme=light] .hd-btn-secondary{background:#f3f4f6!important;border:1.5px solid #d1d5db!important;color:#374151!important}[data-theme=light] .hd-btn-secondary:hover{background:#e5e7eb!important}[data-theme=light] .hd-detail-header,[data-theme=light] .hd-reply-form,[data-theme=light] .hd-reply-header{border:none!important;box-shadow:none!important}[data-theme=light] .hd-create-ticket *,[data-theme=light] .hd-dashboard *,[data-theme=light] .hd-tickets-page *{color:#1a1a2e}[data-theme=light] .hd-stat-card,[data-theme=light] .hd-stat-card *,[data-theme=light] .hd-stat-card .hd-stat-number,[data-theme=light] .hd-stat-card div,[data-theme=light] .hd-stat-card p,[data-theme=light] .hd-stat-card span{color:#111827!important}[data-theme=light] .hd-stat-card .hd-stat-label{color:#6b7280!important}[data-theme=light] .hd-stat-card{background:#fff!important;border:1.5px solid #d1d5db!important}[data-theme=light] .sla-card,[data-theme=light] .sla-card *,[data-theme=light] .sla-card div,[data-theme=light] .sla-card p,[data-theme=light] .sla-card span,[data-theme=light] .sla-grid-compact *,[data-theme=light] .sla-grid-compact div,[data-theme=light] .sla-grid-compact span{color:#111827!important}[data-theme=light] .sla-card{background:#fff!important;border:1.5px solid #d1d5db!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{animation:fadeIn .2s ease-out;background:#0a0e27f2;padding:var(--spacing-xl);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}@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%}}.layout{background-color:#0f172a;display:flex;min-height:100vh}.mobile-header{align-items:center;background:linear-gradient(180deg,#1e293b,#0f172a);border-bottom:1px solid #ffffff1a;box-shadow:0 2px 10px #0000004d;display:none;height:60px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1001}.mobile-brand{align-items:center;display:flex;gap:8px}.mobile-brand .brand-icon{font-size:24px}.mobile-brand .brand-text{color:#f9fafb;font-size:16px;font-weight:600}.mobile-header-spacer{width:44px}.hamburger-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px}.hamburger-icon{display:flex;flex-direction:column;height:18px;justify-content:space-between;position:relative;width:24px}.hamburger-icon span{background-color:#f9fafb;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#f9fafb;cursor:pointer;display:none;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.mobile-close-btn:hover{background:#fff3}.desktop-collapse-btn{display:flex}.sidebar-overlay{background:#0009;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1002}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);bottom:0;box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:all .3s ease;width:260px;z-index:1003}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px}.brand,.sidebar-header{align-items:center;display:flex}.brand{gap:12px}.brand-icon{font-size:28px}.brand-text{color:#f9fafb;font-size:18px;font-weight:600;white-space:nowrap}.sidebar.collapsed .brand-text{display:none}.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:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:35px;justify-content:center;transition:all .3s;width:35px}.sidebar-toggle:hover{background:#fff3;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:#ffffffb3;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:#ffffff1a;color:#fff;transform:translateX(5px)}.nav-item.active{background:#3b82f633;color:#60a5fa;font-weight:500}.nav-item.active:before{background:#3b82f6;border-radius:0 4px 4px 0;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;color:#f87171;margin-top:10px;padding-top:10px}.nav-item-logout:hover{background:#f871711a;color:#fca5a5}.sidebar-footer{border-top:1px solid #ffffff1a;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,#667eea,#764ba2);border-radius:50%;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:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#fff9;font-size:12px;text-transform:capitalize}.main-content{background-color:#0f172a;flex:1 1;margin-left:260px;min-height:100vh;overflow-x:hidden;transition:margin-left .3s ease}.sidebar.collapsed~.main-content{margin-left:80px}.content-wrapper{max-width:100%;padding:20px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.badge{align-items:center;background:#ef4444;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}@media (max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px}.sidebar.collapsed~.main-content{margin-left:80px}}@media (max-width:768px){.mobile-header{display:flex}.sidebar-overlay{display:block}.layout{padding-top:60px}.desktop-collapse-btn{display:none!important}.mobile-close-btn{display:flex}.sidebar{box-shadow:4px 0 20px #0000004d;max-width:85vw;top:0;transform:translateX(-100%);width:280px}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{max-width:85vw;width:280px}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .user-details{display:block}.sidebar.collapsed .nav-icon{margin-right:12px}.main-content{width:100%}.main-content,.sidebar.collapsed~.main-content{margin-left:0!important}.content-wrapper{padding:16px}.nav-item{font-size:16px;padding:14px 16px}.nav-item:hover{transform:none}.nav-icon{font-size:22px}}@media (max-width:480px){.mobile-header{height:56px;padding:0 12px}.mobile-brand .brand-text{font-size:14px}.layout{padding-top:56px}.sidebar,.sidebar.collapsed{max-width:300px;width:100%}.content-wrapper{padding:12px}.sidebar-header{padding:16px}.sidebar-nav{padding:16px 8px}.sidebar-footer{padding:16px}}@media (prefers-reduced-motion:no-preference){.main-content,.nav-item,.sidebar,.sidebar-overlay{transition:all .3s cubic-bezier(.4,0,.2,1)}}.main-content>*{max-width:100%;overflow-x:auto}@media (max-width:768px){.sidebar{z-index:1003}.sidebar-overlay{z-index:1002}.mobile-header{z-index:1001}}.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}.success-alert{align-items:center;background:#f0fff4;border:1px solid #9ae6b4;border-radius:12px;color:#276749;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.success-alert svg{flex-shrink:0;height:20px;width:20px}.success-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)}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.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}}.forgot-password-link{margin-top:20px;text-align:center}.forgot-password-btn{align-items:center;background:none;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.forgot-password-btn:hover{background:#667eea1a;color:#764ba2}.forgot-icon{height:16px;width:16px}.login-footer{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px;text-align:center}.login-footer p{color:#718096;font-size:13px;margin:0}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:440px;padding:32px;position:relative;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{align-items:center;background:#f7fafc;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.modal-close:hover{background:#edf2f7;color:#2d3748}.modal-close svg{height:18px;width:18px}.modal-header{margin-bottom:24px;text-align:center}.modal-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 16px #667eea4d;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.modal-icon svg{color:#fff;height:32px;width:32px}.modal-header h2{color:#1a202c;font-size:24px;font-weight:700;margin:0 0 8px}.modal-header p{color:#718096;font-size:14px;line-height:1.5;margin:0}.reset-form{display:flex;flex-direction:column;gap:20px}.reset-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:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.reset-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.reset-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.reset-button svg{height:18px;width:18px}.modal-footer{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px;text-align:center}.back-to-login{align-items:center;background:none;border:none;border-radius:8px;color:#718096;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.back-to-login:hover{background:#f7fafc;color:#2d3748}.back-to-login svg{height:16px;width:16px}@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}.modal-content{padding:24px}.modal-header h2{font-size:20px}.modal-icon{height:56px;width:56px}.modal-icon svg{height:28px;width:28px}}.back-to-login:focus-visible,.forgot-password-btn:focus-visible,.input-wrapper input:focus-visible,.login-button:focus-visible,.modal-close:focus-visible,.reset-button:focus-visible,.toggle-password:focus-visible{outline:2px solid #667eea;outline-offset:2px}.error-message-box,.success-message-box{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:24px;text-align:center}.success-message-box{background:#f0fff4;border:1px solid #9ae6b4}.error-message-box{background:#fff5f5;border:1px solid #feb2b2}.error-icon-large,.success-icon-large{height:48px;width:48px}.success-icon-large{color:#38a169}.error-icon-large{color:#c53030}.error-message-box p,.success-message-box p{font-size:15px;line-height:1.5;margin:0}.success-message-box p{color:#276749}.error-message-box p{color:#c53030}.password-requirements{background:#f7fafc;border-radius:8px;margin-bottom:8px;padding:12px 16px}.password-requirements p{align-items:center;color:#718096;display:flex;font-size:13px;gap:8px;margin:0;padding:4px 0}.password-requirements p.requirement-met{color:#38a169}.requirement-icon{font-size:12px;text-align:center;width:16px}.back-to-login-link{align-items:center;border-radius:8px;color:#667eea;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.back-to-login-link:hover{background:#667eea1a;color:#764ba2}.back-to-login-link svg{height:16px;width:16px}.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}}.hd-dashboard,.hd-ticket-detail,.hd-tickets-page{padding:20px}.hd-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.hd-header h1{color:#f9fafb;font-size:24px;font-weight:700;margin:0}.hd-ticket-count{background:#ffffff1a;border-radius:20px;color:#9ca3af;padding:4px 12px}.hd-btn{align-items:center;border-radius:8px;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s}.hd-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hd-btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.hd-btn-secondary{background:#ffffff1a;color:#d1d5db}.hd-btn-secondary:hover{background:#ffffff26}.hd-btn-text{background:none;color:#9ca3af;padding:10px}.hd-btn-text:hover{color:#667eea}.hd-btn-remove{background:#dc262633;border:none;border-radius:50%;color:#ef4444;cursor:pointer;font-size:16px;height:24px;width:24px}.hd-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.hd-stat-card{background:#ffffff0d;border:1px solid #ffffff1a;gap:16px;padding:20px}.hd-stat-card,.hd-stat-icon{align-items:center;border-radius:12px;display:flex}.hd-stat-icon{font-size:24px;height:48px;justify-content:center;width:48px}.hd-stat-icon.blue{background:#3b82f633}.hd-stat-icon.green{background:#10b98133}.hd-stat-icon.orange{background:#f59e0b33}.hd-stat-icon.purple{background:#8b5cf633}.hd-stat-icon.teal{background:#14b8a633}.hd-stat-icon.gray{background:#6b728033}.hd-stat-content{display:flex;flex-direction:column}.hd-stat-number{color:#f9fafb;font-size:28px;font-weight:700}.hd-stat-label{color:#9ca3af;font-size:13px}.hd-quick-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.hd-action-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;padding:20px;text-decoration:none;transition:all .2s}.hd-action-card:hover{background:#ffffff1a;border-color:#667eea}.hd-action-icon{font-size:24px}.hd-action-label{color:#f9fafb;flex:1 1;font-weight:600}.hd-action-count{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 10px}.hd-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:20px}.hd-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.hd-section-header h2{color:#f9fafb;font-size:18px;font-weight:600;margin:0}.hd-link{color:#667eea;font-size:14px;text-decoration:none}.hd-link:hover{text-decoration:underline}.hd-table{border-collapse:collapse;width:100%}.hd-table td,.hd-table th{border-bottom:1px solid #ffffff1a;padding:12px;text-align:left}.hd-table th{color:#9ca3af;font-size:12px;font-weight:600;text-transform:uppercase}.hd-table td{color:#d1d5db;font-size:14px}.hd-table tr:hover{background:#ffffff0d}.hd-row-critical{background:#dc26261a!important}.hd-ticket-link{color:#667eea;font-weight:600;text-decoration:none}.hd-ticket-link:hover{text-decoration:underline}.hd-subject{white-space:normal}.hd-subject>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-subject a{color:#f9fafb;text-decoration:none}.hd-subject a:hover{color:#667eea}.hd-company{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-client-name{color:#f9fafb}.hd-client-email{color:#9ca3af}.hd-empty,.hd-unassigned{color:#6b7280}.hd-empty{padding:40px!important;text-align:center}.hd-status-badge{border-radius:12px;display:inline-block;font-size:11px;padding:4px 10px}.hd-status-badge.open{background:#10b98133;color:#34d399}.hd-status-badge.assigned{background:#6366f133;color:#818cf8}.hd-status-badge.in-progress{background:#f59e0b33;color:#fbbf24}.hd-status-badge.waiting{background:#ec489933;color:#f472b6}.hd-status-badge.resolved{background:#14b8a633;color:#2dd4bf}.hd-status-badge.closed{background:#6b728033;color:#9ca3af}.hd-priority-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px}.hd-priority-badge.low{background:#10b98133;color:#34d399}.hd-priority-badge.medium{background:#f59e0b33;color:#fbbf24}.hd-priority-badge.high{background:#f9731633;color:#fb923c}.hd-priority-badge.critical{background:#dc262633;color:#f87171}.hd-filters{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:16px}.hd-search-form{gap:12px;margin-bottom:16px}.hd-search-input{background:#ffffff0d;border:1px solid #fff3;padding:10px 16px}.hd-search-input:focus{outline:none}.hd-select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#f9fafb;font-size:14px;min-width:150px;padding:10px 16px}.hd-select:focus{border-color:#667eea;outline:none}.hd-pagination{margin-top:20px}.hd-loading{color:#9ca3af;padding:60px;text-align:center}.hd-detail-header{margin-bottom:24px}.hd-back-link{color:#9ca3af;margin-bottom:12px}.hd-back-link:hover{color:#667eea}.hd-ticket-title{margin-bottom:16px}.hd-ticket-title h1{color:#667eea;font-size:14px;margin:0 0 4px}.hd-ticket-title h2{color:#f9fafb;font-size:22px;margin:0}.hd-ticket-actions{display:flex;gap:12px}.hd-detail-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px}@media (max-width:1024px){.hd-detail-content{grid-template-columns:1fr}}.hd-conversation-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.hd-message{border-radius:12px;margin-bottom:16px;padding:16px}.hd-message-client{background:#3b82f61a;border-left:4px solid #3b82f6}.hd-message-agent{background:#10b9811a;border-left:4px solid #10b981}.hd-message-internal{background:#f59e0b1a;border-left:4px solid #f59e0b}.hd-message-header{display:flex;justify-content:space-between;margin-bottom:8px}.hd-message-author{align-items:center;color:#f9fafb;display:flex;font-weight:600;gap:8px}.hd-message-date{color:#9ca3af;font-size:12px}.hd-message-body{color:#d1d5db;line-height:1.6;white-space:pre-wrap}.hd-internal-badge{background:#f59e0b33;border-radius:10px;color:#fbbf24;font-size:10px;padding:2px 8px}.hd-reply-form{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:24px}.hd-reply-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hd-reply-header h3{color:#f9fafb;font-size:16px;margin:0}.hd-checkbox{align-items:center;color:#9ca3af;cursor:pointer;display:flex;font-size:13px;gap:8px}.hd-canned-responses,.hd-textarea{margin-bottom:12px}.hd-textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#f9fafb;font-size:14px;padding:12px;width:100%}.hd-textarea::placeholder{color:#6b7280}.hd-textarea:focus{border-color:#667eea;outline:none}.hd-info-section{display:flex;flex-direction:column;gap:16px}.hd-info-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.hd-info-card h3{color:#9ca3af;font-size:14px;font-weight:600;margin:0 0 12px;text-transform:uppercase}.hd-info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hd-info-row:last-child{margin-bottom:0}.hd-info-row label{color:#9ca3af;font-size:13px}.hd-info-row span{color:#d1d5db;font-size:14px}.hd-info-row .hd-select{min-width:140px;padding:6px 12px}.hd-client-detail p{color:#d1d5db;font-size:14px;margin:0 0 8px}.hd-no-agents{color:#6b7280;font-size:14px;font-style:italic}.hd-agent-list{list-style:none;margin:0;padding:0}.hd-agent-list li{align-items:center;border-bottom:1px solid #ffffff1a;color:#d1d5db;display:flex;justify-content:space-between;padding:8px 0}.hd-agent-list li:last-child{border-bottom:none}.hd-modal{background:#1a2038;border-radius:12px;max-width:400px;padding:24px;width:100%}.hd-modal h3{color:#f9fafb;margin:0 0 16px}.hd-modal-actions{margin-top:16px}.hd-save-message{animation:slideIn .3s ease;border-radius:8px;font-weight:500;padding:12px 24px;position:fixed;right:20px;top:20px;z-index:1000}.hd-save-message.success{background:#10b981;color:#fff}.hd-save-message.error{background:#ef4444;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.hd-btn-success{background:#10b981!important;border-color:#10b981!important}.hd-btn-success:hover{background:#059669!important}.hd-btn-full{margin-top:15px;width:100%}.hd-input{background:#1f2937;border:1px solid #374151;color:#e5e7eb;padding:8px 12px}.hd-input:focus{border-color:#3b82f6;outline:none}.hd-reopen-note{color:#f59e0b;font-size:12px;font-weight:400}.hd-attachments{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.hd-attachment-list{list-style:none;margin:8px 0 0;padding:0}.hd-attachment-list li{margin:4px 0}.hd-attachment-list a{color:#60a5fa;text-decoration:none}.hd-attachment-list a:hover{text-decoration:underline}.hd-file-size{color:#9ca3af;font-size:12px;margin-left:8px}.hd-attachment-list-full{list-style:none;margin:0;padding:0}.hd-attachment-item{border-bottom:1px solid #ffffff1a;padding:8px 0}.hd-attachment-item:last-child{border-bottom:none}.hd-attachment-item a{color:#60a5fa;display:block;text-decoration:none}.hd-attachment-item a:hover{text-decoration:underline}.hd-file-meta{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.hd-assigned{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-unassigned{color:#9ca3af;font-style:italic}.hd-table-container{overflow-x:auto}.hd-table td,.hd-table th{white-space:nowrap}.hd-subject{max-width:600px}.hd-subject,.hd-subject-client{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-subject-client{border-radius:8px;display:inline-block;font-size:11px;font-weight:500;margin-top:4px;max-width:100%;padding:2px 8px}.hd-subject-client.open{background:#10b98126;color:#34d399}.hd-subject-client.assigned{background:#6366f126;color:#818cf8}.hd-subject-client.in-progress{background:#f59e0b26;color:#fbbf24}.hd-subject-client.waiting{background:#ec489926;color:#f472b6}.hd-subject-client.resolved{background:#14b8a626;color:#2dd4bf}.hd-subject-client.closed{background:#6b728026;color:#9ca3af}.hd-create-ticket{max-width:1200px;padding:20px}.hd-back-link{color:#60a5fa;display:inline-block;font-size:14px;margin-bottom:10px;text-decoration:none}.hd-back-link:hover{text-decoration:underline}.hd-form{background:#1e293b80;border-radius:12px;margin-top:20px;padding:24px}.hd-form-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}@media (max-width:900px){.hd-form-grid{grid-template-columns:1fr}}.hd-form-section{background:#0f172a66;border-radius:10px;padding:20px}.hd-form-section h3{border-bottom:1px solid #ffffff1a;color:#e2e8f0;font-size:18px;margin:0 0 20px;padding-bottom:10px}.hd-form-group{margin-bottom:16px}.hd-form-group label{color:#94a3b8;display:block;font-size:14px;margin-bottom:6px}.hd-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.hd-input,.hd-select,.hd-textarea{background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#e2e8f0;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.hd-input:focus,.hd-select:focus,.hd-textarea:focus{border-color:#3b82f6;outline:none}.hd-input[readonly]{background:#0f172a4d;color:#94a3b8}.hd-textarea{min-height:120px;resize:vertical}.hd-select{cursor:pointer}.hd-checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-size:14px;gap:8px}.hd-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.hd-hint{color:#64748b;font-size:12px;margin-left:10px}.hd-attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hd-attachment-item{align-items:center;background:#3b82f633;border-radius:6px;display:flex;font-size:13px;gap:10px;padding:8px 12px}.hd-attachment-item button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;line-height:1;padding:0}.hd-form-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.hd-alert{border-radius:8px;margin-bottom:20px;padding:12px 16px}.hd-alert-error{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.hd-alert-success{background:#22c55e33;border:1px solid #22c55e4d;color:#86efac}.hd-client-dropdown{background:#1e293b;border:1px solid #fff3;border-radius:8px;box-shadow:0 10px 25px #0000004d;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.hd-form-group{position:relative}.hd-client-option{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:12px 14px;transition:background .15s}.hd-client-option:hover{background:#3b82f633}.hd-client-option:last-child{border-bottom:none}.hd-client-name{color:#e2e8f0;margin-bottom:2px}.hd-client-details{color:#94a3b8;font-size:12px}.hd-no-results{color:#94a3b8;cursor:default;font-style:italic}.hd-no-results:hover{background:#0000}.hd-filters-compact{background:#1e293b80;border-radius:12px;margin-bottom:20px;padding:16px}.hd-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.hd-filter-row:last-child{margin-bottom:0}.hd-search-form{display:flex;flex:1 1;gap:8px;max-width:400px;min-width:250px}.hd-search-input{flex:1 1}.hd-search-input,.hd-select-sm{background:#0f172a99;border:1px solid #ffffff1a;border-radius:6px;color:#e2e8f0;padding:8px 12px}.hd-select-sm{cursor:pointer;font-size:13px;min-width:130px}.hd-filter-label{color:#94a3b8;font-size:13px;margin-right:4px}.hd-status-chips{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.hd-status-chip{align-items:center;background:#0f172a99;border:1px solid #ffffff1a;border-radius:20px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;transition:all .2s}.hd-status-chip:hover{border-color:#3b82f680}.hd-status-chip.active{background:#3b82f64d;border-color:#3b82f6;color:#e2e8f0}.hd-status-chip input{display:none}.hd-date-range{align-items:center;display:flex;gap:8px}.hd-date-input{background:#0f172a99;border:1px solid #ffffff1a;border-radius:6px;color:#e2e8f0;font-size:13px;padding:6px 10px}.hd-checkbox-filter{align-items:center;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;gap:6px;white-space:nowrap}.hd-checkbox-filter input{cursor:pointer;height:16px;width:16px}.hd-btn-sm{font-size:13px;padding:6px 12px}.hd-table-sortable th.hd-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.hd-table-sortable th.hd-sortable:hover{background:#3b82f61a}.hd-client-info{display:flex;flex-direction:column}.hd-client-email{color:#94a3b8;font-size:12px}@media (max-width:768px){.hd-filter-row{align-items:stretch;flex-direction:column}.hd-search-form{max-width:none}.hd-status-chips{width:100%}.hd-date-range{flex-wrap:wrap}}.hd-chip-btn{background:#3b82f633;border:1px solid #3b82f666;border-radius:4px;color:#60a5fa;cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s}.hd-chip-btn:hover{background:#3b82f666}.hd-header-buttons{display:flex;gap:10px}.rtl,.rtl *{font-family:Cairo,Segoe UI,Tahoma,sans-serif!important}.hd-btn-lang{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.hd-btn-lang:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.hd-btn-success{align-items:center;background:linear-gradient(135deg,#10b981,#059669)!important;border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:inline-flex;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.hd-btn-success:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 4px 12px #10b98166;color:#fff!important;transform:translateY(-2px)}.hd-btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:inline-flex;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.hd-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 4px 12px #3b82f666;color:#fff!important;transform:translateY(-2px)}.hd-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.hd-modal{animation:modalSlideIn .3s ease;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px #00000080;max-width:450px;padding:0;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hd-modal-header{border-bottom:1px solid #ffffff1a;padding:20px 24px}.hd-modal-header h3{color:#f8fafc;font-size:18px;font-weight:600;margin:0}.hd-modal-body{padding:24px}.hd-modal-message{color:#cbd5e1;font-size:15px;line-height:1.6;margin:0 0 20px}.hd-modal-email-display{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;margin-bottom:16px;padding:16px}.hd-modal-label{color:#94a3b8;display:block;font-size:13px;margin-bottom:4px}.hd-modal-value{color:#3b82f6;direction:ltr;display:block;font-size:16px;font-weight:600}.hd-modal-note{background:#fbbf241a;border-left:3px solid #fbbf24;border-radius:8px;color:#fbbf24;font-size:14px;margin:0;padding:12px}.rtl .hd-modal-note{border-left:none;border-right:3px solid #fbbf24}.hd-modal-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.rtl .hd-modal-actions{flex-direction:row-reverse}.hd-header-left{display:flex;flex-direction:column;gap:8px}.hd-header-left h1{margin:0}@media (max-width:768px){.hd-create-ticket{max-width:100%;padding:12px}.hd-header{flex-wrap:wrap;gap:12px}.hd-header h1{font-size:20px}.hd-header-left{flex:1 1;min-width:0}.hd-form{margin-top:14px;padding:16px}.hd-form-grid{gap:20px;grid-template-columns:1fr}.hd-form-section{padding:16px}.hd-form-section h3{font-size:16px;margin-bottom:16px}.hd-form-row{gap:12px;grid-template-columns:1fr}.hd-form-actions{flex-direction:column-reverse;gap:10px}.hd-form-actions .hd-btn{justify-content:center;text-align:center;width:100%}.hd-select{min-width:0;min-width:auto;width:100%}.hd-input,.hd-select,.hd-textarea{font-size:16px;padding:12px}.hd-btn-lang{font-size:13px;padding:8px 14px;white-space:nowrap}.hd-attachment-list{flex-direction:column}.hd-attachment-item{box-sizing:border-box;width:100%}.hd-modal{margin:16px;max-width:400px;width:94%}.hd-modal-header{padding:16px 18px}.hd-modal-body{padding:18px}.hd-modal-actions{flex-wrap:wrap;padding:14px 18px}.hd-modal-actions .hd-btn{flex:1 1;justify-content:center;min-width:0;text-align:center}.hd-alert{font-size:13px;padding:10px 14px}.hd-client-dropdown{max-height:200px}.hd-hint{display:block;margin-left:0;margin-top:6px}.hd-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.hd-stat-card{gap:10px;padding:14px}.hd-stat-icon{font-size:20px;height:40px;width:40px}.hd-stat-number{font-size:22px}.hd-quick-actions{gap:10px;grid-template-columns:1fr 1fr}.hd-action-card{flex-direction:column;gap:8px;padding:14px;text-align:center}.hd-table td,.hd-table th{font-size:12px;padding:8px 6px}.hd-section{padding:14px}.hd-dashboard,.hd-ticket-detail,.hd-tickets-page{padding:12px}.hd-detail-content{grid-template-columns:1fr}.hd-search-form{max-width:none;min-width:0;min-width:auto}.hd-filters-compact{padding:12px}.hd-header-buttons,.hd-ticket-actions{flex-wrap:wrap;gap:8px}.hd-reply-header{gap:8px}.hd-info-row,.hd-reply-header{align-items:flex-start;flex-direction:column}.hd-info-row{gap:6px}.hd-info-row .hd-select{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.hd-create-ticket{padding:8px}.hd-header{margin-bottom:16px}.hd-header h1{font-size:18px}.hd-form{margin-top:10px}.hd-form,.hd-form-section{border-radius:8px;padding:12px}.hd-form-section h3{font-size:15px;margin-bottom:14px;padding-bottom:8px}.hd-form-group{margin-bottom:14px}.hd-form-group label{font-size:13px;margin-bottom:5px}.hd-btn{font-size:13px;padding:10px 16px}.hd-btn-lang{font-size:12px;padding:6px 12px}.hd-back-link{font-size:13px}.hd-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.hd-stat-card{padding:10px}.hd-stat-number{font-size:20px}.hd-stat-label{font-size:11px}.hd-quick-actions{grid-template-columns:1fr}.hd-modal{margin:8px;width:96%}.hd-modal-header h3{font-size:16px}.hd-modal-message{font-size:14px}.hd-modal-actions{flex-direction:column-reverse;gap:8px}.hd-modal-actions .hd-btn{width:100%}.hd-checkbox-label{font-size:13px}.hd-date-range{align-items:stretch;flex-direction:column}.hd-pagination{flex-wrap:wrap;gap:8px}}.hd-create-ticket *,.hd-dashboard *,.hd-ticket-detail *,.hd-tickets-page *{box-sizing:border-box}.hd-form-group .hd-select{max-width:100%;overflow:hidden;text-overflow:ellipsis}@media (pointer:coarse){.hd-btn,.hd-input,.hd-select,.hd-textarea{min-height:44px}.hd-checkbox-label input[type=checkbox]{height:22px;width:22px}.hd-client-option{padding:14px}.hd-status-chip{font-size:13px;padding:6px 12px}}.rtl .hd-subject{direction:rtl;text-align:right}.rtl .hd-subject>div{direction:rtl;unicode-bidi:plaintext}.theme-light .hd-form-section{background:#fff;border:1px solid #e2e8f0}.theme-light .hd-form-section h3{border-bottom:1px solid #e2e8f0;color:#1e293b}.theme-light .hd-form{background:#fff;border:1px solid #e2e8f0}.hd-clients-page{margin:0 auto;max-width:1400px;padding:24px}.hd-clients-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.hd-clients-header h1{color:#f9fafb;font-size:24px;font-weight:700;margin:0}.hd-clients-subtitle{color:#9ca3af;font-size:14px;margin:4px 0 0}.hd-clients-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.hd-search-box{flex:1 1;min-width:250px;position:relative}.hd-search-icon{font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.hd-search-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#f9fafb;font-size:14px;outline:none;padding:10px 12px 10px 36px;transition:border-color .2s;width:100%}.hd-search-input:focus{border-color:#667eea}.hd-search-input::placeholder{color:#6b7280}.hd-filter-select{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#f9fafb;cursor:pointer;font-size:14px;min-width:140px;outline:none;padding:10px 16px}.hd-filter-select option{background:#1a2038;color:#f9fafb}.hd-empty,.hd-loading{color:#9ca3af;font-size:16px;padding:60px 20px;text-align:center}.hd-clients-table-wrap{border:1px solid #ffffff14;border-radius:12px;overflow-x:auto}.hd-clients-table{border-collapse:collapse;font-size:14px;width:100%}.hd-clients-table thead th{background:#ffffff0a;border-bottom:1px solid #ffffff14;color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.hd-clients-table tbody tr{border-bottom:1px solid #ffffff0d;transition:background .15s}.hd-clients-table tbody tr:hover{background:#ffffff08}.hd-clients-table tbody tr.editing{background:#667eea14}.hd-clients-table td{color:#d1d5db;padding:12px 16px;vertical-align:middle}.hd-client-row.inactive td{opacity:.5}.hd-client-row.inactive:hover td{opacity:.7}.hd-client-name{align-items:center;color:#f9fafb!important;display:flex;font-weight:500;gap:10px;white-space:nowrap}.hd-client-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.hd-muted{color:#4b5563}.hd-date{color:#9ca3af!important;font-size:13px;white-space:nowrap}.hd-ticket-count{background:#6366f126;border-radius:12px;color:#818cf8;display:inline-block;font-size:13px;font-weight:600;min-width:24px;padding:2px 10px;text-align:center}.hd-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.hd-status-badge.active{background:#10b98126;color:#34d399}.hd-status-badge.inactive{background:#ef444426;color:#f87171}.hd-actions{display:flex;gap:8px;white-space:nowrap}.hd-btn-edit,.hd-btn-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#d1d5db;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;transition:all .15s;width:34px}.hd-btn-edit:hover{background:#6366f133;border-color:#667eea}.hd-btn-toggle.deactivate:hover{background:#ef444433;border-color:#ef4444}.hd-btn-toggle.activate:hover{background:#10b98133;border-color:#10b981}.hd-btn-toggle:disabled{cursor:not-allowed;opacity:.5}.hd-edit-row td{background:#667eea0a;padding:0!important}.hd-edit-form{border-top:1px solid #667eea33;padding:16px 20px}.hd-edit-fields{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:14px}.hd-field label{color:#9ca3af;display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.hd-input{background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;box-sizing:border-box;color:#f9fafb;font-size:14px;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}.hd-input:focus{border-color:#667eea}.hd-edit-actions{display:flex;gap:10px;justify-content:flex-end}.hd-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .15s}.hd-btn-save{background:#10b981;color:#fff}.hd-btn-save:hover{background:#059669}.hd-btn-save:disabled{cursor:not-allowed;opacity:.6}.hd-btn-cancel{background:#ffffff14;border:1px solid #ffffff1a;color:#d1d5db}.hd-btn-cancel:hover{background:#ffffff1f}.hd-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px 0}.hd-page-info{color:#9ca3af;font-size:14px}.hd-btn-page{background:#ffffff0f;border:1px solid #ffffff1a;color:#d1d5db;padding:8px 18px}.hd-btn-page:hover:not(:disabled){background:#ffffff1a}.hd-btn-page:disabled{cursor:not-allowed;opacity:.3}@media (max-width:768px){.hd-clients-page{padding:16px}.hd-clients-header h1{font-size:20px}.hd-clients-filters{flex-direction:column}.hd-search-box{min-width:100%}.hd-edit-fields{grid-template-columns:1fr}.hd-clients-table-wrap{font-size:13px}.hd-clients-table td,.hd-clients-table thead th{padding:10px 12px}}.hd-company-tag{background:#6366f126;border-radius:12px;color:#818cf8;display:inline-block;font-size:11px;font-weight:500;margin:2px 3px;padding:2px 8px;white-space:nowrap}
/*# sourceMappingURL=main.c94aaf01.css.map*/