@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap);*,body,html{font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}code,pre{font-family:SF Mono,Monaco,Consolas,monospace!important}: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;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] *):not(.sales-badge-tag){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}}#root .all-conv-container-dark span.sales-badge-tag,#root span.sales-badge-tag,.sales-badge-tag,[data-theme=dark] .sales-badge-tag{background:#fef3c7!important;color:#92400e!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*=padding],[data-theme=light] div[style*=borderRadius][style*=padding]{background:#fff!important;background-color:#fff!important;border:none!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}[data-theme=light] .negative-feedback-page{background:#f0f2f5!important;color:#1a1a2e!important}[data-theme=light] .negative-feedback-header{background:#fff!important;border:1.5px solid #d1d5db!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .negative-feedback-header h1{-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] .negative-feedback-header p{color:#6b7280!important}[data-theme=light] .header-icon-wrapper{background:#ef444414!important;border-color:#ef444426!important}[data-theme=light] .header-icon-wrapper .header-icon{color:#dc2626!important}[data-theme=light] .analysis-toggle-btn{background:#fff!important;border:1.5px solid #d1d5db!important;color:#4f46e5!important}[data-theme=light] .analysis-toggle-btn:hover{background:#4f46e50d!important;border-color:#a5b4fc!important}[data-theme=light] .negative-stat-card{background:#fff!important;border:1.5px solid #d1d5db!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .negative-stat-card:hover{border-color:#a5b4fc!important;box-shadow:0 4px 16px #4f46e51f!important}[data-theme=light] .negative-stat-card .stat-value{color:#111827!important}[data-theme=light] .negative-stat-card .stat-label{color:#6b7280!important}[data-theme=light] .negative-stat-card.total .stat-icon-circle,[data-theme=light] .negative-stat-card.wrong .stat-icon-circle{background:#ef444414!important;color:#dc2626!important}[data-theme=light] .negative-stat-card.not-helpful .stat-icon-circle{background:#f59e0b14!important;color:#d97706!important}[data-theme=light] .negative-stat-card.today .stat-icon-circle{background:#3b82f614!important;color:#2563eb!important}[data-theme=light] .negative-filters-section{background:#fff!important;border:1.5px solid #d1d5db!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .negative-search-wrapper{background:#f8fafc!important;border-color:#d1d5db!important}[data-theme=light] .negative-search-input{background:#0000!important;color:#1a1a2e!important}[data-theme=light] .negative-search-input::placeholder{color:#a0aec0!important}[data-theme=light] .search-icon{color:#6b7280!important}[data-theme=light] .negative-filter-select{background:#fff!important;border-color:#d1d5db!important;color:#1a1a2e!important}[data-theme=light] .negative-filter-item{color:#6b7280!important}[data-theme=light] .negative-btn-export{background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important}[data-theme=light] .negative-feedback-card{background:#fff!important;border:1.5px solid #d1d5db!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .negative-feedback-card:hover{border-color:#a5b4fc!important;box-shadow:0 4px 16px #4f46e51a!important}[data-theme=light] .negative-feedback-card.wrong{border-top:3px solid #dc2626!important}[data-theme=light] .negative-feedback-card.not-helpful{border-top:3px solid #d97706!important}[data-theme=light] .feedback-card-header{border-bottom-color:#e5e7eb!important}[data-theme=light] .feedback-icon-large.wrong{background:#ef444414!important;color:#dc2626!important}[data-theme=light] .feedback-icon-large.not_helpful{background:#f59e0b14!important;color:#d97706!important}[data-theme=light] .feedback-type-badge.wrong{background:#ef444414!important;color:#dc2626!important}[data-theme=light] .feedback-type-badge.not_helpful{background:#f59e0b14!important;color:#d97706!important}[data-theme=light] .feedback-timestamp{color:#6b7280!important}[data-theme=light] .feedback-expand-btn{background:#f3f4f6!important;border-color:#d1d5db!important;color:#6b7280!important}[data-theme=light] .feedback-expand-btn:hover{background:#e5e7eb!important;color:#4f46e5!important}[data-theme=light] .feedback-meta-item,[data-theme=light] .feedback-meta-row{color:#4a5568!important}[data-theme=light] .feedback-meta-item svg{color:#6b7280!important}[data-theme=light] .conversation-id-badge{background:#4f46e514!important;color:#4f46e5!important}[data-theme=light] .feedback-section{background:#f8fafc!important;border-color:#e5e7eb!important}[data-theme=light] .feedback-section.question{border-right-color:#3b82f6!important}[data-theme=light] .feedback-section.answer{border-right-color:#7c3aed!important}[data-theme=light] .feedback-section.comment{border-right-color:#d97706!important}[data-theme=light] .feedback-section-label{color:#6b7280!important}[data-theme=light] .feedback-text-content{color:#1a1a2e!important}[data-theme=light] .feedback-source-item{background:#f3f4f6!important;border-color:#e5e7eb #4f46e5 #e5e7eb #e5e7eb!important}[data-theme=light] .source-item-label{color:#4f46e5!important}[data-theme=light] .source-item-text{color:#374151!important}[data-theme=light] .context-section{background:#f8fafc!important;border:1.5px solid #e5e7eb!important}[data-theme=light] .context-header{border-bottom-color:#e5e7eb!important;color:#4f46e5!important}[data-theme=light] .context-message.customer{background:#3b82f60f!important;border-color:#3b82f626!important}[data-theme=light] .context-message.customer .context-msg-header{color:#2563eb!important}[data-theme=light] .context-message.customer .context-msg-text{color:#1a1a2e!important}[data-theme=light] .context-message.bot{background:#f59e0b0f!important;border-color:#f59e0b26!important}[data-theme=light] .context-message.bot .context-msg-header{color:#d97706!important}[data-theme=light] .context-message.bot .context-msg-text{color:#1a1a2e!important}[data-theme=light] .context-time{color:#9ca3af!important}[data-theme=light] .context-separator{color:#d1d5db!important}[data-theme=light] .suggestions-section{background:#f8fafc!important;border:1.5px solid #e5e7eb!important}[data-theme=light] .suggestions-header{border-bottom-color:#e5e7eb!important;color:#4f46e5!important}[data-theme=light] .suggestion-card{background:#fff!important;border:1px solid #e5e7eb!important}[data-theme=light] .suggestion-card.wrong_answer{border-right-color:#dc2626!important}[data-theme=light] .suggestion-card.question_clarity{border-right-color:#d97706!important}[data-theme=light] .suggestion-card.low_confidence{border-right-color:#f59e0b!important}[data-theme=light] .suggestion-card.conversation_flow{border-right-color:#3b82f6!important}[data-theme=light] .suggestion-card.pricing{border-right-color:#10b981!important}[data-theme=light] .suggestion-card.technical{border-right-color:#8b5cf6!important}[data-theme=light] .suggestion-card.general_review{border-right-color:#6b7280!important}[data-theme=light] .suggestion-title{color:#111827!important}[data-theme=light] .suggestion-desc{color:#4a5568!important}[data-theme=light] .feedback-action-btn.primary{background:#4f46e514!important;border-color:#4f46e533!important;color:#4f46e5!important}[data-theme=light] .feedback-action-btn.primary:hover{background:#4f46e526!important}[data-theme=light] .feedback-action-btn.secondary{background:#f3f4f6!important;border-color:#d1d5db!important;color:#374151!important}[data-theme=light] .feedback-action-btn.secondary:hover{background:#e5e7eb!important}[data-theme=light] .feedback-action-btn.resolve-btn{background:#10b98114!important;border-color:#10b98133!important;color:#059669!important}[data-theme=light] .feedback-action-btn.resolve-btn:hover{background:#10b98126!important}[data-theme=light] .resolved-badge{background:#10b98114!important;color:#059669!important}[data-theme=light] .resolve-form{background:#f8fafc!important;border-color:#e5e7eb!important}[data-theme=light] .resolve-textarea{background:#fff!important;border-color:#d1d5db!important;color:#1a1a2e!important}[data-theme=light] .resolve-textarea::placeholder{color:#a0aec0!important}[data-theme=light] .resolve-action-chip{background:#f3f4f6!important;border-color:#d1d5db!important;color:#374151!important}[data-theme=light] .resolve-action-chip:hover{background:#4f46e514!important;border-color:#a5b4fc!important;color:#4f46e5!important}[data-theme=light] .resolve-action-chip.cancel{background:#ef44440f!important;border-color:#ef444426!important;color:#dc2626!important}[data-theme=light] .analysis-panel{background:#fff!important;border:1.5px solid #d1d5db!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .analysis-section{background:#f8fafc!important;border-color:#e5e7eb!important}[data-theme=light] .analysis-section h3{color:#111827!important}[data-theme=light] .analysis-note{color:#6b7280!important}[data-theme=light] .satisfaction-bar{background:#e5e7eb!important}[data-theme=light] .satisfaction-value{color:#111827!important}[data-theme=light] .pattern-chip{background:#fff!important;border:1px solid #d1d5db!important}[data-theme=light] .pattern-name{color:#374151!important}[data-theme=light] .pattern-count{background:#4f46e514!important;color:#4f46e5!important}[data-theme=light] .problem-item{background:#fff!important;border:1px solid #e5e7eb!important}[data-theme=light] .problem-rank{color:#4f46e5!important}[data-theme=light] .problem-question{color:#1a1a2e!important}[data-theme=light] .problem-type.wrong{background:#ef444414!important;color:#dc2626!important}[data-theme=light] .problem-type.not_helpful{background:#f59e0b14!important;color:#d97706!important}[data-theme=light] .problem-count{color:#6b7280!important}[data-theme=light] .negative-empty-state{background:#f8fafc!important;border-color:#d1d5db!important}[data-theme=light] .negative-empty-state h3{color:#111827!important}[data-theme=light] .negative-empty-state p{color:#6b7280!important}[data-theme=light] .empty-state-icon{background:#10b98114!important;color:#059669!important}[data-theme=light] .negative-loading-state p{color:#6b7280!important}[data-theme=light] .loading-spinner-large{border-color:#4f46e5 #4f46e526 #4f46e526!important}[data-theme=light] .negative-alert.error{background:#ef44440f!important;border-color:#ef444426!important;color:#dc2626!important}[data-theme=light] .pagination-controls{background:#fff!important;border-color:#d1d5db!important}[data-theme=light] .pagination-btn{background:#f3f4f6!important;border-color:#d1d5db!important;color:#374151!important}[data-theme=light] .pagination-btn:hover:not(:disabled){background:#4f46e514!important;color:#4f46e5!important}[data-theme=light] .analysis-loading,[data-theme=light] .pagination-info{color:#6b7280!important}[data-theme=light] .analysis-loading .spinning{color:#4f46e5!important}[data-theme=light] .stat-card div[style*=border-bottom],[data-theme=light] .stat-card div[style*=borderBottom]{border-bottom:none!important}[data-theme=light] .stat-card table td,[data-theme=light] .stat-card table tr{border:none!important;border-bottom:1px solid #0000000a!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}}.calendar-day-cell.calendar-day-has-slots{font-weight:600;position:relative}.calendar-day-cell .slot-indicator{bottom:2px;color:#10b981;font-size:18px;left:50%;line-height:1;position:absolute;transform:translateX(-50%)}.calendar-day-cell.calendar-day-today{border:2px solid #667eea!important;border:2px solid var(--color-primary,#667eea)!important}.public-booking-page,.public-booking-page *{--text-primary:#222!important;--text-secondary:#555!important;--card-bg:#fff!important;--border-color:#ddd!important}.public-booking-page input,.public-booking-page select,.public-booking-page textarea{background:#fff!important;border-color:#ddd!important;color:#222!important}.public-booking-page button{color:#222}.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}.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}.theme-dark .error-alert,[data-theme=dark] .error-alert,body.theme-dark .error-alert{background:#dc262626!important;border-color:#dc26264d!important;color:#fca5a5!important}.theme-dark .success-alert,[data-theme=dark] .success-alert,body.theme-dark .success-alert{background:#16a34a26!important;border-color:#16a34a4d!important;color:#86efac!important}.negative-feedback-page{margin:0 auto;max-width:1400px;padding:2rem}.negative-feedback-header{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444433;gap:1.5rem;margin-bottom:2rem;padding:2rem}.header-icon-wrapper,.negative-feedback-header{align-items:center;border-radius:16px;display:flex}.header-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #ef44444d;flex-shrink:0;height:64px;justify-content:center;width:64px}.header-icon{color:#fff}.header-content{flex:1 1}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#9ca3af;font-size:.9375rem;margin:0}.analysis-toggle-btn{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f14d;border-radius:12px;color:#818cf8;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.analysis-toggle-btn:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);transform:translateY(-1px)}.negative-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.negative-stat-card{align-items:center;background:#1a2038cc;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.negative-stat-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.stat-icon-circle{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.negative-stat-card.total .stat-icon-circle{background:#ef444426;color:#ef4444}.negative-stat-card.wrong .stat-icon-circle{background:#dc262626;color:#dc2626}.negative-stat-card.not-helpful .stat-icon-circle{background:#f59e0b26;color:#f59e0b}.negative-stat-card.today .stat-icon-circle{background:#3b82f626;color:#3b82f6}.negative-stat-card.from-bot .stat-icon-circle{background:#8b5cf626;color:#8b5cf6}.negative-stat-card.active{border-color:#4f46e5!important;box-shadow:0 0 0 2px #4f46e54d,0 4px 12px #4f46e526!important}.feedback-type-badge.bot{background:#8b5cf626;border-radius:6px;font-size:.75rem;font-weight:600;padding:2px 8px}.feedback-mini-badge{display:inline-block}.feedback-mini-badge.wrong{background:#dc262626}.feedback-mini-badge.not_helpful{background:#f59e0b26}.feedback-mini-badge.helpful{background:#22c55e26;color:#22c55e}.negative-feedback-card.bot-generated{border-right:4px solid #8b5cf6}.negative-feedback-card.bot-generated .feedback-card-header{border-bottom:1px solid #8b5cf626}.feedback-icon-large.bot{background:#8b5cf626;color:#8b5cf6}.feedback-type-badge.bot{background:#8b5cf61f;border:1px solid #8b5cf640;color:#8b5cf6}.feedback-mini-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.7rem;font-weight:600;padding:2px 8px}.feedback-mini-badge.wrong{background:#dc26261f;color:#dc2626}.feedback-mini-badge.not_helpful{background:#f59e0b1f;color:#f59e0b}.feedback-section.answer{background:#8b5cf60a;border-radius:8px;margin-bottom:1rem;padding:.75rem}.stat-value{color:#f9fafb;font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.375rem}.stat-label{color:#9ca3af;font-size:.8125rem}.analysis-panel{animation:slideDown .3s ease;background:#1a2038e6;border:1px solid #6366f133;border-radius:16px;margin-bottom:2rem;padding:2rem}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:2000px;opacity:1;transform:translateY(0)}}.analysis-loading{align-items:center;color:#818cf8;display:flex;gap:.75rem;justify-content:center;padding:2rem}.analysis-section{border-bottom:1px solid #ffffff0d;margin-bottom:1.5rem;padding-bottom:1.5rem}.analysis-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.analysis-section h3{align-items:center;color:#e5e7eb;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.satisfaction-bar-container{align-items:center;display:flex;gap:1rem}.satisfaction-bar{background:#ffffff0d;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.satisfaction-fill{background:linear-gradient(90deg,#ef4444,#f59e0b 40%,#10b981);border-radius:6px;height:100%;transition:width 1s ease}.satisfaction-value{color:#10b981;font-size:1.25rem;font-weight:700;min-width:60px}.analysis-note{color:#6b7280;font-size:.8125rem;margin-top:.5rem}.pattern-grid{display:flex;flex-wrap:wrap;gap:.5rem}.pattern-chip{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;display:flex;gap:.5rem;padding:.5rem 1rem}.pattern-name{color:#d1d5db;font-size:.875rem}.pattern-count{background:#6366f133;border-radius:6px;color:#818cf8;font-size:.8125rem;font-weight:700;padding:.125rem .5rem}.top-problems-list{display:flex;flex-direction:column;gap:.5rem}.problem-item{align-items:center;background:#0f172a80;border-radius:10px;border-right:3px solid #ef4444;display:flex;gap:.75rem;padding:.75rem 1rem}.problem-rank{color:#818cf8;font-size:.875rem;font-weight:700;min-width:30px}.problem-content{direction:rtl;flex:1 1;text-align:right}.problem-question{color:#d1d5db;font-size:.875rem;line-height:1.5;margin-bottom:.25rem}.problem-meta{align-items:center;display:flex;gap:.75rem}.problem-type{border-radius:4px;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.problem-type.wrong{background:#dc262626;color:#fca5a5}.problem-type.not_helpful{background:#f59e0b26;color:#fbbf24}.problem-count{color:#6b7280;font-size:.75rem}.negative-filters-section{background:#1a2038cc;border:1px solid #ffffff14;border-radius:16px;margin-bottom:1.5rem;padding:1.25rem}.negative-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.negative-search-wrapper{flex:1 1;min-width:250px;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 #ffffff14;border-radius:10px;color:#f9fafb;direction:rtl;font-size:.875rem;padding:.75rem 2.75rem .75rem 1rem;transition:all .3s ease;width:100%}.negative-search-input:focus{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:.5rem}.negative-filter-item{align-items:center;background:#0f172a99;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:.5rem;padding:0 .75rem;transition:all .3s ease}.negative-filter-item:hover{border-color:#ffffff26}.negative-filter-item svg{color:#9ca3af}.negative-filter-select{background:#0000;border:none;color:#f9fafb;cursor:pointer;direction:rtl;font-size:.8125rem;min-width:100px;outline:none;padding:.625rem 0}.negative-filter-select option{background:#1a2038;color:#f9fafb}.negative-btn-export{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.negative-btn-export:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.negative-btn-export:disabled{cursor:not-allowed;opacity:.5}.negative-loading{color:#818cf8;padding:4rem;text-align:center}.negative-loading p{color:#9ca3af;margin-top:1rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.negative-empty-state{background:#1a203866;border:2px dashed #ffffff14;border-radius:16px;padding:4rem 2rem;text-align:center}.empty-state-icon{align-items:center;background:#10b9811a;border-radius:20px;color:#10b981;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.negative-empty-state h3{color:#e5e7eb;font-size:1.25rem;margin-bottom:.5rem}.negative-empty-state p{color:#6b7280}.negative-feedback-list{display:flex;flex-direction:column;gap:1rem}.negative-feedback-card{background:#1a2038cc;border:1px solid #ffffff14;border-radius:14px;overflow:hidden;transition:all .3s ease}.negative-feedback-card:hover{border-color:#ffffff26}.negative-feedback-card.wrong{border-right:3px solid #dc2626}.negative-feedback-card.not-helpful{border-right:3px solid #f59e0b}.negative-feedback-card.expanded{box-shadow:0 4px 24px #0000004d}.feedback-card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem;transition:background .2s ease}.feedback-card-header:hover{background:#ffffff05}.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;height:40px;justify-content:center;width:40px}.feedback-icon-large.wrong{background:#dc262626;color:#dc2626}.feedback-icon-large.not-helpful{background:#f59e0b26;color:#f59e0b}.feedback-title-section{flex:1 1}.feedback-type-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.8125rem;font-weight:600;margin-bottom:.375rem;padding:.25rem .75rem}.feedback-type-badge.wrong{background:#dc262626;border:1px solid #dc262640;color:#fca5a5}.feedback-type-badge.not-helpful{background:#f59e0b26;border:1px solid #f59e0b40;color:#fbbf24}.feedback-timestamp{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;gap:.5rem}.feedback-header-right{align-items:center;display:flex;gap:1rem}.feedback-meta-chips{display:flex;flex-wrap:wrap;gap:.5rem}.meta-chip{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .625rem}.meta-chip.phone{background:#3b82f61a;color:#93c5fd}.meta-chip.language{background:#10b9811a;color:#6ee7b7}.meta-chip.conversation-id{background:#6366f11a;color:#a5b4fc;font-family:monospace}.feedback-expand-btn{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;color:#818cf8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.feedback-expand-btn:hover{background:#6366f133}.feedback-expanded-content{animation:fadeIn .3s ease;padding:0 1.25rem 1.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.context-section{background:#0f172a80;border:1px solid #3b82f626;border-radius:12px;margin-bottom:1rem;padding:1rem}.context-header{align-items:center;border-bottom:1px solid #ffffff0d;color:#93c5fd;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.context-timeline{display:flex;flex-direction:column;gap:.75rem}.context-qa-pair{display:flex;flex-direction:column;gap:.5rem}.context-message{border-radius:10px;direction:rtl;padding:.75rem;text-align:right}.context-message.customer{background:#3b82f614;border-right:2px solid #3b82f6;margin-left:2rem}.context-message.bot{background:#f59e0b0f;border-right:2px solid #f59e0b;margin-right:2rem}.context-msg-header{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;margin-bottom:.375rem}.context-message.customer .context-msg-header{color:#93c5fd}.context-message.bot .context-msg-header{color:#fbbf24}.context-time{color:#6b7280;font-weight:400;margin-right:auto}.context-msg-text{color:#d1d5db;font-size:.8125rem;line-height:1.6;white-space:pre-wrap}.context-separator{color:#4b5563;display:flex;justify-content:center}.problem-qa-section{background:#dc26260d;border:1px solid #dc262626;border-radius:12px;margin-bottom:1rem;padding:1rem}.problem-qa-header{align-items:center;border-bottom:1px solid #dc26261a;color:#fca5a5;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.problem-qa-content{direction:rtl;display:flex;flex-direction:column;gap:.75rem;text-align:right}.problem-message{border-radius:10px;padding:1rem}.problem-message.question-msg{background:#3b82f61a;border:1px solid #3b82f626}.problem-message.answer-msg{background:#8b5cf614;border:1px solid #8b5cf626}.problem-msg-label{align-items:center;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.question-msg .problem-msg-label{color:#93c5fd}.answer-msg .problem-msg-label{color:#c4b5fd}.problem-msg-text{color:#d1d5db;font-size:.875rem;line-height:1.7;white-space:pre-wrap}.problem-arrow{color:#6b7280;display:flex;justify-content:center;padding:.25rem}.suggestions-section{background:#6366f10d;border:1px solid #6366f126;border-radius:12px;margin-bottom:1rem;padding:1rem}.suggestions-header{align-items:center;border-bottom:1px solid #ffffff0d;color:#fbbf24;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.suggestions-list{display:flex;flex-direction:column;gap:.5rem}.suggestion-card{background:#0f172a80;border-radius:10px;border-right:2px solid #6366f1;direction:rtl;display:flex;gap:.75rem;padding:.875rem;text-align:right}.suggestion-card.wrong_answer{border-right-color:#dc2626}.suggestion-card.low_confidence{border-right-color:#f59e0b}.suggestion-card.question_clarity{border-right-color:#3b82f6}.suggestion-card.pricing{border-right-color:#10b981}.suggestion-card.technical{border-right-color:#8b5cf6}.suggestion-card.conversation_flow{border-right-color:#06b6d4}.suggestion-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.suggestion-title{color:#e5e7eb;font-size:.8125rem;font-weight:600;margin-bottom:.375rem}.suggestion-desc{color:#9ca3af;font-size:.8125rem;line-height:1.6}.feedback-actions-row{border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1rem;padding-top:1rem}.feedback-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .3s ease}.feedback-action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.feedback-action-btn.primary:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.feedback-action-btn.secondary{background:#6366f11a;border:1px solid #6366f133;color:#818cf8}.feedback-action-btn.secondary:hover{background:#6366f133}.feedback-action-btn.resolve-btn{background:#10b9811a;border:1px solid #10b98133;color:#6ee7b7}.feedback-action-btn.resolve-btn:hover{background:#10b98133}.feedback-action-btn.dismiss-btn{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.feedback-action-btn.dismiss-btn:hover{background:#ef444433}.resolved-badge{align-items:center;background:#10b9811a;border-radius:8px;color:#6ee7b7;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem 1rem}.resolve-form{animation:fadeIn .3s ease;background:#0f172a80;border:1px solid #ffffff0d;border-radius:10px;margin-top:1rem;padding:1rem}.resolve-textarea{background:#0f172a99;border:1px solid #ffffff14;border-radius:8px;color:#f9fafb;direction:rtl;font-size:.875rem;min-height:60px;padding:.75rem;resize:vertical;width:100%}.resolve-textarea:focus{border-color:#6366f1;outline:none}.resolve-textarea::placeholder{color:#6b7280}.resolve-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.resolve-action-chip{background:#6366f11a;border:1px solid #6366f133;border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.resolve-action-chip:hover{background:#6366f133;border-color:#6366f166}.negative-pagination{align-items:center;border-top:1px solid #ffffff0d;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.pagination-btn{background:#6366f11a;border:1px solid #6366f133;border-radius:8px;color:#818cf8;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#6366f133}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#9ca3af;font-size:.875rem}.resolve-action-chip.cancel{background:#ef44441a;border-color:#ef444433;color:#fca5a5}.resolve-action-chip.cancel:hover{background:#ef444433}.negative-alert{align-items:center;border-radius:12px;display:flex;font-size:.9375rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.negative-alert.error{background:#ef44441a;border:1px solid #ef444440;color:#fca5a5}.negative-loading-state{padding:4rem;text-align:center}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #6366f126;border-radius:50%;border-top-color:#6366f1;height:48px;margin:0 auto 1.5rem;width:48px}.negative-loading-state p{color:#9ca3af;font-size:1rem}.feedback-meta-row{display:flex;flex-wrap:wrap;gap:1.5rem;padding:0 1.25rem .75rem}.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{padding:0 1.25rem 1.25rem}.feedback-section{background:#0f172a66;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:.75rem;padding:1rem}.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-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;white-space:pre-wrap}.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}@media (max-width:768px){.negative-feedback-page{padding:1rem}.negative-feedback-header{flex-direction:column;text-align:center}.negative-stats-grid{grid-template-columns:repeat(2,1fr)}.negative-filters-row{flex-direction:column}.feedback-card-header{flex-direction:column;gap:.75rem}.feedback-header-right{justify-content:space-between;width:100%}.feedback-meta-chips{flex-wrap:wrap}.context-message.customer{margin-left:0}.context-message.bot{margin-right:0}.feedback-actions-row{flex-direction:column}.feedback-action-btn{justify-content:center;width:100%}}.improve-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;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.improve-modal{background:#1a2038;border:1px solid #6366f14d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:720px;overflow-y:auto;width:100%}.improve-modal-header{align-items:center;border-bottom:1px solid #6366f126;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.improve-modal-header h3{align-items:center;color:#e5e7eb;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin:0}.improve-modal-close{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.improve-modal-close:hover{background:#ef444433}.improve-modal-body{padding:1.5rem}.improve-section{margin-bottom:1.25rem}.improve-label{align-items:center;color:#9ca3af;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.improve-question-box{background:#3b82f614;border:1px solid #3b82f633;border-radius:10px;color:#93c5fd;font-size:.9rem}.improve-answer-box,.improve-question-box{direction:rtl;line-height:1.6;padding:.875rem 1rem;text-align:right}.improve-answer-box{background:#ef44440f;border:1px solid #ef444426;border-radius:10px;color:#fca5a5;font-size:.85rem;max-height:120px;overflow-y:auto}.improve-loading{color:#818cf8;font-size:.9rem;padding:1.5rem;text-align:center}.improve-no-results{background:#ffffff08;border:1px dashed #6b72804d;border-radius:10px;color:#6b7280;font-size:.875rem;padding:1.5rem;text-align:center}.improve-results-list{display:flex;flex-direction:column;gap:.625rem;max-height:280px;overflow-y:auto}.improve-result-card{background:#ffffff08;border:1px solid #6366f11f;border-radius:10px;cursor:pointer;padding:.875rem;transition:all .2s}.improve-result-card:hover{background:#6366f10f;border-color:#6366f14d}.improve-result-card.selected{background:#6366f11a;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.improve-result-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.improve-result-score{background:#6366f11f;border-radius:4px;color:#818cf8;font-size:.7rem;font-weight:600;padding:2px 8px}.improve-result-id{color:#6b7280;font-family:monospace;font-size:.7rem}.improve-result-question{color:#e5e7eb;direction:rtl;font-size:.875rem;font-weight:500;margin-bottom:.375rem;text-align:right}.improve-result-answer{color:#9ca3af;direction:rtl;font-size:.8rem;line-height:1.5;text-align:right}.improve-result-phrasings{align-items:center;color:#6b7280;direction:rtl;display:flex;font-size:.7rem;gap:.375rem;margin-top:.5rem}.improve-add-section{background:#10b9810f;border:1px solid #10b98133;border-radius:12px;padding:1rem}.improve-phrasing-input-row{align-items:center;display:flex;gap:.75rem}.improve-phrasing-input{background:#0f172acc;border:1px solid #6366f133;border-radius:8px;color:#e5e7eb;direction:rtl;flex:1 1;font-size:.875rem;outline:none;padding:.625rem .875rem}.improve-phrasing-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.improve-save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.improve-save-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.improve-save-btn:disabled{cursor:not-allowed;opacity:.6}.improve-error{color:#fca5a5}.improve-error,.improve-success{font-size:.8rem;margin-top:.5rem}.improve-success{color:#6ee7b7;font-weight:500}.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}.CodeMirror{color:#000;direction:ltr;font-family:monospace;height:300px}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{background-color:#f7f7f7;border-right:1px solid #ddd;white-space:nowrap}.CodeMirror-linenumber{color:#999;min-width:20px;padding:0 3px 0 5px;text-align:right;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{background:#7e7;border:0!important;width:auto}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{animation:blink 1.06s steps(1) infinite;background-color:#14ff1480}.cm-animate-fat-cursor{animation:blink 1.06s steps(1) infinite;background-color:#7e7;width:auto}@keyframes blink{50%{background-color:initial}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:-50px}.CodeMirror-ruler{border-left:1px solid #ccc;bottom:0;position:absolute;top:0}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:blue}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:#ff96004d}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{background:#fff;overflow:hidden;position:relative}.CodeMirror-scroll{height:100%;margin-bottom:-50px;margin-right:-50px;outline:none;overflow:scroll!important;padding-bottom:50px;position:relative}.CodeMirror-sizer{border-right:50px solid #0000;position:relative}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{display:none;outline:none;position:absolute;z-index:6}.CodeMirror-vscrollbar{overflow-x:hidden;overflow-y:scroll;right:0;top:0}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-x:scroll;overflow-y:hidden}.CodeMirror-scrollbar-filler{bottom:0;right:0}.CodeMirror-gutter-filler{bottom:0;left:0}.CodeMirror-gutters{left:0;min-height:100%;position:absolute;top:0;z-index:3}.CodeMirror-gutter{display:inline-block;height:100%;margin-bottom:-50px;vertical-align:top;white-space:normal}.CodeMirror-gutter-wrapper{background:none!important;border:none!important;position:absolute;z-index:4}.CodeMirror-gutter-background{bottom:0;position:absolute;top:0;z-index:4}.CodeMirror-gutter-elt{cursor:default;position:absolute;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:initial}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:initial}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{word-wrap:normal;-webkit-tap-highlight-color:transparent;font-feature-settings:"calt";background:#0000;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;line-height:inherit;margin:0;overflow:visible;position:relative;white-space:pre;z-index:2}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.CodeMirror-linewidget{padding:.1px;position:relative;z-index:2}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:initial}.CodeMirror-measure{height:0;overflow:hidden;position:absolute;visibility:hidden;width:100%}.CodeMirror-cursor{pointer-events:none;position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{position:relative;visibility:hidden;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-hopscotch.CodeMirror{background:#322931;color:#d5d3d5}.cm-s-hopscotch div.CodeMirror-selected{background:#433b42!important}.cm-s-hopscotch .CodeMirror-gutters{background:#322931;border-right:0}.cm-s-hopscotch .CodeMirror-linenumber{color:#797379}.cm-s-hopscotch .CodeMirror-cursor{border-left:1px solid #989498!important}.cm-s-hopscotch span.cm-comment{color:#b33508}.cm-s-hopscotch span.cm-atom,.cm-s-hopscotch span.cm-number{color:#c85e7c}.cm-s-hopscotch span.cm-attribute,.cm-s-hopscotch span.cm-property{color:#8fc13e}.cm-s-hopscotch span.cm-keyword{color:#dd464c}.cm-s-hopscotch span.cm-string{color:#fdcc59}.cm-s-hopscotch span.cm-variable{color:#8fc13e}.cm-s-hopscotch span.cm-variable-2{color:#1290bf}.cm-s-hopscotch span.cm-def{color:#fd8b19}.cm-s-hopscotch span.cm-error{background:#dd464c;color:#989498}.cm-s-hopscotch span.cm-bracket{color:#d5d3d5}.cm-s-hopscotch span.cm-tag{color:#dd464c}.cm-s-hopscotch span.cm-link{color:#c85e7c}.cm-s-hopscotch .CodeMirror-matchingbracket{color:#fff!important;text-decoration:underline}.cm-s-hopscotch .CodeMirror-activeline-background{background:#302020}.gjs-is__grab,.gjs-is__grab *{cursor:grab!important}.gjs-is__grabbing,.gjs-is__grabbing *{cursor:grabbing!important;-webkit-user-select:none;-o-user-select:none;user-select:none}:root{--gjs-main-color:#444;--gjs-primary-color:#444;--gjs-secondary-color:#ddd;--gjs-tertiary-color:#804f7b;--gjs-quaternary-color:#d278c9;--gjs-font-color:#ddd;--gjs-font-color-active:#f8f8f8;--gjs-main-dark-color:#0003;--gjs-secondary-dark-color:#0000001a;--gjs-main-light-color:#ffffff1a;--gjs-secondary-light-color:#ffffffb3;--gjs-soft-light-color:hsla(0,0%,100%,.015);--gjs-color-blue:#3b97e3;--gjs-color-red:#dd3636;--gjs-color-yellow:#ffca6f;--gjs-color-green:#62c462;--gjs-left-width:15%;--gjs-color-highlight:#71b7f1;--gjs-color-warn:#ffca6f;--gjs-handle-margin:-5px;--gjs-light-border:#ffffff0d;--gjs-arrow-color:#ffffffb3;--gjs-dark-text-shadow:#0003;--gjs-color-input-padding:22px;--gjs-input-padding:5px;--gjs-padding-elem-classmanager:5px 6px;--gjs-upload-padding:150px 10px;--gjs-animation-duration:0.2s;--gjs-main-font:Helvetica,sans-serif;--gjs-font-size:0.75rem;--gjs-placeholder-background-color:var(--gjs-color-green);--gjs-canvas-top:40px;--gjs-flex-item-gap:5px}.gjs-bg-main,.gjs-off-prv,.gjs-sm-colorp-c{background-color:#444;background-color:var(--gjs-main-color)}.gjs-color-main,.gjs-off-prv,.gjs-sm-stack #gjs-sm-add{fill:#ddd;fill:var(--gjs-font-color);color:#ddd;color:var(--gjs-font-color)}.gjs-color-active{fill:#f8f8f8;fill:var(--gjs-font-color-active);color:#f8f8f8;color:var(--gjs-font-color-active)}.gjs-color-warn{fill:#ffca6f;fill:var(--gjs-color-warn);color:#ffca6f;color:var(--gjs-color-warn)}.gjs-color-hl{fill:#71b7f1;fill:var(--gjs-color-highlight);color:#71b7f1;color:var(--gjs-color-highlight)}.gjs-clm-tags #gjs-clm-new,.gjs-invis-invis,.gjs-no-app{background-color:#0000;border:none;color:inherit}.gjs-no-app{height:10px}.opac50{filter:alpha(opacity=50);opacity:.5}.checker-bg,.gjs-checker-bg,.gjs-field-colorp-c,.gjs-sm-layer-preview{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.gjs-grabbing,.gjs-grabbing *,.gjs-layer-name,.gjs-no-user-select,.gjs-rte-toolbar{-webkit-user-select:none;-o-user-select:none;user-select:none}.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el,.gjs-margin-v-el,.gjs-no-pointer-events,.gjs-padding-v-el,.gjs-resizer-c{pointer-events:none}.gjs-block-category .gjs-title,.gjs-category-title,.gjs-clm-tags #gjs-clm-close,.gjs-com-no-select,.gjs-com-no-select img,.gjs-layer-title,.gjs-sm-sector-title,.gjs-trait-category .gjs-title,.no-select{-webkit-user-select:none;-o-user-select:none;user-select:none}.clear{clear:both}.gjs-block-category.gjs-open,.gjs-category-open,.gjs-sm-sector.gjs-sm-open,.gjs-trait-category.gjs-open{border-bottom:1px solid #00000040}.gjs-block-category .gjs-title,.gjs-category-title,.gjs-layer-title,.gjs-sm-sector-title,.gjs-trait-category .gjs-title{background-color:#0000001a;background-color:var(--gjs-secondary-dark-color);border-bottom:1px solid #00000040;cursor:pointer;font-weight:lighter;letter-spacing:1px;padding:9px 10px 9px 20px;position:relative;text-align:left}.btn-cl,.gjs-am-close,.gjs-mdl-btn-close{cursor:pointer;filter:alpha(opacity=30);font-size:25px;opacity:.3}.btn-cl:hover,.gjs-am-close:hover,.gjs-mdl-btn-close:hover{filter:alpha(opacity=70);opacity:.7}.gjs-traits-label{border-bottom:1px solid #0003;border-bottom:1px solid var(--gjs-main-dark-color);font-weight:lighter;margin-bottom:5px;padding:10px;text-align:left}.gjs-label-wrp{min-width:30%;width:30%}.gjs-field-wrp{flex-grow:1}.gjs-trait-categories,.gjs-traits-c,.gjs-traits-cs{display:flex;flex-direction:column}.gjs-trait-category{width:100%}.gjs-trait-category .gjs-caret-icon{margin-right:5px}.gjs-trt-header{font-weight:lighter;padding:10px}.gjs-trt-trait{align-items:center;display:flex;font-weight:lighter;gap:5px;justify-content:flex-start;padding:5px 10px;text-align:left}.gjs-trt-traits{font-size:.75rem;font-size:var(--gjs-font-size)}.gjs-trt-trait .gjs-label{overflow:hidden;text-align:left;text-overflow:ellipsis}.gjs-guide-info{position:absolute}.gjs-guide-info__content{display:flex;height:100%;padding:5px;position:absolute;width:100%}.gjs-guide-info__line{margin:auto;position:relative}.gjs-guide-info__line:after,.gjs-guide-info__line:before{background-color:inherit;content:"";display:block;position:absolute}.gjs-guide-info__y{padding:0 5px}.gjs-guide-info__y .gjs-guide-info__content{justify-content:center}.gjs-guide-info__y .gjs-guide-info__line{height:1px;width:100%}.gjs-guide-info__y .gjs-guide-info__line:after,.gjs-guide-info__y .gjs-guide-info__line:before{bottom:0;height:10px;left:0;margin:auto;top:0;width:1px}.gjs-guide-info__y .gjs-guide-info__line:after{left:auto;right:0}.gjs-guide-info__x{padding:5px 0}.gjs-guide-info__x .gjs-guide-info__content{align-items:center}.gjs-guide-info__x .gjs-guide-info__line{height:100%;width:1px}.gjs-guide-info__x .gjs-guide-info__line:after,.gjs-guide-info__x .gjs-guide-info__line:before{height:1px;left:0;margin:auto;right:0;top:0;transform:translateX(-50%);width:10px}.gjs-guide-info__x .gjs-guide-info__line:after{bottom:0;top:auto}.gjs-badge{white-space:nowrap}.gjs-badge__icon{display:inline-block;height:15px;vertical-align:middle;width:15px}.gjs-badge__icon svg{fill:currentColor}.gjs-badge__name{display:inline-block;vertical-align:middle}.gjs-frame-wrapper{height:100%;left:0;margin:auto;position:absolute;right:0;width:100%}.gjs-frame-wrapper--anim{transition:width .35s ease,height .35s ease}.gjs-frame-wrapper__top{display:flex;left:50%;padding:5px 0;position:absolute;top:0;transform:translateY(-100%) translateX(-50%);width:100%}.gjs-frame-wrapper__top-r{margin-left:auto}.gjs-frame-wrapper__left{height:100%;left:0;position:absolute;top:50%;transform:translateX(-100%) translateY(-50%)}.gjs-frame-wrapper__bottom{bottom:0;left:50%;position:absolute;transform:translateY(100%) translateX(-50%);width:100%}.gjs-frame-wrapper__right{height:100%;position:absolute;right:0;top:50%;transform:translateX(100%) translateY(-50%)}.gjs-frame-wrapper__icon{cursor:pointer;width:24px}.gjs-frame-wrapper__icon>svg{fill:currentColor}.gjs-fixedpadding-v-top,.gjs-padding-v-top{left:0;top:0;width:100%}.gjs-fixedpadding-v-right,.gjs-padding-v-right{right:0}.gjs-fixedpadding-v-bottom,.gjs-padding-v-bottom{bottom:0;left:0;width:100%}.gjs-fixedpadding-v-left,.gjs-padding-v-left{left:0}.gjs-cv-canvas{bottom:0;box-sizing:border-box;height:calc(100% - 40px);height:calc(100% - var(--gjs-canvas-top));left:0;overflow:hidden;position:absolute;top:40px;top:var(--gjs-canvas-top);width:85%;width:calc(100% - var(--gjs-left-width));z-index:1}.gjs-cv-canvas-bg{background-color:#00000026}.gjs-cv-canvas.gjs-cui{height:100%;top:0;width:100%}.gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,.gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames{pointer-events:none}.gjs-cv-canvas__frames{height:100%;left:0;position:absolute;top:0;width:100%}.gjs-cv-canvas__spots{pointer-events:none;position:absolute;z-index:1}.gjs-cv-canvas .gjs-ghost{background-color:#5b5b5b;border:2px dashed #ccc;display:none;filter:alpha(opacity=55);opacity:.55;pointer-events:none;position:absolute;z-index:10}.gjs-cv-canvas .gjs-highlighter,.gjs-cv-canvas .gjs-highlighter-sel{height:100%;outline:1px solid #3b97e3;outline:1px solid var(--gjs-color-blue);outline-offset:-1px;pointer-events:none;position:absolute;width:100%}.gjs-cv-canvas .gjs-highlighter-warning{outline:3px solid #ffca6f;outline:3px solid var(--gjs-color-yellow)}.gjs-cv-canvas .gjs-highlighter-sel{outline:2px solid #3b97e3;outline:2px solid var(--gjs-color-blue);outline-offset:-2px}.gjs-cv-canvas #gjs-tools,.gjs-cv-canvas .gjs-tools{height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:1}.gjs-cv-canvas #gjs-tools{z-index:2}.gjs-cv-canvas *{box-sizing:border-box}.gjs-frame{border:none;bottom:0;display:block;height:100%;margin:auto;outline:medium none;right:0;transition:width .35s ease,height .35s ease;width:100%}.gjs-frame,.gjs-toolbar{left:0;position:absolute;top:0}.gjs-toolbar{background-color:#3b97e3;background-color:var(--gjs-color-blue);color:#fff;white-space:nowrap;z-index:10}.gjs-toolbar-item{cursor:pointer;display:inline-block;padding:5px;width:26px}.gjs-toolbar-item svg{fill:currentColor;vertical-align:middle}.gjs-resizer-c{height:100%;left:0;position:absolute;top:0;width:100%;z-index:9}.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el,.gjs-margin-v-el,.gjs-padding-v-el{background-color:#ff0;filter:alpha(opacity=10);opacity:.1;position:absolute}.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{filter:alpha(opacity=20);opacity:.2}.gjs-fixedpadding-v-el,.gjs-padding-v-el{background-color:navy}.gjs-resizer-h{background-color:#fff;border:3px solid #3b97e3;border:3px solid var(--gjs-color-blue);height:10px;margin:-5px;margin:var(--gjs-handle-margin);pointer-events:all;position:absolute;width:10px}.gjs-resizer-h-tl{cursor:nwse-resize;left:0;top:0}.gjs-resizer-h-tr{cursor:nesw-resize;right:0;top:0}.gjs-resizer-h-tc{cursor:ns-resize;left:0;margin:-5px auto;margin:var(--gjs-handle-margin) auto;right:0;top:0}.gjs-resizer-h-cl{left:0}.gjs-resizer-h-cl,.gjs-resizer-h-cr{bottom:0;cursor:ew-resize;margin:auto -5px;margin:auto var(--gjs-handle-margin);top:0}.gjs-resizer-h-cr{right:0}.gjs-resizer-h-bl{bottom:0;cursor:nesw-resize;left:0}.gjs-resizer-h-bc{bottom:0;cursor:ns-resize;left:0;margin:-5px auto;margin:var(--gjs-handle-margin) auto;right:0}.gjs-resizer-h-br{bottom:0;cursor:nwse-resize;right:0}.gjs-pn-panel .gjs-resizer-h{background-color:#0003;border:none;opacity:0;transition:opacity .25s}.gjs-pn-panel .gjs-resizer-h:hover{opacity:1}.gjs-pn-panel .gjs-resizer-h-bc,.gjs-pn-panel .gjs-resizer-h-tc{margin:0 auto;width:100%}.gjs-pn-panel .gjs-resizer-h-cl,.gjs-pn-panel .gjs-resizer-h-cr{height:100%;margin:auto 0}.gjs-resizing .gjs-badge,.gjs-resizing .gjs-highlighter{display:none!important}.gjs-resizing-tl *{cursor:nwse-resize!important}.gjs-resizing-tr *{cursor:nesw-resize!important}.gjs-resizing-tc *{cursor:ns-resize!important}.gjs-resizing-cl *,.gjs-resizing-cr *{cursor:ew-resize!important}.gjs-resizing-bl *{cursor:nesw-resize!important}.gjs-resizing-bc *{cursor:ns-resize!important}.gjs-resizing-br *{cursor:nwse-resize!important}.no-dots,.ui-resizable-handle{border:none!important;margin:0!important;outline:none!important}.gjs-com-dashed *{box-sizing:border-box;outline:1px dashed #888;outline-offset:-2px}.gjs-badge,.gjs-com-badge{background-color:#3b97e3;background-color:var(--gjs-color-blue);color:#fff;display:none;font-size:12px;outline:none;padding:2px 5px;pointer-events:none;position:absolute;z-index:1}.gjs-badge-warning{background-color:#ffca6f;background-color:var(--gjs-color-yellow)}.gjs-com-placeholder,.gjs-placeholder{display:none;pointer-events:none;position:absolute;z-index:10}.gjs-placeholder{border-style:solid!important;box-sizing:border-box;outline:none;transition:top .2s,left .2s,width .2s,height .2s;transition:top var(--gjs-animation-duration),left var(--gjs-animation-duration),width var(--gjs-animation-duration),height var(--gjs-animation-duration)}.gjs-com-placeholder.horizontal,.gjs-placeholder.horizontal{border-color:#0000 #62c462;border-color:#0000 var(--gjs-placeholder-background-color);border-width:3px 5px;margin:-3px 0 0}.gjs-com-placeholder.vertical,.gjs-placeholder.vertical{border-color:#62c462 #0000;border-color:var(--gjs-placeholder-background-color) #0000;border-width:5px 3px;margin:0 0 0 -3px}.gjs-com-placeholder-int,.gjs-placeholder-int{background-color:#62c462;background-color:var(--gjs-placeholder-background-color);box-shadow:0 0 3px #0003;height:100%;outline:none;padding:1.5px;pointer-events:none;width:100%}.gjs-pn-panel{box-sizing:border-box;display:inline-block;padding:5px;position:absolute;text-align:center;z-index:3}.gjs-pn-panel .icon-redo,.gjs-pn-panel .icon-undo{font-size:20px;height:30px;width:25px}.gjs-pn-commands{box-shadow:0 0 5px #0003;box-shadow:0 0 5px var(--gjs-main-dark-color);left:0;top:0;width:85%;width:calc(100% - var(--gjs-left-width))}.gjs-pn-options{right:15%;right:var(--gjs-left-width);top:0}.gjs-pn-views{border-bottom:2px solid #0003;border-bottom:2px solid var(--gjs-main-dark-color);z-index:4}.gjs-pn-views,.gjs-pn-views-container{right:0;width:15%;width:var(--gjs-left-width)}.gjs-pn-views-container{box-shadow:0 0 5px #0003;box-shadow:0 0 5px var(--gjs-main-dark-color);height:100%;overflow:auto;padding:42px 0 0}.gjs-pn-buttons{align-items:center;display:flex;justify-content:space-between}.gjs-pn-btn{background-color:#0000;border:none;border-radius:2px;box-sizing:border-box;cursor:pointer;font-size:18px;line-height:21px;margin-right:5px;min-height:30px;min-width:30px;padding:4px;position:relative}.gjs-pn-btn.gjs-pn-active{background-color:#00000026;box-shadow:inset 0 0 3px #00000040}.gjs-pn-btn svg{fill:currentColor}.gjs-label{line-height:18px}.gjs-fields{display:flex}.gjs-select{padding:0;width:100%}.gjs-select select{padding-right:10px}.gjs-select select:-moz-focusring,.gjs-select:-moz-focusring{color:#0000;text-shadow:0 0 0 #ffffffb3;text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-btn-prim:focus,.gjs-button:focus,.gjs-input:focus,.gjs-select select:focus,.gjs-select:focus{outline:none}.gjs-field input,.gjs-field select,.gjs-field textarea{-webkit-appearance:none;appearance:none;background-color:#0000;border:none;box-sizing:border-box;color:inherit;padding:5px;padding:var(--gjs-input-padding);position:relative;width:100%;z-index:1}.gjs-field input:focus,.gjs-field select:focus,.gjs-field textarea:focus{outline:none}.gjs-field input[type=number]{-moz-appearance:textfield}.gjs-field input[type=number]::-webkit-inner-spin-button,.gjs-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gjs-field-range{flex:9 1 auto}.gjs-field-integer input{padding-right:30px}.gjs-clm-select option,.gjs-field-select option,.gjs-fields option,.gjs-select option,.gjs-sm-select option,.gjs-sm-unit option{background-color:#444;background-color:var(--gjs-main-color);color:#ddd;color:var(--gjs-font-color)}.gjs-field{background-color:#0003;background-color:var(--gjs-main-dark-color);border:none;border-radius:2px;box-shadow:none;box-sizing:border-box;padding:0;position:relative}.gjs-field textarea{resize:vertical}.gjs-field .gjs-sel-arrow{height:100%;position:absolute;right:0;top:0;width:9px;z-index:0}.gjs-field .gjs-d-s-arrow{border-left:3px solid #0000;border-right:4px solid #0000;border-top:4px solid #ffffffb3;border-top:4px solid var(--gjs-arrow-color);cursor:pointer;height:0;right:5px;right:var(--gjs-input-padding);width:0}.gjs-field .gjs-d-s-arrow,.gjs-field-arrows{bottom:0;margin:auto;position:absolute;top:0}.gjs-field-arrows{cursor:ns-resize;height:20px;right:3px;right:calc(var(--gjs-input-padding) - 2px);width:9px;z-index:10}.gjs-field-color,.gjs-field-radio{width:100%}.gjs-field-color input{box-sizing:border-box;padding-right:22px;padding-right:var(--gjs-color-input-padding)}.gjs-field-colorp{border-left:1px solid #0003;border-left:1px solid var(--gjs-main-dark-color);box-sizing:border-box;height:100%;padding:2px;position:absolute;right:0;top:0;width:22px;width:var(--gjs-color-input-padding);z-index:10}.gjs-field-colorp .gjs-checker-bg,.gjs-field-colorp .gjs-field-colorp-c{border-radius:1px;height:100%;width:100%}.gjs-field-colorp-c{height:100%;position:relative;width:100%}.gjs-field-color-picker{background-color:#ddd;background-color:var(--gjs-font-color);border-radius:1px;box-shadow:0 0 1px #0003;box-shadow:0 0 1px var(--gjs-main-dark-color);cursor:pointer;height:100%;position:absolute;top:0;width:100%}.gjs-field-checkbox{cursor:pointer;display:block;height:17px;padding:0;width:17px}.gjs-field-checkbox input{display:none}.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color:#ffffff80;border-style:solid;border-width:0 2px 2px 0}.gjs-radio-item{border-left:1px solid #0003;border-left:1px solid var(--gjs-dark-text-shadow);flex:1 1 auto;text-align:center}.gjs-radio-item:first-child{border:none}.gjs-radio-item:hover{background:#0003;background:var(--gjs-main-dark-color)}.gjs-radio-item input{display:none}.gjs-radio-item input:checked+.gjs-radio-item-label{background-color:#fff3}.gjs-radio-items{display:flex}.gjs-radio-item-label{cursor:pointer;display:block;padding:5px;padding:var(--gjs-input-padding)}.gjs-field-units{bottom:0;margin:auto;position:absolute;right:10px;top:0}.gjs-field-unit{color:#ffffffb3;color:var(--gjs-arrow-color);cursor:pointer;font-size:10px;position:absolute;right:10px;top:3px}.gjs-input-unit{text-align:center}.gjs-field-arrow-d,.gjs-field-arrow-u{border-left:3px solid #0000;border-right:4px solid #0000;border-top:4px solid #ffffffb3;border-top:4px solid var(--gjs-arrow-color);bottom:4px;cursor:pointer;height:0;position:absolute;width:0}.gjs-field-arrow-u{border-bottom:4px solid #ffffffb3;border-bottom:4px solid var(--gjs-arrow-color);border-top:none;top:4px}.gjs-field-select{padding:0}.gjs-field-range{background-color:#0000;border:none;box-shadow:none;padding:0}.gjs-field-range input{height:100%;margin:0}.gjs-field-range input:focus{outline:none}.gjs-field-range input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#ddd;background-color:var(--gjs-font-color);border:1px solid #0003;border:1px solid var(--gjs-main-dark-color);border-radius:100%;cursor:pointer;height:10px;margin-top:-4px;width:10px}.gjs-field-range input::-moz-range-thumb{background-color:#ddd;background-color:var(--gjs-font-color);border:1px solid #0003;border:1px solid var(--gjs-main-dark-color);border-radius:100%;cursor:pointer;height:10px;width:10px}.gjs-field-range input::-ms-thumb{background-color:#ddd;background-color:var(--gjs-font-color);border:1px solid #0003;border:1px solid var(--gjs-main-dark-color);border-radius:100%;cursor:pointer;height:10px;width:10px}.gjs-field-range input::-moz-range-track{background-color:#0003;background-color:var(--gjs-main-dark-color);border-radius:1px;height:3px;margin-top:3px}.gjs-field-range input::-webkit-slider-runnable-track{background-color:#0003;background-color:var(--gjs-main-dark-color);border-radius:1px;height:3px;margin-top:3px}.gjs-field-range input::-ms-track{background-color:#0003;background-color:var(--gjs-main-dark-color);border-radius:1px;height:3px;margin-top:3px}.gjs-btn-prim{border:none;border-radius:2px;color:inherit;cursor:pointer;padding:5px;padding:var(--gjs-input-padding)}.gjs-btn-prim,.gjs-btn-prim:active{background-color:#ffffff1a;background-color:var(--gjs-main-light-color)}.gjs-btn--full{width:100%}.gjs-chk-icon{box-sizing:border-box;display:block;height:14px;margin:0 5px;transform:rotate(45deg);width:6px}.gjs-add-trasp{background:none;border:none;border-radius:2px;color:#ddd;color:var(--gjs-font-color);cursor:pointer;filter:alpha(opacity=75);font-size:1em;opacity:.75}.gjs-add-trasp:hover{filter:alpha(opacity=100);opacity:1}.gjs-add-trasp:active{background-color:#0003}.gjs-devices-c{align-items:center;display:flex;padding:2px 3px 3px}.gjs-devices-c .gjs-device-label{flex-grow:2;margin-right:10px;text-align:left}.gjs-devices-c .gjs-select{flex-grow:20}.gjs-devices-c .gjs-add-trasp{flex-grow:1;margin-left:5px}.gjs-sm-clear{cursor:pointer;height:14px;margin-left:3px;min-width:14px;width:14px}.gjs-sm-header{font-weight:lighter;padding:10px}.gjs-sm-sector{clear:both;font-weight:lighter;text-align:left}.gjs-sm-sector-title{align-items:center;display:flex}.gjs-sm-sector-caret{height:17px;min-width:17px;transform:rotate(-90deg);width:17px}.gjs-sm-sector-label{margin-left:5px}.gjs-sm-sector.gjs-sm-open .gjs-sm-sector-caret{transform:none}.gjs-sm-properties{align-items:flex-end;box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:.75rem;font-size:var(--gjs-font-size);padding:10px 5px;width:100%}.gjs-sm-label{align-items:center;display:flex;margin:5px 5px 3px 0}.gjs-sm-close-btn,.gjs-sm-preview-file-close{cursor:pointer;display:block;filter:alpha(opacity=70);font-size:23px;opacity:.7;position:absolute;right:5px;top:0}.gjs-sm-close-btn:hover,.gjs-sm-preview-file-close:hover{filter:alpha(opacity=90);opacity:.9}.gjs-clm-field,.gjs-clm-select,.gjs-sm-field{position:relative;width:100%}.gjs-clm-field input,.gjs-clm-field select,.gjs-clm-select input,.gjs-clm-select select,.gjs-sm-field input,.gjs-sm-field select{background-color:#0000;border:none;color:#ffffffb3;width:100%}.gjs-clm-field input,.gjs-clm-select input,.gjs-sm-field input{box-sizing:border-box}.gjs-clm-field select,.gjs-clm-select select,.gjs-sm-field select{-webkit-appearance:none;appearance:none;position:relative;z-index:1}.gjs-clm-field select::-ms-expand,.gjs-clm-select select::-ms-expand,.gjs-sm-field select::-ms-expand{display:none}.gjs-clm-field select:-moz-focusring,.gjs-clm-select select:-moz-focusring,.gjs-sm-field select:-moz-focusring{color:#0000;text-shadow:0 0 0 #ffffffb3;text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-clm-field input:focus,.gjs-clm-field select:focus,.gjs-clm-select input:focus,.gjs-clm-select select:focus,.gjs-sm-field input:focus,.gjs-sm-field select:focus{outline:none}.gjs-clm-field .gjs-sm-unit,.gjs-clm-select .gjs-sm-unit,.gjs-sm-field .gjs-sm-unit{color:#ffffffb3;color:var(--gjs-secondary-light-color);cursor:pointer;font-size:10px;position:absolute;right:10px;top:3px}.gjs-clm-field .gjs-clm-sel-arrow,.gjs-clm-field .gjs-sm-int-arrows,.gjs-clm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-clm-sel-arrow,.gjs-clm-select .gjs-sm-int-arrows,.gjs-clm-select .gjs-sm-sel-arrow,.gjs-sm-field .gjs-clm-sel-arrow,.gjs-sm-field .gjs-sm-int-arrows,.gjs-sm-field .gjs-sm-sel-arrow{cursor:ns-resize;height:100%;position:absolute;right:0;top:0;width:9px}.gjs-clm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow,.gjs-sm-field .gjs-sm-sel-arrow{cursor:pointer}.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-u-arrow,.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-sm-field .gjs-sm-u-arrow{border-left:3px solid #0000;border-right:4px solid #0000;cursor:pointer;height:0;position:absolute;width:0}.gjs-clm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow,.gjs-sm-field .gjs-sm-u-arrow{border-bottom:4px solid #ffffffb3;border-bottom:4px solid var(--gjs-secondary-light-color);top:4px}.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow{border-top:4px solid #ffffffb3;border-top:4px solid var(--gjs-secondary-light-color);bottom:4px}.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-s-arrow{bottom:7px}.gjs-clm-select,.gjs-sm-color.gjs-clm-field,.gjs-sm-field.gjs-sm-color,.gjs-sm-field.gjs-sm-input,.gjs-sm-field.gjs-sm-integer,.gjs-sm-field.gjs-sm-list,.gjs-sm-field.gjs-sm-select,.gjs-sm-input.gjs-clm-field,.gjs-sm-integer.gjs-clm-field,.gjs-sm-list.gjs-clm-field,.gjs-sm-select.gjs-clm-field{background-color:#0003;background-color:var(--gjs-main-dark-color);border:1px solid #0000001a;border-radius:2px;box-shadow:1px 1px 0 #ffffff1a;box-shadow:1px 1px 0 var(--gjs-main-light-color);box-sizing:border-box;color:#ffffffb3;color:var(--gjs-secondary-light-color);padding:0 5px}.gjs-sm-composite.gjs-clm-field,.gjs-sm-composite.gjs-clm-select,.gjs-sm-field.gjs-sm-composite{border-radius:2px}.gjs-clm-select,.gjs-sm-field.gjs-sm-select,.gjs-sm-select.gjs-clm-field{padding:0}.gjs-clm-select select,.gjs-sm-field.gjs-sm-select select,.gjs-sm-select.gjs-clm-field select{height:20px}.gjs-clm-select option,.gjs-sm-field.gjs-sm-select option,.gjs-sm-select.gjs-clm-field option{padding:3px 0}.gjs-sm-composite.gjs-clm-field,.gjs-sm-composite.gjs-clm-select,.gjs-sm-field.gjs-sm-composite{background-color:#0000001a;background-color:var(--gjs-secondary-dark-color);border:1px solid #00000040}.gjs-sm-field.gjs-sm-list,.gjs-sm-list.gjs-clm-field,.gjs-sm-list.gjs-clm-select{float:left;overflow:hidden;padding:0;width:auto}.gjs-sm-field.gjs-sm-list input,.gjs-sm-list.gjs-clm-field input,.gjs-sm-list.gjs-clm-select input{display:none}.gjs-sm-field.gjs-sm-list label,.gjs-sm-list.gjs-clm-field label,.gjs-sm-list.gjs-clm-select label{cursor:pointer;display:block;padding:5px}.gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked+label{background-color:#fff3}.gjs-sm-field.gjs-sm-list .gjs-sm-icon,.gjs-sm-list.gjs-clm-field .gjs-sm-icon,.gjs-sm-list.gjs-clm-select .gjs-sm-icon{background-position:50%;background-repeat:no-repeat;line-height:normal;text-shadow:none}.gjs-sm-field.gjs-sm-integer select,.gjs-sm-integer.gjs-clm-field select,.gjs-sm-integer.gjs-clm-select select{padding:0;width:auto}.gjs-sm-list .gjs-sm-el{border-left:1px solid #0003;border-left:1px solid var(--gjs-main-dark-color);float:left}.gjs-sm-list .gjs-sm-el:first-child{border:none}.gjs-sm-list .gjs-sm-el:hover{background:#0003;background:var(--gjs-main-dark-color)}.gjs-sm-slider .gjs-field-integer{flex:1 1 65px}.gjs-sm-property{box-sizing:border-box;float:left;margin-bottom:5px;padding:0 5px;width:50%}.gjs-sm-property--full,.gjs-sm-property.gjs-sm-color,.gjs-sm-property.gjs-sm-composite,.gjs-sm-property.gjs-sm-file,.gjs-sm-property.gjs-sm-list,.gjs-sm-property.gjs-sm-slider,.gjs-sm-property.gjs-sm-stack{width:100%}.gjs-sm-property .gjs-sm-btn{background-color:color-mix(in srgb,#0003,#fff 13%);background-color:color-mix(in srgb,var(--gjs-main-dark-color),#fff 13%);border:none;border-radius:2px;box-shadow:1px 1px 0 color-mix(in srgb,#0003,#fff 2%),inset 1px 1px 0 color-mix(in srgb,#0003,#fff 17%);box-shadow:1px 1px 0 color-mix(in srgb,var(--gjs-main-dark-color),#fff 2%),1px 1px 0 color-mix(in srgb,var(--gjs-main-dark-color),#fff 17%) inset;box-sizing:border-box;color:#ddd;color:var(--gjs-font-color);cursor:pointer;filter:alpha(opacity=85);height:auto;opacity:.85;padding:5px;position:relative;text-align:center;text-shadow:-1px -1px 0 #0003;text-shadow:-1px -1px 0 var(--gjs-main-dark-color);width:100%}.gjs-sm-property .gjs-sm-btn-c{box-sizing:border-box;float:left;width:100%}.gjs-sm-property__text-shadow .gjs-sm-layer-preview-cnt:after{color:#000;content:"T";font-weight:900;line-height:17px;padding:0 4px}.gjs-sm-preview-file{background-color:#ffffff0d;background-color:var(--gjs-light-border);border:1px solid color-mix(in srgb,#ffffff0d,#000 1%);border:1px solid color-mix(in srgb,var(--gjs-light-border),#000 1%);border-radius:2px;margin-top:5px;overflow:hidden;padding:3px 20px;position:relative}.gjs-sm-preview-file-cnt{background-position:50%;background-repeat:no-repeat;background-size:auto 100%;height:50px}.gjs-sm-preview-file-close{height:14px;top:-5px;width:14px}.gjs-sm-layers{margin-top:5px;min-height:30px;padding:1px 3px}.gjs-sm-layer{background-color:hsla(0,0%,100%,.055);border-radius:2px;margin:2px 0;padding:7px;position:relative}.gjs-sm-layer.gjs-sm-active{background-color:#ffffff1f}.gjs-sm-layer .gjs-sm-label-wrp{align-items:center;display:flex}.gjs-sm-layer #gjs-sm-move{cursor:grab;height:14px;min-width:14px;width:14px}.gjs-sm-layer #gjs-sm-label{flex-grow:1;margin:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gjs-sm-layer-preview{border-radius:2px;height:15px;margin-right:5px;min-width:15px;width:15px}.gjs-sm-layer-preview-cnt{background-color:#fff;background-size:cover!important;border-radius:2px;height:100%;width:100%}.gjs-sm-layer #gjs-sm-close-layer{cursor:pointer;display:block;filter:alpha(opacity=50);height:14px;min-width:14px;opacity:.5;width:14px}.gjs-sm-layer #gjs-sm-close-layer:hover{filter:alpha(opacity=80);opacity:.8}.gjs-sm-stack .gjs-sm-properties{padding:5px 0 0}.gjs-sm-stack #gjs-sm-add{background:none;border:none;cursor:pointer;height:18px;opacity:.75;outline:none;padding:0;position:absolute;right:0;top:-17px;width:18px}.gjs-sm-stack #gjs-sm-add:hover{filter:alpha(opacity=100);opacity:1}.gjs-sm-colorp-c{border-radius:2px;box-sizing:border-box;height:100%;padding:2px;position:absolute;right:0;top:0;width:20px}.gjs-sm-colorp-c .gjs-checker-bg,.gjs-sm-colorp-c .gjs-field-colorp-c{border-radius:1px;height:100%;width:100%}.gjs-sm-color-picker{background-color:#ddd;background-color:var(--gjs-font-color);border-radius:1px;box-shadow:0 0 1px #0003;box-shadow:0 0 1px var(--gjs-main-dark-color);cursor:pointer;height:16px;margin-top:-16px;width:100%}.gjs-sm-btn-upload #gjs-sm-upload{cursor:pointer;left:0;opacity:0;position:absolute;top:0;width:100%}.gjs-sm-btn-upload #gjs-sm-label{padding:2px 0}.gjs-sm-layer>#gjs-sm-move{cursor:move;filter:alpha(opacity=70);float:left;font-size:12px;margin:0 5px 0 0;opacity:.7}.gjs-sm-layer>#gjs-sm-move:hover{filter:alpha(opacity=90);opacity:.9}.gjs-blocks-c{display:flex;flex-wrap:wrap;justify-content:flex-start}.gjs-block-categories{display:flex;flex-direction:column}.gjs-block-category{width:100%}.gjs-block-category .gjs-caret-icon{margin-right:5px}.gjs-block{border:1px solid #0003;border-radius:3px;box-shadow:0 1px 0 0 #00000026;box-sizing:border-box;cursor:all-scroll;display:flex;flex-direction:column;font-size:11px;font-weight:lighter;justify-content:space-between;margin:10px 2.5% 5px;min-height:90px;min-width:45px;padding:1em;text-align:center;transition:all .2s ease 0s;transition-property:box-shadow,color;-webkit-user-select:none;-o-user-select:none;user-select:none;width:45%}.gjs-block:hover{box-shadow:0 3px 4px 0 #00000026}.gjs-block svg{fill:currentColor}.gjs-block__media{margin-bottom:10px;pointer-events:none}.gjs-block-svg{width:54px}.gjs-block-svg,.gjs-block-svg-path{fill:currentColor}.gjs-block.fa{font-size:2em;line-height:2em;padding:11px}.gjs-block-label{font-family:Helvetica,sans-serif;font-size:.65rem;font-weight:400;line-height:normal;overflow:hidden;pointer-events:none;text-overflow:ellipsis}.gjs-block.gjs-bdrag{padding:0;width:auto}.gjs-selected-parent{border:1px solid #ffca6f;border:1px solid var(--gjs-color-yellow)}.gjs-opac50{filter:alpha(opacity=50);opacity:.5}.gjs-layer{display:grid;font-size:.75rem;font-size:var(--gjs-font-size);font-weight:lighter;position:relative;text-align:left}.gjs-layer-item{background-color:#0000001a;background-color:var(--gjs-secondary-dark-color);border-bottom:1px solid #0003;border-bottom:1px solid var(--gjs-main-dark-color);cursor:pointer;justify-content:space-between;padding:5px 10px}.gjs-layer-item,.gjs-layer-item-left,.gjs-layer-item-right{align-items:center;display:flex;gap:5px;gap:var(--gjs-flex-item-gap)}.gjs-layer-item-left{width:100%}.gjs-layer-hidden{filter:alpha(opacity=55);opacity:.55}.gjs-layer-vis{box-sizing:initial;cursor:pointer;z-index:1}.gjs-layer-vis-off,.gjs-layer-vis-on{display:flex;height:13px;width:13px}.gjs-layer-vis-off,.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-on{display:none}.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-off{display:flex}.gjs-layer-caret{box-sizing:initial;cursor:pointer;display:flex;filter:alpha(opacity=70);height:15px;opacity:.7;transform:rotate(90deg);width:15px}.gjs-layer-caret:hover{filter:alpha(opacity=100);opacity:1}.gjs-layer.open>.gjs-layer-item .gjs-layer-caret{transform:rotate(180deg)}.gjs-layer-title{align-items:center;background-color:#0000!important;border-bottom:none;display:flex;padding:0}.gjs-layer-title-inn{align-items:center;display:flex;gap:5px;gap:var(--gjs-flex-item-gap);position:relative}.gjs-layer-title-c{width:100%}.gjs-layer__icon{display:block;max-height:15px;max-width:15px;padding-left:5px;width:100%}.gjs-layer__icon svg{fill:currentColor}.gjs-layer-name{box-sizing:initial;display:inline-block;height:auto;max-width:170px;overflow:hidden;white-space:nowrap}.gjs-layer-name--no-edit{text-overflow:ellipsis}.gjs-layer>.gjs-layer-children{display:none}.gjs-layer.open>.gjs-layer-children{display:block}.gjs-layer-no-chld>.gjs-layer-title-inn>.gjs-layer-caret{visibility:hidden}.gjs-layer-move{box-sizing:initial;cursor:move;display:flex;height:13px;width:13px}.gjs-layer.gjs-hovered .gjs-layer-item{background-color:hsla(0,0%,100%,.015);background-color:var(--gjs-soft-light-color)}.gjs-layer.gjs-selected .gjs-layer-item{background-color:#ffffff1a;background-color:var(--gjs-main-light-color)}.gjs-layers{height:100%;position:relative}.gjs-layers #gjs-placeholder{position:absolute;width:100%}.gjs-layers #gjs-placeholder #gjs-plh-int{height:100%;padding:1px}.gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert{background-color:#62c462;background-color:var(--gjs-color-green)}#gjs-clm-add-tag,.gjs-clm-tags-btn{background-color:#ffffff26;border:1px solid #00000026;border-radius:2px;box-sizing:border-box;cursor:pointer;height:24px;margin-right:3px;padding:3px;width:24px}.gjs-clm-tags-btn svg{fill:currentColor;display:block}.gjs-clm-header{align-items:center;display:flex;margin:7px 0}.gjs-clm-header-status{flex-shrink:1;margin-left:auto}.gjs-clm-tag{align-items:center;border-radius:3px;cursor:default;display:flex;margin:0 3px 3px 0;overflow:hidden;padding:5px}.gjs-clm-tag-close,.gjs-clm-tag-status{flex-shrink:1;height:12px;width:12px}.gjs-clm-tag-close svg,.gjs-clm-tag-status svg{fill:currentColor;vertical-align:middle}.gjs-clm-sels-info{margin:7px 0;text-align:left}.gjs-clm-sel-id{filter:alpha(opacity=50);font-size:.9em;opacity:.5}.gjs-clm-label-sel{float:left;padding-right:5px}.gjs-clm-tags{font-size:.75rem;font-size:var(--gjs-font-size);padding:10px 5px}.gjs-clm-tags #gjs-clm-sel{float:left;font-style:italic;margin-left:5px;padding:7px 0}.gjs-clm-tags #gjs-clm-tags-field{clear:both;display:flex;flex-wrap:wrap;margin-bottom:5px;padding:5px}.gjs-clm-tags #gjs-clm-tags-c{display:flex;flex-wrap:wrap;overflow:hidden;vertical-align:top}.gjs-clm-tags #gjs-clm-new{color:#ddd;color:var(--gjs-font-color);display:none;padding:5px 6px;padding:var(--gjs-padding-elem-classmanager)}.gjs-clm-tags #gjs-clm-close{color:#ffffffe6;cursor:pointer;filter:alpha(opacity=85);font-size:20px;line-height:0;opacity:.85}.gjs-clm-tags #gjs-clm-close:hover{filter:alpha(opacity=100);opacity:1}.gjs-clm-tags #gjs-clm-checkbox{color:#ffffffe6;cursor:pointer;font-size:9px;vertical-align:middle}.gjs-clm-tags #gjs-clm-tag-label{cursor:text;flex-grow:1;overflow:hidden;padding:0 3px;text-overflow:ellipsis}.gjs-mdl-container{background-color:#00000080;bottom:0;display:flex;font-family:Helvetica,sans-serif;font-family:var(--gjs-main-font);left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:100}.gjs-mdl-dialog{animation:gjs-slide-down .215s;border-radius:3px;font-weight:lighter;margin:auto;max-width:850px;position:relative;text-shadow:-1px -1px 0 #0000000d;width:90%;z-index:2}.gjs-mdl-title{font-size:1rem}.gjs-mdl-btn-close{position:absolute;right:15px;top:5px}.gjs-mdl-active .gjs-mdl-dialog{animation:gjs-mdl-slide-down .216s}.gjs-mdl-content,.gjs-mdl-header{clear:both;padding:10px 15px}.gjs-mdl-header{border-bottom:1px solid #0003;border-bottom:1px solid var(--gjs-main-dark-color);padding:15px 15px 7px;position:relative}.gjs-export-dl:after{clear:both;content:"";display:block;margin-bottom:10px}.gjs-dropzone{display:none;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .25s;width:100%;z-index:11}.gjs-dropzone-active .gjs-dropzone{display:block;opacity:1}.gjs-am-assets{align-content:flex-start;align-items:flex-start;clear:both;display:flex;flex-wrap:wrap;height:290px;overflow:auto}.gjs-am-assets-header{padding:5px}.gjs-am-add-asset .gjs-am-add-field{float:left;width:70%}.gjs-am-add-asset button{float:right;width:25%}.gjs-am-preview-cont{background-color:#444;background-color:var(--gjs-main-color);border-radius:2px;float:left;height:70px;overflow:hidden;position:relative;width:30%}.gjs-am-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:1}.gjs-am-preview,.gjs-am-preview-bg{height:100%;position:absolute;width:100%}.gjs-am-preview-bg{filter:alpha(opacity=50);opacity:.5;z-index:0}.gjs-am-dimensions{filter:alpha(opacity=50);font-size:10px;opacity:.5}.gjs-am-meta{box-sizing:border-box;float:left;font-size:12px;padding:5px 0 0 5px;width:70%}.gjs-am-meta>div{margin-bottom:5px}.gjs-am-close{cursor:pointer;display:none;position:absolute;right:5px;top:0}.gjs-am-asset{border-bottom:1px solid color-mix(in srgb,#0003,#000 3%);border-bottom:1px solid color-mix(in srgb,var(--gjs-main-dark-color),#000 3%);box-sizing:border-box;cursor:pointer;padding:5px;position:relative;width:100%}.gjs-am-asset:hover .gjs-am-close{display:block}.gjs-am-highlight{background-color:#ffffff1a;background-color:var(--gjs-main-light-color)}.gjs-am-assets-cont{background-color:#0000001a;background-color:var(--gjs-secondary-dark-color);border-radius:3px;box-sizing:border-box;float:right;height:325px;overflow:hidden;padding:10px;width:45%}.gjs-am-file-uploader{float:left;width:55%}.gjs-am-file-uploader>form{background-color:#0000001a;background-color:var(--gjs-secondary-dark-color);border:2px dashed;border-radius:3px;margin-bottom:15px;position:relative;text-align:center}.gjs-am-file-uploader>form.gjs-am-hover{border:2px solid #62c462;border:2px solid var(--gjs-color-green);color:color-mix(in srgb,#62c462,#fff 5%);color:color-mix(in srgb,var(--gjs-color-green),#fff 5%)}.gjs-am-file-uploader>form.gjs-am-disabled{border-color:red}.gjs-am-file-uploader>form #gjs-am-uploadFile{box-sizing:border-box;filter:alpha(opacity=0);opacity:0;padding:150px 10px;padding:var(--gjs-upload-padding);width:100%}.gjs-am-file-uploader #gjs-am-title{padding:150px 10px;padding:var(--gjs-upload-padding);position:absolute;width:100%}.gjs-cm-editor-c{box-sizing:border-box;float:left;width:50%}.gjs-cm-editor-c .CodeMirror{height:450px}.gjs-cm-editor{font-size:12px}.gjs-cm-editor#gjs-cm-htmlmixed{border-right:1px solid #0003;border-right:1px solid var(--gjs-main-dark-color);padding-right:10px}.gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title{color:#a97d44}.gjs-cm-editor#gjs-cm-css{padding-left:10px}.gjs-cm-editor#gjs-cm-css #gjs-cm-title{color:#ddca7e}.gjs-cm-editor #gjs-cm-title{background-color:#0003;background-color:var(--gjs-main-dark-color);font-size:12px;padding:5px 10px 3px;text-align:right}.gjs-rte-toolbar{position:absolute;z-index:10}.gjs-rte-toolbar-ui{border:1px solid #0003;border:1px solid var(--gjs-main-dark-color);border-radius:3px}.gjs-rte-actionbar{display:flex}.gjs-rte-action{align-items:center;border-right:1px solid #0003;border-right:1px solid var(--gjs-main-dark-color);cursor:pointer;display:flex;justify-content:center;outline:none;padding:5px;text-align:center;width:25px}.gjs-rte-action:last-child{border-right:none}.gjs-rte-action:hover,.gjs-rte-active{background-color:#ffffff1a;background-color:var(--gjs-main-light-color)}.gjs-rte-disabled{color:#ffffff1a;color:var(--gjs-main-light-color);cursor:not-allowed}.gjs-rte-disabled:hover{background-color:initial}.sp-container{display:inline-block;left:0;overflow:hidden;position:absolute;top:0;z-index:9999994}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{box-sizing:initial}.sp-top{display:inline-block;position:relative;width:100%}.sp-top-inner{right:0}.sp-color,.sp-top-inner{bottom:0;left:0;position:absolute;top:0}.sp-color{right:20%}.sp-hue{bottom:0;height:100%;left:84%;position:absolute;right:0;top:0}.sp-clear-enabled .sp-hue{height:77.5%;top:33px}.sp-fill{padding-top:80%}.sp-sat,.sp-val{bottom:0;left:0;position:absolute;right:0;top:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{background:#fff;border:1px solid #000;bottom:-4px;cursor:pointer;left:50%;opacity:.8;position:absolute;top:-4px;width:6px}.sp-alpha{bottom:-14px;display:none;height:8px;left:0;position:absolute;right:0}.sp-alpha-inner{border:1px solid #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:50%}.sp-clear-enabled .sp-clear{bottom:0;display:block;height:28px;left:84%;position:absolute;right:0;top:0}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-o-user-select:none;user-select:none}.sp-container.sp-buttons-disabled .sp-button-container,.sp-container.sp-input-disabled .sp-input-container,.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,.sp-initial-disabled .sp-initial,.sp-palette-disabled .sp-palette-container,.sp-palette-only .sp-picker-container{display:none}.sp-sat{background-image:linear-gradient(90deg,#fff,#cc9a8100);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr="#FFFFFFFF",endColorstr="#00CC9A81")}.sp-val{background-image:linear-gradient(0deg,#000,#cc9a8100);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81",endColorstr="#FF000000")}.sp-hue{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.sp-1{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ffff00");height:17%}.sp-2{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#00ff00");height:16%}.sp-3{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00",endColorstr="#00ffff");height:17%}.sp-4{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff",endColorstr="#0000ff");height:17%}.sp-5{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#ff00ff");height:16%}.sp-6{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff",endColorstr="#ff0000");height:17%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media(max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{background:#000;border:1px solid #fff;border-radius:5px;height:5px;left:0;width:5px}.sp-dragger,.sp-slider{cursor:pointer;position:absolute;top:0}.sp-slider{background:#fff;border:1px solid #000;height:3px;left:-1px;opacity:.8;right:-1px}.sp-container{background-color:#ececec;border:1px solid #f0c49b;border-radius:0;padding:0}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{-ms-box-sizing:border-box;box-sizing:border-box;font:normal 12px Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif}.sp-top{margin-bottom:3px}.sp-clear,.sp-color,.sp-hue{border:1px solid #666}.sp-input-container{float:right;margin-bottom:4px;width:100px}.sp-initial-disabled .sp-input-container,.sp-input{width:100%}.sp-input{background:#0000;border:1px inset;border-radius:3px;color:#222;font-size:12px!important;margin:0;padding:4px 5px}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{background:#fdd;border:1px solid red}.sp-palette-container,.sp-picker-container{float:left;margin-bottom:-290px;padding:10px 10px 300px;position:relative}.sp-picker-container{border-left:1px solid #fff;width:172px}.sp-palette-container{border-right:1px solid #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{border:2px solid #0000;cursor:pointer;display:block;float:left;height:15px;margin:3px;position:relative;width:24px}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{border:1px solid #333;float:left}.sp-initial span{border:none;display:block;float:left;height:25px;margin:0;width:30px}.sp-initial .sp-clear-display{background-position:50%}.sp-button-container,.sp-palette-button-container{float:right}.sp-replacer{background:#eee;border:1px solid #91765d;color:#333;cursor:pointer;display:inline-block;margin:0;overflow:hidden;padding:4px;vertical-align:middle}.sp-replacer.sp-active,.sp-replacer:hover{border-color:#f0c49b;color:#111}.sp-replacer.sp-disabled{border-color:silver;color:silver;cursor:default}.sp-dd{float:left;font-size:10px;height:16px;line-height:16px;padding:2px 0}.sp-preview{border:1px solid #222;float:left;height:20px;margin-right:5px;position:relative;width:25px;z-index:0}.sp-palette{max-width:220px}.sp-palette .sp-thumb-el{border:1px solid #d0d0d0;height:16px;margin:2px 1px;width:16px}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:linear-gradient(180deg,#eee,#ccc);border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:linear-gradient(180deg,#ddd,#bbb);border:1px solid;border-color:#bbb #bbb #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid;border-color:#aaa #aaa #888;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee}.sp-cancel{color:#d93f3f!important;font-size:11px;margin:0 5px 0 0;padding:2px;text-decoration:none;vertical-align:middle}.sp-cancel:hover{color:#d93f3f!important;text-decoration:underline}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);position:relative}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{bottom:0;display:block;left:0;position:absolute;right:0;top:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);background-position:50%;background-repeat:no-repeat}.gjs-editor-sp{border:1px solid #0003;border:1px solid var(--gjs-main-dark-color);border-radius:3px;box-shadow:0 0 7px #0003;box-shadow:0 0 7px var(--gjs-main-dark-color)}.gjs-editor-sp .sp-hue,.gjs-editor-sp .sp-slider{cursor:row-resize}.gjs-editor-sp .sp-color,.gjs-editor-sp .sp-dragger{cursor:crosshair}.gjs-editor-sp .sp-alpha-handle,.gjs-editor-sp .sp-alpha-inner{cursor:col-resize}.gjs-editor-sp .sp-hue{left:90%}.gjs-editor-sp .sp-color{right:15%}.gjs-editor-sp .sp-picker-container{border:none}.gjs-editor-sp .colpick_dark .colpick_color{outline:1px solid #0003;outline:1px solid var(--gjs-main-dark-color)}.gjs-editor-sp .sp-cancel,.gjs-editor-sp .sp-cancel:hover{bottom:-8px;color:#777!important;font-size:25px;left:0;position:absolute;text-decoration:none}.gjs-editor-sp .sp-alpha-handle{background-color:#ccc;border:1px solid #555;width:4px}.gjs-editor-sp .sp-color,.gjs-editor-sp .sp-hue{border:1px solid #333}.gjs-editor-sp .sp-slider{background-color:#ccc;border:1px solid #555;height:3px;left:-4px;width:22px}.gjs-editor-sp .sp-dragger{background:#0000;box-shadow:0 0 0 1px #111}.gjs-editor-sp .sp-button-container{float:none;position:relative;text-align:right;width:100%}.gjs-editor-sp .sp-button-container .sp-choose,.gjs-editor-sp .sp-button-container .sp-choose:active,.gjs-editor-sp .sp-button-container .sp-choose:hover{background:#0003;background:var(--gjs-main-dark-color);border-color:#0003;border-color:var(--gjs-main-dark-color);box-shadow:none;color:#ddd;color:var(--gjs-font-color);padding:3px 5px;text-shadow:none}.gjs-editor-sp .sp-palette-container{border:none;float:none;margin:0;padding:5px 10px 0}.gjs-editor-sp .sp-palette .sp-thumb-el,.gjs-editor-sp .sp-palette .sp-thumb-el:hover{border:1px solid #000000e6}.gjs-editor-sp .sp-palette .sp-thumb-el.sp-thumb-active,.gjs-editor-sp .sp-palette .sp-thumb-el:hover{border-color:#000000e6}.gjs-one-bg{background-color:#444;background-color:var(--gjs-primary-color)}.gjs-one-color,.gjs-one-color-h:hover{color:#444;color:var(--gjs-primary-color)}.gjs-two-bg{background-color:#ddd;background-color:var(--gjs-secondary-color)}.gjs-two-color,.gjs-two-color-h:hover{color:#ddd;color:var(--gjs-secondary-color)}.gjs-three-bg{background-color:#804f7b;background-color:var(--gjs-tertiary-color)}.gjs-three-color,.gjs-three-color-h:hover{color:#804f7b;color:var(--gjs-tertiary-color)}.gjs-four-bg{background-color:#d278c9;background-color:var(--gjs-quaternary-color)}.gjs-four-color,.gjs-four-color-h:hover{color:#d278c9;color:var(--gjs-quaternary-color)}.gjs-danger-bg{background-color:#dd3636;background-color:var(--gjs-color-red)}.gjs-danger-color,.gjs-danger-color-h:hover{color:#dd3636;color:var(--gjs-color-red)}.gjs-bdrag{width:auto}.gjs-bdrag,.gjs-drag-helper{pointer-events:none!important;position:absolute!important;z-index:10!important}.gjs-drag-helper{background-color:#3b97e3!important;background-color:var(--gjs-color-blue)!important;margin:15px!important;outline:none!important;transform:scale(.3)!important;transform-origin:top left!important;-webkit-transform-origin:top left!important;transition:none!important}.gjs-grabbing,.gjs-grabbing *{cursor:grabbing!important;cursor:-webkit-grabbing!important}.gjs-grabbing{overflow:hidden}.gjs-off-prv{cursor:pointer;padding:5px;position:relative;z-index:10}.gjs-editor-cont ::-webkit-scrollbar-track{background:#0000001a;background:var(--gjs-secondary-dark-color)}.gjs-editor-cont ::-webkit-scrollbar-thumb{background-color:#fff3}.gjs-editor-cont ::-webkit-scrollbar{width:8px}.gjs-no-touch-actions{touch-action:none}.gjs-disabled{filter:alpha(opacity=50);opacity:.5;-webkit-user-select:none;-o-user-select:none;user-select:none}.gjs-editor{box-sizing:border-box;font-family:Helvetica,sans-serif;font-family:var(--gjs-main-font);font-size:.75rem;font-size:var(--gjs-font-size);height:100%;position:relative}.gjs-freezed{filter:alpha(opacity=50);opacity:.5;pointer-events:none}.gjs-hidden{display:none}@keyframes gjs-slide-down{0%{opacity:0;transform:translateY(-3rem)}to{opacity:1;transform:translate(0)}}@keyframes gjs-slide-up{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-3rem)}}.cm-s-hopscotch span.cm-error{color:#fff}
/*# sourceMappingURL=main.30ad6405.css.map*/