@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);:root{--color-background:#fafafa;--color-surface:#fff;--color-muted:#f1f5f9;--color-foreground:#0f172a;--color-foreground-muted:#64748b;--color-foreground-subtle:#94a3b8;--color-accent:#3b82f6;--color-accent-light:#60a5fa;--color-accent-dark:#2563eb;--color-accent-foreground:#fff;--color-accent-gradient-start:#3b82f6;--color-accent-gradient-end:#60a5fa;--color-success:#22c55e;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--font-display:"Calistoga",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.75;--tracking-tighter:-0.02em;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.15em;--space-0:0;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--border-width:1px;--border-width-2:2px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #00000014;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #00000026;--shadow-accent:0 4px 14px #3b82f640;--shadow-accent-lg:0 8px 24px #3b82f659;--transition-slower:500ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=blue]{--color-accent:#0052ff;--color-accent-light:#4d7cff;--color-accent-dark:#0041cc;--color-accent-gradient-start:#0052ff;--color-accent-gradient-end:#4d7cff;--shadow-accent:0 4px 14px #0052ff40;--shadow-accent-lg:0 8px 24px #0052ff59}[data-theme=purple]{--color-accent:#8b5cf6;--color-accent-light:#a78bfa;--color-accent-dark:#7c3aed;--color-accent-gradient-start:#8b5cf6;--color-accent-gradient-end:#a78bfa;--shadow-accent:0 4px 14px #8b5cf640;--shadow-accent-lg:0 8px 24px #8b5cf659}[data-theme=orange]{--color-accent:#f97316;--color-accent-light:#fb923c;--color-accent-dark:#ea580c;--color-accent-gradient-start:#f97316;--color-accent-gradient-end:#fb923c;--shadow-accent:0 4px 14px #f9731640;--shadow-accent-lg:0 8px 24px #f9731659}[data-theme=teal]{--color-accent:#14b8a6;--color-accent-light:#2dd4bf;--color-accent-dark:#0d9488;--color-accent-gradient-start:#14b8a6;--color-accent-gradient-end:#2dd4bf;--shadow-accent:0 4px 14px #14b8a640;--shadow-accent-lg:0 8px 24px #14b8a659}.gradient-text{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--color-accent-gradient-start),var(--color-accent-gradient-end));-webkit-background-clip:text;background-clip:text;color:#0000}.gradient-bg,.gradient-border{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--color-accent-gradient-start),var(--color-accent-gradient-end))}.gradient-border{border-radius:1rem;border-radius:var(--radius-xl);padding:2px}.gradient-border>*{background:#fff;background:var(--color-surface);border-radius:calc(1rem - 2px);border-radius:calc(var(--radius-xl) - 2px)}.section-label{align-items:center;background:#3b82f60d;border:1px solid #3b82f64d;border-radius:9999px;border-radius:var(--radius-full);color:#3b82f6;color:var(--color-accent);display:inline-flex;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-xs);gap:.75rem;gap:var(--space-3);letter-spacing:.15em;letter-spacing:var(--tracking-widest);padding:.5rem 1.25rem;padding:var(--space-2) var(--space-5);text-transform:uppercase}.section-label:before{animation:pulse 2s ease-in-out infinite;background:#3b82f6;background:var(--color-accent);border-radius:50%;content:"";height:8px;width:8px}.section-inverted{background:#0f172a;background:var(--color-foreground);color:#fafafa;color:var(--color-background)}.section-inverted .section-label{background:#ffffff0d;border-color:#fff3;color:#60a5fa;color:var(--color-accent-light)}.texture-dots{background-image:radial-gradient(circle,#ffffff08 1px,#0000 0);background-size:32px 32px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-pulse-slow{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards;animation:fadeInUp .5s var(--ease-out) forwards}.animate-slide-in-right{animation:slideInRight .5s cubic-bezier(.16,1,.3,1) forwards;animation:slideInRight .5s var(--ease-out) forwards}.animate-rotate-slow{animation:rotate 60s linear infinite}.btn{border-radius:.75rem;border-radius:var(--radius-lg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);font-size:.875rem;font-size:var(--text-sm);font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal) var(--ease-out)}.btn:focus-visible{box-shadow:0 0 0 2px #fafafa,0 0 0 4px #3b82f6;box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-accent);outline:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--color-accent-gradient-start),var(--color-accent-gradient-end));box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);color:var(--color-accent-foreground)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #3b82f659;box-shadow:var(--shadow-accent-lg);filter:brightness(1.05)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary{background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);color:#0f172a;color:var(--color-foreground)}.btn-secondary:hover:not(:disabled){background:#f1f5f9;background:var(--color-muted);border-color:#3b82f6;border-color:var(--color-accent);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md)}.btn-ghost{background:#0000;color:#64748b;color:var(--color-foreground-muted)}.btn-ghost:hover:not(:disabled){background:#f1f5f9;background:var(--color-muted);color:#0f172a;color:var(--color-foreground)}.card{background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);padding:var(--space-6);transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal) var(--ease-out)}.card:hover{box-shadow:0 20px 25px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-featured{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--color-accent-gradient-start),var(--color-accent-gradient-end));border:none;padding:2px;position:relative}.card-featured>.card-content{border-radius:calc(1rem - 2px);border-radius:calc(var(--radius-xl) - 2px);height:100%;padding:1.5rem;padding:var(--space-6)}.card-featured>.card-content,.input{background:#fff;background:var(--color-surface)}.input{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#0f172a;color:var(--color-foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);height:48px;padding:0 1rem;padding:0 var(--space-4);transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--transition-normal) var(--ease-out);width:100%}.input::placeholder{color:#94a3b8;color:var(--color-foreground-subtle)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f626}.input:disabled{background:#f1f5f9;background:var(--color-muted);cursor:not-allowed;opacity:.6}.page-container{animation:fadeInPage .4s ease-out;padding:24px}.page-header{margin-bottom:24px}.page-header h1{align-items:center;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0}.page-header h1,.page-header h1 svg{-webkit-text-fill-color:#1a365d!important;color:#1a365d!important}.page-header h1 svg{flex-shrink:0}.page-header-actions{align-items:center;display:flex;gap:12px}.admin-header h1,.dashboard-header h1,.inventory-header h1,.org-settings-header h1,.reports-header h1,.rota-header h1,.settings-header h1,.time-off-header h1,.timesheets-header h1,[class*=-header] h1,[class*=-header] h2{-webkit-text-fill-color:#1a365d!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#1a365d!important}[class*=-header] h1 svg,[class*=-header] h2 svg{-webkit-text-fill-color:#1a365d!important;color:#1a365d!important}.content-card{margin-bottom:24px;padding:24px}.content-card:last-child{margin-bottom:0}.content-card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.content-card-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.content-card-header h2 svg{color:var(--whatsapp-green)}.btn-primary{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);box-shadow:0 2px 8px #25d36640;justify-content:center;transition:all .2s ease}.btn-primary:hover{box-shadow:0 4px 12px #25d36659}.btn-primary:active{transform:translateY(0)}.btn-secondary{justify-content:center;transition:all .2s ease}.btn-secondary:hover{background:#25d3660d;border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.btn-icon{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:inline-flex;height:36px;transition:all .2s ease;width:36px}.btn-icon:hover{background:#25d3660d;border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.form-group:last-child{margin-bottom:0}.form-label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.stats-grid{grid-gap:16px;gap:16px;margin-bottom:24px}.stat-icon.green{background:#25d3661a;color:var(--whatsapp-green)}.stat-icon.blue{background:#3b82f61a;color:#3b82f6}.stat-icon.orange{background:#f973161a;color:#f97316}.stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.stat-content h3{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 4px}.stat-content p{color:var(--text-secondary);font-size:13px;margin:0}.empty-state-icon{align-items:center;background:var(--bg-tertiary);border-radius:50%;color:var(--text-tertiary);display:flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.empty-state p{max-width:300px}.badge-success{background:#22c55e1a;color:#16a34a}.badge-warning{background:#f59e0b1a;color:#d97706}.badge-error{background:#ef44441a;color:#dc2626}.badge-info{background:#3b82f61a;color:#2563eb}.badge-muted{background:var(--bg-tertiary);color:var(--text-secondary)}.panel-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;z-index:999}.panel-overlay,.slide-panel{position:fixed;right:0;top:0}.slide-panel{animation:slideInRight .25s ease-out;background:var(--bg-primary);box-shadow:-8px 0 30px #00000026;display:flex;flex-direction:column;height:100vh;max-width:100vw;width:400px;z-index:1001}.slide-panel.closing{animation:slideOutRight .25s ease-out forwards}.slide-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.slide-panel-header h3{align-items:center;color:#1a365d;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.slide-panel-header h3 svg{color:var(--whatsapp-green)}.slide-panel-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:all .2s}.slide-panel-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.slide-panel-body{display:block;flex:1 1;overflow-y:auto;padding:24px}.slide-panel-body>*{display:block;width:100%}.slide-panel-footer{border-top:1px solid var(--border-color);padding:16px 24px}.calendar-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.calendar-nav{gap:12px}.calendar-nav h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0;min-width:180px;text-align:center}.calendar-weekday{font-size:12px;letter-spacing:.5px;padding:12px 8px;text-transform:uppercase}.calendar-grid{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0 0 12px 12px;display:flex;flex-direction:column;overflow:hidden}.calendar-week{background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:repeat(7,1fr);min-height:120px;position:relative}.calendar-week:last-child{border-bottom:none}.calendar-day{border-right:1px solid var(--border-color);padding:6px;transition:all .2s ease}.calendar-day:last-child{border-right:none}.calendar-day.empty{background:var(--bg-primary);pointer-events:none}.calendar-day.today{background:#25d36608}.calendar-day-number{font-size:12px;margin-bottom:4px}.calendar-day.today .calendar-day-number{color:var(--whatsapp-green)}.calendar-events{display:flex;flex:1 1;flex-direction:column;gap:4px}.calendar-event{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:500;gap:6px;overflow:hidden;padding:4px 8px}.calendar-event-avatar{border-radius:50%;flex-shrink:0;height:18px;object-fit:cover;width:18px}.calendar-event-avatar-placeholder{align-items:center;background:#fffc;border-radius:50%;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:18px;justify-content:center;width:18px}.calendar-event-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-more{background:var(--bg-tertiary);color:var(--text-secondary);font-size:10px;justify-content:center}.slide-panel-body .filter-section{display:block!important;margin-bottom:24px;width:100%}.slide-panel-body .filter-section:last-child{margin-bottom:0}.slide-panel-body .filter-label{border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:block!important;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase;width:100%}.slide-panel-body .filter-options{display:flex!important;flex-direction:column!important;gap:8px;width:100%}.filter-checkbox{border-radius:8px;transition:all .2s ease}.filter-checkbox:hover{background:#25d3660d}.filter-checkbox:has(input:checked){background:#25d36614}.filter-checkbox input[type=checkbox]{height:18px;width:18px}.filter-radio{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:all .2s ease}.filter-radio:hover{background:#25d3660d}.filter-radio:has(input:checked){background:#25d36614;border-color:var(--whatsapp-green)}.filter-radio input[type=radio]{accent-color:var(--whatsapp-green);cursor:pointer;height:18px;width:18px}.filter-radio span{color:var(--text-primary);font-size:14px;font-weight:500}.slide-panel-body .filter-search{background:#0000;border:none;display:block!important;margin-bottom:12px;padding:0;width:100%}.slide-panel-body .filter-search input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.slide-panel-body .filter-search input:focus{border-color:var(--whatsapp-green);outline:none}.slide-panel-body .filter-search input::placeholder{color:var(--text-tertiary)}.filter-search input:focus{border-color:var(--whatsapp-green);outline:none}.tabs-container{background:var(--bg-tertiary);border-radius:10px;gap:4px;margin-bottom:24px}.tab-button{border-radius:8px;color:var(--text-secondary);padding:10px 16px;transition:all .2s ease}.tab-button:hover{background:#ffffff80;color:var(--text-primary)}.tab-button.active{background:var(--bg-secondary);box-shadow:0 1px 3px #00000014;color:var(--text-primary)}.tab-content{min-height:200px}@media (max-width:768px){.page-container{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-header-actions{width:100%}.content-card{padding:16px}.calendar-weekdays{display:none}.calendar-grid{grid-template-columns:1fr}.calendar-day{min-height:auto}.slide-panel{width:100%}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.panel-overlay{animation:overlayFadeIn .2s ease-out}.panel-overlay.closing{animation:overlayFadeOut .25s ease-out forwards}.modal-animated{animation:modalFadeIn .25s cubic-bezier(.34,1.56,.64,1)}.modal-animated.closing{animation:modalFadeOut .2s ease-out forwards}.context-menu-animated{animation:contextMenuIn .15s ease-out}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Outfit,system-ui,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:JetBrains Mono,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root,[data-theme]{background-color:#fff;background-color:hsl(var(--heroui-background));color:#11181c;color:hsl(var(--heroui-foreground))}:root,[data-theme=light]{--heroui-background:0 0% 100%;--heroui-foreground-50:0 0% 98.04%;--heroui-foreground-100:240 4.76% 95.88%;--heroui-foreground-200:240 5.88% 90%;--heroui-foreground-300:240 4.88% 83.92%;--heroui-foreground-400:240 5.03% 64.9%;--heroui-foreground-500:240 3.83% 46.08%;--heroui-foreground-600:240 5.2% 33.92%;--heroui-foreground-700:240 5.26% 26.08%;--heroui-foreground-800:240 3.7% 15.88%;--heroui-foreground-900:240 5.88% 10%;--heroui-foreground:201.81999999999994 24.44% 8.82%;--heroui-divider:0 0% 6.67%;--heroui-focus:212.01999999999998 100% 46.67%;--heroui-overlay:0 0% 0%;--heroui-content1:0 0% 100%;--heroui-content1-foreground:201.81999999999994 24.44% 8.82%;--heroui-content2:240 4.76% 95.88%;--heroui-content2-foreground:240 3.7% 15.88%;--heroui-content3:240 5.88% 90%;--heroui-content3-foreground:240 5.26% 26.08%;--heroui-content4:240 4.88% 83.92%;--heroui-content4-foreground:240 5.2% 33.92%;--heroui-default-50:0 0% 98.04%;--heroui-default-100:240 4.76% 95.88%;--heroui-default-200:240 5.88% 90%;--heroui-default-300:240 4.88% 83.92%;--heroui-default-400:240 5.03% 64.9%;--heroui-default-500:240 3.83% 46.08%;--heroui-default-600:240 5.2% 33.92%;--heroui-default-700:240 5.26% 26.08%;--heroui-default-800:240 3.7% 15.88%;--heroui-default-900:240 5.88% 10%;--heroui-default-foreground:0 0% 0%;--heroui-default:240 4.88% 83.92%;--heroui-primary-50:212.5 92.31% 94.9%;--heroui-primary-100:211.84000000000003 92.45% 89.61%;--heroui-primary-200:211.84000000000003 92.45% 79.22%;--heroui-primary-300:212.24 92.45% 68.82%;--heroui-primary-400:212.14 92.45% 58.43%;--heroui-primary-500:212.01999999999998 100% 46.67%;--heroui-primary-600:212.14 100% 38.43%;--heroui-primary-700:212.24 100% 28.82%;--heroui-primary-800:211.84000000000003 100% 19.22%;--heroui-primary-900:211.84000000000003 100% 9.61%;--heroui-primary-foreground:0 0% 100%;--heroui-primary:212.01999999999998 100% 46.67%;--heroui-secondary-50:270 61.54% 94.9%;--heroui-secondary-100:270 59.26% 89.41%;--heroui-secondary-200:270 59.26% 78.82%;--heroui-secondary-300:270 59.26% 68.24%;--heroui-secondary-400:270 59.26% 57.65%;--heroui-secondary-500:270 66.67% 47.06%;--heroui-secondary-600:270 66.67% 37.65%;--heroui-secondary-700:270 66.67% 28.24%;--heroui-secondary-800:270 66.67% 18.82%;--heroui-secondary-900:270 66.67% 9.41%;--heroui-secondary-foreground:0 0% 100%;--heroui-secondary:270 66.67% 47.06%;--heroui-success-50:146.66999999999996 64.29% 94.51%;--heroui-success-100:145.71000000000004 61.4% 88.82%;--heroui-success-200:146.2 61.74% 77.45%;--heroui-success-300:145.78999999999996 62.57% 66.47%;--heroui-success-400:146.01 62.45% 55.1%;--heroui-success-500:145.96000000000004 79.46% 43.92%;--heroui-success-600:146.01 79.89% 35.1%;--heroui-success-700:145.78999999999996 79.26% 26.47%;--heroui-success-800:146.2 79.78% 17.45%;--heroui-success-900:145.71000000000004 77.78% 8.82%;--heroui-success-foreground:0 0% 0%;--heroui-success:145.96000000000004 79.46% 43.92%;--heroui-warning-50:54.55000000000001 91.67% 95.29%;--heroui-warning-100:37.139999999999986 91.3% 90.98%;--heroui-warning-200:37.139999999999986 91.3% 81.96%;--heroui-warning-300:36.95999999999998 91.24% 73.14%;--heroui-warning-400:37.00999999999999 91.26% 64.12%;--heroui-warning-500:37.02999999999997 91.27% 55.1%;--heroui-warning-600:37.00999999999999 74.22% 44.12%;--heroui-warning-700:36.95999999999998 73.96% 33.14%;--heroui-warning-800:37.139999999999986 75% 21.96%;--heroui-warning-900:37.139999999999986 75% 10.98%;--heroui-warning-foreground:0 0% 0%;--heroui-warning:37.02999999999997 91.27% 55.1%;--heroui-danger-50:339.13 92% 95.1%;--heroui-danger-100:340 91.84% 90.39%;--heroui-danger-200:339.3299999999999 90% 80.39%;--heroui-danger-300:339.11 90.6% 70.78%;--heroui-danger-400:339 90% 60.78%;--heroui-danger-500:339.20000000000005 90.36% 51.18%;--heroui-danger-600:339 86.54% 40.78%;--heroui-danger-700:339.11 85.99% 30.78%;--heroui-danger-800:339.3299999999999 86.54% 20.39%;--heroui-danger-900:340 84.91% 10.39%;--heroui-danger-foreground:0 0% 100%;--heroui-danger:339.20000000000005 90.36% 51.18%;--heroui-divider-weight:1px;--heroui-disabled-opacity:.5;--heroui-font-size-tiny:0.75rem;--heroui-font-size-small:0.875rem;--heroui-font-size-medium:1rem;--heroui-font-size-large:1.125rem;--heroui-line-height-tiny:1rem;--heroui-line-height-small:1.25rem;--heroui-line-height-medium:1.5rem;--heroui-line-height-large:1.75rem;--heroui-radius-small:8px;--heroui-radius-medium:12px;--heroui-radius-large:14px;--heroui-border-width-small:1px;--heroui-border-width-medium:2px;--heroui-border-width-large:3px;--heroui-box-shadow-small:0px 0px 5px 0px #00000005,0px 2px 10px 0px #0000000f,0px 0px 1px 0px #0000004d;--heroui-box-shadow-medium:0px 0px 15px 0px #00000008,0px 2px 30px 0px #00000014,0px 0px 1px 0px #0000004d;--heroui-box-shadow-large:0px 0px 30px 0px #0000000a,0px 30px 60px 0px #0000001f,0px 0px 1px 0px #0000004d;--heroui-hover-opacity:.8;color-scheme:light}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.btn-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1));border-radius:6px;color:rgb(255 255 255/var(--tw-text-opacity,1));padding:.75rem 1.5rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-primary:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000;outline-offset:2px}.btn-secondary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-radius:6px;color:rgb(17 24 39/var(--tw-text-opacity,1));padding:.75rem 1.5rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-secondary:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(156 163 175/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000;outline-offset:2px}.btn-ghost{--tw-text-opacity:1;background-color:initial;border-radius:6px;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:500;padding:.5rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-ghost:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!card{border-radius:8px}.\!card,.card{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.badge{border-radius:9999px;font-size:.75rem;letter-spacing:.05em;line-height:1rem;padding:.25rem .75rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-title{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:1.875rem;font-weight:700;letter-spacing:-.025em;line-height:2.25rem}.stat-card{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));padding:1.5rem}.stat-value{font-size:2.25rem;letter-spacing:-.025em;line-height:2.5rem}.stat-label{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));letter-spacing:.05em;line-height:1.25rem;margin-top:.25rem}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-right-2{right:-.5rem}.-right-px{right:-1px}.-top-2{top:-.5rem}.-top-px{top:-1px}.bottom-0{bottom:0}.bottom-\[10\%\]{bottom:10%}.bottom-\[5\%\]{bottom:5%}.end-1{inset-inline-end:.25rem}.end-1\.5{inset-inline-end:.375rem}.end-3{inset-inline-end:.75rem}.end-auto{inset-inline-end:auto}.left-0{left:0}.left-1\/2{left:50%}.left-\[10\%\]{left:10%}.left-\[5\%\]{left:5%}.left-\[calc\(37\.5\%\)\]{left:37.5%}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-\[10\%\]{right:10%}.right-\[5\%\]{right:5%}.start-0{inset-inline-start:0}.start-1\.5{inset-inline-start:.375rem}.start-2{inset-inline-start:.5rem}.start-3{inset-inline-start:.75rem}.start-auto{inset-inline-start:auto}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-\[10\%\]{top:10%}.top-\[5\%\]{top:5%}.top-\[calc\(100\%_\+_2px\)\]{top:calc(100% + 2px)}.top-\[calc\(46\%\)\]{top:46%}.top-\[var\(--navbar-height\)\]{top:var(--navbar-height)}.-z-30{z-index:-30}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.order-1{order:1}.order-2{order:2}.order-3{order:3}.-m-2{margin:-.5rem}.-m-2\.5{margin:-.625rem}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\]{margin-left:.5rem;margin-right:.5rem}.mx-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\]{margin-left:.375rem;margin-right:.375rem}.mx-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\]{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-16{margin-bottom:4rem;margin-top:4rem}.my-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\]{margin-bottom:.5rem;margin-top:.5rem}.my-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\]{margin-bottom:.375rem;margin-top:.375rem}.my-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\]{margin-bottom:.25rem;margin-top:.25rem}.my-auto{margin-bottom:auto;margin-top:auto}.-mr-2{margin-right:-.5rem}.-ms-2{-webkit-margin-start:-.5rem;margin-inline-start:-.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-px{margin-bottom:1px}.me-2{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.me-4{-webkit-margin-end:1rem;margin-inline-end:1rem}.ml-1{margin-left:.25rem}.ms-2{-webkit-margin-start:.5rem;margin-inline-start:.5rem}.ms-3{-webkit-margin-start:.75rem;margin-inline-start:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.box-border{box-sizing:border-box}.box-content{box-sizing:initial}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.size-1{height:.25rem;width:.25rem}.size-1\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.\!h-auto{height:auto!important}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100dvh\]{height:100dvh}.h-\[2px\]{height:2px}.h-\[50\%\]{height:50%}.h-\[8\%\]{height:8%}.h-\[calc\(100dvh_-_var\(--navbar-height\)\)\]{height:calc(100dvh - var(--navbar-height))}.h-\[var\(--navbar-height\)\]{height:var(--navbar-height)}.h-\[var\(--picker-height\)\]{height:var(--picker-height)}.h-auto{height:auto}.h-divider{height:1px;height:var(--heroui-divider-weight)}.h-fit{height:-webkit-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[20rem\]{max-height:20rem}.max-h-\[24rem\]{max-height:24rem}.max-h-\[28rem\]{max-height:28rem}.max-h-\[320px\]{max-height:320px}.max-h-\[32rem\]{max-height:32rem}.max-h-\[36rem\]{max-height:36rem}.max-h-\[42rem\]{max-height:42rem}.max-h-\[48rem\]{max-height:48rem}.max-h-\[56rem\]{max-height:56rem}.max-h-\[64rem\]{max-height:64rem}.max-h-\[calc\(100\%_-_8rem\)\]{max-height:calc(100% - 8rem)}.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.max-h-\[calc\(100vh-80px\)\]{max-height:calc(100vh - 80px)}.max-h-\[none\]{max-height:none}.max-h-full{max-height:100%}.min-h-10{min-height:2.5rem}.min-h-12{min-height:3rem}.min-h-14{min-height:3.5rem}.min-h-16{min-height:4rem}.min-h-3{min-height:.75rem}.min-h-3\.5{min-height:.875rem}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.min-h-6{min-height:1.5rem}.min-h-7{min-height:1.75rem}.min-h-8{min-height:2rem}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[100px\]{min-height:100px}.min-h-\[32px\]{min-height:32px}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/5{width:40%}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/5{width:60%}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[25\%\]{width:25%}.w-\[80\%\]{width:80%}.w-\[calc\(100\%_-_16px\)\]{width:calc(100% - 16px)}.w-\[calc\(100\%_-theme\(spacing\.6\)\)\]{width:calc(100% - 1.5rem)}.w-\[calc\(var\(--visible-months\)_\*_var\(--calendar-width\)\)\]{width:calc(var(--visible-months)*var(--calendar-width))}.w-auto{width:auto}.w-divider{width:1px;width:var(--heroui-divider-weight)}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-16{min-width:4rem}.min-w-20{min-width:5rem}.min-w-24{min-width:6rem}.min-w-3{min-width:.75rem}.min-w-3\.5{min-width:.875rem}.min-w-4{min-width:1rem}.min-w-40{min-width:10rem}.min-w-5{min-width:1.25rem}.min-w-6{min-width:1.5rem}.min-w-7{min-width:1.75rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[200px\]{min-width:200px}.min-w-full{min-width:100%}.min-w-max{min-width:-webkit-max-content;min-width:max-content}.min-w-min{min-width:-webkit-min-content;min-width:min-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[1024px\]{max-width:1024px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[1536px\]{max-width:1536px}.max-w-\[270px\]{max-width:270px}.max-w-\[640px\]{max-width:640px}.max-w-\[768px\]{max-width:768px}.max-w-\[calc\(100vw-48px\)\]{max-width:calc(100vw - 48px)}.max-w-\[none\]{max-width:none}.max-w-fit{max-width:-webkit-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-0{flex-basis:0px}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.origin-center{transform-origin:center}.origin-left{transform-origin:left}.origin-right{transform-origin:right}.origin-top{transform-origin:top}.origin-top-left{transform-origin:top left}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x:0.25rem}.translate-x-1\/2{--tw-translate-x:50%}.translate-x-1\/2,.translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y:0.25rem}.translate-y-1\/2,.translate-y-2\/4{--tw-translate-y:50%}.translate-y-1\/2,.translate-y-2\/4,.translate-y-3\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-3\/4{--tw-translate-y:75%}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-105,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes appearance-in{0%{opacity:0;transform:translateZ(0) scale(.95)}60%{webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:.75;transform:translateZ(0) scale(1.05)}to{opacity:1;transform:translateZ(0) scale(1)}}.animate-\[appearance-in_1s_infinite\]{animation:appearance-in 1s infinite}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.animate-blink{animation:blink 1.4s infinite both}@keyframes drip-expand{0%{opacity:.2;transform:scale(0)}to{opacity:0;transform:scale(2)}}.animate-drip-expand{animation:drip-expand .42s linear}.animate-fade-in{animation:fadeIn .2s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .3s ease-out forwards}@keyframes indeterminate-bar{0%{transform:translateX(-50%) scaleX(.2)}to{transform:translateX(100%) scaleX(1)}}.animate-indeterminate-bar{animation:indeterminate-bar 1.5s cubic-bezier(.65,.815,.735,.395) infinite normal none running}.animate-none{animation:none}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-spinner-ease-spin{animation:spinner-spin .8s ease infinite}@keyframes spinner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spinner-linear-spin{animation:spinner-spin .8s linear infinite}@keyframes sway{0%{transform:translate(0)}50%{transform:translateY(-150%)}to{transform:translate(0)}}.animate-sway{animation:sway .75s ease infinite}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.scroll-py-6{scroll-padding-bottom:1.5rem;scroll-padding-top:1.5rem}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.\!gap-0{gap:0!important}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-0{column-gap:0}.gap-x-0\.5{column-gap:.125rem}.gap-x-1{column-gap:.25rem}.gap-x-2{column-gap:.5rem}.gap-x-4{column-gap:1rem}.gap-x-6{column-gap:1.5rem}.gap-y-0{row-gap:0}.gap-y-1\.5{row-gap:.375rem}.gap-y-2{row-gap:.5rem}.space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.125rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.125rem*var(--tw-space-x-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.\!rounded-none{border-radius:0!important}.rounded{border-radius:6px}.rounded-\[calc\(0\.75rem-2px\)\]{border-radius:calc(.75rem - 2px)}.rounded-\[calc\(var\(--heroui-radius-large\)\/1\.5\)\]{border-radius:9.33333px;border-radius:calc(var(--heroui-radius-large)/1.5)}.rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\]{border-radius:6px;border-radius:calc(var(--heroui-radius-medium)*.5)}.rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\]{border-radius:7.2px;border-radius:calc(var(--heroui-radius-medium)*.6)}.rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\]{border-radius:8.4px;border-radius:calc(var(--heroui-radius-medium)*.7)}.rounded-\[calc\(var\(--heroui-radius-medium\)\/2\)\]{border-radius:6px;border-radius:calc(var(--heroui-radius-medium)/2)}.rounded-\[calc\(var\(--heroui-radius-small\)\/2\)\]{border-radius:4px;border-radius:calc(var(--heroui-radius-small)/2)}.rounded-full{border-radius:9999px}.rounded-large{border-radius:14px;border-radius:var(--heroui-radius-large)}.rounded-lg{border-radius:8px}.rounded-md{border-radius:6px}.rounded-medium{border-radius:12px;border-radius:var(--heroui-radius-medium)}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded-small{border-radius:8px;border-radius:var(--heroui-radius-small)}.rounded-xl{border-radius:12px}.\!rounded-e-none{border-end-end-radius:0!important;border-start-end-radius:0!important}.\!rounded-s-none{border-end-start-radius:0!important;border-start-start-radius:0!important}.rounded-b-large{border-bottom-left-radius:14px;border-bottom-left-radius:var(--heroui-radius-large);border-bottom-right-radius:14px;border-bottom-right-radius:var(--heroui-radius-large)}.rounded-b-medium{border-bottom-left-radius:12px;border-bottom-left-radius:var(--heroui-radius-medium);border-bottom-right-radius:12px;border-bottom-right-radius:var(--heroui-radius-medium)}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-b-small{border-bottom-left-radius:8px;border-bottom-left-radius:var(--heroui-radius-small);border-bottom-right-radius:8px;border-bottom-right-radius:var(--heroui-radius-small)}.rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.rounded-t-large{border-top-left-radius:14px;border-top-left-radius:var(--heroui-radius-large);border-top-right-radius:14px;border-top-right-radius:var(--heroui-radius-large)}.rounded-t-medium{border-top-left-radius:12px;border-top-left-radius:var(--heroui-radius-medium);border-top-right-radius:12px;border-top-right-radius:var(--heroui-radius-medium)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-small{border-top-left-radius:8px;border-top-left-radius:var(--heroui-radius-small);border-top-right-radius:8px;border-top-right-radius:var(--heroui-radius-small)}.border{border-width:1px}.border-0{border-width:0}.border-1{border-width:1px}.border-2{border-width:2px}.border-3{border-width:3px}.border-medium{border-width:2px;border-width:var(--heroui-border-width-medium)}.border-small{border-width:1px;border-width:var(--heroui-border-width-small)}.border-x-\[calc\(theme\(spacing\.5\)\/2\)\]{border-left-width:.625rem;border-right-width:.625rem}.border-x-\[calc\(theme\(spacing\.6\)\/2\)\]{border-left-width:.75rem;border-right-width:.75rem}.border-x-\[calc\(theme\(spacing\.7\)\/2\)\]{border-left-width:.875rem;border-right-width:.875rem}.border-y-\[calc\(theme\(spacing\.5\)\/2\)\]{border-bottom-width:.625rem;border-top-width:.625rem}.border-y-\[calc\(theme\(spacing\.6\)\/2\)\]{border-bottom-width:.75rem;border-top-width:.75rem}.border-y-\[calc\(theme\(spacing\.7\)\/2\)\]{border-bottom-width:.875rem;border-top-width:.875rem}.border-b{border-bottom-width:1px}.border-b-medium{border-bottom-width:2px;border-bottom-width:var(--heroui-border-width-medium)}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dotted{border-style:dotted}.\!border-none{border-style:none!important}.border-none{border-style:none}.\!border-danger{--tw-border-opacity:1!important;border-color:#f31260!important;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))!important}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-accent\/30{border-color:#f59e0b4d}.border-background{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-border{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-danger{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.border-danger-100{--tw-border-opacity:1;border-color:#fdd0df;border-color:hsl(var(--heroui-danger-100)/var(--tw-border-opacity,1))}.border-danger-200{--tw-border-opacity:1;border-color:#faa0bf;border-color:hsl(var(--heroui-danger-200)/var(--tw-border-opacity,1))}.border-danger-400{--tw-border-opacity:1;border-color:#f54180;border-color:hsl(var(--heroui-danger-400)/var(--tw-border-opacity,1))}.border-default{--tw-border-opacity:1;border-color:#d4d4d8;border-color:hsl(var(--heroui-default)/var(--tw-border-opacity,1))}.border-default-100{--tw-border-opacity:1;border-color:#f4f4f5;border-color:hsl(var(--heroui-default-100)/var(--tw-border-opacity,1))}.border-default-200{--tw-border-opacity:1;border-color:#e4e4e7;border-color:hsl(var(--heroui-default-200)/var(--tw-border-opacity,1))}.border-default-300{--tw-border-opacity:1;border-color:#d4d4d8;border-color:hsl(var(--heroui-default-300)/var(--tw-border-opacity,1))}.border-default-400{--tw-border-opacity:1;border-color:#a1a1aa;border-color:hsl(var(--heroui-default-400)/var(--tw-border-opacity,1))}.border-divider{border-color:#11111126;border-color:hsl(var(--heroui-divider)/.15)}.border-error\/30{border-color:#ef44444d}.border-foreground{--tw-border-opacity:1;border-color:#111827;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-foreground-400{--tw-border-opacity:1;border-color:#a1a1aa;border-color:hsl(var(--heroui-foreground-400)/var(--tw-border-opacity,1))}.border-info\/30{border-color:#3b82f64d}.border-primary{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-primary-100{--tw-border-opacity:1;border-color:#dbeafe;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-primary-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-primary-400{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-secondary{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.border-secondary-100{--tw-border-opacity:1;border-color:#d1fae5;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.border-secondary-200{--tw-border-opacity:1;border-color:#a7f3d0;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-secondary-400{--tw-border-opacity:1;border-color:#34d399;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.border-success{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.border-success-100{--tw-border-opacity:1;border-color:#d1f4e0;border-color:hsl(var(--heroui-success-100)/var(--tw-border-opacity,1))}.border-success-200{--tw-border-opacity:1;border-color:#a2e9c1;border-color:hsl(var(--heroui-success-200)/var(--tw-border-opacity,1))}.border-success-300{--tw-border-opacity:1;border-color:#74dfa2;border-color:hsl(var(--heroui-success-300)/var(--tw-border-opacity,1))}.border-success-400{--tw-border-opacity:1;border-color:#45d483;border-color:hsl(var(--heroui-success-400)/var(--tw-border-opacity,1))}.border-success\/30{border-color:#10b9814d}.border-transparent{border-color:#0000}.border-warning{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-warning-100{--tw-border-opacity:1;border-color:#fdedd3;border-color:hsl(var(--heroui-warning-100)/var(--tw-border-opacity,1))}.border-warning-200{--tw-border-opacity:1;border-color:#fbdba7;border-color:hsl(var(--heroui-warning-200)/var(--tw-border-opacity,1))}.border-warning-300{--tw-border-opacity:1;border-color:#f9c97c;border-color:hsl(var(--heroui-warning-300)/var(--tw-border-opacity,1))}.border-warning-400{--tw-border-opacity:1;border-color:#f7b750;border-color:hsl(var(--heroui-warning-400)/var(--tw-border-opacity,1))}.border-warning\/30{border-color:#f59e0b4d}.border-x-transparent{border-left-color:#0000;border-right-color:#0000}.border-y-transparent{border-bottom-color:#0000;border-top-color:#0000}.border-b-current{border-bottom-color:initial}.border-b-danger{--tw-border-opacity:1;border-bottom-color:#f31260;border-bottom-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.border-b-default{--tw-border-opacity:1;border-bottom-color:#d4d4d8;border-bottom-color:hsl(var(--heroui-default)/var(--tw-border-opacity,1))}.border-b-primary{--tw-border-opacity:1;border-bottom-color:#3b82f6;border-bottom-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-b-secondary,.border-b-success{--tw-border-opacity:1;border-bottom-color:#10b981;border-bottom-color:rgb(16 185 129/var(--tw-border-opacity,1))}.border-b-warning{--tw-border-opacity:1;border-bottom-color:#f59e0b;border-bottom-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-b-white{--tw-border-opacity:1;border-bottom-color:#fff;border-bottom-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-l-transparent{border-left-color:#0000}.border-r-transparent{border-right-color:#0000}.border-t-transparent{border-top-color:#0000}.\!bg-danger-50{--tw-bg-opacity:1!important;background-color:#fee7ef!important;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))!important}.\!bg-transparent{background-color:initial!important}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-accent{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-accent\/10{background-color:#f59e0b1a}.bg-accent\/5{background-color:#f59e0b0d}.bg-background{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-background\/10{background-color:#ffffff1a}.bg-background\/70{background-color:#ffffffb3}.bg-background\/80{background-color:#fffc}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-content1{--tw-bg-opacity:1;background-color:#fff;background-color:hsl(var(--heroui-content1)/var(--tw-bg-opacity,1))}.bg-content3{--tw-bg-opacity:1;background-color:#e4e4e7;background-color:hsl(var(--heroui-content3)/var(--tw-bg-opacity,1))}.bg-current{background-color:currentColor}.bg-danger{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.bg-danger-100{--tw-bg-opacity:1;background-color:#fdd0df;background-color:hsl(var(--heroui-danger-100)/var(--tw-bg-opacity,1))}.bg-danger-400{--tw-bg-opacity:1;background-color:#f54180;background-color:hsl(var(--heroui-danger-400)/var(--tw-bg-opacity,1))}.bg-danger-50{--tw-bg-opacity:1;background-color:#fee7ef;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))}.bg-danger\/20{background-color:#f3126033;background-color:hsl(var(--heroui-danger)/.2)}.bg-default{--tw-bg-opacity:1;background-color:#d4d4d8;background-color:hsl(var(--heroui-default)/var(--tw-bg-opacity,1))}.bg-default-100{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1))}.bg-default-200{--tw-bg-opacity:1;background-color:#e4e4e7;background-color:hsl(var(--heroui-default-200)/var(--tw-bg-opacity,1))}.bg-default-300{--tw-bg-opacity:1;background-color:#d4d4d8;background-color:hsl(var(--heroui-default-300)/var(--tw-bg-opacity,1))}.bg-default-300\/50{background-color:#d4d4d880;background-color:hsl(var(--heroui-default-300)/.5)}.bg-default-400{--tw-bg-opacity:1;background-color:#a1a1aa;background-color:hsl(var(--heroui-default-400)/var(--tw-bg-opacity,1))}.bg-default-50{--tw-bg-opacity:1;background-color:#fafafa;background-color:hsl(var(--heroui-default-50)/var(--tw-bg-opacity,1))}.bg-default-500{--tw-bg-opacity:1;background-color:#71717a;background-color:hsl(var(--heroui-default-500)/var(--tw-bg-opacity,1))}.bg-default-800{--tw-bg-opacity:1;background-color:#27272a;background-color:hsl(var(--heroui-default-800)/var(--tw-bg-opacity,1))}.bg-default\/40{background-color:#d4d4d866;background-color:hsl(var(--heroui-default)/.4)}.bg-divider{background-color:#11111126;background-color:hsl(var(--heroui-divider)/.15)}.bg-error\/10{background-color:#ef44441a}.bg-foreground{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-foreground-100{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-foreground-100)/var(--tw-bg-opacity,1))}.bg-foreground-400{--tw-bg-opacity:1;background-color:#a1a1aa;background-color:hsl(var(--heroui-foreground-400)/var(--tw-bg-opacity,1))}.bg-foreground\/10{background-color:#1118271a}.bg-foreground\/50{background-color:#11182780}.bg-gray-400{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-info\/10{background-color:#3b82f61a}.bg-muted{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-muted\/50{background-color:#f3f4f680}.bg-overlay\/30{background-color:#0000004d;background-color:hsl(var(--heroui-overlay)/.3)}.bg-overlay\/50{background-color:#00000080;background-color:hsl(var(--heroui-overlay)/.5)}.bg-primary{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-primary-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-primary-400{--tw-bg-opacity:1;background-color:#60a5fa;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-primary-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-primary\/20{background-color:#3b82f633}.bg-secondary{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-secondary-100{--tw-bg-opacity:1;background-color:#d1fae5;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-secondary-400{--tw-bg-opacity:1;background-color:#34d399;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-secondary-50{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-secondary\/20{background-color:#10b98133}.bg-success{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-success-100{--tw-bg-opacity:1;background-color:#d1f4e0;background-color:hsl(var(--heroui-success-100)/var(--tw-bg-opacity,1))}.bg-success-400{--tw-bg-opacity:1;background-color:#45d483;background-color:hsl(var(--heroui-success-400)/var(--tw-bg-opacity,1))}.bg-success-50{--tw-bg-opacity:1;background-color:#e8faf0;background-color:hsl(var(--heroui-success-50)/var(--tw-bg-opacity,1))}.bg-success\/10{background-color:#10b9811a}.bg-success\/20{background-color:#10b98133}.bg-transparent{background-color:initial}.bg-warning{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-warning-100{--tw-bg-opacity:1;background-color:#fdedd3;background-color:hsl(var(--heroui-warning-100)/var(--tw-bg-opacity,1))}.bg-warning-400{--tw-bg-opacity:1;background-color:#f7b750;background-color:hsl(var(--heroui-warning-400)/var(--tw-bg-opacity,1))}.bg-warning-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:hsl(var(--heroui-warning-50)/var(--tw-bg-opacity,1))}.bg-warning\/10{background-color:#f59e0b1a}.bg-warning\/20{background-color:#f59e0b33}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-stripe-gradient-danger{background-image:linear-gradient(45deg,#faa0bf 25%,#f31260 0,#f31260 50%,#faa0bf 0,#faa0bf 75%,#f31260 0,#f31260);background-image:linear-gradient(45deg,hsl(var(--heroui-danger-200)) 25%,hsl(var(--heroui-danger)) 25%,hsl(var(--heroui-danger)) 50%,hsl(var(--heroui-danger-200)) 50%,hsl(var(--heroui-danger-200)) 75%,hsl(var(--heroui-danger)) 75%,hsl(var(--heroui-danger)))}.bg-stripe-gradient-default{background-image:linear-gradient(45deg,#e4e4e7 25%,#a1a1aa 0,#a1a1aa 50%,#e4e4e7 0,#e4e4e7 75%,#a1a1aa 0,#a1a1aa);background-image:linear-gradient(45deg,hsl(var(--heroui-default-200)) 25%,hsl(var(--heroui-default-400)) 25%,hsl(var(--heroui-default-400)) 50%,hsl(var(--heroui-default-200)) 50%,hsl(var(--heroui-default-200)) 75%,hsl(var(--heroui-default-400)) 75%,hsl(var(--heroui-default-400)))}.bg-stripe-gradient-primary{background-image:linear-gradient(45deg,#99c7fb 25%,#006fee 0,#006fee 50%,#99c7fb 0,#99c7fb 75%,#006fee 0,#006fee);background-image:linear-gradient(45deg,hsl(var(--heroui-primary-200)) 25%,hsl(var(--heroui-primary)) 25%,hsl(var(--heroui-primary)) 50%,hsl(var(--heroui-primary-200)) 50%,hsl(var(--heroui-primary-200)) 75%,hsl(var(--heroui-primary)) 75%,hsl(var(--heroui-primary)))}.bg-stripe-gradient-secondary{background-image:linear-gradient(45deg,#c9a9e9 25%,#7828c8 0,#7828c8 50%,#c9a9e9 0,#c9a9e9 75%,#7828c8 0,#7828c8);background-image:linear-gradient(45deg,hsl(var(--heroui-secondary-200)) 25%,hsl(var(--heroui-secondary)) 25%,hsl(var(--heroui-secondary)) 50%,hsl(var(--heroui-secondary-200)) 50%,hsl(var(--heroui-secondary-200)) 75%,hsl(var(--heroui-secondary)) 75%,hsl(var(--heroui-secondary)))}.bg-stripe-gradient-success{background-image:linear-gradient(45deg,#a2e9c1 25%,#17c964 0,#17c964 50%,#a2e9c1 0,#a2e9c1 75%,#17c964 0,#17c964);background-image:linear-gradient(45deg,hsl(var(--heroui-success-200)) 25%,hsl(var(--heroui-success)) 25%,hsl(var(--heroui-success)) 50%,hsl(var(--heroui-success-200)) 50%,hsl(var(--heroui-success-200)) 75%,hsl(var(--heroui-success)) 75%,hsl(var(--heroui-success)))}.bg-stripe-gradient-warning{background-image:linear-gradient(45deg,#fbdba7 25%,#f5a524 0,#f5a524 50%,#fbdba7 0,#fbdba7 75%,#f5a524 0,#f5a524);background-image:linear-gradient(45deg,hsl(var(--heroui-warning-200)) 25%,hsl(var(--heroui-warning)) 25%,hsl(var(--heroui-warning)) 50%,hsl(var(--heroui-warning-200)) 50%,hsl(var(--heroui-warning-200)) 75%,hsl(var(--heroui-warning)) 75%,hsl(var(--heroui-warning)))}.from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0000 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-current{--tw-gradient-to:currentColor var(--tw-gradient-to-position)}.to-danger{--tw-gradient-to:hsl(var(--heroui-danger)/1) var(--tw-gradient-to-position)}.to-default{--tw-gradient-to:hsl(var(--heroui-default)/1) var(--tw-gradient-to-position)}.to-primary{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-secondary,.to-success{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.to-warning{--tw-gradient-to:#f59e0b var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.bg-stripe-size{background-size:1.25rem 1.25rem}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.stroke-default-300\/50{stroke:#d4d4d880;stroke:hsl(var(--heroui-default-300)/.5)}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[2px\]{padding:2px}.\!px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.\!pb-0{padding-bottom:0!important}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pe-2{-webkit-padding-end:.5rem;padding-inline-end:.5rem}.pe-6{-webkit-padding-end:1.5rem;padding-inline-end:1.5rem}.pl-0\.5{padding-left:.125rem}.pl-1{padding-left:.25rem}.pl-\[1px\]{padding-left:1px}.pr-0\.5{padding-right:.125rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.ps-1{-webkit-padding-start:.25rem;padding-inline-start:.25rem}.ps-2{-webkit-padding-start:.5rem;padding-inline-start:.5rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.align-middle{vertical-align:middle}.font-body{font-family:Outfit,system-ui,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.font-sans{font-family:Outfit,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.55rem\]{font-size:.55rem}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.6rem\]{font-size:.6rem}.text-\[100\%\]{font-size:100%}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extralight{font-weight:200}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-\[1\.15\]{line-height:1.15}.leading-\[32px\]{line-height:32px}.tracking-widest{letter-spacing:.1em}.\!text-danger{--tw-text-opacity:1!important;color:#f31260!important;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1))!important}.text-\[\#1a365d\]{--tw-text-opacity:1;color:#1a365d;color:rgb(26 54 93/var(--tw-text-opacity,1))}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-accent{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-background{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-danger{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1))}.text-danger-300{--tw-text-opacity:1;color:#f871a0;color:hsl(var(--heroui-danger-300)/var(--tw-text-opacity,1))}.text-danger-400{--tw-text-opacity:1;color:#f54180;color:hsl(var(--heroui-danger-400)/var(--tw-text-opacity,1))}.text-danger-500{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger-500)/var(--tw-text-opacity,1))}.text-danger-600{--tw-text-opacity:1;color:#c20e4d;color:hsl(var(--heroui-danger-600)/var(--tw-text-opacity,1))}.text-danger-foreground{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1))}.text-danger\/80{color:#f31260cc;color:hsl(var(--heroui-danger)/.8)}.text-default{--tw-text-opacity:1;color:#d4d4d8;color:hsl(var(--heroui-default)/var(--tw-text-opacity,1))}.text-default-400{--tw-text-opacity:1;color:#a1a1aa;color:hsl(var(--heroui-default-400)/var(--tw-text-opacity,1))}.text-default-500{--tw-text-opacity:1;color:#71717a;color:hsl(var(--heroui-default-500)/var(--tw-text-opacity,1))}.text-default-600{--tw-text-opacity:1;color:#52525b;color:hsl(var(--heroui-default-600)/var(--tw-text-opacity,1))}.text-default-700{--tw-text-opacity:1;color:#3f3f46;color:hsl(var(--heroui-default-700)/var(--tw-text-opacity,1))}.text-default-foreground{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-default-foreground)/var(--tw-text-opacity,1))}.text-error{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-foreground{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-foreground-400{--tw-text-opacity:1;color:#a1a1aa;color:hsl(var(--heroui-foreground-400)/var(--tw-text-opacity,1))}.text-foreground-500{--tw-text-opacity:1;color:#71717a;color:hsl(var(--heroui-foreground-500)/var(--tw-text-opacity,1))}.text-foreground-600{--tw-text-opacity:1;color:#52525b;color:hsl(var(--heroui-foreground-600)/var(--tw-text-opacity,1))}.text-foreground\/50{color:#11182780}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-info{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-inherit{color:inherit}.text-primary{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-primary-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-primary-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-primary-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-primary-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-primary-foreground{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-primary-foreground)/var(--tw-text-opacity,1))}.text-primary\/80{color:#3b82f6cc}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-secondary{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-secondary-300{--tw-text-opacity:1;color:#6ee7b7;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-secondary-400{--tw-text-opacity:1;color:#34d399;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-secondary-500{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-secondary-600{--tw-text-opacity:1;color:#059669;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-secondary-foreground{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-secondary-foreground)/var(--tw-text-opacity,1))}.text-secondary\/80{color:#10b981cc}.text-success{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-success-400{--tw-text-opacity:1;color:#45d483;color:hsl(var(--heroui-success-400)/var(--tw-text-opacity,1))}.text-success-500{--tw-text-opacity:1;color:#17c964;color:hsl(var(--heroui-success-500)/var(--tw-text-opacity,1))}.text-success-600{--tw-text-opacity:1;color:#12a150;color:hsl(var(--heroui-success-600)/var(--tw-text-opacity,1))}.text-success-700{--tw-text-opacity:1;color:#0e793c;color:hsl(var(--heroui-success-700)/var(--tw-text-opacity,1))}.text-success-foreground{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.text-success\/80{color:#10b981cc}.text-transparent{color:#0000}.text-warning{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-warning-400{--tw-text-opacity:1;color:#f7b750;color:hsl(var(--heroui-warning-400)/var(--tw-text-opacity,1))}.text-warning-500{--tw-text-opacity:1;color:#f5a524;color:hsl(var(--heroui-warning-500)/var(--tw-text-opacity,1))}.text-warning-600{--tw-text-opacity:1;color:#c4841d;color:hsl(var(--heroui-warning-600)/var(--tw-text-opacity,1))}.text-warning-700{--tw-text-opacity:1;color:#936316;color:hsl(var(--heroui-warning-700)/var(--tw-text-opacity,1))}.text-warning-foreground{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1))}.text-warning\/80{color:#f59e0bcc}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-\[0\.0001\]{opacity:.0001}.opacity-\[value\]{opacity:value}.opacity-disabled{opacity:.5;opacity:var(--heroui-disabled-opacity)}.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow,.shadow-2xl{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow,.shadow-2xl,.shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{--tw-shadow:0 1px 0px 0 #0000000d;--tw-shadow-colored:0 1px 0px 0 var(--tw-shadow-color)}.shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\]{--tw-shadow:0px 20px 20px 0px #0000000d;--tw-shadow-colored:0px 20px 20px 0px var(--tw-shadow-color)}.shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\],.shadow-large{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-large{--tw-shadow:var(--heroui-box-shadow-large);--tw-shadow-colored:var(--heroui-box-shadow-large)}.shadow-lg,.shadow-md{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-lg,.shadow-md,.shadow-medium{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-medium{--tw-shadow:var(--heroui-box-shadow-medium);--tw-shadow-colored:var(--heroui-box-shadow-medium)}.shadow-none,.shadow-sm{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm,.shadow-small{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-small{--tw-shadow:var(--heroui-box-shadow-small);--tw-shadow-colored:var(--heroui-box-shadow-small)}.shadow-xs{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-black\/5{--tw-shadow-color:#0000000d;--tw-shadow:var(--tw-shadow-colored)}.shadow-danger\/40{--tw-shadow-color:hsl(var(--heroui-danger)/0.4);--tw-shadow:var(--tw-shadow-colored)}.shadow-default\/50{--tw-shadow-color:hsl(var(--heroui-default)/0.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-foreground\/40{--tw-shadow-color:#11182766;--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/40{--tw-shadow-color:#3b82f666;--tw-shadow:var(--tw-shadow-colored)}.shadow-secondary\/40,.shadow-success\/40{--tw-shadow-color:#10b98166;--tw-shadow:var(--tw-shadow-colored)}.shadow-warning\/40{--tw-shadow-color:#f59e0b66;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline-transparent{outline-color:#0000}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-background{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.ring-danger{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--heroui-danger)/var(--tw-ring-opacity,1))}.ring-default{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--heroui-default)/var(--tw-ring-opacity,1))}.ring-focus{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--heroui-focus)/var(--tw-ring-opacity,1))}.ring-primary{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.ring-secondary,.ring-success{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity,1))}.ring-transparent{--tw-ring-color:#0000}.ring-warning{--tw-ring-opacity:1;--tw-ring-color:rgb(245 158 11/var(--tw-ring-opacity,1))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-background{--tw-ring-offset-color:#fff}.blur{--tw-blur:blur(8px)}.blur,.blur-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-lg{--tw-blur:blur(16px)}.saturate-150{--tw-saturate:saturate(1.5)}.filter,.saturate-150{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.backdrop-opacity-disabled{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-opacity-disabled{--tw-backdrop-opacity:opacity(var(--heroui-disabled-opacity))}.backdrop-saturate-150{--tw-backdrop-saturate:saturate(1.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\!transition-none{transition-property:none!important}.transition{transition-duration:.2s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[color\2c opacity\]{transition-duration:.2s;transition-property:color,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[opacity\2c transform\]{transition-duration:.2s;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[transform\2c background-color\2c color\]{transition-duration:.2s;transition-property:transform,background-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[transform\2c color\2c left\2c opacity\2c translate\2c scale\]{transition-duration:.2s;transition-property:transform,color,left,opacity,translate,scale;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.2s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-none{transition-property:none}.transition-opacity{transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!duration-100{transition-duration:.1s!important}.\!duration-150{transition-duration:.15s!important}.\!duration-200{transition-duration:.2s!important}.\!duration-250{transition-duration:.25s!important}.\!duration-300{transition-duration:.3s!important}.\!duration-500{transition-duration:.5s!important}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-fast{transition-duration:.15s}.duration-normal{transition-duration:.2s}.\!ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.\!ease-soft-spring{transition-timing-function:cubic-bezier(.155,1.105,.295,1.12)!important}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-\[transform\2c width\2c height\]{will-change:transform,width,height}.will-change-auto{will-change:auto}.will-change-transform{will-change:transform}.light{--heroui-background:0 0% 100%;--heroui-foreground-50:0 0% 98.04%;--heroui-foreground-100:240 4.76% 95.88%;--heroui-foreground-200:240 5.88% 90%;--heroui-foreground-300:240 4.88% 83.92%;--heroui-foreground-400:240 5.03% 64.9%;--heroui-foreground-500:240 3.83% 46.08%;--heroui-foreground-600:240 5.2% 33.92%;--heroui-foreground-700:240 5.26% 26.08%;--heroui-foreground-800:240 3.7% 15.88%;--heroui-foreground-900:240 5.88% 10%;--heroui-foreground:201.81999999999994 24.44% 8.82%;--heroui-divider:0 0% 6.67%;--heroui-focus:212.01999999999998 100% 46.67%;--heroui-overlay:0 0% 0%;--heroui-content1:0 0% 100%;--heroui-content1-foreground:201.81999999999994 24.44% 8.82%;--heroui-content2:240 4.76% 95.88%;--heroui-content2-foreground:240 3.7% 15.88%;--heroui-content3:240 5.88% 90%;--heroui-content3-foreground:240 5.26% 26.08%;--heroui-content4:240 4.88% 83.92%;--heroui-content4-foreground:240 5.2% 33.92%;--heroui-default-50:0 0% 98.04%;--heroui-default-100:240 4.76% 95.88%;--heroui-default-200:240 5.88% 90%;--heroui-default-300:240 4.88% 83.92%;--heroui-default-400:240 5.03% 64.9%;--heroui-default-500:240 3.83% 46.08%;--heroui-default-600:240 5.2% 33.92%;--heroui-default-700:240 5.26% 26.08%;--heroui-default-800:240 3.7% 15.88%;--heroui-default-900:240 5.88% 10%;--heroui-default-foreground:0 0% 0%;--heroui-default:240 4.88% 83.92%;--heroui-primary-50:212.5 92.31% 94.9%;--heroui-primary-100:211.84000000000003 92.45% 89.61%;--heroui-primary-200:211.84000000000003 92.45% 79.22%;--heroui-primary-300:212.24 92.45% 68.82%;--heroui-primary-400:212.14 92.45% 58.43%;--heroui-primary-500:212.01999999999998 100% 46.67%;--heroui-primary-600:212.14 100% 38.43%;--heroui-primary-700:212.24 100% 28.82%;--heroui-primary-800:211.84000000000003 100% 19.22%;--heroui-primary-900:211.84000000000003 100% 9.61%;--heroui-primary-foreground:0 0% 100%;--heroui-primary:212.01999999999998 100% 46.67%;--heroui-secondary-50:270 61.54% 94.9%;--heroui-secondary-100:270 59.26% 89.41%;--heroui-secondary-200:270 59.26% 78.82%;--heroui-secondary-300:270 59.26% 68.24%;--heroui-secondary-400:270 59.26% 57.65%;--heroui-secondary-500:270 66.67% 47.06%;--heroui-secondary-600:270 66.67% 37.65%;--heroui-secondary-700:270 66.67% 28.24%;--heroui-secondary-800:270 66.67% 18.82%;--heroui-secondary-900:270 66.67% 9.41%;--heroui-secondary-foreground:0 0% 100%;--heroui-secondary:270 66.67% 47.06%;--heroui-success-50:146.66999999999996 64.29% 94.51%;--heroui-success-100:145.71000000000004 61.4% 88.82%;--heroui-success-200:146.2 61.74% 77.45%;--heroui-success-300:145.78999999999996 62.57% 66.47%;--heroui-success-400:146.01 62.45% 55.1%;--heroui-success-500:145.96000000000004 79.46% 43.92%;--heroui-success-600:146.01 79.89% 35.1%;--heroui-success-700:145.78999999999996 79.26% 26.47%;--heroui-success-800:146.2 79.78% 17.45%;--heroui-success-900:145.71000000000004 77.78% 8.82%;--heroui-success-foreground:0 0% 0%;--heroui-success:145.96000000000004 79.46% 43.92%;--heroui-warning-50:54.55000000000001 91.67% 95.29%;--heroui-warning-100:37.139999999999986 91.3% 90.98%;--heroui-warning-200:37.139999999999986 91.3% 81.96%;--heroui-warning-300:36.95999999999998 91.24% 73.14%;--heroui-warning-400:37.00999999999999 91.26% 64.12%;--heroui-warning-500:37.02999999999997 91.27% 55.1%;--heroui-warning-600:37.00999999999999 74.22% 44.12%;--heroui-warning-700:36.95999999999998 73.96% 33.14%;--heroui-warning-800:37.139999999999986 75% 21.96%;--heroui-warning-900:37.139999999999986 75% 10.98%;--heroui-warning-foreground:0 0% 0%;--heroui-warning:37.02999999999997 91.27% 55.1%;--heroui-danger-50:339.13 92% 95.1%;--heroui-danger-100:340 91.84% 90.39%;--heroui-danger-200:339.3299999999999 90% 80.39%;--heroui-danger-300:339.11 90.6% 70.78%;--heroui-danger-400:339 90% 60.78%;--heroui-danger-500:339.20000000000005 90.36% 51.18%;--heroui-danger-600:339 86.54% 40.78%;--heroui-danger-700:339.11 85.99% 30.78%;--heroui-danger-800:339.3299999999999 86.54% 20.39%;--heroui-danger-900:340 84.91% 10.39%;--heroui-danger-foreground:0 0% 100%;--heroui-danger:339.20000000000005 90.36% 51.18%;--heroui-divider-weight:1px;--heroui-disabled-opacity:.5;--heroui-font-size-tiny:0.75rem;--heroui-font-size-small:0.875rem;--heroui-font-size-medium:1rem;--heroui-font-size-large:1.125rem;--heroui-line-height-tiny:1rem;--heroui-line-height-small:1.25rem;--heroui-line-height-medium:1.5rem;--heroui-line-height-large:1.75rem;--heroui-radius-small:8px;--heroui-radius-medium:12px;--heroui-radius-large:14px;--heroui-border-width-small:1px;--heroui-border-width-medium:2px;--heroui-border-width-large:3px;--heroui-box-shadow-small:0px 0px 5px 0px #00000005,0px 2px 10px 0px #0000000f,0px 0px 1px 0px #0000004d;--heroui-box-shadow-medium:0px 0px 15px 0px #00000008,0px 2px 30px 0px #00000014,0px 0px 1px 0px #0000004d;--heroui-box-shadow-large:0px 0px 30px 0px #0000000a,0px 30px 60px 0px #0000001f,0px 0px 1px 0px #0000004d;--heroui-hover-opacity:.8;color-scheme:light}.dark{--heroui-background:0 0% 0%;--heroui-foreground-50:240 5.88% 10%;--heroui-foreground-100:240 3.7% 15.88%;--heroui-foreground-200:240 5.26% 26.08%;--heroui-foreground-300:240 5.2% 33.92%;--heroui-foreground-400:240 3.83% 46.08%;--heroui-foreground-500:240 5.03% 64.9%;--heroui-foreground-600:240 4.88% 83.92%;--heroui-foreground-700:240 5.88% 90%;--heroui-foreground-800:240 4.76% 95.88%;--heroui-foreground-900:0 0% 98.04%;--heroui-foreground:210 5.56% 92.94%;--heroui-focus:212.01999999999998 100% 46.67%;--heroui-overlay:0 0% 0%;--heroui-divider:0 0% 100%;--heroui-content1:240 5.88% 10%;--heroui-content1-foreground:0 0% 98.04%;--heroui-content2:240 3.7% 15.88%;--heroui-content2-foreground:240 4.76% 95.88%;--heroui-content3:240 5.26% 26.08%;--heroui-content3-foreground:240 5.88% 90%;--heroui-content4:240 5.2% 33.92%;--heroui-content4-foreground:240 4.88% 83.92%;--heroui-default-50:240 5.88% 10%;--heroui-default-100:240 3.7% 15.88%;--heroui-default-200:240 5.26% 26.08%;--heroui-default-300:240 5.2% 33.92%;--heroui-default-400:240 3.83% 46.08%;--heroui-default-500:240 5.03% 64.9%;--heroui-default-600:240 4.88% 83.92%;--heroui-default-700:240 5.88% 90%;--heroui-default-800:240 4.76% 95.88%;--heroui-default-900:0 0% 98.04%;--heroui-default-foreground:0 0% 100%;--heroui-default:240 5.26% 26.08%;--heroui-primary-50:211.84000000000003 100% 9.61%;--heroui-primary-100:211.84000000000003 100% 19.22%;--heroui-primary-200:212.24 100% 28.82%;--heroui-primary-300:212.14 100% 38.43%;--heroui-primary-400:212.01999999999998 100% 46.67%;--heroui-primary-500:212.14 92.45% 58.43%;--heroui-primary-600:212.24 92.45% 68.82%;--heroui-primary-700:211.84000000000003 92.45% 79.22%;--heroui-primary-800:211.84000000000003 92.45% 89.61%;--heroui-primary-900:212.5 92.31% 94.9%;--heroui-primary-foreground:0 0% 100%;--heroui-primary:212.01999999999998 100% 46.67%;--heroui-secondary-50:270 66.67% 9.41%;--heroui-secondary-100:270 66.67% 18.82%;--heroui-secondary-200:270 66.67% 28.24%;--heroui-secondary-300:270 66.67% 37.65%;--heroui-secondary-400:270 66.67% 47.06%;--heroui-secondary-500:270 59.26% 57.65%;--heroui-secondary-600:270 59.26% 68.24%;--heroui-secondary-700:270 59.26% 78.82%;--heroui-secondary-800:270 59.26% 89.41%;--heroui-secondary-900:270 61.54% 94.9%;--heroui-secondary-foreground:0 0% 100%;--heroui-secondary:270 59.26% 57.65%;--heroui-success-50:145.71000000000004 77.78% 8.82%;--heroui-success-100:146.2 79.78% 17.45%;--heroui-success-200:145.78999999999996 79.26% 26.47%;--heroui-success-300:146.01 79.89% 35.1%;--heroui-success-400:145.96000000000004 79.46% 43.92%;--heroui-success-500:146.01 62.45% 55.1%;--heroui-success-600:145.78999999999996 62.57% 66.47%;--heroui-success-700:146.2 61.74% 77.45%;--heroui-success-800:145.71000000000004 61.4% 88.82%;--heroui-success-900:146.66999999999996 64.29% 94.51%;--heroui-success-foreground:0 0% 0%;--heroui-success:145.96000000000004 79.46% 43.92%;--heroui-warning-50:37.139999999999986 75% 10.98%;--heroui-warning-100:37.139999999999986 75% 21.96%;--heroui-warning-200:36.95999999999998 73.96% 33.14%;--heroui-warning-300:37.00999999999999 74.22% 44.12%;--heroui-warning-400:37.02999999999997 91.27% 55.1%;--heroui-warning-500:37.00999999999999 91.26% 64.12%;--heroui-warning-600:36.95999999999998 91.24% 73.14%;--heroui-warning-700:37.139999999999986 91.3% 81.96%;--heroui-warning-800:37.139999999999986 91.3% 90.98%;--heroui-warning-900:54.55000000000001 91.67% 95.29%;--heroui-warning-foreground:0 0% 0%;--heroui-warning:37.02999999999997 91.27% 55.1%;--heroui-danger-50:340 84.91% 10.39%;--heroui-danger-100:339.3299999999999 86.54% 20.39%;--heroui-danger-200:339.11 85.99% 30.78%;--heroui-danger-300:339 86.54% 40.78%;--heroui-danger-400:339.20000000000005 90.36% 51.18%;--heroui-danger-500:339 90% 60.78%;--heroui-danger-600:339.11 90.6% 70.78%;--heroui-danger-700:339.3299999999999 90% 80.39%;--heroui-danger-800:340 91.84% 90.39%;--heroui-danger-900:339.13 92% 95.1%;--heroui-danger-foreground:0 0% 100%;--heroui-danger:339.20000000000005 90.36% 51.18%;--heroui-divider-weight:1px;--heroui-disabled-opacity:.5;--heroui-font-size-tiny:0.75rem;--heroui-font-size-small:0.875rem;--heroui-font-size-medium:1rem;--heroui-font-size-large:1.125rem;--heroui-line-height-tiny:1rem;--heroui-line-height-small:1.25rem;--heroui-line-height-medium:1.5rem;--heroui-line-height-large:1.75rem;--heroui-radius-small:8px;--heroui-radius-medium:12px;--heroui-radius-large:14px;--heroui-border-width-small:1px;--heroui-border-width-medium:2px;--heroui-border-width-large:3px;--heroui-box-shadow-small:0px 0px 5px 0px #0000000d,0px 2px 10px 0px #0003,inset 0px 0px 1px 0px #ffffff26;--heroui-box-shadow-medium:0px 0px 15px 0px #0000000f,0px 2px 30px 0px #00000038,inset 0px 0px 1px 0px #ffffff26;--heroui-box-shadow-large:0px 0px 30px 0px #00000012,0px 30px 60px 0px #00000042,inset 0px 0px 1px 0px #ffffff26;--heroui-hover-opacity:.9;color-scheme:dark}.leading-inherit{line-height:inherit}.bg-img-inherit{background-image:inherit}.bg-clip-inherit{background-clip:inherit}.text-fill-inherit{-webkit-text-fill-color:inherit}.tap-highlight-transparent{-webkit-tap-highlight-color:transparent}.input-search-cancel-button-none::-webkit-search-cancel-button{-webkit-appearance:none}.transition-background{transition-duration:.25s;transition-property:background;transition-timing-function:ease}.transition-colors-opacity{transition-duration:.25s;transition-property:color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-text-decoration-color;transition-timing-function:ease}.transition-width{transition-duration:.25s;transition-property:width;transition-timing-function:ease}.transition-height{transition-duration:.25s;transition-property:height;transition-timing-function:ease}.transition-size{transition-duration:.25s;transition-property:width,height;transition-timing-function:ease}.transition-left{transition-duration:.25s;transition-property:left;transition-timing-function:ease}.transition-transform-opacity{transition-duration:.25s;transition-property:transform,scale,opacity rotate;transition-timing-function:ease}.transition-transform-background{transition-duration:.25s;transition-property:transform,scale,background;transition-timing-function:ease}.transition-transform-colors{transition-duration:.25s;transition-property:transform,scale,color,background,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:transform,scale,color,background,background-color,border-color,text-decoration-color,fill,stroke;transition-property:transform,scale,color,background,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:ease}.transition-transform-colors-opacity{transition-duration:.25s;transition-property:transform,scale,color,background,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color;transition-property:transform,scale,color,background,background-color,border-color,text-decoration-color,fill,stroke,opacity;transition-property:transform,scale,color,background,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-text-decoration-color;transition-timing-function:ease}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-default{-ms-overflow-style:auto;scrollbar-width:auto}.scrollbar-default::-webkit-scrollbar{display:block}.text-tiny{font-size:.75rem;font-size:var(--heroui-font-size-tiny);line-height:1rem;line-height:var(--heroui-line-height-tiny)}.text-small{font-size:.875rem;font-size:var(--heroui-font-size-small);line-height:1.25rem;line-height:var(--heroui-line-height-small)}.text-medium{font-size:1rem;font-size:var(--heroui-font-size-medium);line-height:1.5rem;line-height:var(--heroui-line-height-medium)}.text-large{font-size:1.125rem;font-size:var(--heroui-font-size-large);line-height:1.75rem;line-height:var(--heroui-line-height-large)}.spinner-bar-animation{animation:fade-out 1.2s linear infinite;animation-delay:calc(-1.2s + .1s*var(--bar-index));transform:rotate(calc(30deg*var(--bar-index))) translate(140%)}.spinner-dot-animation{animation-delay:calc(.25s*var(--dot-index))}.spinner-dot-blink-animation{animation-delay:calc(.2s*var(--dot-index))}.\[--picker-height\:224px\]{--picker-height:224px}.\[--scale-enter\:100\%\]{--scale-enter:100%}.\[--scale-exit\:100\%\]{--scale-exit:100%}.\[--scroll-shadow-size\:100px\]{--scroll-shadow-size:100px}.\[--slide-enter\:0px\]{--slide-enter:0px}.\[--slide-exit\:80px\]{--slide-exit:80px}.\[-webkit-mask\:radial-gradient\(closest-side\2c rgba\(0\2c 0\2c 0\2c 0\.0\)calc\(100\%-3px\)\2c rgba\(0\2c 0\2c 0\2c 1\)calc\(100\%-3px\)\)\]{-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.\[animation-duration\:1s\]{animation-duration:1s}.\[mask-image\:linear-gradient\(\#000\2c \#000\2c transparent_0\2c \#000_var\(--scroll-shadow-size\)\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\]{-webkit-mask-image:linear-gradient(#000,#000,#0000 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),#0000);mask-image:linear-gradient(#000,#000,#0000 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),#0000)}.\[transform-origin\:var\(--trigger-anchor-point\)\]{transform-origin:var(--trigger-anchor-point)}:root{--color-background:#fff;--color-foreground:#111827;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-secondary:#10b981;--color-secondary-hover:#059669;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-muted:#f3f4f6;--color-muted-hover:#e5e7eb;--color-border:#e5e7eb;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-sans:"Outfit",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--transition-fast:150ms;--transition-normal:200ms;--transition-slow:300ms}body{background-color:var(--color-background);color:var(--color-foreground);font-family:Outfit,system-ui,sans-serif;font-family:var(--font-sans);font-weight:400;line-height:1.5}body,html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}code{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.shadow,.shadow-2xl,.shadow-lg,.shadow-md,.shadow-sm,.shadow-xl{box-shadow:none!important}.no-gradient{background-image:none!important}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.avatar-img,.profile-picture img,.user-avatar img,img[src*=photoURL],img[src*=profile-photos],img[src*=user-profiles]{object-fit:cover;will-change:transform}.DateRangePicker__CalendarSelection,.DateRangePicker__CalendarSelection--end,.DateRangePicker__CalendarSelection--start{background-color:#25d366!important}.DateRangePicker__CalendarSelection--segment{background-color:#25d36633!important}.DateRangePicker__Date:hover .DateRangePicker__CalendarSelection{background-color:#25d3664d!important}.DateRangePicker__Date--is-selected{color:#fff!important}.DateRangePicker__Date--today{border-color:#25d366!important}[class*=CalendarDay][class*=selected],[class*=CalendarDay__selected]{background:#25d366!important;border-color:#25d366!important}[class*=CalendarDay][class*=hovered],[class*=CalendarDay__hovered_span]{background:#25d36633!important;border-color:#25d36666!important}[class*=CalendarDay__selected_span]{background:#25d3664d!important;border-color:#25d36680!important;color:#1a365d!important}.file\:cursor-pointer::-webkit-file-upload-button{cursor:pointer}.file\:cursor-pointer::file-selector-button{cursor:pointer}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.placeholder\:text-danger::placeholder{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1))}.placeholder\:text-foreground-500::placeholder{--tw-text-opacity:1;color:#71717a;color:hsl(var(--heroui-foreground-500)/var(--tw-text-opacity,1))}.placeholder\:text-primary::placeholder{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.placeholder\:text-secondary::placeholder{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.placeholder\:text-success-600::placeholder{--tw-text-opacity:1;color:#12a150;color:hsl(var(--heroui-success-600)/var(--tw-text-opacity,1))}.placeholder\:text-warning-600::placeholder{--tw-text-opacity:1;color:#c4841d;color:hsl(var(--heroui-warning-600)/var(--tw-text-opacity,1))}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:pointer-events-auto:before{content:var(--tw-content);pointer-events:auto}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0}.before\:left-0:before{content:var(--tw-content);left:0}.before\:right-0:before{content:var(--tw-content);right:0}.before\:z-0:before{content:var(--tw-content);z-index:0}.before\:z-\[-1\]:before{content:var(--tw-content);z-index:-1}.before\:box-border:before{box-sizing:border-box;content:var(--tw-content)}.before\:block:before{content:var(--tw-content);display:block}.before\:hidden:before{content:var(--tw-content);display:none}.before\:h-0\.5:before{content:var(--tw-content);height:.125rem}.before\:h-11:before{content:var(--tw-content);height:2.75rem}.before\:h-2\.5:before{content:var(--tw-content);height:.625rem}.before\:h-4:before{content:var(--tw-content);height:1rem}.before\:h-6:before{content:var(--tw-content);height:1.5rem}.before\:h-8:before{content:var(--tw-content);height:2rem}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:w-0:before{content:var(--tw-content);width:0}.before\:w-11:before{content:var(--tw-content);width:2.75rem}.before\:w-2\.5:before{content:var(--tw-content);width:.625rem}.before\:w-6:before{content:var(--tw-content);width:1.5rem}.before\:w-8:before{content:var(--tw-content);width:2rem}.before\:-translate-x-full:before{--tw-translate-x:-100%}.before\:-translate-x-full:before,.before\:-translate-y-1:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-1:before{--tw-translate-y:-0.25rem}.before\:rotate-0:before{--tw-rotate:0deg}.before\:rotate-0:before,.before\:rotate-45:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rotate-45:before{--tw-rotate:45deg}.before\:animate-none:before{animation:none;content:var(--tw-content)}.before\:animate-shimmer:before{animation:shimmer 2s infinite;content:var(--tw-content)}.before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\]:before{border-radius:6px;border-radius:calc(var(--heroui-radius-medium)*.5);content:var(--tw-content)}.before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\]:before{border-radius:7.2px;border-radius:calc(var(--heroui-radius-medium)*.6);content:var(--tw-content)}.before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\]:before{border-radius:8.4px;border-radius:calc(var(--heroui-radius-medium)*.7);content:var(--tw-content)}.before\:rounded-full:before{border-radius:9999px;content:var(--tw-content)}.before\:rounded-none:before{border-radius:0;content:var(--tw-content)}.before\:rounded-sm:before{border-radius:4px;content:var(--tw-content)}.before\:border-2:before{border-width:2px;content:var(--tw-content)}.before\:border-t:before{border-top-width:1px;content:var(--tw-content)}.before\:border-solid:before{border-style:solid;content:var(--tw-content)}.before\:border-content4\/30:before{border-color:#d4d4d84d;border-color:hsl(var(--heroui-content4)/.3);content:var(--tw-content)}.before\:border-danger:before{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1));content:var(--tw-content)}.before\:border-default:before{--tw-border-opacity:1;border-color:#d4d4d8;border-color:hsl(var(--heroui-default)/var(--tw-border-opacity,1));content:var(--tw-content)}.before\:bg-content1:before{--tw-bg-opacity:1;background-color:#fff;background-color:hsl(var(--heroui-content1)/var(--tw-bg-opacity,1));content:var(--tw-content)}.before\:bg-current:before{background-color:currentColor;content:var(--tw-content)}.before\:bg-danger:before{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1));content:var(--tw-content)}.before\:bg-danger\/20:before{background-color:#f3126033;background-color:hsl(var(--heroui-danger)/.2);content:var(--tw-content)}.before\:bg-default\/60:before{background-color:#d4d4d899;background-color:hsl(var(--heroui-default)/.6);content:var(--tw-content)}.before\:bg-foreground:before{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));content:var(--tw-content)}.before\:bg-primary:before{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1));content:var(--tw-content)}.before\:bg-primary\/20:before{background-color:#3b82f633;content:var(--tw-content)}.before\:bg-secondary:before{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1));content:var(--tw-content)}.before\:bg-secondary\/20:before{background-color:#10b98133;content:var(--tw-content)}.before\:bg-success:before{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1));content:var(--tw-content)}.before\:bg-success\/20:before{background-color:#10b98133;content:var(--tw-content)}.before\:bg-transparent:before{background-color:initial;content:var(--tw-content)}.before\:bg-warning:before{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));content:var(--tw-content)}.before\:bg-warning\/20:before{background-color:#f59e0b33;content:var(--tw-content)}.before\:bg-gradient-to-r:before{background-image:linear-gradient(to right,var(--tw-gradient-stops));content:var(--tw-content)}.before\:from-transparent:before{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.before\:via-content4:before{--tw-gradient-to:hsl(var(--heroui-content4)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsl(var(--heroui-content4)/1) var(--tw-gradient-via-position),var(--tw-gradient-to);content:var(--tw-content)}.before\:to-transparent:before{--tw-gradient-to:#0000 var(--tw-gradient-to-position);content:var(--tw-content)}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:opacity-100:before{content:var(--tw-content);opacity:1}.before\:shadow-small:before{--tw-shadow:var(--heroui-box-shadow-small);--tw-shadow-colored:var(--heroui-box-shadow-small);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);content:var(--tw-content)}.before\:transition-colors:before{content:var(--tw-content);transition-duration:.2s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\:transition-none:before{content:var(--tw-content);transition-property:none}.before\:transition-transform:before{content:var(--tw-content);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\:duration-150:before{content:var(--tw-content);transition-duration:.15s}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.before\:transition-width:before{content:var(--tw-content);transition-duration:.25s;transition-property:width;transition-timing-function:ease}.after\:pointer-events-auto:after{content:var(--tw-content);pointer-events:auto}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:-bottom-1:after{bottom:-.25rem;content:var(--tw-content)}.after\:-bottom-\[2px\]:after{bottom:-2px;content:var(--tw-content)}.after\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\:left-0:after{content:var(--tw-content);left:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:right-0:after{content:var(--tw-content);right:0}.after\:top-0:after{content:var(--tw-content);top:0}.after\:-z-10:after{content:var(--tw-content);z-index:-10}.after\:z-0:after{content:var(--tw-content);z-index:0}.after\:z-\[-1\]:after{content:var(--tw-content);z-index:-1}.after\:ml-0\.5:after{content:var(--tw-content);margin-left:.125rem}.after\:ms-0\.5:after{-webkit-margin-start:.125rem;content:var(--tw-content);margin-inline-start:.125rem}.after\:block:after{content:var(--tw-content);display:block}.after\:table-row:after{content:var(--tw-content);display:table-row}.after\:h-0:after{content:var(--tw-content);height:0}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:h-\[2px\]:after{content:var(--tw-content);height:2px}.after\:h-\[5px\]:after{content:var(--tw-content);height:5px}.after\:h-divider:after{content:var(--tw-content);height:1px;height:var(--heroui-divider-weight)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:w-0:after{content:var(--tw-content);width:0}.after\:w-4:after{content:var(--tw-content);width:1rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:w-6:after{content:var(--tw-content);width:1.5rem}.after\:w-\[80\%\]:after{content:var(--tw-content);width:80%}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:origin-center:after{content:var(--tw-content);transform-origin:center}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%}.after\:-translate-x-1\/2:after,.after\:translate-y-1:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:translate-y-1:after{--tw-translate-y:0.25rem}.after\:rotate-0:after{--tw-rotate:0deg}.after\:rotate-0:after,.after\:scale-50:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:scale-50:after{--tw-scale-x:.5;--tw-scale-y:.5}.after\:rounded-\[calc\(var\(--heroui-radius-large\)\/2\)\]:after{border-radius:7px;border-radius:calc(var(--heroui-radius-large)/2);content:var(--tw-content)}.after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\]:after{border-radius:6px;border-radius:calc(var(--heroui-radius-medium)*.5);content:var(--tw-content)}.after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\]:after{border-radius:7.2px;border-radius:calc(var(--heroui-radius-medium)*.6);content:var(--tw-content)}.after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\]:after{border-radius:8.4px;border-radius:calc(var(--heroui-radius-medium)*.7);content:var(--tw-content)}.after\:rounded-\[calc\(var\(--heroui-radius-medium\)\/3\)\]:after{border-radius:4px;border-radius:calc(var(--heroui-radius-medium)/3);content:var(--tw-content)}.after\:rounded-\[calc\(var\(--heroui-radius-small\)\/3\)\]:after{border-radius:2.66667px;border-radius:calc(var(--heroui-radius-small)/3);content:var(--tw-content)}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:rounded-none:after{border-radius:0;content:var(--tw-content)}.after\:rounded-xl:after{border-radius:12px;content:var(--tw-content)}.after\:\!bg-danger:after{--tw-bg-opacity:1!important;background-color:#f31260!important;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))!important;content:var(--tw-content)}.after\:bg-background:after{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:bg-content1:after{--tw-bg-opacity:1;background-color:#fff;background-color:hsl(var(--heroui-content1)/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:bg-content3:after{--tw-bg-opacity:1;background-color:#e4e4e7;background-color:hsl(var(--heroui-content3)/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:bg-current:after{background-color:currentColor;content:var(--tw-content)}.after\:bg-danger:after{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:bg-default:after{--tw-bg-opacity:1;background-color:#d4d4d8;background-color:hsl(var(--heroui-default)/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:bg-default-foreground:after{--tw-bg-opacity:1;background-color:#000;background-color:hsl(var(--heroui-default-foreground)/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:bg-divider:after{background-color:#11111126;background-color:hsl(var(--heroui-divider)/.15);content:var(--tw-content)}.after\:bg-foreground:after{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:bg-primary:after{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:bg-secondary:after,.after\:bg-success:after{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:bg-transparent:after{background-color:initial;content:var(--tw-content)}.after\:bg-warning:after{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:text-danger:after{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1));content:var(--tw-content)}.after\:text-danger-foreground:after{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1));content:var(--tw-content)}.after\:text-default-foreground:after{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-default-foreground)/var(--tw-text-opacity,1));content:var(--tw-content)}.after\:text-primary-foreground:after{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-primary-foreground)/var(--tw-text-opacity,1));content:var(--tw-content)}.after\:text-secondary-foreground:after{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-secondary-foreground)/var(--tw-text-opacity,1));content:var(--tw-content)}.after\:text-success-foreground:after{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1));content:var(--tw-content)}.after\:text-warning-foreground:after{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1));content:var(--tw-content)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:opacity-100:after{content:var(--tw-content);opacity:1}.after\:shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:after{--tw-shadow:0 1px 0px 0 #0000000d;--tw-shadow-colored:0 1px 0px 0 var(--tw-shadow-color)}.after\:shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:after,.after\:shadow-small:after{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);content:var(--tw-content)}.after\:shadow-small:after{--tw-shadow:var(--heroui-box-shadow-small);--tw-shadow-colored:var(--heroui-box-shadow-small)}.after\:transition-all:after{content:var(--tw-content);transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:transition-none:after{content:var(--tw-content);transition-property:none}.after\:transition-transform:after{content:var(--tw-content);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:\!duration-200:after{content:var(--tw-content);transition-duration:.2s!important}.after\:duration-150:after{content:var(--tw-content);transition-duration:.15s}.after\:\!ease-linear:after{content:var(--tw-content);transition-timing-function:linear!important}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:content-\[\'\*\'\]:after{--tw-content:"*";content:var(--tw-content)}.after\:transition-background:after{content:var(--tw-content);transition-duration:.25s;transition-property:background;transition-timing-function:ease}.after\:transition-width:after{content:var(--tw-content);transition-duration:.25s;transition-property:width;transition-timing-function:ease}.after\:transition-height:after{content:var(--tw-content);transition-duration:.25s;transition-property:height;transition-timing-function:ease}.after\:transition-transform-opacity:after{content:var(--tw-content);transition-duration:.25s;transition-property:transform,scale,opacity rotate;transition-timing-function:ease}.first\:-ml-0\.5:first-child{margin-left:-.125rem}.first\:mt-2:first-child{margin-top:.5rem}.first\:rounded-s-full:first-child{border-end-start-radius:9999px;border-start-start-radius:9999px}.first\:rounded-s-large:first-child{border-end-start-radius:14px;border-end-start-radius:var(--heroui-radius-large);border-start-start-radius:14px;border-start-start-radius:var(--heroui-radius-large)}.first\:rounded-s-lg:first-child{border-end-start-radius:8px;border-start-start-radius:8px}.first\:rounded-s-medium:first-child{border-end-start-radius:12px;border-end-start-radius:var(--heroui-radius-medium);border-start-start-radius:12px;border-start-start-radius:var(--heroui-radius-medium)}.first\:rounded-s-none:first-child{border-end-start-radius:0;border-start-start-radius:0}.first\:rounded-s-small:first-child{border-end-start-radius:8px;border-end-start-radius:var(--heroui-radius-small);border-start-start-radius:8px;border-start-start-radius:var(--heroui-radius-small)}.first\:before\:rounded-s-lg:first-child:before{border-end-start-radius:8px;border-start-start-radius:8px;content:var(--tw-content)}.first\:before\:rounded-s-none:first-child:before{border-end-start-radius:0;border-start-start-radius:0;content:var(--tw-content)}.last\:rounded-e-full:last-child{border-end-end-radius:9999px;border-start-end-radius:9999px}.last\:rounded-e-large:last-child{border-end-end-radius:14px;border-end-end-radius:var(--heroui-radius-large);border-start-end-radius:14px;border-start-end-radius:var(--heroui-radius-large)}.last\:rounded-e-lg:last-child{border-end-end-radius:8px;border-start-end-radius:8px}.last\:rounded-e-medium:last-child{border-end-end-radius:12px;border-end-end-radius:var(--heroui-radius-medium);border-start-end-radius:12px;border-start-end-radius:var(--heroui-radius-medium)}.last\:rounded-e-none:last-child{border-end-end-radius:0;border-start-end-radius:0}.last\:rounded-e-small:last-child{border-end-end-radius:8px;border-end-end-radius:var(--heroui-radius-small);border-start-end-radius:8px;border-start-end-radius:var(--heroui-radius-small)}.last\:before\:rounded-e-lg:last-child:before{border-end-end-radius:8px;border-start-end-radius:8px;content:var(--tw-content)}.last\:before\:rounded-e-none:last-child:before{content:var(--tw-content)}.first-of-type\:rounded-e-none:first-of-type,.last\:before\:rounded-e-none:last-child:before{border-end-end-radius:0;border-start-end-radius:0}.last-of-type\:rounded-s-none:last-of-type{border-end-start-radius:0;border-start-start-radius:0}.autofill\:bg-transparent:-webkit-autofill{background-color:initial}.autofill\:bg-transparent:autofill{background-color:initial}.focus-within\:border-danger:focus-within{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.focus-within\:border-default-400:focus-within{--tw-border-opacity:1;border-color:#a1a1aa;border-color:hsl(var(--heroui-default-400)/var(--tw-border-opacity,1))}.focus-within\:border-default-foreground:focus-within{--tw-border-opacity:1;border-color:#000;border-color:hsl(var(--heroui-default-foreground)/var(--tw-border-opacity,1))}.focus-within\:border-primary:focus-within{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus-within\:border-secondary:focus-within,.focus-within\:border-success:focus-within{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.focus-within\:border-warning:focus-within{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.focus-within\:bg-danger-50:focus-within{--tw-bg-opacity:1;background-color:#fee7ef;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))}.focus-within\:bg-primary-50:focus-within{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.focus-within\:bg-secondary-50:focus-within{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.focus-within\:bg-success-50:focus-within{--tw-bg-opacity:1;background-color:#e8faf0;background-color:hsl(var(--heroui-success-50)/var(--tw-bg-opacity,1))}.focus-within\:bg-warning-50:focus-within{--tw-bg-opacity:1;background-color:#fefce8;background-color:hsl(var(--heroui-warning-50)/var(--tw-bg-opacity,1))}.focus-within\:after\:w-full:focus-within:after{content:var(--tw-content);width:100%}.hover\:-translate-x-0:hover{--tw-translate-x:-0px}.hover\:-translate-x-0:hover,.hover\:-translate-y-0\.5:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#3b82f6\]:hover{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-accent:hover{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.hover\:border-danger:hover{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.hover\:border-default:hover{--tw-border-opacity:1;border-color:#d4d4d8;border-color:hsl(var(--heroui-default)/var(--tw-border-opacity,1))}.hover\:border-default-300:hover{--tw-border-opacity:1;border-color:#d4d4d8;border-color:hsl(var(--heroui-default-300)/var(--tw-border-opacity,1))}.hover\:border-default-400:hover{--tw-border-opacity:1;border-color:#a1a1aa;border-color:hsl(var(--heroui-default-400)/var(--tw-border-opacity,1))}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-secondary:hover,.hover\:border-success:hover{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.hover\:border-warning:hover{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.hover\:\!bg-foreground:hover{--tw-bg-opacity:1!important;background-color:#111827!important;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))!important}.hover\:bg-\[var\(--bg-tertiary\)\]:hover{background-color:var(--bg-tertiary)}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-danger:hover{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.hover\:bg-danger-50:hover{--tw-bg-opacity:1;background-color:#fee7ef;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))}.hover\:bg-default-100:hover{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1))}.hover\:bg-default-200:hover{--tw-bg-opacity:1;background-color:#e4e4e7;background-color:hsl(var(--heroui-default-200)/var(--tw-bg-opacity,1))}.hover\:bg-muted:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-primary-50:hover{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-secondary-50:hover{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.hover\:bg-success-50:hover{--tw-bg-opacity:1;background-color:#e8faf0;background-color:hsl(var(--heroui-success-50)/var(--tw-bg-opacity,1))}.hover\:bg-warning-50:hover{--tw-bg-opacity:1;background-color:#fefce8;background-color:hsl(var(--heroui-warning-50)/var(--tw-bg-opacity,1))}.hover\:text-danger-600:hover{--tw-text-opacity:1;color:#c20e4d;color:hsl(var(--heroui-danger-600)/var(--tw-text-opacity,1))}.hover\:text-default-600:hover{--tw-text-opacity:1;color:#52525b;color:hsl(var(--heroui-default-600)/var(--tw-text-opacity,1))}.hover\:text-foreground:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-foreground-600:hover{--tw-text-opacity:1;color:#52525b;color:hsl(var(--heroui-foreground-600)/var(--tw-text-opacity,1))}.hover\:text-primary-600:hover{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-secondary-600:hover{--tw-text-opacity:1;color:#059669;color:rgb(5 150 105/var(--tw-text-opacity,1))}.hover\:text-success-600:hover{--tw-text-opacity:1;color:#12a150;color:hsl(var(--heroui-success-600)/var(--tw-text-opacity,1))}.hover\:text-warning-600:hover{--tw-text-opacity:1;color:#c4841d;color:hsl(var(--heroui-warning-600)/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:\!opacity-100:hover{opacity:1!important}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-hover:hover{opacity:.8;opacity:var(--heroui-hover-opacity)}.hover\:shadow-md:hover,.hover\:shadow-xl:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:brightness-105:hover{--tw-brightness:brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:after\:bg-danger\/20:hover:after{background-color:#f3126033;background-color:hsl(var(--heroui-danger)/.2);content:var(--tw-content)}.hover\:after\:bg-foreground\/10:hover:after{background-color:#1118271a;content:var(--tw-content)}.hover\:after\:bg-primary\/20:hover:after{background-color:#3b82f633;content:var(--tw-content)}.hover\:after\:bg-secondary\/20:hover:after,.hover\:after\:bg-success\/20:hover:after{background-color:#10b98133;content:var(--tw-content)}.hover\:after\:bg-warning\/20:hover:after{background-color:#f59e0b33;content:var(--tw-content)}.hover\:after\:opacity-100:hover:after{content:var(--tw-content);opacity:1}.focus-within\:hover\:border-danger:hover:focus-within{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.focus-within\:hover\:border-default-foreground:hover:focus-within{--tw-border-opacity:1;border-color:#000;border-color:hsl(var(--heroui-default-foreground)/var(--tw-border-opacity,1))}.focus-within\:hover\:border-primary:hover:focus-within{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus-within\:hover\:border-secondary:hover:focus-within,.focus-within\:hover\:border-success:hover:focus-within{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.focus-within\:hover\:border-warning:hover:focus-within{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.focus-within\:hover\:bg-default-100:hover:focus-within{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1))}.focus\:border-accent:focus{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.focus\:bg-danger-400\/50:focus{background-color:#f5418080;background-color:hsl(var(--heroui-danger-400)/.5)}.focus\:bg-default-400\/50:focus{background-color:#a1a1aa80;background-color:hsl(var(--heroui-default-400)/.5)}.focus\:bg-primary-400\/50:focus{background-color:#60a5fa80}.focus\:bg-secondary-400\/50:focus{background-color:#34d39980}.focus\:bg-success-400\/50:focus{background-color:#45d48380;background-color:hsl(var(--heroui-success-400)/.5)}.focus\:bg-warning-400\/50:focus{background-color:#f7b75080;background-color:hsl(var(--heroui-warning-400)/.5)}.focus\:underline:focus{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus\:shadow-xs:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-\[3px\]:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-accent\/15:focus{--tw-ring-color:#f59e0b26}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-focus:focus-visible{outline-color:#006fee;outline-color:hsl(var(--heroui-focus)/1)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-accent:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(245 158 11/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:translate-y-0:active{--tw-translate-y:0px}.active\:scale-\[0\.98\]:active,.active\:translate-y-0:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.active\:bg-default-200:active{--tw-bg-opacity:1;background-color:#e4e4e7;background-color:hsl(var(--heroui-default-200)/var(--tw-bg-opacity,1))}.active\:bg-default-300:active{--tw-bg-opacity:1;background-color:#d4d4d8;background-color:hsl(var(--heroui-default-300)/var(--tw-bg-opacity,1))}.active\:underline:active{-webkit-text-decoration-line:underline;text-decoration-line:underline}.active\:\!opacity-70:active{opacity:.7!important}.active\:opacity-disabled:active{opacity:.5;opacity:var(--heroui-disabled-opacity)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-muted:disabled{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:pointer-events-auto{pointer-events:auto}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:hidden{display:none}.group:hover .group-hover\:border-current{border-color:currentColor}.group:hover .group-hover\:text-current{color:currentColor}.group:hover .group-hover\:opacity-100{opacity:1}.has-\[\:disabled\]\:opacity-60:has(:disabled){opacity:.6}.aria-expanded\:scale-\[0\.97\][aria-expanded=true]{--tw-scale-x:0.97;--tw-scale-y:0.97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.aria-expanded\:opacity-70[aria-expanded=true]{opacity:.7}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[loaded\=true\]\:pointer-events-auto[data-loaded=true],.data-\[visible\=true\]\:pointer-events-auto[data-visible=true]{pointer-events:auto}.data-\[initialized\=true\]\:visible[data-initialized=true]{visibility:visible}.data-\[placement\=bottom-center\]\:fixed[data-placement=bottom-center],.data-\[placement\=bottom-left\]\:fixed[data-placement=bottom-left],.data-\[placement\=bottom-right\]\:fixed[data-placement=bottom-right],.data-\[placement\=top-center\]\:fixed[data-placement=top-center],.data-\[placement\=top-left\]\:fixed[data-placement=top-left],.data-\[placement\=top-right\]\:fixed[data-placement=top-right]{position:fixed}.data-\[placement\=bottom-center\]\:bottom-0[data-placement=bottom-center]{bottom:0}.data-\[placement\=bottom-center\]\:left-0[data-placement=bottom-center]{left:0}.data-\[placement\=bottom-center\]\:left-1\/2[data-placement=bottom-center]{left:50%}.data-\[placement\=bottom-center\]\:right-0[data-placement=bottom-center]{right:0}.data-\[placement\=bottom-left\]\:bottom-0[data-placement=bottom-left]{bottom:0}.data-\[placement\=bottom-left\]\:left-0[data-placement=bottom-left]{left:0}.data-\[placement\=bottom-right\]\:bottom-0[data-placement=bottom-right]{bottom:0}.data-\[placement\=bottom-right\]\:right-0[data-placement=bottom-right]{right:0}.data-\[placement\=top-center\]\:left-0[data-placement=top-center]{left:0}.data-\[placement\=top-center\]\:left-1\/2[data-placement=top-center]{left:50%}.data-\[placement\=top-center\]\:right-0[data-placement=top-center]{right:0}.data-\[placement\=top-center\]\:top-0[data-placement=top-center]{top:0}.data-\[placement\=top-left\]\:left-0[data-placement=top-left]{left:0}.data-\[placement\=top-left\]\:top-0[data-placement=top-left]{top:0}.data-\[placement\=top-right\]\:right-0[data-placement=top-right]{right:0}.data-\[placement\=top-right\]\:top-0[data-placement=top-right]{top:0}.data-\[focus-visible\=true\]\:z-10[data-focus-visible=true],.data-\[focused\=true\]\:z-10[data-focused=true]{z-index:10}.data-\[placement\=bottom-left\]\:mx-auto[data-placement=bottom-left],.data-\[placement\=bottom-right\]\:mx-auto[data-placement=bottom-right],.data-\[placement\=top-left\]\:mx-auto[data-placement=top-left],.data-\[placement\=top-right\]\:mx-auto[data-placement=top-right]{margin-left:auto;margin-right:auto}.data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_10px\)\][data-has-label=true]{margin-top:calc(.875rem + 10px);margin-top:calc(var(--heroui-font-size-small) + 10px)}.data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_12px\)\][data-has-label=true]{margin-top:calc(.875rem + 12px);margin-top:calc(var(--heroui-font-size-small) + 12px)}.data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_8px\)\][data-has-label=true]{margin-top:calc(.875rem + 8px);margin-top:calc(var(--heroui-font-size-small) + 8px)}.data-\[open\=true\]\:block[data-open=true]{display:block}.data-\[open\=true\]\:flex[data-open=true],.data-\[placement\=bottom-center\]\:flex[data-placement=bottom-center],.data-\[placement\=bottom-left\]\:flex[data-placement=bottom-left],.data-\[placement\=bottom-right\]\:flex[data-placement=bottom-right],.data-\[placement\=top-center\]\:flex[data-placement=top-center],.data-\[placement\=top-left\]\:flex[data-placement=top-left],.data-\[placement\=top-right\]\:flex[data-placement=top-right]{display:flex}.data-\[hidden\=true\]\:hidden[data-hidden=true],.data-\[inert\=true\]\:hidden[data-inert=true]{display:none}.data-\[justify\=end\]\:flex-grow[data-justify=end],.data-\[justify\=start\]\:flex-grow[data-justify=start]{flex-grow:1}.data-\[justify\=end\]\:basis-0[data-justify=end],.data-\[justify\=start\]\:basis-0[data-justify=start]{flex-basis:0px}.data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible=true],.data-\[hover\=true\]\:-translate-x-3[data-hover=true]{--tw-translate-x:-0.75rem}.data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible=true],.data-\[hover\=true\]\:-translate-x-3[data-hover=true],.data-\[hover\=true\]\:translate-x-0[data-hover=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[hover\=true\]\:translate-x-0[data-hover=true]{--tw-translate-x:0px}.data-\[placement\=bottom-center\]\:-translate-x-1\/2[data-placement=bottom-center],.data-\[placement\=top-center\]\:-translate-x-1\/2[data-placement=top-center]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[toast-exiting\=true\]\:data-\[placement\=bottom-center\]\:translate-y-full[data-placement=bottom-center][data-toast-exiting=true]{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[toast-exiting\=true\]\:data-\[placement\=bottom-left\]\:-translate-x-full[data-placement=bottom-left][data-toast-exiting=true]{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[toast-exiting\=true\]\:data-\[placement\=bottom-right\]\:translate-x-full[data-placement=bottom-right][data-toast-exiting=true]{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[toast-exiting\=true\]\:data-\[placement\=top-center\]\:-translate-y-full[data-placement=top-center][data-toast-exiting=true]{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[toast-exiting\=true\]\:data-\[placement\=top-left\]\:-translate-x-full[data-placement=top-left][data-toast-exiting=true]{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[toast-exiting\=true\]\:data-\[placement\=top-right\]\:translate-x-full[data-placement=top-right][data-toast-exiting=true]{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[before\=true\]\:rotate-180[data-before=true],.data-\[direction\=ascending\]\:rotate-180[data-direction=ascending]{--tw-rotate:180deg}.data-\[before\=true\]\:rotate-180[data-before=true],.data-\[direction\=ascending\]\:rotate-180[data-direction=ascending],.data-\[open\=true\]\:-rotate-90[data-open=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[open\=true\]\:-rotate-90[data-open=true]{--tw-rotate:-90deg}.data-\[open\=true\]\:rotate-180[data-open=true]{--tw-rotate:180deg}.data-\[active\=true\]\:scale-100[data-active=true],.data-\[open\=true\]\:rotate-180[data-open=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[active\=true\]\:scale-100[data-active=true]{--tw-scale-x:1;--tw-scale-y:1}.data-\[active\=true\]\:scale-110[data-active=true]{--tw-scale-x:1.1;--tw-scale-y:1.1}.data-\[active\=true\]\:scale-110[data-active=true],.data-\[invisible\=true\]\:scale-0[data-invisible=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[invisible\=true\]\:scale-0[data-invisible=true]{--tw-scale-x:0;--tw-scale-y:0}.data-\[pressed\=true\]\:scale-100[data-pressed=true]{--tw-scale-x:1;--tw-scale-y:1}.data-\[pressed\=true\]\:scale-100[data-pressed=true],.data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed=true]{--tw-scale-x:0.97;--tw-scale-y:0.97}.data-\[toast-exiting\=true\]\:transform-gpu[data-toast-exiting=true]{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[disabled\=true\]\:cursor-default[data-disabled=true]{cursor:default}.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true]{cursor:not-allowed}.data-\[dragging\=true\]\:cursor-grabbing[data-dragging=true]{cursor:grabbing}.data-\[readonly\=true\]\:cursor-default[data-readonly=true]{cursor:default}.data-\[sortable\=true\]\:cursor-pointer[data-sortable=true]{cursor:pointer}.data-\[unavailable\=true\]\:cursor-default[data-unavailable=true]{cursor:default}.data-\[visible\=true\]\:cursor-pointer[data-visible=true]{cursor:pointer}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[placement\=bottom-center\]\:flex-col[data-placement=bottom-center],.data-\[placement\=bottom-left\]\:flex-col[data-placement=bottom-left],.data-\[placement\=bottom-right\]\:flex-col[data-placement=bottom-right],.data-\[placement\=top-center\]\:flex-col[data-placement=top-center],.data-\[placement\=top-left\]\:flex-col[data-placement=top-left],.data-\[placement\=top-right\]\:flex-col[data-placement=top-right]{flex-direction:column}.data-\[has-helper\=true\]\:items-start[data-has-helper=true]{align-items:flex-start}.data-\[justify\=start\]\:justify-start[data-justify=start]{justify-content:flex-start}.data-\[justify\=end\]\:justify-end[data-justify=end]{justify-content:flex-end}.data-\[justify\=center\]\:justify-center[data-justify=center]{justify-content:center}.data-\[loaded\=true\]\:overflow-visible[data-loaded=true]{overflow:visible}.data-\[has-multiple-rows\=true\]\:rounded-large[data-has-multiple-rows=true]{border-radius:14px;border-radius:var(--heroui-radius-large)}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection=true][data-selection-end=true][data-selected=true],.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection=true][data-selection-start=true][data-selected=true]{border-radius:9999px}.data-\[type\=color\]\:rounded-none[data-type=color]{border-radius:0}.data-\[menu-open\=true\]\:border-none[data-menu-open=true]{border-style:none}.data-\[active\=true\]\:border-danger[data-active=true]{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.data-\[active\=true\]\:border-danger-400[data-active=true]{--tw-border-opacity:1;border-color:#f54180;border-color:hsl(var(--heroui-danger-400)/var(--tw-border-opacity,1))}.data-\[active\=true\]\:border-default-300[data-active=true]{--tw-border-opacity:1;border-color:#d4d4d8;border-color:hsl(var(--heroui-default-300)/var(--tw-border-opacity,1))}.data-\[active\=true\]\:border-default-400[data-active=true]{--tw-border-opacity:1;border-color:#a1a1aa;border-color:hsl(var(--heroui-default-400)/var(--tw-border-opacity,1))}.data-\[active\=true\]\:border-foreground[data-active=true]{--tw-border-opacity:1;border-color:#111827;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.data-\[active\=true\]\:border-primary[data-active=true]{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.data-\[active\=true\]\:border-secondary[data-active=true],.data-\[active\=true\]\:border-success[data-active=true]{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.data-\[active\=true\]\:border-warning[data-active=true]{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.data-\[focus\=true\]\:border-danger[data-focus=true]{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.data-\[focus\=true\]\:border-default-400[data-focus=true]{--tw-border-opacity:1;border-color:#a1a1aa;border-color:hsl(var(--heroui-default-400)/var(--tw-border-opacity,1))}.data-\[focus\=true\]\:border-default-foreground[data-focus=true]{--tw-border-opacity:1;border-color:#000;border-color:hsl(var(--heroui-default-foreground)/var(--tw-border-opacity,1))}.data-\[focus\=true\]\:border-primary[data-focus=true]{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.data-\[focus\=true\]\:border-secondary[data-focus=true],.data-\[focus\=true\]\:border-success[data-focus=true]{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.data-\[focus\=true\]\:border-warning[data-focus=true]{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.data-\[focus\=true\]\:data-\[hover\=true\]\:border-danger[data-hover=true][data-focus=true]{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.data-\[focus\=true\]\:data-\[hover\=true\]\:border-default-foreground[data-hover=true][data-focus=true]{--tw-border-opacity:1;border-color:#000;border-color:hsl(var(--heroui-default-foreground)/var(--tw-border-opacity,1))}.data-\[focus\=true\]\:data-\[hover\=true\]\:border-primary[data-hover=true][data-focus=true]{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.data-\[focus\=true\]\:data-\[hover\=true\]\:border-secondary[data-hover=true][data-focus=true],.data-\[focus\=true\]\:data-\[hover\=true\]\:border-success[data-hover=true][data-focus=true]{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.data-\[focus\=true\]\:data-\[hover\=true\]\:border-warning[data-hover=true][data-focus=true]{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.data-\[hover\=true\]\:border-danger[data-hover=true]{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.data-\[hover\=true\]\:border-default[data-hover=true]{--tw-border-opacity:1;border-color:#d4d4d8;border-color:hsl(var(--heroui-default)/var(--tw-border-opacity,1))}.data-\[hover\=true\]\:border-default-400[data-hover=true]{--tw-border-opacity:1;border-color:#a1a1aa;border-color:hsl(var(--heroui-default-400)/var(--tw-border-opacity,1))}.data-\[hover\=true\]\:border-primary[data-hover=true]{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.data-\[hover\=true\]\:border-secondary[data-hover=true],.data-\[hover\=true\]\:border-success[data-hover=true]{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.data-\[hover\=true\]\:border-warning[data-hover=true]{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.data-\[open\=true\]\:border-danger[data-open=true]{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.data-\[open\=true\]\:border-default-400[data-open=true]{--tw-border-opacity:1;border-color:#a1a1aa;border-color:hsl(var(--heroui-default-400)/var(--tw-border-opacity,1))}.data-\[open\=true\]\:border-default-foreground[data-open=true]{--tw-border-opacity:1;border-color:#000;border-color:hsl(var(--heroui-default-foreground)/var(--tw-border-opacity,1))}.data-\[open\=true\]\:border-primary[data-open=true]{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.data-\[open\=true\]\:border-secondary[data-open=true],.data-\[open\=true\]\:border-success[data-open=true]{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.data-\[open\=true\]\:border-warning[data-open=true]{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.data-\[fill-end\=true\]\:border-e-danger[data-fill-end=true]{--tw-border-opacity:1;border-inline-end-color:#f31260;border-inline-end-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.data-\[fill-end\=true\]\:border-e-foreground[data-fill-end=true]{--tw-border-opacity:1;border-inline-end-color:#111827;border-inline-end-color:rgb(17 24 39/var(--tw-border-opacity,1))}.data-\[fill-end\=true\]\:border-e-primary[data-fill-end=true]{--tw-border-opacity:1;border-inline-end-color:#3b82f6;border-inline-end-color:rgb(59 130 246/var(--tw-border-opacity,1))}.data-\[fill-end\=true\]\:border-e-secondary[data-fill-end=true],.data-\[fill-end\=true\]\:border-e-success[data-fill-end=true]{--tw-border-opacity:1;border-inline-end-color:#10b981;border-inline-end-color:rgb(16 185 129/var(--tw-border-opacity,1))}.data-\[fill-end\=true\]\:border-e-warning[data-fill-end=true]{--tw-border-opacity:1;border-inline-end-color:#f59e0b;border-inline-end-color:rgb(245 158 11/var(--tw-border-opacity,1))}.data-\[fill-end\=true\]\:border-t-danger[data-fill-end=true]{--tw-border-opacity:1;border-top-color:#f31260;border-top-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.data-\[fill-end\=true\]\:border-t-foreground[data-fill-end=true]{--tw-border-opacity:1;border-top-color:#111827;border-top-color:rgb(17 24 39/var(--tw-border-opacity,1))}.data-\[fill-end\=true\]\:border-t-primary[data-fill-end=true]{--tw-border-opacity:1;border-top-color:#3b82f6;border-top-color:rgb(59 130 246/var(--tw-border-opacity,1))}.data-\[fill-end\=true\]\:border-t-secondary[data-fill-end=true],.data-\[fill-end\=true\]\:border-t-success[data-fill-end=true]{--tw-border-opacity:1;border-top-color:#10b981;border-top-color:rgb(16 185 129/var(--tw-border-opacity,1))}.data-\[fill-end\=true\]\:border-t-warning[data-fill-end=true]{--tw-border-opacity:1;border-top-color:#f59e0b;border-top-color:rgb(245 158 11/var(--tw-border-opacity,1))}.data-\[fill-start\=true\]\:border-b-danger[data-fill-start=true]{--tw-border-opacity:1;border-bottom-color:#f31260;border-bottom-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.data-\[fill-start\=true\]\:border-b-foreground[data-fill-start=true]{--tw-border-opacity:1;border-bottom-color:#111827;border-bottom-color:rgb(17 24 39/var(--tw-border-opacity,1))}.data-\[fill-start\=true\]\:border-b-primary[data-fill-start=true]{--tw-border-opacity:1;border-bottom-color:#3b82f6;border-bottom-color:rgb(59 130 246/var(--tw-border-opacity,1))}.data-\[fill-start\=true\]\:border-b-secondary[data-fill-start=true],.data-\[fill-start\=true\]\:border-b-success[data-fill-start=true]{--tw-border-opacity:1;border-bottom-color:#10b981;border-bottom-color:rgb(16 185 129/var(--tw-border-opacity,1))}.data-\[fill-start\=true\]\:border-b-warning[data-fill-start=true]{--tw-border-opacity:1;border-bottom-color:#f59e0b;border-bottom-color:rgb(245 158 11/var(--tw-border-opacity,1))}.data-\[fill-start\=true\]\:border-s-danger[data-fill-start=true]{--tw-border-opacity:1;border-inline-start-color:#f31260;border-inline-start-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.data-\[fill-start\=true\]\:border-s-foreground[data-fill-start=true]{--tw-border-opacity:1;border-inline-start-color:#111827;border-inline-start-color:rgb(17 24 39/var(--tw-border-opacity,1))}.data-\[fill-start\=true\]\:border-s-primary[data-fill-start=true]{--tw-border-opacity:1;border-inline-start-color:#3b82f6;border-inline-start-color:rgb(59 130 246/var(--tw-border-opacity,1))}.data-\[fill-start\=true\]\:border-s-secondary[data-fill-start=true],.data-\[fill-start\=true\]\:border-s-success[data-fill-start=true]{--tw-border-opacity:1;border-inline-start-color:#10b981;border-inline-start-color:rgb(16 185 129/var(--tw-border-opacity,1))}.data-\[fill-start\=true\]\:border-s-warning[data-fill-start=true]{--tw-border-opacity:1;border-inline-start-color:#f59e0b;border-inline-start-color:rgb(245 158 11/var(--tw-border-opacity,1))}.data-\[active\=true\]\:bg-danger[data-active=true]{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-danger-100[data-active=true]{--tw-bg-opacity:1;background-color:#fdd0df;background-color:hsl(var(--heroui-danger-100)/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-danger-200[data-active=true]{--tw-bg-opacity:1;background-color:#faa0bf;background-color:hsl(var(--heroui-danger-200)/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-default-200[data-active=true]{--tw-bg-opacity:1;background-color:#e4e4e7;background-color:hsl(var(--heroui-default-200)/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-default-400[data-active=true]{--tw-bg-opacity:1;background-color:#a1a1aa;background-color:hsl(var(--heroui-default-400)/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-primary[data-active=true]{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-primary-200[data-active=true]{--tw-bg-opacity:1;background-color:#bfdbfe;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-secondary[data-active=true]{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-secondary-200[data-active=true]{--tw-bg-opacity:1;background-color:#a7f3d0;background-color:rgb(167 243 208/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-success[data-active=true]{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-success-200[data-active=true]{--tw-bg-opacity:1;background-color:#a2e9c1;background-color:hsl(var(--heroui-success-200)/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-warning[data-active=true]{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-warning-200[data-active=true]{--tw-bg-opacity:1;background-color:#fbdba7;background-color:hsl(var(--heroui-warning-200)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:\!bg-danger[data-hover=true]{--tw-bg-opacity:1!important;background-color:#f31260!important;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))!important}.data-\[hover\=true\]\:\!bg-danger-100[data-hover=true]{--tw-bg-opacity:1!important;background-color:#fdd0df!important;background-color:hsl(var(--heroui-danger-100)/var(--tw-bg-opacity,1))!important}.data-\[hover\=true\]\:\!bg-default[data-hover=true]{--tw-bg-opacity:1!important;background-color:#d4d4d8!important;background-color:hsl(var(--heroui-default)/var(--tw-bg-opacity,1))!important}.data-\[hover\=true\]\:\!bg-primary[data-hover=true]{--tw-bg-opacity:1!important;background-color:#3b82f6!important;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))!important}.data-\[hover\=true\]\:\!bg-secondary[data-hover=true],.data-\[hover\=true\]\:\!bg-success[data-hover=true]{--tw-bg-opacity:1!important;background-color:#10b981!important;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))!important}.data-\[hover\=true\]\:\!bg-warning[data-hover=true]{--tw-bg-opacity:1!important;background-color:#f59e0b!important;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))!important}.data-\[hover\=true\]\:bg-content2[data-hover=true]{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-content2)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-danger[data-hover=true]{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-danger-100[data-hover=true]{--tw-bg-opacity:1;background-color:#fdd0df;background-color:hsl(var(--heroui-danger-100)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-danger-50[data-hover=true]{--tw-bg-opacity:1;background-color:#fee7ef;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-danger\/20[data-hover=true]{background-color:#f3126033;background-color:hsl(var(--heroui-danger)/.2)}.data-\[hover\=true\]\:bg-default[data-hover=true]{--tw-bg-opacity:1;background-color:#d4d4d8;background-color:hsl(var(--heroui-default)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-default-100[data-hover=true]{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-default-200[data-hover=true]{--tw-bg-opacity:1;background-color:#e4e4e7;background-color:hsl(var(--heroui-default-200)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-default\/40[data-hover=true]{background-color:#d4d4d866;background-color:hsl(var(--heroui-default)/.4)}.data-\[hover\=true\]\:bg-foreground-200[data-hover=true]{--tw-bg-opacity:1;background-color:#e4e4e7;background-color:hsl(var(--heroui-foreground-200)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-primary[data-hover=true]{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-primary-50[data-hover=true]{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-primary\/20[data-hover=true]{background-color:#3b82f633}.data-\[hover\=true\]\:bg-secondary[data-hover=true]{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-secondary-50[data-hover=true]{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-secondary\/20[data-hover=true]{background-color:#10b98133}.data-\[hover\=true\]\:bg-success[data-hover=true]{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-success-100[data-hover=true]{--tw-bg-opacity:1;background-color:#d1f4e0;background-color:hsl(var(--heroui-success-100)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-success-50[data-hover=true]{--tw-bg-opacity:1;background-color:#e8faf0;background-color:hsl(var(--heroui-success-50)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-success\/20[data-hover=true]{background-color:#10b98133}.data-\[hover\=true\]\:bg-transparent[data-hover=true]{background-color:initial}.data-\[hover\=true\]\:bg-warning[data-hover=true]{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-warning-100[data-hover=true]{--tw-bg-opacity:1;background-color:#fdedd3;background-color:hsl(var(--heroui-warning-100)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-warning-50[data-hover=true]{--tw-bg-opacity:1;background-color:#fefce8;background-color:hsl(var(--heroui-warning-50)/var(--tw-bg-opacity,1))}.data-\[hover\=true\]\:bg-warning\/20[data-hover=true]{background-color:#f59e0b33}.data-\[hover\]\:bg-danger-200[data-hover]{--tw-bg-opacity:1;background-color:#faa0bf;background-color:hsl(var(--heroui-danger-200)/var(--tw-bg-opacity,1))}.data-\[hover\]\:bg-danger-50[data-hover]{--tw-bg-opacity:1;background-color:#fee7ef;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))}.data-\[hover\]\:bg-default-100[data-hover]{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1))}.data-\[hover\]\:bg-primary-200[data-hover]{--tw-bg-opacity:1;background-color:#bfdbfe;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.data-\[hover\]\:bg-primary-50[data-hover]{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.data-\[hover\]\:bg-secondary-200[data-hover]{--tw-bg-opacity:1;background-color:#a7f3d0;background-color:rgb(167 243 208/var(--tw-bg-opacity,1))}.data-\[hover\]\:bg-secondary-50[data-hover]{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.data-\[hover\]\:bg-success-200[data-hover]{--tw-bg-opacity:1;background-color:#a2e9c1;background-color:hsl(var(--heroui-success-200)/var(--tw-bg-opacity,1))}.data-\[hover\]\:bg-success-50[data-hover]{--tw-bg-opacity:1;background-color:#e8faf0;background-color:hsl(var(--heroui-success-50)/var(--tw-bg-opacity,1))}.data-\[hover\]\:bg-warning-100[data-hover]{--tw-bg-opacity:1;background-color:#fdedd3;background-color:hsl(var(--heroui-warning-100)/var(--tw-bg-opacity,1))}.data-\[hover\]\:bg-warning-200[data-hover]{--tw-bg-opacity:1;background-color:#fbdba7;background-color:hsl(var(--heroui-warning-200)/var(--tw-bg-opacity,1))}.data-\[in-range\=false\]\:bg-default-200[data-in-range=false]{--tw-bg-opacity:1;background-color:#e4e4e7;background-color:hsl(var(--heroui-default-200)/var(--tw-bg-opacity,1))}.data-\[in-range\=true\]\:bg-background\/50[data-in-range=true]{background-color:#ffffff80}.data-\[in-range\=true\]\:bg-danger[data-in-range=true]{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.data-\[in-range\=true\]\:bg-foreground[data-in-range=true]{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.data-\[in-range\=true\]\:bg-primary[data-in-range=true]{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.data-\[in-range\=true\]\:bg-secondary[data-in-range=true],.data-\[in-range\=true\]\:bg-success[data-in-range=true]{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.data-\[in-range\=true\]\:bg-warning[data-in-range=true]{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.data-\[loaded\=true\]\:\!bg-transparent[data-loaded=true]{background-color:initial!important}.data-\[selected\=true\]\:bg-danger[data-selected=true]{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:bg-default[data-selected=true]{--tw-bg-opacity:1;background-color:#d4d4d8;background-color:hsl(var(--heroui-default)/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:bg-foreground[data-selected=true]{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:bg-primary[data-selected=true]{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:bg-secondary[data-selected=true],.data-\[selected\=true\]\:bg-success[data-selected=true]{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:bg-warning[data-selected=true]{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover=true][data-selected=true]{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-foreground[data-hover=true][data-selected=true]{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-primary[data-hover=true][data-selected=true]{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-secondary[data-hover=true][data-selected=true],.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover=true][data-selected=true]{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover=true][data-selected=true]{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:bg-transparent[data-range-selection=true][data-selected=true],.data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:bg-transparent[data-outside-month=true][data-range-selection=true][data-selected=true]{background-color:initial}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection=true][data-selection-end=true][data-selected=true]{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection=true][data-selection-end=true][data-selected=true]{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection=true][data-selection-end=true][data-selected=true]{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection=true][data-selection-end=true][data-selected=true],.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection=true][data-selection-end=true][data-selected=true]{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection=true][data-selection-end=true][data-selected=true]{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection=true][data-selection-start=true][data-selected=true]{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection=true][data-selection-start=true][data-selected=true]{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection=true][data-selection-start=true][data-selected=true]{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection=true][data-selection-start=true][data-selected=true],.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection=true][data-selection-start=true][data-selected=true]{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection=true][data-selection-start=true][data-selected=true]{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.data-\[has-end-content\=true\]\:pe-1\.5[data-has-end-content=true]{-webkit-padding-end:.375rem;padding-inline-end:.375rem}.data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+8px\)\][data-has-helper=true],.data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+_8px\)\][data-has-helper=true]{padding-bottom:calc(.75rem + 8px);padding-bottom:calc(var(--heroui-font-size-tiny) + 8px)}.data-\[has-start-content\=true\]\:ps-1\.5[data-has-start-content=true]{-webkit-padding-start:.375rem;padding-inline-start:.375rem}.data-\[has-title\=true\]\:pt-1[data-has-title=true]{padding-top:.25rem}.data-\[active\=true\]\:font-semibold[data-active=true]{font-weight:600}.data-\[active\=true\]\:text-danger-foreground[data-active=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1))}.data-\[active\=true\]\:text-default-foreground[data-active=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-default-foreground)/var(--tw-text-opacity,1))}.data-\[active\=true\]\:text-primary-foreground[data-active=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-primary-foreground)/var(--tw-text-opacity,1))}.data-\[active\=true\]\:text-secondary-foreground[data-active=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-secondary-foreground)/var(--tw-text-opacity,1))}.data-\[active\=true\]\:text-success-foreground[data-active=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.data-\[active\=true\]\:text-warning-foreground[data-active=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1))}.data-\[disabled\=true\]\:text-default-300[data-disabled=true]{--tw-text-opacity:1;color:#d4d4d8;color:hsl(var(--heroui-default-300)/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-danger-300[data-placeholder=true][data-editable=true]{--tw-text-opacity:1;color:#f871a0;color:hsl(var(--heroui-danger-300)/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-foreground-500[data-placeholder=true][data-editable=true]{--tw-text-opacity:1;color:#71717a;color:hsl(var(--heroui-foreground-500)/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-primary-300[data-placeholder=true][data-editable=true]{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-secondary-300[data-placeholder=true][data-editable=true]{--tw-text-opacity:1;color:#6ee7b7;color:rgb(110 231 183/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-success-400[data-placeholder=true][data-editable=true]{--tw-text-opacity:1;color:#45d483;color:hsl(var(--heroui-success-400)/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-warning-400[data-placeholder=true][data-editable=true]{--tw-text-opacity:1;color:#f7b750;color:hsl(var(--heroui-warning-400)/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:text-danger[data-editable=true]{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:text-foreground[data-editable=true]{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:text-primary[data-editable=true]{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:text-secondary[data-editable=true]{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:text-success-600[data-editable=true]{--tw-text-opacity:1;color:#12a150;color:hsl(var(--heroui-success-600)/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:text-warning-600[data-editable=true]{--tw-text-opacity:1;color:#c4841d;color:hsl(var(--heroui-warning-600)/var(--tw-text-opacity,1))}.data-\[has-value\=true\]\:text-default-foreground[data-has-value=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-default-foreground)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:\!text-danger-foreground[data-hover=true]{--tw-text-opacity:1!important;color:#fff!important;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1))!important}.data-\[hover\=true\]\:\!text-primary-foreground[data-hover=true]{--tw-text-opacity:1!important;color:#fff!important;color:hsl(var(--heroui-primary-foreground)/var(--tw-text-opacity,1))!important}.data-\[hover\=true\]\:\!text-secondary-foreground[data-hover=true]{--tw-text-opacity:1!important;color:#fff!important;color:hsl(var(--heroui-secondary-foreground)/var(--tw-text-opacity,1))!important}.data-\[hover\=true\]\:\!text-success-foreground[data-hover=true]{--tw-text-opacity:1!important;color:#000!important;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))!important}.data-\[hover\=true\]\:\!text-warning-foreground[data-hover=true]{--tw-text-opacity:1!important;color:#000!important;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1))!important}.data-\[hover\=true\]\:text-danger[data-hover=true]{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-danger-500[data-hover=true]{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger-500)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-danger-foreground[data-hover=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-default-500[data-hover=true]{--tw-text-opacity:1;color:#71717a;color:hsl(var(--heroui-default-500)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-default-foreground[data-hover=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-default-foreground)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-foreground-400[data-hover=true]{--tw-text-opacity:1;color:#a1a1aa;color:hsl(var(--heroui-foreground-400)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-foreground-600[data-hover=true]{--tw-text-opacity:1;color:#52525b;color:hsl(var(--heroui-foreground-600)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-primary[data-hover=true]{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-primary-400[data-hover=true]{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-primary-foreground[data-hover=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-primary-foreground)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-secondary[data-hover=true]{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-secondary-400[data-hover=true]{--tw-text-opacity:1;color:#34d399;color:rgb(52 211 153/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-secondary-foreground[data-hover=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-secondary-foreground)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-success[data-hover=true]{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-success-600[data-hover=true]{--tw-text-opacity:1;color:#12a150;color:hsl(var(--heroui-success-600)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-success-foreground[data-hover=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-warning[data-hover=true]{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-warning-600[data-hover=true]{--tw-text-opacity:1;color:#c4841d;color:hsl(var(--heroui-warning-600)/var(--tw-text-opacity,1))}.data-\[hover\=true\]\:text-warning-foreground[data-hover=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1))}.data-\[invalid\=true\]\:data-\[editable\=true\]\:text-danger[data-editable=true][data-invalid=true]{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1))}.data-\[invalid\=true\]\:text-danger-300[data-invalid=true]{--tw-text-opacity:1;color:#f871a0;color:hsl(var(--heroui-danger-300)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[hover\=true\]\:text-background[data-hover=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[hover\=true\]\:text-primary-foreground[data-hover=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-primary-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[hover\=true\]\:text-secondary-foreground[data-hover=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-secondary-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover=true][data-selected=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover=true][data-selected=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:text-default-300[data-outside-month=true][data-range-selection=true][data-selected=true]{--tw-text-opacity:1;color:#d4d4d8;color:hsl(var(--heroui-default-300)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-danger-500[data-range-selection=true][data-selected=true]{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger-500)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-foreground[data-range-selection=true][data-selected=true]{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-primary[data-range-selection=true][data-selected=true]{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-secondary[data-range-selection=true][data-selected=true]{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-600[data-range-selection=true][data-selected=true]{--tw-text-opacity:1;color:#12a150;color:hsl(var(--heroui-success-600)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-warning-500[data-range-selection=true][data-selected=true]{--tw-text-opacity:1;color:#f5a524;color:hsl(var(--heroui-warning-500)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection=true][data-selection-end=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection=true][data-selection-end=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection=true][data-selection-end=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-primary-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection=true][data-selection-end=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-secondary-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection=true][data-selection-end=true][data-selected=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection=true][data-selection-end=true][data-selected=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection=true][data-selection-start=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection=true][data-selection-start=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection=true][data-selection-start=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-primary-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection=true][data-selection-start=true][data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-secondary-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection=true][data-selection-start=true][data-selected=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection=true][data-selection-start=true][data-selected=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-background[data-selected=true]{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-danger[data-selected=true]{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-danger-foreground[data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-default-foreground[data-selected=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-default-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-primary[data-selected=true]{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-primary-foreground[data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-primary-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-secondary[data-selected=true]{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-secondary-foreground[data-selected=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-secondary-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-success-600[data-selected=true]{--tw-text-opacity:1;color:#12a150;color:hsl(var(--heroui-success-600)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-success-foreground[data-selected=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-warning-600[data-selected=true]{--tw-text-opacity:1;color:#c4841d;color:hsl(var(--heroui-warning-600)/var(--tw-text-opacity,1))}.data-\[selected\=true\]\:text-warning-foreground[data-selected=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1))}.data-\[unavailable\=true\]\:text-default-300[data-unavailable=true]{--tw-text-opacity:1;color:#d4d4d8;color:hsl(var(--heroui-default-300)/var(--tw-text-opacity,1))}.data-\[unavailable\=true\]\:line-through[data-unavailable=true]{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.data-\[animation\=exiting\]\:opacity-0[data-animation=exiting],.data-\[disabled\=true\]\:data-\[outside-month\=true\]\:opacity-0[data-outside-month=true][data-disabled=true]{opacity:0}.data-\[disabled\=true\]\:opacity-30[data-disabled=true]{opacity:.3}.data-\[hover-unselected\=true\]\:opacity-disabled[data-hover-unselected=true]{opacity:.5;opacity:var(--heroui-disabled-opacity)}.data-\[hover\=true\]\:opacity-70[data-hover=true]{opacity:.7}.data-\[hover\=true\]\:opacity-hover[data-hover=true]{opacity:.8;opacity:var(--heroui-hover-opacity)}.data-\[in-range\=true\]\:opacity-100[data-in-range=true]{opacity:1}.data-\[invisible\=true\]\:opacity-0[data-invisible=true]{opacity:0}.data-\[loaded\=true\]\:opacity-100[data-loaded=true],.data-\[moving\]\:opacity-100[data-moving]{opacity:1}.data-\[pressed\=true\]\:opacity-50[data-pressed=true]{opacity:.5}.data-\[pressed\=true\]\:opacity-70[data-pressed=true]{opacity:.7}.data-\[pressed\=true\]\:opacity-disabled[data-pressed=true]{opacity:.5;opacity:var(--heroui-disabled-opacity)}.data-\[toast-exiting\=true\]\:opacity-0[data-toast-exiting=true]{opacity:0}.data-\[visible\=true\]\:opacity-100[data-visible=true]{opacity:1}.data-\[active\=true\]\:shadow-md[data-active=true],.data-\[hover\=true\]\:shadow-lg[data-hover=true],.data-\[selected\=true\]\:data-\[selection-end\=true\]\:shadow-md[data-selection-end=true][data-selected=true],.data-\[selected\=true\]\:data-\[selection-start\=true\]\:shadow-md[data-selection-start=true][data-selected=true],.data-\[selected\=true\]\:shadow-md[data-selected=true],.data-\[selected\=true\]\:shadow-none[data-selected=true]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[active\=true\]\:shadow-danger\/40[data-active=true]{--tw-shadow-color:hsl(var(--heroui-danger)/0.4);--tw-shadow:var(--tw-shadow-colored)}.data-\[active\=true\]\:shadow-default\/50[data-active=true]{--tw-shadow-color:hsl(var(--heroui-default)/0.5);--tw-shadow:var(--tw-shadow-colored)}.data-\[active\=true\]\:shadow-primary\/40[data-active=true]{--tw-shadow-color:#3b82f666;--tw-shadow:var(--tw-shadow-colored)}.data-\[active\=true\]\:shadow-secondary\/40[data-active=true],.data-\[active\=true\]\:shadow-success\/40[data-active=true]{--tw-shadow-color:#10b98166;--tw-shadow:var(--tw-shadow-colored)}.data-\[active\=true\]\:shadow-warning\/40[data-active=true]{--tw-shadow-color:#f59e0b66;--tw-shadow:var(--tw-shadow-colored)}.data-\[hover\=true\]\:shadow-danger\/30[data-hover=true]{--tw-shadow-color:hsl(var(--heroui-danger)/0.3);--tw-shadow:var(--tw-shadow-colored)}.data-\[hover\=true\]\:shadow-default\/50[data-hover=true]{--tw-shadow-color:hsl(var(--heroui-default)/0.5);--tw-shadow:var(--tw-shadow-colored)}.data-\[hover\=true\]\:shadow-primary\/30[data-hover=true]{--tw-shadow-color:#3b82f64d;--tw-shadow:var(--tw-shadow-colored)}.data-\[hover\=true\]\:shadow-secondary\/30[data-hover=true],.data-\[hover\=true\]\:shadow-success\/30[data-hover=true]{--tw-shadow-color:#10b9814d;--tw-shadow:var(--tw-shadow-colored)}.data-\[hover\=true\]\:shadow-warning\/30[data-hover=true]{--tw-shadow-color:#f59e0b4d;--tw-shadow:var(--tw-shadow-colored)}.data-\[selected\=true\]\:shadow-danger\/40[data-selected=true]{--tw-shadow-color:hsl(var(--heroui-danger)/0.4);--tw-shadow:var(--tw-shadow-colored)}.data-\[selected\=true\]\:shadow-foreground\/40[data-selected=true]{--tw-shadow-color:#11182766;--tw-shadow:var(--tw-shadow-colored)}.data-\[selected\=true\]\:shadow-primary\/40[data-selected=true]{--tw-shadow-color:#3b82f666;--tw-shadow:var(--tw-shadow-colored)}.data-\[selected\=true\]\:shadow-secondary\/40[data-selected=true],.data-\[selected\=true\]\:shadow-success\/40[data-selected=true]{--tw-shadow-color:#10b98166;--tw-shadow:var(--tw-shadow-colored)}.data-\[selected\=true\]\:shadow-warning\/40[data-selected=true]{--tw-shadow-color:#f59e0b66;--tw-shadow:var(--tw-shadow-colored)}.data-\[focus-visible\=true\]\:outline-2[data-focus-visible=true]{outline-width:2px}.data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible=true]{outline-offset:2px}.data-\[focus-visible\=true\]\:outline-focus[data-focus-visible=true]{outline-color:#006fee;outline-color:hsl(var(--heroui-focus)/1)}.data-\[focus-visible\]\:outline-danger-foreground[data-focus-visible]{outline-color:#fff;outline-color:hsl(var(--heroui-danger-foreground)/1)}.data-\[focus-visible\]\:outline-default-foreground[data-focus-visible]{outline-color:#000;outline-color:hsl(var(--heroui-default-foreground)/1)}.data-\[focus-visible\]\:outline-primary-foreground[data-focus-visible]{outline-color:#fff;outline-color:hsl(var(--heroui-primary-foreground)/1)}.data-\[focus-visible\]\:outline-secondary-foreground[data-focus-visible]{outline-color:#fff;outline-color:hsl(var(--heroui-secondary-foreground)/1)}.data-\[focus-visible\]\:outline-success-foreground[data-focus-visible]{outline-color:#000;outline-color:hsl(var(--heroui-success-foreground)/1)}.data-\[focus-visible\]\:outline-warning-foreground[data-focus-visible]{outline-color:#000;outline-color:hsl(var(--heroui-warning-foreground)/1)}.data-\[menu-open\=true\]\:backdrop-blur-xl[data-menu-open=true]{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.data-\[animated\=true\]\:transition-\[left\2c top\2c width\2c height\][data-animated=true]{transition-duration:.2s;transition-property:left,top,width,height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.data-\[disabled\=true\]\:transition-none[data-disabled=true]{transition-property:none}.data-\[hover\=true\]\:transition-colors[data-hover=true]{transition-duration:.2s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.data-\[moving\=true\]\:transition-transform[data-moving=true]{transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.data-\[toast-exiting\=true\]\:transition-all[data-toast-exiting=true]{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.data-\[animated\=true\]\:duration-250[data-animated=true]{transition-duration:.25s}.data-\[toast-exiting\=true\]\:duration-300[data-toast-exiting=true]{transition-duration:.3s}.data-\[animated\=true\]\:ease-out[data-animated=true],.data-\[toast-exiting\=true\]\:ease-out[data-toast-exiting=true]{transition-timing-function:cubic-bezier(0,0,.2,1)}.data-\[toast-exiting\=true\]\:will-change-transform[data-toast-exiting=true]{will-change:transform}.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll=true]{-ms-overflow-style:none;scrollbar-width:none}.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll=true]::-webkit-scrollbar{display:none}.data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\2c \#000\2c transparent_0\2c \#000_var\(--scroll-shadow-size\)\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-top-bottom-scroll=true]{-webkit-mask-image:linear-gradient(#000,#000,#0000 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),#0000);mask-image:linear-gradient(#000,#000,#0000 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),#0000)}.data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-top-scroll=true]{-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),#0000);mask-image:linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),#0000)}.data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-bottom-scroll=true]{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),#0000);mask-image:linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),#0000)}.data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-left-scroll=true]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),#0000)}.data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-right-scroll=true]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),#0000)}.data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\2c \#000\2c \#000\2c transparent_0\2c \#000_var\(--scroll-shadow-size\)\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-left-right-scroll=true]{-webkit-mask-image:linear-gradient(to right,#000,#000,#0000 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),#0000);mask-image:linear-gradient(to right,#000,#000,#0000 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),#0000)}.data-\[placement\=bottom-center\]\:before\:top-\[calc\(-1\*var\(--top-extension\2c 16px\)\)\][data-placement=bottom-center]:before{content:var(--tw-content);top:-16px;top:calc(var(--top-extension,16px)*-1)}.data-\[placement\=bottom-end\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=bottom-end]:before{content:var(--tw-content);top:calc(-.3125rem - -1.5px)}.data-\[placement\=bottom-end\]\:before\:right-3[data-placement=bottom-end]:before{content:var(--tw-content);right:.75rem}.data-\[placement\=bottom-left\]\:before\:top-\[calc\(-1\*var\(--top-extension\2c 16px\)\)\][data-placement=bottom-left]:before,.data-\[placement\=bottom-right\]\:before\:top-\[calc\(-1\*var\(--top-extension\2c 16px\)\)\][data-placement=bottom-right]:before{content:var(--tw-content);top:-16px;top:calc(var(--top-extension,16px)*-1)}.data-\[placement\=bottom-start\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=bottom-start]:before{content:var(--tw-content);top:calc(-.3125rem - -1.5px)}.data-\[placement\=bottom-start\]\:before\:left-3[data-placement=bottom-start]:before{content:var(--tw-content);left:.75rem}.data-\[placement\=bottom\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=bottom]:before{content:var(--tw-content);top:calc(-.3125rem - -1.5px)}.data-\[placement\=bottom\]\:before\:left-1\/2[data-placement=bottom]:before{content:var(--tw-content);left:50%}.data-\[placement\=left-end\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement=left-end]:before{content:var(--tw-content);right:calc(-.3125rem - -3px)}.data-\[placement\=left-end\]\:before\:bottom-1\/4[data-placement=left-end]:before{bottom:25%;content:var(--tw-content)}.data-\[placement\=left-start\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement=left-start]:before{content:var(--tw-content);right:calc(-.3125rem - -3px)}.data-\[placement\=left-start\]\:before\:top-1\/4[data-placement=left-start]:before{content:var(--tw-content);top:25%}.data-\[placement\=left\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement=left]:before{content:var(--tw-content);right:calc(-.3125rem - -2px)}.data-\[placement\=left\]\:before\:top-1\/2[data-placement=left]:before{content:var(--tw-content);top:50%}.data-\[placement\=right-end\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement=right-end]:before{content:var(--tw-content);left:calc(-.3125rem - -3px)}.data-\[placement\=right-end\]\:before\:bottom-1\/4[data-placement=right-end]:before{bottom:25%;content:var(--tw-content)}.data-\[placement\=right-start\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement=right-start]:before{content:var(--tw-content);left:calc(-.3125rem - -3px)}.data-\[placement\=right-start\]\:before\:top-1\/4[data-placement=right-start]:before{content:var(--tw-content);top:25%}.data-\[placement\=right\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement=right]:before{content:var(--tw-content);left:calc(-.3125rem - -2px)}.data-\[placement\=right\]\:before\:top-1\/2[data-placement=right]:before{content:var(--tw-content);top:50%}.data-\[placement\=top-end\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=top-end]:before{bottom:calc(-.3125rem - -1.5px);content:var(--tw-content)}.data-\[placement\=top-end\]\:before\:right-3[data-placement=top-end]:before{content:var(--tw-content);right:.75rem}.data-\[placement\=top-start\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=top-start]:before{bottom:calc(-.3125rem - -1.5px);content:var(--tw-content)}.data-\[placement\=top-start\]\:before\:left-3[data-placement=top-start]:before{content:var(--tw-content);left:.75rem}.data-\[placement\=top\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=top]:before{bottom:calc(-.3125rem - -1.5px);content:var(--tw-content)}.data-\[placement\=top\]\:before\:left-1\/2[data-placement=top]:before{content:var(--tw-content);left:50%}.data-\[loaded\=true\]\:before\:-z-10[data-loaded=true]:before{content:var(--tw-content);z-index:-10}.data-\[arrow\=true\]\:before\:block[data-arrow=true]:before{content:var(--tw-content);display:block}.data-\[outside-month\=true\]\:before\:hidden[data-outside-month=true]:before{content:var(--tw-content);display:none}.data-\[placement\=bottom-center\]\:before\:h-\[var\(--top-extension\2c 16px\)\][data-placement=bottom-center]:before,.data-\[placement\=bottom-left\]\:before\:h-\[var\(--top-extension\2c 16px\)\][data-placement=bottom-left]:before,.data-\[placement\=bottom-right\]\:before\:h-\[var\(--top-extension\2c 16px\)\][data-placement=bottom-right]:before{content:var(--tw-content);height:16px;height:var(--top-extension,16px)}.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement=bottom]:before{--tw-translate-x:-50%}.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement=bottom]:before,.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement=left]:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement=left]:before{--tw-translate-y:-50%}.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement=right]:before{--tw-translate-y:-50%}.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement=right]:before,.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement=top]:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement=top]:before{--tw-translate-x:-50%}.data-\[loaded\=true\]\:before\:animate-none[data-loaded=true]:before{animation:none;content:var(--tw-content)}.data-\[range-end\=true\]\:before\:rounded-e-full[data-range-end=true]:before{border-end-end-radius:9999px;border-start-end-radius:9999px;content:var(--tw-content)}.data-\[range-start\=true\]\:before\:rounded-s-full[data-range-start=true]:before{border-end-start-radius:9999px;border-start-start-radius:9999px;content:var(--tw-content)}.data-\[selection-end\=true\]\:before\:rounded-e-full[data-selection-end=true]:before{border-end-end-radius:9999px;border-start-end-radius:9999px;content:var(--tw-content)}.data-\[selection-start\=true\]\:before\:rounded-s-full[data-selection-start=true]:before{border-end-start-radius:9999px;border-start-start-radius:9999px;content:var(--tw-content)}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-danger-50[data-range-selection=true][data-selected=true]:before{--tw-bg-opacity:1;background-color:#fee7ef;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1));content:var(--tw-content)}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10[data-range-selection=true][data-selected=true]:before{background-color:#1118271a;content:var(--tw-content)}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-primary-50[data-range-selection=true][data-selected=true]:before{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-secondary-50[data-range-selection=true][data-selected=true]:before{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1));content:var(--tw-content)}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-100[data-range-selection=true][data-selected=true]:before{--tw-bg-opacity:1;background-color:#d1f4e0;background-color:hsl(var(--heroui-success-100)/var(--tw-bg-opacity,1));content:var(--tw-content)}.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-100[data-range-selection=true][data-selected=true]:before{--tw-bg-opacity:1;background-color:#fdedd3;background-color:hsl(var(--heroui-warning-100)/var(--tw-bg-opacity,1));content:var(--tw-content)}.data-\[loaded\=true\]\:before\:opacity-0[data-loaded=true]:before{content:var(--tw-content);opacity:0}.data-\[selected\=true\]\:before\:opacity-100[data-selected=true]:before{content:var(--tw-content);opacity:1}.data-\[placement\=bottom-center\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\2c 16px\)\)\][data-placement=bottom-center]:after,.data-\[placement\=bottom-left\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\2c 16px\)\)\][data-placement=bottom-left]:after,.data-\[placement\=bottom-right\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\2c 16px\)\)\][data-placement=bottom-right]:after{bottom:-16px;bottom:calc(var(--bottom-extension,16px)*-1);content:var(--tw-content)}.data-\[placement\=bottom-center\]\:after\:h-\[var\(--bottom-extension\2c 16px\)\][data-placement=bottom-center]:after,.data-\[placement\=bottom-left\]\:after\:h-\[var\(--bottom-extension\2c 16px\)\][data-placement=bottom-left]:after,.data-\[placement\=bottom-right\]\:after\:h-\[var\(--bottom-extension\2c 16px\)\][data-placement=bottom-right]:after{content:var(--tw-content);height:16px;height:var(--bottom-extension,16px)}.data-\[active\=true\]\:after\:w-full[data-active=true]:after,.data-\[focus\=true\]\:after\:w-full[data-focus=true]:after,.data-\[open\=true\]\:after\:w-full[data-open=true]:after{content:var(--tw-content);width:100%}.data-\[dragging\=true\]\:after\:scale-100[data-dragging=true]:after{--tw-scale-x:1;--tw-scale-y:1}.data-\[dragging\=true\]\:after\:scale-100[data-dragging=true]:after,.data-\[dragging\=true\]\:after\:scale-80[data-dragging=true]:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[dragging\=true\]\:after\:scale-80[data-dragging=true]:after{--tw-scale-x:0.8;--tw-scale-y:0.8}.data-\[active\=true\]\:after\:bg-danger-400[data-active=true]:after{--tw-bg-opacity:1;background-color:#f54180;background-color:hsl(var(--heroui-danger-400)/var(--tw-bg-opacity,1));content:var(--tw-content)}.data-\[selected\=true\]\:after\:bg-danger[data-selected=true]:after{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1));content:var(--tw-content)}.data-\[selected\=true\]\:after\:bg-foreground[data-selected=true]:after{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));content:var(--tw-content)}.data-\[selected\=true\]\:after\:bg-primary[data-selected=true]:after{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1));content:var(--tw-content)}.data-\[selected\=true\]\:after\:bg-secondary[data-selected=true]:after,.data-\[selected\=true\]\:after\:bg-success[data-selected=true]:after{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1));content:var(--tw-content)}.data-\[selected\=true\]\:after\:bg-warning[data-selected=true]:after{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));content:var(--tw-content)}.data-\[loaded\=true\]\:after\:opacity-0[data-loaded=true]:after{content:var(--tw-content);opacity:0}.data-\[selected\=true\]\:after\:opacity-100[data-selected=true]:after{content:var(--tw-content);opacity:1}.data-\[selectable\=true\]\:focus\:border-danger:focus[data-selectable=true]{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.data-\[selectable\=true\]\:focus\:border-default:focus[data-selectable=true]{--tw-border-opacity:1;border-color:#d4d4d8;border-color:hsl(var(--heroui-default)/var(--tw-border-opacity,1))}.data-\[selectable\=true\]\:focus\:border-primary:focus[data-selectable=true]{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.data-\[selectable\=true\]\:focus\:border-secondary:focus[data-selectable=true],.data-\[selectable\=true\]\:focus\:border-success:focus[data-selectable=true]{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.data-\[selectable\=true\]\:focus\:border-warning:focus[data-selectable=true]{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.data-\[invalid\=true\]\:focus\:bg-danger-400\/50:focus[data-invalid=true]{background-color:#f5418080;background-color:hsl(var(--heroui-danger-400)/.5)}.data-\[selectable\=true\]\:focus\:bg-danger:focus[data-selectable=true]{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.data-\[selectable\=true\]\:focus\:bg-danger\/20:focus[data-selectable=true]{background-color:#f3126033;background-color:hsl(var(--heroui-danger)/.2)}.data-\[selectable\=true\]\:focus\:bg-default:focus[data-selectable=true]{--tw-bg-opacity:1;background-color:#d4d4d8;background-color:hsl(var(--heroui-default)/var(--tw-bg-opacity,1))}.data-\[selectable\=true\]\:focus\:bg-default-100:focus[data-selectable=true]{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1))}.data-\[selectable\=true\]\:focus\:bg-default\/40:focus[data-selectable=true]{background-color:#d4d4d866;background-color:hsl(var(--heroui-default)/.4)}.data-\[selectable\=true\]\:focus\:bg-primary:focus[data-selectable=true]{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.data-\[selectable\=true\]\:focus\:bg-primary\/20:focus[data-selectable=true]{background-color:#3b82f633}.data-\[selectable\=true\]\:focus\:bg-secondary:focus[data-selectable=true]{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.data-\[selectable\=true\]\:focus\:bg-secondary\/20:focus[data-selectable=true]{background-color:#10b98133}.data-\[selectable\=true\]\:focus\:bg-success:focus[data-selectable=true]{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.data-\[selectable\=true\]\:focus\:bg-success\/20:focus[data-selectable=true]{background-color:#10b98133}.data-\[selectable\=true\]\:focus\:bg-warning:focus[data-selectable=true]{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.data-\[selectable\=true\]\:focus\:bg-warning\/20:focus[data-selectable=true]{background-color:#f59e0b33}.data-\[editable\=true\]\:focus\:text-danger:focus[data-editable=true]{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:focus\:text-default-foreground:focus[data-editable=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-default-foreground)/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:focus\:text-primary:focus[data-editable=true]{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:focus\:text-secondary:focus[data-editable=true],.data-\[editable\=true\]\:focus\:text-success:focus[data-editable=true]{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:focus\:text-success-600:focus[data-editable=true]{--tw-text-opacity:1;color:#12a150;color:hsl(var(--heroui-success-600)/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:focus\:text-warning:focus[data-editable=true]{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.data-\[editable\=true\]\:focus\:text-warning-600:focus[data-editable=true]{--tw-text-opacity:1;color:#c4841d;color:hsl(var(--heroui-warning-600)/var(--tw-text-opacity,1))}.data-\[invalid\=true\]\:data-\[editable\=true\]\:focus\:text-danger:focus[data-editable=true][data-invalid=true],.data-\[selectable\=true\]\:focus\:text-danger:focus[data-selectable=true]{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:text-danger-foreground:focus[data-selectable=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:text-default-500:focus[data-selectable=true]{--tw-text-opacity:1;color:#71717a;color:hsl(var(--heroui-default-500)/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:text-default-foreground:focus[data-selectable=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-default-foreground)/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:text-primary:focus[data-selectable=true]{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:text-primary-foreground:focus[data-selectable=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-primary-foreground)/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:text-secondary:focus[data-selectable=true]{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:text-secondary-foreground:focus[data-selectable=true]{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-secondary-foreground)/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:text-success:focus[data-selectable=true]{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:text-success-foreground:focus[data-selectable=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:text-warning:focus[data-selectable=true]{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:text-warning-foreground:focus[data-selectable=true]{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1))}.data-\[selectable\=true\]\:focus\:shadow-danger\/30:focus[data-selectable=true]{--tw-shadow-color:hsl(var(--heroui-danger)/0.3);--tw-shadow:var(--tw-shadow-colored)}.data-\[selectable\=true\]\:focus\:shadow-default\/50:focus[data-selectable=true]{--tw-shadow-color:hsl(var(--heroui-default)/0.5);--tw-shadow:var(--tw-shadow-colored)}.data-\[selectable\=true\]\:focus\:shadow-primary\/30:focus[data-selectable=true]{--tw-shadow-color:#3b82f64d;--tw-shadow:var(--tw-shadow-colored)}.data-\[selectable\=true\]\:focus\:shadow-secondary\/30:focus[data-selectable=true],.data-\[selectable\=true\]\:focus\:shadow-success\/30:focus[data-selectable=true]{--tw-shadow-color:#10b9814d;--tw-shadow:var(--tw-shadow-colored)}.data-\[selectable\=true\]\:focus\:shadow-warning\/30:focus[data-selectable=true]{--tw-shadow-color:#f59e0b4d;--tw-shadow:var(--tw-shadow-colored)}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:pointer-events-auto,.group[data-has-label-outside=true] .group-data-\[has-label-outside\=true\]\:pointer-events-auto,.group[data-has-value=true] .group-data-\[has-value\=true\]\:pointer-events-auto{pointer-events:auto}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:relative{position:relative}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:start-0,.group[data-filled=true] .group-data-\[filled\=true\]\:start-0{inset-inline-start:0}.group[data-has-end-content=true] .group-data-\[has-end-content\=true\]\:left-2{left:.5rem}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:z-10{z-index:10}.group[data-has-end-content=true] .group-data-\[has-end-content\=true\]\:mt-4{margin-top:1rem}.group[data-selected=true] .group-data-\[selected\=true\]\:ms-4{-webkit-margin-start:1rem;margin-inline-start:1rem}.group[data-selected=true] .group-data-\[selected\=true\]\:ms-5{-webkit-margin-start:1.25rem;margin-inline-start:1.25rem}.group[data-selected=true] .group-data-\[selected\=true\]\:ms-6{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3{margin-left:.75rem}.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4{margin-left:1rem}.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5{margin-left:1.25rem}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:block,.group[data-has-value=true] .group-data-\[has-value\=true\]\:block{display:block}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:flex{display:flex}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:hidden{display:none}.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-5{width:1.25rem}.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-6{width:1.5rem}.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-7{width:1.75rem}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\]{--tw-translate-y:calc(-100% + var(--heroui-font-size-small)/2*-1 + -20px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\]{--tw-translate-y:calc(-100% + var(--heroui-font-size-small)/2*-1 + -24px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-tiny\)\/2_\+_16px\)\]{--tw-translate-y:calc(-100% + var(--heroui-font-size-tiny)/2*-1 + -16px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -3.5px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -4px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -6px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -6px - var(--heroui-border-width-medium)*-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -8px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -8px - var(--heroui-border-width-medium)*-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-tiny)/2*-1 - -5px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-tiny)/2*-1 - -8px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-tiny)/2*-1 - -8px - var(--heroui-border-width-medium)*-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\]{--tw-translate-y:calc(-100% + var(--heroui-font-size-small)/2*-1 + -20px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\]{--tw-translate-y:calc(-100% + var(--heroui-font-size-small)/2*-1 + -24px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+var\(--heroui-font-size-tiny\)\/2_\+_16px\)\]{--tw-translate-y:calc(-100% + var(--heroui-font-size-tiny)/2*-1 + -16px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -3.5px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -4px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -6px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -6px - var(--heroui-border-width-medium)*-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -8px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-small)/2*-1 - -8px - var(--heroui-border-width-medium)*-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-tiny)/2*-1 - -5px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-tiny)/2*-1 - -8px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]{--tw-translate-y:calc(-50% + var(--heroui-font-size-tiny)/2*-1 - -8px - var(--heroui-border-width-medium)*-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:-translate-y-0{--tw-translate-y:-0px}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:-translate-y-0,.group[data-selected=true] .group-data-\[selected\=true\]\:translate-x-3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-selected=true] .group-data-\[selected\=true\]\:translate-x-3{--tw-translate-x:0.75rem}.group[data-copied=true] .group-data-\[copied\=true\]\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.group[data-copied=true] .group-data-\[copied\=true\]\:scale-100,.group[data-copied=true] .group-data-\[copied\=true\]\:scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-copied=true] .group-data-\[copied\=true\]\:scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:scale-85,.group[data-filled=true] .group-data-\[filled\=true\]\:scale-85{--tw-scale-x:0.85;--tw-scale-y:0.85;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-has-value=true] .group-data-\[has-value\=true\]\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.group[data-has-value=true] .group-data-\[has-value\=true\]\:scale-100,.group[data-pressed=true] .group-data-\[pressed\=true\]\:scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-pressed=true] .group-data-\[pressed\=true\]\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.group[data-selected=true] .group-data-\[selected\=true\]\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/tr[data-disabled=true] .group-data-\[disabled\=true\]\/tr\:cursor-not-allowed{cursor:not-allowed}.group[data-has-multiple-months=true] .group-data-\[has-multiple-months\=true\]\:flex-row{flex-direction:row}.group[data-has-label=true] .group-data-\[has-label\=true\]\:items-start{align-items:flex-start}.group[data-has-label=true] .group-data-\[has-label\=true\]\:items-end{align-items:flex-end}.group[data-focus=true] .group-data-\[focus\=true\]\:\!border-danger{--tw-border-opacity:1!important;border-color:#f31260!important;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))!important}.group[data-focus=true] .group-data-\[focus\=true\]\:border-danger{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:border-default-foreground{--tw-border-opacity:1;border-color:#000;border-color:hsl(var(--heroui-default-foreground)/var(--tw-border-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:border-primary{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:border-secondary,.group[data-focus=true] .group-data-\[focus\=true\]\:border-success{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:border-warning{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.group[data-invalid=true] .group-data-\[invalid\=true\]\:border-danger,.group[data-selected=true] .group-data-\[selected\=true\]\:border-danger{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:border-default-500{--tw-border-opacity:1;border-color:#71717a;border-color:hsl(var(--heroui-default-500)/var(--tw-border-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:border-primary{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:border-secondary,.group[data-selected=true] .group-data-\[selected\=true\]\:border-success{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:border-warning{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:\!bg-danger-50{--tw-bg-opacity:1!important;background-color:#fee7ef!important;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))!important}.group[data-focus=true] .group-data-\[focus\=true\]\:bg-danger-50{--tw-bg-opacity:1;background-color:#fee7ef;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:bg-default-100{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:bg-default-200{--tw-bg-opacity:1;background-color:#e4e4e7;background-color:hsl(var(--heroui-default-200)/var(--tw-bg-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:bg-primary-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:bg-secondary-50{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:bg-success-50{--tw-bg-opacity:1;background-color:#e8faf0;background-color:hsl(var(--heroui-success-50)/var(--tw-bg-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:bg-warning-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:hsl(var(--heroui-warning-50)/var(--tw-bg-opacity,1))}.group[data-hover-unselected=true] .group-data-\[hover-unselected\=true\]\:bg-default-100{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1))}.group[data-invalid=true] .group-data-\[invalid\=true\]\:bg-danger-50{--tw-bg-opacity:1;background-color:#fee7ef;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:bg-danger{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:bg-default-400{--tw-bg-opacity:1;background-color:#a1a1aa;background-color:hsl(var(--heroui-default-400)/var(--tw-bg-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:bg-primary{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:bg-secondary,.group[data-selected=true] .group-data-\[selected\=true\]\:bg-success{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:bg-warning{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pb-1\.5{padding-bottom:.375rem}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pe-2{-webkit-padding-end:.5rem;padding-inline-end:.5rem}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-2{padding-top:.5rem}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-3{padding-top:.75rem}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-4,.group[data-has-label=true] .group-data-\[has-label\=true\]\:pt-4{padding-top:1rem}.group[data-has-label=true] .group-data-\[has-label\=true\]\:pt-5{padding-top:1.25rem}.group\/tr[data-disabled=true] .group-data-\[disabled\=true\]\/tr\:text-foreground-300{--tw-text-opacity:1;color:#d4d4d8;color:hsl(var(--heroui-foreground-300)/var(--tw-text-opacity,1))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:text-default-600{--tw-text-opacity:1;color:#52525b;color:hsl(var(--heroui-default-600)/var(--tw-text-opacity,1))}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:text-foreground{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.group[data-filled=true] .group-data-\[filled\=true\]\:text-default-600{--tw-text-opacity:1;color:#52525b;color:hsl(var(--heroui-default-600)/var(--tw-text-opacity,1))}.group[data-filled=true] .group-data-\[filled\=true\]\:text-foreground{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.group[data-has-value=true] .group-data-\[has-value\=true\]\:text-default-foreground{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-default-foreground)/var(--tw-text-opacity,1))}.group[data-has-value=true] .group-data-\[has-value\=true\]\:text-foreground{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.group[data-invalid=true] .group-data-\[invalid\=true\]\:text-danger,.group[data-selected=true] .group-data-\[selected\=true\]\:text-danger{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:text-danger-foreground{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:text-default-foreground{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-default-foreground)/var(--tw-text-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:text-foreground{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:text-primary{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:text-primary-foreground{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-primary-foreground)/var(--tw-text-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:text-secondary{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:text-secondary-foreground{--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-secondary-foreground)/var(--tw-text-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:text-success{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:text-success-foreground{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:text-warning{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.group[data-selected=true] .group-data-\[selected\=true\]\:text-warning-foreground{--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1))}.group[data-copied=true] .group-data-\[copied\=true\]\:opacity-0{opacity:0}.group[data-copied=true] .group-data-\[copied\=true\]\:opacity-100{opacity:1}.group[data-has-value=true] .group-data-\[has-value\=true\]\:opacity-70{opacity:.7}.group[data-loaded=true] .group-data-\[loaded\=true\]\:opacity-100,.group\/th[data-hover=true] .group-data-\[hover\=true\]\/th\:opacity-100{opacity:1}.group[data-pressed=true] .group-data-\[pressed\=true\]\:opacity-70{opacity:.7}.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-0{opacity:0}.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-100{opacity:1}.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-60{opacity:.6}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-focus{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--heroui-focus)/var(--tw-ring-opacity,1))}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-offset-2{--tw-ring-offset-width:2px}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-offset-background{--tw-ring-offset-color:#fff}.group\/tr[data-odd=true] .group-data-\[odd\=true\]\/tr\:before\:-z-10:before{content:var(--tw-content);z-index:-10}.group[data-selected=true] .group-data-\[selected\=true\]\:before\:w-full:before{content:var(--tw-content);width:100%}.group[data-open=true] .group-data-\[open\=true\]\:before\:translate-y-px:before{--tw-translate-y:1px}.group[data-open=true] .group-data-\[open\=true\]\:before\:rotate-45:before,.group[data-open=true] .group-data-\[open\=true\]\:before\:translate-y-px:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-open=true] .group-data-\[open\=true\]\:before\:rotate-45:before{--tw-rotate:45deg}.group\/tr[data-middle=true] .group-data-\[middle\=true\]\/tr\:before\:rounded-none:before{border-radius:0;content:var(--tw-content)}.group[data-hover=true] .group-data-\[hover\=true\]\:before\:bg-default-100:before,.group\/tr[data-odd=true] .group-data-\[odd\=true\]\/tr\:before\:bg-default-100:before{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1));content:var(--tw-content)}.group\/tr[data-odd=true] .group-data-\[odd\=true\]\/tr\:before\:opacity-100:before{content:var(--tw-content);opacity:1}.group[data-required=true] .group-data-\[required\=true\]\:after\:ml-0\.5:after{content:var(--tw-content);margin-left:.125rem}.group[data-focus=true] .group-data-\[focus\=true\]\:after\:w-full:after{content:var(--tw-content);width:100%}.group[data-open=true] .group-data-\[open\=true\]\:after\:translate-y-0:after{--tw-translate-y:0px}.group[data-open=true] .group-data-\[open\=true\]\:after\:-rotate-45:after,.group[data-open=true] .group-data-\[open\=true\]\:after\:translate-y-0:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-open=true] .group-data-\[open\=true\]\:after\:-rotate-45:after{--tw-rotate:-45deg}.group[data-selected=true] .group-data-\[selected\=true\]\:after\:scale-100:after{--tw-scale-x:1;--tw-scale-y:1;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-invalid=true] .group-data-\[invalid\=true\]\:after\:bg-danger:after{--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1));content:var(--tw-content)}.group[data-required=true] .group-data-\[required\=true\]\:after\:text-danger:after{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger)/var(--tw-text-opacity,1));content:var(--tw-content)}.group[data-selected=true] .group-data-\[selected\=true\]\:after\:opacity-100:after{content:var(--tw-content);opacity:1}.group[data-required=true] .group-data-\[required\=true\]\:after\:content-\[\'\*\'\]:after{--tw-content:"*";content:var(--tw-content)}.group\/tr[data-first=true] .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-lg:first-child:before{border-start-start-radius:8px;content:var(--tw-content)}.group\/tr[data-first=true] .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-none:first-child:before{border-start-start-radius:0;content:var(--tw-content)}.group\/tr[data-last=true] .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-lg:first-child:before{border-end-start-radius:8px;content:var(--tw-content)}.group\/tr[data-last=true] .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-none:first-child:before{border-end-start-radius:0;content:var(--tw-content)}.group\/tr[data-first=true] .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-lg:last-child:before{border-start-end-radius:8px;content:var(--tw-content)}.group\/tr[data-first=true] .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-none:last-child:before{border-start-end-radius:0;content:var(--tw-content)}.group\/tr[data-last=true] .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-lg:last-child:before{border-end-end-radius:8px;content:var(--tw-content)}.group\/tr[data-last=true] .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-none:last-child:before{border-end-end-radius:0;content:var(--tw-content)}.group[data-invalid=true] .group-data-\[invalid\=true\]\:hover\:border-danger:hover{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.group[data-invalid=true] .group-data-\[invalid\=true\]\:hover\:bg-danger-100:hover{--tw-bg-opacity:1;background-color:#fdd0df;background-color:hsl(var(--heroui-danger-100)/var(--tw-bg-opacity,1))}.group[data-invalid=true] .group-data-\[invalid\=true\]\:focus-within\:hover\:border-danger:hover:focus-within{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.group[data-invalid=true] .group-data-\[invalid\=true\]\:focus-within\:hover\:bg-danger-50:hover:focus-within{--tw-bg-opacity:1;background-color:#fee7ef;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))}.group\/tr[aria-selected=false][data-hover=true] .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:bg-default-100:before{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1));content:var(--tw-content)}.group\/tr[aria-selected=false][data-hover=true] .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:opacity-70:before{content:var(--tw-content);opacity:.7}.group[data-focus=true] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-danger[data-hover=true]{--tw-border-opacity:1;border-color:#f31260;border-color:hsl(var(--heroui-danger)/var(--tw-border-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-default-foreground[data-hover=true]{--tw-border-opacity:1;border-color:#000;border-color:hsl(var(--heroui-default-foreground)/var(--tw-border-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-primary[data-hover=true]{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-secondary[data-hover=true],.group[data-focus=true] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-success[data-hover=true]{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.group[data-focus=true] .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-warning[data-hover=true]{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.group\/tr[data-odd=true] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-danger\/20[data-selected=true]:before{background-color:#f3126033;background-color:hsl(var(--heroui-danger)/.2);content:var(--tw-content)}.group\/tr[data-odd=true] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-default\/60[data-selected=true]:before{background-color:#d4d4d899;background-color:hsl(var(--heroui-default)/.6);content:var(--tw-content)}.group\/tr[data-odd=true] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-primary\/20[data-selected=true]:before{background-color:#3b82f633;content:var(--tw-content)}.group\/tr[data-odd=true] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-secondary\/20[data-selected=true]:before,.group\/tr[data-odd=true] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-success\/20[data-selected=true]:before{background-color:#10b98133;content:var(--tw-content)}.group\/tr[data-odd=true] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-warning\/20[data-selected=true]:before{background-color:#f59e0b33;content:var(--tw-content)}.peer[data-filled=true]~.peer-data-\[filled\=true\]\:pointer-events-none{pointer-events:none}.peer[data-filled=true]~.peer-data-\[filled\=true\]\:pointer-events-auto{pointer-events:auto}.peer[data-filled=true]~.peer-data-\[filled\=true\]\:block{display:block}.peer[data-filled=true]~.peer-data-\[filled\=true\]\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer[data-filled=true]~.peer-data-\[filled\=true\]\:opacity-70{opacity:.7}@media (prefers-reduced-motion:reduce){.motion-reduce\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:after\:transition-none:after{content:var(--tw-content);transition-property:none}}.dark\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:#1e40af;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.dark\:border-danger-100:is(.dark *){--tw-border-opacity:1;border-color:#fdd0df;border-color:hsl(var(--heroui-danger-100)/var(--tw-border-opacity,1))}.dark\:border-default-200:is(.dark *){--tw-border-opacity:1;border-color:#e4e4e7;border-color:hsl(var(--heroui-default-200)/var(--tw-border-opacity,1))}.dark\:border-primary-100:is(.dark *){--tw-border-opacity:1;border-color:#dbeafe;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.dark\:border-success-100:is(.dark *){--tw-border-opacity:1;border-color:#d1f4e0;border-color:hsl(var(--heroui-success-100)/var(--tw-border-opacity,1))}.dark\:border-warning-100:is(.dark *){--tw-border-opacity:1;border-color:#fdedd3;border-color:hsl(var(--heroui-warning-100)/var(--tw-border-opacity,1))}.dark\:bg-background:is(.dark *){--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:bg-background\/20:is(.dark *){background-color:#fff3}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1e3a8a33}.dark\:bg-content2:is(.dark *){--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-content2)/var(--tw-bg-opacity,1))}.dark\:bg-danger-100:is(.dark *){--tw-bg-opacity:1;background-color:#fdd0df;background-color:hsl(var(--heroui-danger-100)/var(--tw-bg-opacity,1))}.dark\:bg-danger-50:is(.dark *){--tw-bg-opacity:1;background-color:#fee7ef;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))}.dark\:bg-danger-50\/50:is(.dark *){background-color:#fee7ef80;background-color:hsl(var(--heroui-danger-50)/.5)}.dark\:bg-default:is(.dark *){--tw-bg-opacity:1;background-color:#d4d4d8;background-color:hsl(var(--heroui-default)/var(--tw-bg-opacity,1))}.dark\:bg-default-100:is(.dark *){--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1))}.dark\:bg-default-50\/50:is(.dark *){background-color:#fafafa80;background-color:hsl(var(--heroui-default-50)/.5)}.dark\:bg-primary-100:is(.dark *){--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.dark\:bg-primary-50:is(.dark *){--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.dark\:bg-primary-50\/50:is(.dark *){background-color:#eff6ff80}.dark\:bg-secondary-100:is(.dark *){--tw-bg-opacity:1;background-color:#d1fae5;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.dark\:bg-secondary-50:is(.dark *){--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.dark\:bg-secondary-50\/50:is(.dark *){background-color:#ecfdf580}.dark\:bg-success-100:is(.dark *){--tw-bg-opacity:1;background-color:#d1f4e0;background-color:hsl(var(--heroui-success-100)/var(--tw-bg-opacity,1))}.dark\:bg-success-50:is(.dark *){--tw-bg-opacity:1;background-color:#e8faf0;background-color:hsl(var(--heroui-success-50)/var(--tw-bg-opacity,1))}.dark\:bg-success-50\/50:is(.dark *){background-color:#e8faf080;background-color:hsl(var(--heroui-success-50)/.5)}.dark\:bg-transparent:is(.dark *){background-color:initial}.dark\:bg-warning-100:is(.dark *){--tw-bg-opacity:1;background-color:#fdedd3;background-color:hsl(var(--heroui-warning-100)/var(--tw-bg-opacity,1))}.dark\:bg-warning-50:is(.dark *){--tw-bg-opacity:1;background-color:#fefce8;background-color:hsl(var(--heroui-warning-50)/var(--tw-bg-opacity,1))}.dark\:bg-warning-50\/50:is(.dark *){background-color:#fefce880;background-color:hsl(var(--heroui-warning-50)/.5)}.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-danger-500:is(.dark *){--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger-500)/var(--tw-text-opacity,1))}.dark\:text-success:is(.dark *){--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.dark\:text-warning:is(.dark *){--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.dark\:placeholder\:text-danger-500:is(.dark *)::placeholder{--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger-500)/var(--tw-text-opacity,1))}.dark\:placeholder\:text-success:is(.dark *)::placeholder{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.dark\:placeholder\:text-warning:is(.dark *)::placeholder{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.dark\:before\:via-default-700\/10:is(.dark *):before{--tw-gradient-to:hsl(var(--heroui-default-700)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsl(var(--heroui-default-700)/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to);content:var(--tw-content)}.dark\:after\:bg-content2:is(.dark *):after{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-content2)/var(--tw-bg-opacity,1));content:var(--tw-content)}.dark\:-webkit-autofill\:\[-webkit-text-fill-color\:hsl\(var\(--heroui-foreground\)\)\]:-webkit-autofill:is(.dark *){-webkit-text-fill-color:#11181c;-webkit-text-fill-color:hsl(var(--heroui-foreground))}.dark\:autofill\:\[-webkit-text-fill-color\:hsl\(var\(--heroui-foreground\)\)\]:autofill:is(.dark *){-webkit-text-fill-color:#11181c;-webkit-text-fill-color:hsl(var(--heroui-foreground))}.dark\:hover\:bg-blue-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:#1e40af;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.dark\:focus\:bg-danger-400\/20:focus:is(.dark *){background-color:#f5418033;background-color:hsl(var(--heroui-danger-400)/.2)}.dark\:focus\:bg-success-400\/20:focus:is(.dark *){background-color:#45d48333;background-color:hsl(var(--heroui-success-400)/.2)}.dark\:focus\:bg-warning-400\/20:focus:is(.dark *){background-color:#f7b75033;background-color:hsl(var(--heroui-warning-400)/.2)}.dark\:data-\[hover\=true\]\:bg-content2[data-hover=true]:is(.dark *){--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-content2)/var(--tw-bg-opacity,1))}.dark\:data-\[hover\=true\]\:bg-danger-50[data-hover=true]:is(.dark *){--tw-bg-opacity:1;background-color:#fee7ef;background-color:hsl(var(--heroui-danger-50)/var(--tw-bg-opacity,1))}.dark\:data-\[hover\=true\]\:bg-success-50[data-hover=true]:is(.dark *){--tw-bg-opacity:1;background-color:#e8faf0;background-color:hsl(var(--heroui-success-50)/var(--tw-bg-opacity,1))}.dark\:data-\[hover\=true\]\:bg-warning-50[data-hover=true]:is(.dark *){--tw-bg-opacity:1;background-color:#fefce8;background-color:hsl(var(--heroui-warning-50)/var(--tw-bg-opacity,1))}.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover=true][data-selected=true]:is(.dark *){--tw-bg-opacity:1;background-color:#f31260;background-color:hsl(var(--heroui-danger)/var(--tw-bg-opacity,1))}.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover=true][data-selected=true]:is(.dark *){--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover=true][data-selected=true]:is(.dark *){--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.dark\:data-\[hover\=true\]\:text-danger-500[data-hover=true]:is(.dark *){--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger-500)/var(--tw-text-opacity,1))}.dark\:data-\[hover\=true\]\:text-success-500[data-hover=true]:is(.dark *){--tw-text-opacity:1;color:#17c964;color:hsl(var(--heroui-success-500)/var(--tw-text-opacity,1))}.dark\:data-\[hover\=true\]\:text-warning-500[data-hover=true]:is(.dark *){--tw-text-opacity:1;color:#f5a524;color:hsl(var(--heroui-warning-500)/var(--tw-text-opacity,1))}.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover=true][data-selected=true]:is(.dark *){--tw-text-opacity:1;color:#fff;color:hsl(var(--heroui-danger-foreground)/var(--tw-text-opacity,1))}.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover=true][data-selected=true]:is(.dark *){--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover=true][data-selected=true]:is(.dark *){--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-warning-foreground)/var(--tw-text-opacity,1))}.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-500[data-range-selection=true][data-selected=true]:is(.dark *){--tw-text-opacity:1;color:#17c964;color:hsl(var(--heroui-success-500)/var(--tw-text-opacity,1))}.dark\:data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection=true][data-selection-end=true][data-selected=true]:is(.dark *){--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.dark\:data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection=true][data-selection-start=true][data-selected=true]:is(.dark *){--tw-text-opacity:1;color:#000;color:hsl(var(--heroui-success-foreground)/var(--tw-text-opacity,1))}.dark\:data-\[selected\=true\]\:text-danger-500[data-selected=true]:is(.dark *){--tw-text-opacity:1;color:#f31260;color:hsl(var(--heroui-danger-500)/var(--tw-text-opacity,1))}.dark\:data-\[selected\=true\]\:text-success[data-selected=true]:is(.dark *){--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.dark\:data-\[selected\=true\]\:text-warning[data-selected=true]:is(.dark *){--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-50[data-range-selection=true][data-selected=true]:is(.dark *):before{--tw-bg-opacity:1;background-color:#e8faf0;background-color:hsl(var(--heroui-success-50)/var(--tw-bg-opacity,1));content:var(--tw-content)}.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-50[data-range-selection=true][data-selected=true]:is(.dark *):before{--tw-bg-opacity:1;background-color:#fefce8;background-color:hsl(var(--heroui-warning-50)/var(--tw-bg-opacity,1));content:var(--tw-content)}.dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20:focus[data-invalid=true]:is(.dark *){background-color:#f5418033;background-color:hsl(var(--heroui-danger-400)/.2)}@media (min-width:640px){.sm\:m-0{margin:0}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-1{margin-left:.25rem;margin-right:.25rem}.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.sm\:my-0{margin-bottom:0;margin-top:0}.sm\:my-16{margin-bottom:4rem;margin-top:4rem}.sm\:w-\[356px\]{width:356px}.sm\:w-auto{width:auto}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:px-0{padding-left:0;padding-right:0}.sm\:\[--scale-enter\:100\%\]{--scale-enter:100%}.sm\:\[--scale-exit\:103\%\]{--scale-exit:103%}.sm\:\[--slide-enter\:0px\]{--slide-enter:0px}.sm\:\[--slide-exit\:0px\]{--slide-exit:0px}.sm\:data-\[visible\=true\]\:pointer-events-none[data-visible=true]{pointer-events:none}.sm\:data-\[placement\=bottom-center\]\:mx-auto[data-placement=bottom-center],.sm\:data-\[placement\=top-center\]\:mx-auto[data-placement=top-center]{margin-left:auto;margin-right:auto}.sm\:data-\[placement\=bottom-left\]\:ml-2[data-placement=bottom-left]{margin-left:.5rem}.sm\:data-\[placement\=bottom-right\]\:mr-2[data-placement=bottom-right]{margin-right:.5rem}.sm\:data-\[placement\=top-left\]\:ml-2[data-placement=top-left]{margin-left:.5rem}.sm\:data-\[placement\=top-right\]\:mr-2[data-placement=top-right]{margin-right:.5rem}.sm\:data-\[placement\=bottom-center\]\:w-max[data-placement=bottom-center],.sm\:data-\[placement\=bottom-left\]\:w-max[data-placement=bottom-left],.sm\:data-\[placement\=bottom-right\]\:w-max[data-placement=bottom-right],.sm\:data-\[placement\=top-center\]\:w-max[data-placement=top-center],.sm\:data-\[placement\=top-left\]\:w-max[data-placement=top-left],.sm\:data-\[placement\=top-right\]\:w-max[data-placement=top-right]{width:-webkit-max-content;width:max-content}.sm\:data-\[visible\=true\]\:opacity-0[data-visible=true]{opacity:0}.group[data-hover=true] .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:pointer-events-auto[data-visible=true]{pointer-events:auto}.group[data-hover=true] .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:opacity-100[data-visible=true]{opacity:1}}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.rtl\:left-2:where([dir=rtl],[dir=rtl] *){left:.5rem}.rtl\:right-auto:where([dir=rtl],[dir=rtl] *){right:auto}.rtl\:origin-top-right:where([dir=rtl],[dir=rtl] *){transform-origin:top right}.rtl\:-rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:-180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}.rtl\:space-x-reverse:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.rtl\:data-\[focus-visible\=true\]\:translate-x-3[data-focus-visible=true]:where([dir=rtl],[dir=rtl] *){--tw-translate-x:0.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:data-\[hover\=true\]\:translate-x-3[data-hover=true]:where([dir=rtl],[dir=rtl] *){--tw-translate-x:0.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:data-\[open\=true\]\:-rotate-90[data-open=true]:where([dir=rtl],[dir=rtl] *){--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\+\.border-medium\.border-danger\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-danger,.\[\&\+\.border-medium\.border-default\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-default,.\[\&\+\.border-medium\.border-primary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-primary,.\[\&\+\.border-medium\.border-secondary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-secondary,.\[\&\+\.border-medium\.border-success\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-success,.\[\&\+\.border-medium\.border-warning\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-warning{-webkit-margin-start:-2px;-webkit-margin-start:calc(var(--heroui-border-width-medium)*-1);margin-inline-start:-2px;margin-inline-start:calc(var(--heroui-border-width-medium)*-1)}.\[\&\:\:-ms-reveal\]\:hidden::-ms-reveal{display:none}.\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(:last-child){border-radius:0}.\[\&\:not\(\:first-child\)\]\:-ml-1:not(:first-child){margin-left:-.25rem}.\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none:not(:first-of-type):not(:last-of-type){border-radius:0}.\[\&\:not\(\:first-of-type\)\]\:ms-\[calc\(theme\(borderWidth\.2\)\*-1\)\]:not(:first-of-type){-webkit-margin-start:-2px;margin-inline-start:-2px}.\[\&\>\*\]\:relative>*{position:relative}.\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\]>svg{max-width:2rem}.\[\&\>tr\]\:first\:rounded-lg:first-child>tr{border-radius:8px}.\[\&\>tr\]\:first\:shadow-small:first-child>tr{--tw-shadow:var(--heroui-box-shadow-small);--tw-shadow-colored:var(--heroui-box-shadow-small);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-100[data-hover=true]:not([data-active=true]){--tw-bg-opacity:1;background-color:#f4f4f5;background-color:hsl(var(--heroui-default-100)/var(--tw-bg-opacity,1))}.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-200[data-hover=true]:not([data-active=true]){--tw-bg-opacity:1;background-color:#e4e4e7;background-color:hsl(var(--heroui-default-200)/var(--tw-bg-opacity,1))}.\[\&_\.chevron-icon\]\:flex-none .chevron-icon{flex:none}.\[\&_\.chevron-icon\]\:rotate-180 .chevron-icon{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_\.chevron-icon\]\:transition-transform .chevron-icon{transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.toast-container{flex-direction:column;gap:10px;position:fixed;right:20px;top:20px}.toast,.toast-container{display:flex;z-index:10000}.toast{align-items:center;animation:slideIn .3s ease;background:var(--bg-secondary);border-left:4px solid;border-radius:12px;box-shadow:0 8px 24px #00000026;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:relative;right:auto;top:auto}.toast-success{border-left-color:var(--whatsapp-green)}.toast-error{border-left-color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px}.toast-success .toast-icon{color:var(--whatsapp-green)}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-message{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4}@media (max-width:768px){.toast{left:10px;min-width:auto;right:10px;top:10px}}.notification-bell-container{position:relative}.notification-bell-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s;width:36px}.notification-bell-btn:hover{background:var(--bg-secondary);color:#3b82f6}.notification-badge{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.notification-dropdown{animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:480px;overflow:hidden;position:fixed;width:360px;z-index:99999}.notification-dropdown .notification-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.notification-dropdown .notification-header h4{color:#111827;font-size:15px;font-weight:600;margin:0}.mark-all-read{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;transition:background .2s}.mark-all-read:hover{background:#3b82f61a}.notification-list{max-height:400px;overflow-y:auto}.no-notifications{align-items:center;background:#fff;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.no-notifications svg{margin-bottom:12px;opacity:.5}.no-notifications p{font-size:14px;margin:0}.notification-item{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:12px;padding:14px 16px;position:relative;transition:background .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#f0f9ff}.notification-item.unread:hover{background:#e0f2fe}.notification-avatar{flex-shrink:0}.notification-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.notification-avatar .avatar-placeholder{background:#3b82f6;color:#fff;font-size:14px;font-weight:600;height:40px;width:40px}.notif-type-icon,.notification-avatar .avatar-placeholder{align-items:center;border-radius:50%;display:flex;justify-content:center}.notif-type-icon{background:#fff;border:2px solid #fff;bottom:-2px;font-size:10px;height:18px;position:absolute;right:-2px;width:18px}.notif-type-icon.submitted{background:#f59e0b;color:#fff}.notif-type-icon.approved{background:#10b981;color:#fff}.notif-type-icon.rejected{background:#ef4444;color:#fff}.notification-content{min-width:0}.notification-message{color:#111827;margin:0 0 4px}.notification-time{color:#6b7280;font-size:12px}.unread-dot{background:#3b82f6;flex-shrink:0;margin-top:6px}@media (max-width:480px){.notification-dropdown{right:-100px;width:calc(100vw - 32px)}}.skeleton{animation:skeleton-loading 1.8s ease-in-out infinite;background:linear-gradient(90deg,#e8e8e8,#f5f5f5 50%,#e8e8e8);background:linear-gradient(90deg,var(--skeleton-base,#e0e0e0) 0,var(--skeleton-shine,#f0f0f0) 50%,var(--skeleton-base,#e0e0e0) 100%);border-radius:4px;overflow:hidden;position:relative}.skeleton:after{animation:skeleton-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);background-size:200% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}:root{--skeleton-base:#e8e8e8;--skeleton-shine:#f5f5f5}[data-theme=dark]{--skeleton-base:#2a2a2a;--skeleton-shine:#3a3a3a}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000)}.skeleton-container{display:flex;flex-direction:column;gap:12px;padding:16px}.skeleton-conversation-item{align-items:center;animation:skeleton-fade-in .3s ease-out forwards;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;opacity:0;padding:16px}.skeleton-conversation-item:first-child{animation-delay:.05s}.skeleton-conversation-item:nth-child(2){animation-delay:.1s}.skeleton-conversation-item:nth-child(3){animation-delay:.15s}.skeleton-conversation-item:nth-child(4){animation-delay:.2s}.skeleton-conversation-item:nth-child(5){animation-delay:.25s}.skeleton-conversation-item:nth-child(6){animation-delay:.3s}.skeleton-conversation-item:nth-child(7){animation-delay:.35s}.skeleton-conversation-item:nth-child(8){animation-delay:.4s}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton-conversation-content{flex:1 1}.skeleton-conversation-header{align-items:center;display:flex;justify-content:space-between}.skeleton-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:24px}.skeleton-stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:16px;padding:24px}.skeleton-messages{display:flex;flex-direction:column;gap:16px;padding:24px}.skeleton-message{display:flex}.skeleton-message.sent{justify-content:flex-end}.skeleton-message.received{justify-content:flex-start}.skeleton-user-list{display:flex;flex-direction:column;gap:16px;padding:24px}.skeleton-user-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:20px}.skeleton-user-content{flex:1 1}.skeleton-kb-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:24px}.skeleton-kb-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.skeleton-recent-section{margin-top:24px;padding:24px}.skeleton-message-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:12px 16px}.skeleton-table{display:flex;flex-direction:column;gap:12px;padding:24px}.skeleton-table-row{grid-gap:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:16px}.skeleton-table-cell{align-items:center;display:flex}@media (max-width:768px){.skeleton-kb-grid,.skeleton-stats-grid{grid-template-columns:1fr}.skeleton-conversation-item{padding:12px}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.setup-banner{align-items:center;animation:slideDown .3s ease;border-radius:10px;display:flex;gap:12px;justify-content:space-between;margin:8px 12px;padding:12px 16px}.setup-banner.warning{background:#f59e0b1a;border:1px solid #f59e0b4d}.setup-banner-content{align-items:center;display:flex;flex:1 1;gap:12px}.setup-banner-icon{color:#f59e0b;flex-shrink:0;font-size:20px}.setup-banner-text{display:flex;flex-direction:column;gap:2px}.setup-banner-text strong{color:var(--text-primary);font-size:13px;font-weight:600}.setup-banner-text span{color:var(--text-secondary);font-size:12px}.setup-banner-btn{align-items:center;background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.setup-banner-btn:hover{background:#d97706}.conversation-item.virtual-staff{border-left:3px solid #3b82f6;opacity:.85}.conversation-item.virtual-staff .conversation-preview{color:var(--text-tertiary);font-style:italic}.load-more-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:16px;padding:12px 24px;transition:all .2s ease;width:calc(100% - 32px)}.load-more-btn:hover{background:#2563eb;transform:scale(1.02)}.load-more-btn:active{transform:translateY(0)}.staff-filter-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:8px 16px}.staff-filter-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s ease}.staff-filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.staff-filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.unknown-badge{background:#fef3c7;color:#92400e}.staff-badge,.unknown-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.staff-badge{background:#d1fae5;color:#065f46}.conversation-list{display:flex;flex-direction:column;height:100%;min-width:280px;overflow-x:hidden;overflow-y:visible}.conversation-list.fade-in{animation:conversationListFadeIn .4s ease-out}@keyframes conversationListFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.new-chat-button{align-items:center;background:#3b82f6;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.new-chat-button:hover{background:#2563eb;transform:scale(1.02)}.conversation-list-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;overflow:visible;padding:18px 22px;position:relative;z-index:10}.conversation-list-header h2{-webkit-text-fill-color:unset;background:none;color:#111827;font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.conversation-list-header .header-actions{align-items:center;display:flex;gap:8px}.split-screen-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.split-screen-toggle:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.split-screen-toggle.active{background:#dbeafe;border-color:#3b82f6;color:#3b82f6}.conversation-item.selected{background:#eff6ff!important;border-left:3px solid #3b82f6}.conversation-item.selected .conversation-name{color:#1e40af}.new-chat-header-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex!important;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;height:36px;justify-content:center;overflow:visible;padding:0 14px;position:relative;transition:all .2s ease;white-space:nowrap;z-index:20}.new-chat-header-btn svg{height:16px;width:16px}.new-chat-header-btn:before{display:none}.new-chat-header-btn:hover{background:#2563eb;transform:scale(1.02)}.new-chat-header-btn svg{font-size:18px}.conversation-actions{gap:8px}.mobile-header-actions{display:none;position:relative}.mobile-menu-button{background:none;color:var(--text-secondary)}.mobile-menu-button:hover{background:var(--whatsapp-light-gray)}.mobile-menu-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-medium);min-width:120px;opacity:0;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-1px);transition:all .2s ease;visibility:hidden;z-index:1000}.mobile-menu-dropdown.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-dropdown button{align-items:center;background:none;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.mobile-menu-dropdown button:hover{background:#fef2f2}.conversation-search{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:16px 20px}.search-input-container{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{transition:color .3s ease;z-index:1}.search-input{background:#f3f4f6;border:0;border-radius:6px;color:#111827;font-weight:500;padding:12px 16px 12px 48px}.search-input::placeholder{color:#9ca3af;font-weight:400}.search-input:focus{background:#fff;border:2px solid #3b82f6}.search-input:focus~.search-icon{color:#3b82f6}.conversations{background:var(--bg-secondary);flex:1 1;overflow-x:hidden;overflow-y:auto}.conversation-item{align-items:center;animation:conversationItemFadeIn .4s ease-out backwards;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;min-height:76px;overflow:visible;padding:14px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.conversation-item:first-child{animation-delay:.05s}.conversation-item:nth-child(2){animation-delay:.1s}.conversation-item:nth-child(3){animation-delay:.15s}.conversation-item:nth-child(4){animation-delay:.2s}.conversation-item:nth-child(5){animation-delay:.25s}.conversation-item:nth-child(6){animation-delay:.3s}.conversation-item:nth-child(7){animation-delay:.35s}.conversation-item:nth-child(8){animation-delay:.4s}.conversation-item:nth-child(9){animation-delay:.45s}.conversation-item:nth-child(10){animation-delay:.5s}@keyframes conversationItemFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.conversation-item:before{display:none}.conversation-item:hover{background-color:#f3f4f6}.conversation-item.unread{background:#eff6ff;border-left:3px solid #3b82f6}.conversation-avatar{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;margin-right:14px;overflow:hidden;position:relative;transition:all .2s ease;width:48px}.conversation-item:hover .conversation-avatar{transform:scale(1.05)}.conversation-avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.conversation-content{justify-content:center;max-width:100%;min-width:0;overflow:hidden}.conversation-item .conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.delete-conversation-btn{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:12px;opacity:.7;padding:6px;pointer-events:all;position:relative;transition:all .2s ease;z-index:100}.delete-conversation-btn:hover{background:#dc35451a;opacity:1}.conversation-item:hover .delete-conversation-btn{opacity:1}.conversation-name{color:var(--text-primary);font-size:15.5px;font-weight:700;letter-spacing:-.01em;margin:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.conversation-item:hover .conversation-name{color:#3b82f6}.participant-avatars{align-items:center;display:flex;margin-right:8px}.participant-avatar{align-items:center;background:#3b82f6;border:2px solid #fff;box-shadow:0 2px 4px #25d36633;color:#fff;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;margin-left:-8px;width:24px}.participant-avatar:first-child{margin-left:0}.participant-avatar:hover{box-shadow:0 4px 8px #25d3664d;transform:scale(1.2) translateY(-2px);z-index:10}.participant-avatar.more{background:var(--bg-tertiary);color:var(--text-primary);font-size:9px}.conversation-time{color:var(--text-tertiary);font-size:12px;font-weight:500;margin-left:8px;transition:color .2s ease;white-space:nowrap}.conversation-item:hover .conversation-time{color:#3b82f6}.conversation-preview{align-items:center;display:flex;flex-direction:row;gap:8px;margin-top:4px}.preview-text{color:var(--text-secondary);flex:1 1;font-size:13px;font-weight:400;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.conversation-item:hover .preview-text{color:var(--text-primary)}.last-message{color:var(--text-secondary);flex:1 1;font-size:13px;font-weight:400;line-height:1.5;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.conversation-item:hover .last-message{color:var(--text-primary)}.unread-badge{align-items:center;background:#3b82f6;border:2px solid #fff;border-radius:12px;box-shadow:0 3px 8px #25d36659;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-left:8px;min-width:22px;padding:0 6px;transition:all .3s ease}.conversation-item:hover .unread-badge{transform:scale(1.1)}.actioned-indicator{align-items:center;background:#10b981;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;margin-left:8px;transition:all .2s ease;width:20px}.actioned-indicator:hover{background:#ef4444;transform:scale(1.1)}.conversation-item.actioned{opacity:1}.empty-state,.loading-state{padding:48px 24px}.empty-icon,.message-type-icon{color:var(--text-secondary)}.message-type-icon{font-size:12px;margin-right:4px}@media (max-width:768px){.conversation-list{background:#fff;border-radius:0;height:100vh;margin:0}.conversation-item,.conversation-item.unread,.conversation-item:active,.conversation-item:focus,.conversation-item:hover{background-color:#fff!important;background:#fff!important}.mobile-header-actions{display:block}.new-chat-button{display:none}.mobile-new-chat-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #25d36666;color:#fff;cursor:pointer;display:block;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:56px;z-index:10001}.mobile-new-chat-btn:hover{background:#2563eb;transform:scale(1.05)}.mobile-new-chat-btn svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.mobile-new-chat-btn.active{background:#ef4444}.mobile-new-chat-btn.active svg{transform:rotate(45deg)}.conversation-list-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.conversation-list-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.new-chat-header-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;box-shadow:0 2px 4px #25d36633;color:#fff;cursor:pointer;display:flex!important;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.new-chat-header-btn:hover{background:#2563eb;transform:scale(1.02)}.new-chat-header-btn svg{font-size:18px}.conversation-search{background:var(--bg-primary)!important;margin:0;padding:8px 16px}.conversation-item{max-height:64px;min-height:64px;padding:8px 12px;transition:none!important}.conversation-item,.conversation-item:active,.conversation-item:hover{background-color:#fff!important;background:#fff!important;transform:none!important}.conversation-item.unread{border-left:3px solid #3b82f6}.conversation-item.unread,.conversation-item.unread:hover{background-color:#fff!important;background:#fff!important}.conversation-avatar{flex-shrink:0;font-size:16px;height:44px!important;margin-right:10px;min-height:44px;min-width:44px;width:44px!important}.conversation-name{font-size:15px!important;line-height:1.3;margin-bottom:2px}.conversation-preview{font-size:13px!important;line-height:1.3}.conversation-time{font-size:11px!important}.conversation-content{flex:1 1;max-height:48px;min-width:0;overflow:hidden}.conversation-content,.conversation-header{background:#0000!important;background-color:initial!important}.conversation-header{margin-bottom:2px;transform:none!important}.conversation-name,.conversation-preview{background:#0000!important;background-color:initial!important}.conversation-preview{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item .conversation-header{background:#0000!important;background-color:initial!important}.conversations{height:calc(100vh - 140px);overflow-y:auto}.conversation-list,.conversations{background:var(--bg-primary)!important}}.unread-checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:8px;height:40px;margin:0;padding:0;-webkit-user-select:none;user-select:none}.unread-checkbox{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.checkbox-label{white-space:nowrap}.filter-toggle-btn{background:var(--bg-tertiary);box-shadow:0 2px 4px #0000000a;color:var(--text-secondary);font-size:18px;height:40px;justify-content:center;min-width:40px;padding:10px 12px;position:relative}.filter-toggle-btn:hover{transform:scale(1.02)}.filter-count{background:#ef4444;border:2px solid var(--bg-secondary);border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}.conversation-filters{animation:slideDown .2s ease;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 20px}.filter-bar{background:#f9fafb;padding:8px 12px 4px}.filter-bar,.filter-bar-left{display:flex;flex-wrap:wrap;gap:6px}.filter-bar-actions{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:6px;padding:4px 12px 8px}.filter-bar-actions .search-input-container{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;flex:1 1;position:relative}.filter-bar-actions .search-input{background:#0000;border:none;color:#374151;font-size:13px;outline:none;padding:6px 10px 6px 30px;width:100%}.filter-bar-actions .search-input::placeholder{color:#9ca3af}.filter-bar-actions .search-icon{color:#9ca3af;font-size:14px;left:10px;pointer-events:none;position:absolute}.filter-bar-buttons{display:flex;flex-shrink:1;gap:6px;min-width:0}.action-all-btn,.new-chat-filter-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:1;font-size:12px;font-weight:600;gap:4px;min-width:0;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.new-chat-filter-btn{background:#3b82f6;color:#fff}.new-chat-filter-btn:hover{background:#2563eb}.action-all-btn{background:#10b981;color:#fff}.action-all-btn:hover{background:#059669}.action-all-btn svg,.new-chat-filter-btn svg{height:14px;width:14px}.selected-filters-bar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:6px;padding:6px 16px}.filter-chip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#1e40af;font-size:12px;font-weight:400;gap:4px;padding:3px 8px}.filter-chip .chip-remove{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:0}.filter-chip .chip-remove:hover{color:#ef4444}.filter-group{display:inline-block;position:relative}.filter-icon{color:#6b7280;flex-shrink:0;font-size:14px}.filter-select{background:none;flex:1 1;min-width:0}.filter-select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px}.searchable-select{display:flex;margin:0;padding:0;position:relative}.filter-dropdown-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:6px 10px;transition:all .2s ease;white-space:nowrap;width:auto}.filter-dropdown-btn:hover{background:#fff;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;z-index:1}.filter-dropdown-btn.has-selection{background:#eff6ff;border-color:#3b82f6;color:#1e40af;z-index:1}.filter-dropdown-btn .filter-icon{color:#6b7280;font-size:13px;transition:color .2s ease}.filter-dropdown-btn .chevron-icon{color:#9ca3af;font-size:11px;margin-left:2px;transition:transform .2s ease,color .2s ease}.dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.dropdown-menu{animation:dropdownFadeIn .15s ease;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;left:0;max-height:320px;min-width:260px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:1000}.dropdown-search{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px;position:relative}.dropdown-search .search-icon{color:#9ca3af;font-size:14px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.dropdown-search-input{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:13px;outline:none;padding:6px 12px 6px 36px;width:100%}.dropdown-search-input::placeholder{color:#9ca3af}.dropdown-search-input:focus{border-color:#3b82f6;outline:none}.dropdown-menu-content{max-height:280px;overflow-y:auto;padding:4px 0}.dropdown-item{padding:8px 12px;transition:all .1s ease}.dropdown-item:hover:not(.disabled){background:#f3f4f6}.dropdown-item.disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.checkbox-item{gap:12px;width:100%}.checkbox-item input[type=checkbox]{border-radius:3px}.checkbox-item span{font-size:13px;font-weight:400}.dropdown-footer{align-items:center;background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 12px}.dropdown-footer-text{color:#6b7280;font-size:12px;font-weight:400}.dropdown-footer-actions{display:flex;gap:6px}.dropdown-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .15s ease}.dropdown-btn-clear{background:#0000;color:#6b7280}.dropdown-btn-clear:hover{background:#f3f4f6;color:#374151}.dropdown-btn-apply{background:#3b82f6;color:#fff}.dropdown-btn-apply:hover{background:#2563eb}.clear-filters-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;gap:6px;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.clear-filters-btn:hover{background:#dc2626}.selected-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-chip{box-shadow:0 2px 4px #0000000f;font-size:13px;font-weight:600;padding:7px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.filter-chip:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-1px)}.filter-chip.tag-chip{background:#eff6ff;border:2px solid #bfdbfe;color:#3b82f6}.filter-chip.agent-chip{background:linear-gradient(135deg,#3b82f626,#3b82f614);border:2px solid #3b82f666;color:#3b82f6}.chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:2px;transition:all .2s ease}.chip-remove:hover{background:#0000001a}.clear-all-filters-btn{background:none;border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.clear-all-filters-btn:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.filter-label{align-items:center;color:#6b7280;color:var(--text-primary);display:flex;font-size:13px;gap:6px;letter-spacing:.3px;margin-bottom:6px;white-space:nowrap}.checkbox-item{display:flex!important;gap:10px;padding:10px 12px!important}.checkbox-item input[type=checkbox]{accent-color:#3b82f6;flex-shrink:0;height:16px;width:16px}.checkbox-item span{color:var(--text-primary)}.checkbox-item:hover{background:var(--bg-tertiary)}#agent-dropdown{display:none;position:relative}#agent-dropdown.show{display:block}#agent-dropdown .dropdown-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-medium);left:0;max-height:300px;overflow-y:auto;position:absolute;top:0;width:100%;z-index:10000}.quick-actions-container{position:relative}.quick-actions-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;opacity:0;padding:6px;transition:all .2s ease}.conversation-item:hover .quick-actions-btn{opacity:1}.quick-actions-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.quick-actions-menu{animation:slideDown .15s ease;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-heavy);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.quick-action-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.quick-action-item:last-child{border-bottom:none}.quick-action-item:hover{background:var(--bg-tertiary);padding-left:18px}.quick-action-item svg{flex-shrink:0;font-size:15px}.quick-action-item.danger{color:#ef4444}.quick-action-item.danger:hover{background:#fef2f2;color:#dc2626}.tag-editor-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.tag-editor-modal{animation:slideUp .2s ease;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-heavy);max-width:500px;width:90%}.tag-editor-header{align-items:center;border-bottom:1.5px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.tag-editor-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.tag-editor-header .close-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:6px;transition:all .2s ease}.tag-editor-header .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tag-editor-body{padding:20px}.tag-editor-body label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.tag-editor-body input{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.tag-editor-body input:focus{border-color:#3b82f6;outline:none}.tag-editor-body select.agent-select{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.tag-editor-body select.agent-select:focus{background:var(--bg-secondary);border-color:#3b82f6;outline:none}.tag-hint{color:var(--text-secondary);font-size:12px;margin-top:8px}.tag-editor-actions{border-top:1.5px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.tag-editor-actions .cancel-btn{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.tag-editor-actions .cancel-btn:hover{background:var(--border-color)}.tag-editor-actions .save-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.tag-editor-actions .save-btn:hover{background:#2563eb;transform:scale(1.02)}.conversation-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.conversation-tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.conversation-tag{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px;box-shadow:0 1px 2px #1d4ed81a;color:#1d4ed8;display:flex;font-size:10px;font-weight:600;gap:2px;padding:3px 7px;transition:all .2s ease}.conversation-item:hover .conversation-tag{box-shadow:0 2px 4px #1d4ed826;transform:scale(1.05)}.tag-icon{font-size:8px}.more-tags{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:10px;font-weight:500;padding:2px 6px}.conversation-agent{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:12px;box-shadow:0 1px 2px #1665341a;color:#166534;display:flex;font-size:10px;font-weight:600;gap:3px;padding:3px 7px;transition:all .2s ease}.conversation-item:hover .conversation-agent{box-shadow:0 2px 4px #16653426;transform:scale(1.05)}.agent-icon{font-size:8px}.agent-name{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.conversation-search{padding:12px 16px}.filter-row{align-items:stretch;flex-direction:column;gap:8px}.filter-group{min-width:auto;width:100%}.clear-filters-btn{width:100%}.quick-actions-btn{opacity:1}.quick-actions-menu{min-width:160px;right:-8px}.tag-editor-modal{max-width:95vw;width:95%}.conversation-meta{gap:6px;margin-top:6px}.conversation-agent,.conversation-tag{font-size:9px;padding:1px 4px}.agent-icon,.tag-icon{font-size:7px}}.app-notification{align-items:center;animation:slideDown .3s ease-out;box-shadow:0 2px 8px #0000001a;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:space-between;left:0;margin-bottom:0;padding:14px 20px;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1000}.app-notification.error{background:linear-gradient(135deg,#f44,#c00);color:#fff}.app-notification.warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.app-notification.success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.notification-content{align-items:center;display:flex;flex:1 1;gap:10px}.notification-icon{font-size:18px}.notification-close{color:#fff;justify-content:center;opacity:.8}.notification-close:hover{background:#fff3;opacity:1}@media (max-width:768px){.app-notification{font-size:13px;padding:12px 16px}.notification-close,.notification-icon{font-size:16px}}.conversation-context-menu{animation:contextMenuFadeIn .15s ease-out;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:calc(100vh - 20px);max-width:280px;min-width:240px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#3b82f6 var(--bg-secondary);scrollbar-width:thin;z-index:10000}.conversation-context-menu::-webkit-scrollbar{width:6px}.conversation-context-menu::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:0 12px 12px 0}.conversation-context-menu::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.conversation-context-menu::-webkit-scrollbar-thumb:hover{background:#2563eb}.context-menu-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:10px 10px 0 0;color:var(--text-primary);font-size:14px;font-weight:600;padding:12px 16px}.context-menu-header span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-item{border-radius:0;padding:12px 16px}.context-menu-item:hover{color:#3b82f6}.context-menu-item span{flex:1 1}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:#ef44441a;color:#dc2626}[data-theme=dark] .conversation-context-menu{background:var(--bg-secondary);box-shadow:0 8px 24px #0006}@media (max-width:768px){.conversation-context-menu{left:5vw!important;max-width:90vw}}.archive-toggle-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #00000014;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;gap:6px;padding:10px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.archive-toggle-btn:hover{background:#f3f4f6;border-color:#3b82f6;transform:scale(1.02)}.archive-toggle-btn.active{background:#3b82f6;border-color:#0000;color:#fff}.archive-toggle-btn .badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:700;line-height:1.2;min-width:20px;padding:2px 7px;text-align:center}.archived-count-badge{background:#667eea26;border-radius:12px;color:#667eea;cursor:help;font-size:13px;font-weight:600;margin-left:8px;padding:4px 10px}.conversation-count{background:#3b82f6;border-radius:16px;color:#fff;font-size:14px;font-weight:600;margin-left:12px;padding:4px 12px}.title-icon{font-size:28px;margin-right:8px}.conversation-list.narrow .filter-bar-actions .action-all-btn,.conversation-list.narrow .filter-bar-actions .new-chat-filter-btn{display:none!important}.delete-confirm-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-modal{animation:scaleIn .2s ease;background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;left:50%;max-width:400px;padding:24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.delete-confirm-icon{align-items:center;background:#fee2e2;border-radius:50%;color:#dc2626;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.delete-confirm-modal h3{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:18px;font-weight:600;margin:0 0 12px}.delete-confirm-modal p{color:#666;color:var(--text-secondary,#666);font-size:14px;line-height:1.5;margin:0 0 8px}.delete-confirm-warning{color:#dc2626!important;font-size:13px!important;font-weight:500}.delete-confirm-actions{display:flex;gap:12px;margin-top:20px}.delete-confirm-cancel{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.delete-confirm-cancel:hover{background:#fff;background:var(--bg-primary,#fff);border-color:#666;border-color:var(--text-secondary,#666)}.delete-confirm-delete{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.delete-confirm-delete:hover{background:#b91c1c}.image-viewer-overlay{animation:fadeIn .2s ease;background:#000000f2;bottom:0;cursor:zoom-out;flex-direction:column;justify-content:center;z-index:10000}.image-viewer-controls,.image-viewer-overlay{align-items:center;display:flex;left:0;position:fixed;right:0;top:0}.image-viewer-controls{background:linear-gradient(180deg,#000c,#0000);gap:12px;padding:16px 24px;z-index:10001}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.control-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.control-btn svg{font-size:18px}.zoom-level{color:#fff;font-size:14px;font-weight:600;opacity:.8;padding:0 8px}.download-btn{background:var(--whatsapp-green);border-color:var(--whatsapp-green);margin-left:auto}.download-btn:hover{background:var(--whatsapp-green-dark);border-color:var(--whatsapp-green-dark)}.close-btn{background:#ef444433;border-color:#ef444466}.close-btn:hover{background:#ef444466;border-color:#ef444499}.close-btn svg{animation:none!important;transform:none!important}.image-viewer-content{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:center;max-height:90vh;max-width:90vw;padding:60px 20px 20px}.viewer-image{border-radius:12px;box-shadow:0 20px 60px #00000080;cursor:zoom-in;max-height:calc(90vh - 100px);transition:transform .3s ease}.image-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;line-height:1.5;margin-top:20px;max-width:600px;padding:16px 24px;text-align:center}@media (max-width:768px){.image-viewer-controls{gap:8px;padding:12px 16px}.control-btn{font-size:14px;padding:8px 12px}.control-btn svg{font-size:16px}.download-btn .btn-text{display:none}.zoom-level{font-size:12px}.image-viewer-content{padding:50px 10px 10px}.viewer-image{border-radius:8px;max-height:calc(90vh - 80px)}.image-caption{font-size:14px;max-width:90%;padding:12px 16px}}[data-theme=dark] .control-btn{background:#ffffff26;border-color:#ffffff40}[data-theme=dark] .control-btn:hover{background:#ffffff40;border-color:#ffffff59}.message-bubble{animation:fadeInUp .2s ease-out;border:none!important;clear:both;display:flex;flex-direction:column;margin-bottom:12px;outline:none!important}.message-bubble.customer{align-items:flex-start}.message-bubble.business{align-items:flex-end}.message-content{border:none!important;display:flex;flex-direction:column;max-width:85%;min-width:0;outline:none!important;text-decoration:none!important;width:-webkit-fit-content;width:fit-content}.message-author-container{align-items:center;display:flex;gap:6px;margin-bottom:6px;padding:0}.message-author{font-size:12.5px;font-weight:600;line-height:1.2}.message-text .message-body{word-wrap:break-word;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;line-height:inherit;overflow-wrap:break-word;padding:0!important}.train-ai-btn{background:none;border:none;color:#10b981;cursor:pointer;font-size:14px;opacity:.7;padding:2px 6px;transition:opacity .2s}.train-ai-btn:hover{opacity:1}.message-text{word-wrap:break-word;border:none!important;border-radius:8px;color:#111b21;font-size:14.5px;line-height:1.6;max-width:100%;min-height:28px;overflow-wrap:break-word;text-decoration:none!important;white-space:pre-wrap;width:-webkit-fit-content;width:fit-content}.message-bubble.customer .message-text{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px .5px #00000021}.message-bubble.business .message-text{background:#d9fdd3;border-bottom-right-radius:4px;box-shadow:0 1px .5px #00000021}.message-meta{align-items:center;align-self:flex-end;color:#667781;display:flex;font-size:11px;gap:4px;justify-content:flex-end;margin-top:3px;padding:0}.message-time{color:#667781}.message-status{align-items:center;color:#667781;display:flex;font-size:14px}.message-status.read{color:#53bdeb}.message-link{color:#027eb5;cursor:pointer;text-decoration:underline;transition:color .2s}.message-link:hover{color:#025f8c}.message-media{background:#0000;border-radius:8px;max-width:100%;overflow:hidden}.message-image{border-radius:8px;cursor:pointer;display:block;height:auto;max-height:400px;max-width:320px;object-fit:cover;width:100%}.message-caption{word-wrap:break-word;background:#0000;color:#111b21;font-size:14px;margin-top:8px;padding:8px 12px;white-space:pre-wrap}.image-load-error,.image-loading{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:40px 20px}.image-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:12px;width:32px}.image-load-error span,.image-loading span{color:#6b7280;font-size:13px}.image-load-error .error-icon{color:#9ca3af;font-size:32px;margin-bottom:8px}.message-document-wrapper{display:flex;flex-direction:column}.message-document-wrapper .message-caption{word-wrap:break-word;color:#111b21;font-size:14px;margin-top:8px;padding:0;white-space:pre-wrap}.message-document{align-items:center;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;gap:12px;max-width:400px;min-width:280px;padding:12px 16px;transition:all .2s ease}.message-audio,.message-document{background:#fff;border-radius:8px}.message-audio{box-shadow:0 1px .5px #00000021;max-width:320px;min-width:260px;padding:8px 12px}.audio-player-custom{align-items:center;display:flex;gap:10px}.audio-play-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.audio-play-btn:hover{background:#0f7a6c;transform:scale(1.05)}.audio-play-btn:active{transform:scale(.95)}.audio-waveform{background:#e5e7eb;border-radius:14px;cursor:pointer;flex:1 1;height:28px;overflow:hidden;position:relative}.audio-progress{background:#3b82f6;border-radius:14px;height:100%;transition:width .1s linear}.audio-duration{color:#667781;font-size:12px;font-weight:500;min-width:40px;text-align:right}.message-audio .message-caption{color:#111b21;font-size:14px;line-height:1.4;margin-top:8px}.message-video{background:#fff;border-radius:8px;box-shadow:0 1px .5px #00000021;max-width:320px;overflow:hidden;padding:4px}.message-video-player{background:#000;border-radius:6px;display:block;max-height:400px;max-width:320px;width:100%}.message-video-player:focus{outline:none}.video-load-error{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:40px 20px}.video-load-error .error-icon{color:#9ca3af;font-size:32px}.video-loading{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.message-video .message-caption{color:#111b21;font-size:14px;line-height:1.4;margin-top:8px;padding:0 8px 8px}.message-document:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.document-icon{color:#3b82f6;font-size:36px}.document-info{flex:1 1;min-width:0;overflow:hidden}.document-name{color:#111b21;display:block;max-width:100%}.document-size{color:#6b7280;font-size:12px}.document-actions{align-items:center;display:flex;gap:6px}.document-download,.document-view{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px;transition:all .2s ease}.document-download:hover,.document-view:hover{background:#2563eb}.reaction-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.reaction-menu{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;gap:4px;padding:8px;position:fixed;z-index:1001}.reaction-option{background:none;border:none;border-radius:8px;cursor:pointer;font-size:24px;padding:8px;transition:background .2s}.reaction-option:hover{background:#f3f4f6}.training-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.training-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;max-width:500px;width:90%}.training-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.training-modal-header h3{color:#111b21;font-size:18px;font-weight:600;margin:0}.close-training-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.close-training-btn:hover{background:#f3f4f6}.training-modal-body{padding:24px}.original-message{background:#f3f4f6;border-radius:8px;color:#374151;font-size:14px;margin-bottom:16px;padding:12px}.training-modal-body label{color:#111b21;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.training-modal-body textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.training-modal-body textarea:focus{border-color:#3b82f6;outline:none}.training-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-training-btn,.submit-training-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-training-btn{background:#f3f4f6;color:#374151}.cancel-training-btn:hover{background:#e5e7eb}.submit-training-btn{background:#3b82f6;color:#fff}.submit-training-btn:hover{background:#2563eb}.submit-training-btn:disabled{background:#d1d5db;cursor:not-allowed}@media (max-width:768px){.message-content{max-width:85%}.message-text{font-size:14px;min-width:100px;padding:12px 16px!important}.message-image{max-height:320px;max-width:240px}.message-document{min-width:220px}}@media (min-width:769px) and (max-width:1024px){.message-content{max-width:75%}}@media (min-width:1025px){.message-content{max-width:65%}}[data-theme=dark] .message-text{color:#e9edef}[data-theme=dark] .message-bubble.customer .message-text{background:#202c33}[data-theme=dark] .message-bubble.business .message-text{background:#005c4b}[data-theme=dark] .message-meta,[data-theme=dark] .message-time{color:#8696a0}[data-theme=dark] .message-document{background:#202c33;border-color:#374151}[data-theme=dark] .message-document:hover{background:#2a3942}[data-theme=dark] .training-modal{background:#202c33;color:#e9edef}[data-theme=dark] .training-modal-header{border-bottom-color:#374151}[data-theme=dark] .original-message{background:#2a3942;color:#e9edef}[data-theme=dark] .training-modal-body textarea{background:#2a3942;border-color:#374151;color:#e9edef}[data-theme=dark] .cancel-training-btn{background:#374151;color:#e9edef}.message-bubble :not(a):not(.message-link){border-bottom:none!important;text-decoration:none!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important;-webkit-text-decoration:none!important;-moz-text-decoration:none!important}.message-text a,a.message-link{text-decoration:underline!important}.message-bubble .message-content,.message-bubble .message-text,.message-bubble .message-text *{border-bottom:0!important;text-decoration:none!important;-webkit-text-decoration-color:#0000!important;text-decoration-color:#0000!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.message-text{box-sizing:border-box!important;display:inline-block!important;margin:0!important;padding:16px 20px!important}.message-input-container{background:#f0f2f5;border-top:none;box-shadow:none;box-sizing:border-box;padding-bottom:8px;position:relative;width:100%;z-index:10}[data-theme=dark] .message-input-container{background:#202c33}.drag-overlay{align-items:center;background:#25d366e6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.drag-content{color:#fff;text-align:center}.drag-icon{display:block;font-size:48px;margin-bottom:16px}.drag-content p{font-size:18px;font-weight:500}.quick-replies{background:var(--bg-secondary)}.quick-replies,.quick-replies-header{border-bottom:1px solid var(--border-color)}.quick-replies-header{align-items:center;color:var(--text-primary);display:flex;font-weight:500;justify-content:space-between;padding:12px 16px}.quick-replies-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px}.quick-replies-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.loading-message,.no-replies-message{color:var(--text-secondary);font-size:14px;font-style:italic;padding:16px;text-align:center}.quick-reply-btn{background:var(--whatsapp-light-gray);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.quick-reply-btn:hover{background:var(--whatsapp-light-green);border-color:var(--whatsapp-green)}.message-input{background:#f0f2f5;box-sizing:border-box;display:flex;gap:4px;padding:10px 16px;width:100%}[data-theme=dark] .message-input{background:#202c33}.input-actions{display:flex;flex-shrink:0;gap:2px}.action-btn{background:#0000;border-radius:50%!important;box-shadow:none;color:#54656f;flex-shrink:0;height:28px;min-height:28px;min-width:28px;overflow:visible!important;padding:0;width:28px}.action-btn svg{display:block;height:20px;width:20px}.action-btn:hover{background:#0000000d;box-shadow:none;color:#3b82f6;transform:none}[data-theme=dark] .action-btn:hover{background:#ffffff0d;color:#00a884}.emoji-menu{position:relative}.emoji-picker{animation:slideUpFade .2s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;bottom:50px;box-shadow:0 4px 12px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;width:320px;z-index:1000}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);padding:12px}.emoji-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.emoji-btn:hover{background:var(--bg-secondary);transform:scale(1.2)}.attach-menu{position:relative}.attach-dropdown{animation:slideUp .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;bottom:100%;box-shadow:var(--shadow-heavy);left:0;margin-bottom:8px;min-width:140px;padding:8px;position:absolute}.attach-option{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px;transition:background-color .2s ease}.attach-option:hover{background-color:var(--bg-tertiary)}.attach-option:hover .attach-icon{color:#3b82f6}.attach-icon{color:var(--text-secondary);font-size:18px}.message-textarea{align-self:center;border:none;border-bottom:none!important;border-radius:8px;box-sizing:border-box;color:#111b21;flex:1 1;font-family:inherit;font-size:15px;line-height:1.5;max-height:120px;min-height:44px;outline:none;overflow-y:auto;padding:11px 14px!important;resize:none;text-decoration:none!important;transition:all .2s ease;width:100%}.message-textarea,.message-textarea:focus{background:#fff;box-shadow:none}[data-theme=dark] .message-textarea{background:#2a3942;color:#e9edef}[data-theme=dark] .message-textarea:focus{background:#2a3942}.send-btn,[data-theme=dark] .message-textarea::placeholder{color:#8696a0}.send-btn{align-items:center;background:#0000;border:none;border-radius:50%!important;box-shadow:none;cursor:not-allowed;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;min-height:28px;min-width:28px;overflow:visible!important;padding:0;transition:all .2s ease;width:28px}.send-btn svg{display:block;height:20px;width:20px}.send-btn.active{background:#0000;box-shadow:none;color:#3b82f6;cursor:pointer;transform:scale(1)}.send-btn.active:hover{background:#0000000d;box-shadow:none;transform:none}.send-btn:disabled{background:#0000;box-shadow:none;color:#8696a0;cursor:not-allowed}[data-theme=dark] .send-btn.active{color:#00a884}[data-theme=dark] .send-btn.active:hover{background:#ffffff0d}@media (max-width:768px){.message-input-container{background:#f0f2f5;border-top:1px solid #e9edef;bottom:0;box-shadow:none;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:100}[data-theme=dark] .message-input-container{background:#202c33;border-top:1px solid #2a3942}.message-input{align-items:flex-end;background:#f0f2f5;gap:6px;padding:8px 12px}[data-theme=dark] .message-input{background:#202c33}.quick-replies{background:var(--bg-secondary);border-bottom:none;border-top:1px solid var(--border-color)}.quick-replies-list{padding:8px 12px}.quick-reply-btn{font-size:13px;padding:6px 12px}.message-textarea{-webkit-appearance:none;appearance:none;border-radius:8px;font-size:16px;max-height:100px;min-height:38px;padding:9px 12px;-webkit-user-select:text;user-select:text}.message-textarea,.message-textarea:focus{background:#fff;border:none;border-bottom:none!important;text-decoration:none!important}.message-textarea:focus{box-shadow:none}[data-theme=dark] .message-textarea{background:#2a3942;color:#e9edef}[data-theme=dark] .message-textarea:focus{background:#2a3942}.send-btn{border-radius:50%!important;flex-shrink:0;font-size:18px;height:28px;min-height:28px;min-width:28px;overflow:visible!important;padding:0;width:28px}.send-btn svg{height:18px;width:18px}.action-btn{border-radius:50%!important;box-shadow:none;flex-shrink:0;font-size:18px;height:28px;min-height:28px;min-width:28px;overflow:visible!important;padding:0;width:28px}.action-btn svg{height:18px;width:18px}.input-actions{align-items:center!important;gap:2px;margin-bottom:0;overflow:visible!important}.attach-dropdown{bottom:120%;box-shadow:0 4px 16px #0003;left:-20px;min-width:120px}.attach-option{font-size:13px;padding:10px 12px}.quick-replies{max-height:200px;overflow-y:auto}}.waiting-for-reply{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;padding:24px 16px;text-align:center}.waiting-message{align-items:center;display:flex;gap:8px;margin-bottom:8px}.waiting-icon{font-size:20px}.waiting-text{color:var(--text-primary);font-size:15px;font-weight:600}.waiting-description{color:var(--text-secondary);font-size:13px;margin:0;max-width:400px}.template-send-section{align-items:center;display:flex;gap:12px;margin-top:16px}.template-select-inline{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;min-width:180px;padding:10px 14px}.send-template-btn-inline{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.send-template-btn-inline:hover:not(:disabled){box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.send-template-btn-inline:disabled{cursor:not-allowed;opacity:.6}.preview-template-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s}.preview-template-btn:hover:not(:disabled){background:var(--bg-tertiary);transform:scale(1.05)}.preview-template-btn:disabled{cursor:not-allowed;opacity:.5}.template-preview-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.template-preview-modal{animation:modalFadeIn .25s ease-out;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;left:50%;max-height:80vh;max-width:90vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:450px;z-index:9999}.template-preview-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.template-preview-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.template-preview-header h3 svg{color:#1a365d}.template-preview-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.template-preview-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.template-preview-content{padding:20px}.template-preview-name{align-items:center;display:flex;gap:10px;margin-bottom:16px}.template-preview-name strong{color:var(--text-primary);font-size:15px}.template-language{background:#dbeafe;border-radius:10px;color:#1e40af;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.template-preview-body{background:#dcf8c6;border-radius:8px;color:#111;font-size:14px;line-height:1.5;margin-bottom:12px;padding:12px 16px;position:relative;white-space:pre-wrap}.template-preview-body:before{border-bottom:8px solid #0000;border-right:8px solid #dcf8c6;border-top:8px solid #0000;content:"";height:0;left:-8px;position:absolute;top:10px;width:0}[data-theme=dark] .template-preview-body{background:#025c4c;color:#e9edef}[data-theme=dark] .template-preview-body:before{border-right-color:#025c4c}.template-preview-category{color:var(--text-secondary);font-size:12px}.template-preview-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.template-preview-cancel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.template-preview-cancel:hover{background:var(--bg-tertiary)}.template-preview-send{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.template-preview-send:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.template-preview-send:disabled{cursor:not-allowed;opacity:.6}.template-input{align-items:center;background:#ff98001a;border-top:2px solid #ff9800;display:flex;gap:16px;justify-content:space-between;padding:16px}[data-theme=dark] .template-input{background:#ff980026;border-top-color:#fb8c00}.template-message{flex:1 1}.template-text{color:#e65100;display:block;font-size:14px;font-weight:600;margin-bottom:4px}[data-theme=dark] .template-text{color:#ffb74d}.template-description{color:#bf360c;font-size:12px;margin:0;opacity:.9}[data-theme=dark] .template-description{color:#ff9800;opacity:.8}.template-selector{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;min-width:150px;padding:8px 12px}.template-selector:focus{border-color:var(--whatsapp-green);outline:none}.template-send-btn{align-items:center;background:#ff9800;border:none;border-radius:8px;box-shadow:0 2px 4px #ff98004d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.template-send-btn:hover{background:#f57c00;box-shadow:0 4px 8px #ff980066;transform:translateY(-1px)}.template-send-btn:active{box-shadow:0 2px 4px #ff98004d;transform:translateY(0)}.template-send-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.template-send-btn .button-spinner{animation:spinner-rotate .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.template-input{gap:12px;padding:12px 16px}.template-send-btn{font-size:13px;padding:10px 20px}}.queued-input{align-items:flex-end;background:#f0f2f5;border-top:none;box-sizing:border-box;display:flex;gap:8px;padding:10px 16px;width:100%}.message-textarea.queued{background:#fff3cd;color:#856404}.message-textarea.queued,[data-theme=dark] .message-textarea.queued{border:none;border-bottom:none!important;text-decoration:none!important}[data-theme=dark] .message-textarea.queued{background:#fff3cd26;color:#ffeaa7}.message-textarea.queued:focus{border:none;border-bottom:none!important;box-shadow:0 0 0 2px #fd79a81a;text-decoration:none!important}.message-textarea.queued::placeholder{color:#856404;opacity:.7}[data-theme=dark] .message-textarea.queued::placeholder{color:#ffeaa7;opacity:.6}.queue-btn{background:#6c757d;border:none;border-radius:20px;color:#fff;cursor:not-allowed;flex-shrink:0;font-size:14px;font-weight:600;opacity:.6;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.queue-btn.active{background:#fd79a8;box-shadow:0 2px 4px #fd79a84d;cursor:pointer;opacity:1}.queue-btn.active:hover{background:#e84393;box-shadow:0 4px 8px #fd79a866;transform:translateY(-1px)}.queue-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6}.clear-queue-btn,.clear-queue-btn:hover{border-color:#dc3545;color:#dc3545}.clear-queue-btn:hover{background-color:#dc35451a}@media (max-width:768px){.queued-input{gap:8px;padding:12px 16px}.queue-btn{font-size:13px;padding:8px 16px}}.message-input{align-items:center!important;background:#f0f2f5!important;box-sizing:border-box!important;display:flex!important;gap:8px!important;justify-content:space-between!important;min-height:62px!important;overflow:visible!important;padding:10px 16px!important}[data-theme=dark] .message-input{background:#202c33!important}.input-actions{gap:8px!important}.action-btn,.input-actions,.send-btn{align-items:center!important;display:flex!important;overflow:visible!important}.action-btn,.send-btn{border-radius:50%!important;flex-shrink:0!important;height:36px!important;justify-content:center!important;min-height:36px!important;min-width:36px!important;padding:0!important;width:36px!important}.action-btn svg,.send-btn svg{display:block!important;height:22px!important;width:22px!important}.contact-edit-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.contact-edit-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{padding:20px 24px 16px}.contact-edit-modal .close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:background .2s ease,color .2s ease}.contact-edit-modal .close-btn:hover{background:#f3f4f6;color:#374151;transform:none}.contact-edit-form{padding:24px}.form-group label svg{color:#6b7280;font-size:16px}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus{border-color:#3b82f6}.tags-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:32px;padding:8px}.tag{background:#3b82f6;border-radius:4px;display:inline-flex;gap:4px;padding:4px 8px}.tag,.tag-remove{align-items:center;color:#fff}.tag-remove{background:none;border:none;border-radius:2px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:16px;justify-content:center;margin-left:4px;padding:0;transition:background-color .2s ease;width:16px}.tag-remove:hover{background:#fff3}.tag-input-container{display:flex;gap:8px}.tag-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:13px;padding:8px 10px}.add-tag-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:background-color .2s ease}.add-tag-btn:hover:not(:disabled){background:#22c55e}.add-tag-btn:disabled{background:#d1d5db;cursor:not-allowed}.form-actions{border-top:1px solid #e5e7eb}.cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:10px 16px}.cancel-btn:hover{background:#e5e7eb}.save-btn{border-radius:6px;gap:6px;padding:10px 16px;transition:background-color .2s ease}.save-btn:hover{background:#22c55e}.save-btn svg{font-size:16px}@media (max-width:768px){.contact-edit-modal{margin:20px;max-height:calc(100vh - 40px)}.contact-edit-form,.modal-header{padding:16px 20px}.form-actions{flex-direction:column}.cancel-btn,.save-btn{justify-content:center;width:100%}}.ai-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100vh;max-width:400px;overflow:hidden;position:relative;transition:all .3s ease;width:400px}.ai-sidebar-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.ai-sidebar-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.ai-header-actions{display:flex;gap:8px}.ai-close-btn,.ai-refresh-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.ai-close-btn:hover,.ai-refresh-btn:hover{background:var(--border-color);color:var(--text-primary)}.ai-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.ai-participants{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:12px 20px}.participants-label{color:var(--text-secondary);font-size:13px;font-weight:500}.participants-avatars{align-items:center;display:flex;gap:4px}.participant-avatar{background:var(--bg-tertiary);border:2px solid var(--bg-primary);border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;position:relative;transition:all .2s ease;width:32px}.participant-avatar:not(:first-child){margin-left:-8px}.participant-avatar:hover{transform:scale(1.15);z-index:10!important}.participant-avatar img{height:100%;object-fit:cover;width:100%}.participant-placeholder{background:#3b82f6;color:#fff;font-size:13px;height:100%;width:100%}.participant-more,.participant-placeholder{align-items:center;display:flex;font-weight:600;justify-content:center}.participant-more{background:var(--bg-tertiary);border:2px solid var(--bg-primary);border-radius:50%;color:var(--text-secondary);cursor:help;flex-shrink:0;font-size:11px;height:32px;margin-left:-8px;width:32px}.ai-sidebar-content{flex:1 1;overflow-y:auto;padding:0}.ai-section{border-bottom:1px solid var(--border-color);padding:20px}.ai-section:last-child{border-bottom:none}.ai-section h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.ai-summary{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.ai-summary p{line-height:1.5;margin:0;white-space:pre-line}.ai-loading,.ai-summary p{color:var(--text-secondary);font-size:14px}.ai-loading{align-items:center;display:flex;gap:12px;padding:16px}.loading-spinner{border-top:2px solid var(--border-color);border:2px solid var(--border-color);height:16px;width:16px}.ai-suggestions{display:flex;flex-direction:column;gap:12px}.suggestion-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px;transition:all .2s ease}.suggestion-item:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 4px #25d3661a}.suggestion-text{color:var(--text-primary);font-size:14px;line-height:1.4;margin:0 0 8px}.suggestion-actions{justify-content:flex-end}.suggestion-btn{align-items:center;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s ease}.copy-btn:hover{border-color:var(--text-secondary)}.use-btn{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.use-btn:hover{background:var(--whatsapp-green-dark);border-color:var(--whatsapp-green-dark)}.ai-insights{display:flex;flex-direction:column;gap:8px}.insight-item{background:var(--bg-tertiary);border-left:3px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0;padding:8px 12px}@media (max-width:768px){.ai-sidebar{box-shadow:-4px 0 20px #00000026;max-width:400px;position:fixed;right:0;top:0;width:90vw;z-index:1001}.ai-participants{padding:10px 16px}.participants-label{font-size:12px}.participant-avatar,.participant-more{height:28px;width:28px}.participant-placeholder{font-size:12px}}@media (max-width:480px){.ai-sidebar{max-width:100%;width:100%}}.customer-detail-page{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100%;overflow:hidden;padding:0}.customer-detail-page .detail-header{align-items:center;background:#fff;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:20px;padding:20px 24px;transition:transform .3s ease,opacity .3s ease}.customer-detail-page.header-hidden .detail-header{opacity:0;pointer-events:none;position:absolute;transform:translateY(-100%);width:100%}.customer-detail-page .back-btn{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.customer-detail-page .back-btn:hover{background:var(--bg-secondary);border-color:#3b82f6;color:#3b82f6}.customer-detail-page .header-info{align-items:center;display:flex;flex:1 1;gap:16px}.customer-detail-page .customer-avatar.large{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:600;height:56px;justify-content:center;width:56px}.customer-detail-page .header-text h1{color:#1a365d;font-size:24px;font-weight:700;margin:0 0 4px}.customer-detail-page .header-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px}.customer-detail-page .header-meta span{align-items:center;display:flex;gap:6px}.customer-detail-page .header-actions{display:flex;gap:12px}.customer-detail-page .header-search{flex:0 0 250px;position:relative}.customer-detail-page .header-search .search-icon{color:var(--text-secondary);font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.customer-detail-page .header-search input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 12px 10px 38px;transition:all .2s;width:100%}.customer-detail-page .header-search input:focus{background:#fff;border-color:#3b82f6;outline:none}.customer-detail-page .header-search input::placeholder{color:var(--text-secondary)}.customer-detail-page .detail-tabs{background:#fff;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:0;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.customer-detail-page .detail-tab{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:14px 20px;position:relative;transition:all .2s}.customer-detail-page .detail-tab:hover{color:var(--text-primary)}.customer-detail-page .detail-tab.active{color:#3b82f6}.customer-detail-page .detail-tab.active:after{background:#3b82f6;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.customer-detail-page .detail-content{flex:1 1;overflow-y:auto;padding:24px;scroll-behavior:smooth}.customer-detail-page.header-hidden .detail-tabs{box-shadow:0 2px 8px #00000014}.customer-detail-page .tab-content{display:flex;flex-direction:column;gap:24px}.customer-detail-page .detail-section{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:24px}.customer-detail-page .detail-section h2{align-items:center;color:#1a365d;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px}.customer-detail-page .ai-overview-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0}.customer-detail-page .section-header-with-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.customer-detail-page .section-header-with-action h2{margin:0}.customer-detail-page .btn-generate-ai,.customer-detail-page .btn-generate-form{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.customer-detail-page .btn-generate-ai:hover:not(:disabled),.customer-detail-page .btn-generate-form:hover:not(:disabled){background:linear-gradient(135deg,#128c7e,#075e54);transform:translateY(-1px)}.customer-detail-page .btn-generate-ai:disabled{cursor:not-allowed;opacity:.7}.customer-detail-page .ai-overview-loading{align-items:center;color:var(--text-secondary);display:flex;gap:12px;padding:20px}.customer-detail-page .ai-overview-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px}.customer-detail-page .ai-overview-content p{color:#334155;font-size:14px;line-height:1.6;margin:0 0 8px}.customer-detail-page .ai-overview-content p:last-child{margin-bottom:0}.customer-detail-page .ai-overview-content p:empty{display:none}.customer-detail-page .ai-overview-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;padding:32px 20px;text-align:center}.customer-detail-page .ai-overview-empty p{font-size:14px;margin:0;max-width:400px}.customer-detail-page .spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.customer-detail-page .ai-overview-loading .spinner-small{border-color:#25d366 #25d3664d #25d3664d}.customer-detail-page .detail-section h3{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;font-weight:600;margin:24px 0 16px;padding-top:16px}.customer-detail-page .info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.customer-detail-page .info-field{display:flex;flex-direction:column;gap:6px}.customer-detail-page .info-field.full-width{grid-column:1/-1}.customer-detail-page .info-field label{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:6px;letter-spacing:.5px;text-transform:uppercase}.customer-detail-page .info-field span{color:var(--text-primary);font-size:14px}.customer-detail-page .info-field input,.customer-detail-page .info-field select,.customer-detail-page .info-field textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s}.customer-detail-page .info-field input:focus,.customer-detail-page .info-field select:focus,.customer-detail-page .info-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.customer-detail-page .tags-display{display:flex;flex-wrap:wrap;gap:6px}.customer-detail-page .tag-badge{background:#dbeafe;border-radius:12px;color:#1e40af;font-size:12px;font-weight:500;padding:4px 10px}.customer-detail-page .no-data{color:var(--text-secondary);font-size:13px;font-style:italic}.customer-detail-page .detail-sidebar{display:flex;flex-direction:column;gap:20px}.customer-detail-page .sidebar-section{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:20px}.customer-detail-page .sidebar-section h3{align-items:center;color:#1a365d;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.customer-detail-page .conversation-list{display:flex;flex-direction:column;gap:8px}.customer-detail-page .conversation-item{background:var(--bg-secondary);border-radius:8px;cursor:pointer;padding:12px;transition:all .2s}.customer-detail-page .conversation-item:hover{background:#eff6ff}.customer-detail-page .conv-preview{color:var(--text-primary);font-size:13px;margin-bottom:6px}.customer-detail-page .conv-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:4px}.customer-detail-page .documents-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.customer-detail-page .document-item{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;gap:10px;padding:10px 12px}.customer-detail-page .document-item svg{color:#3b82f6;flex-shrink:0}.customer-detail-page .doc-info{flex:1 1;min-width:0}.customer-detail-page .doc-info a{color:var(--text-primary);display:block;font-size:13px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.customer-detail-page .doc-info a:hover{color:#3b82f6}.customer-detail-page .doc-size{color:var(--text-secondary);font-size:11px}.customer-detail-page .delete-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.customer-detail-page .delete-btn:hover{background:#fee2e2;color:#dc2626}.customer-detail-page .upload-btn{align-items:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.customer-detail-page .upload-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.customer-detail-page .upload-btn input{display:none}.customer-detail-page .notes-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;max-height:300px;overflow-y:auto}.customer-detail-page .note-item{background:var(--bg-secondary);border-radius:8px;padding:12px}.customer-detail-page .note-content{color:var(--text-primary);font-size:13px;margin-bottom:8px;white-space:pre-wrap}.customer-detail-page .note-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:12px}.customer-detail-page .note-meta button{background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-left:auto;padding:2px}.customer-detail-page .note-meta button:hover{color:#dc2626}.customer-detail-page .add-note{display:flex;flex-direction:column;gap:8px}.customer-detail-page .add-note textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;padding:10px 12px;resize:none}.customer-detail-page .add-note textarea:focus{border-color:#3b82f6;outline:none}.customer-detail-page .add-note .btn-primary{align-self:flex-end}.customer-detail-page .activity-info{display:flex;flex-direction:column;gap:12px}.customer-detail-page .activity-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.customer-detail-page .activity-item span:first-child{color:var(--text-secondary)}.customer-detail-page .activity-item span:last-child{color:var(--text-primary)}.customer-detail-page .source-badge{border-radius:12px;font-size:11px;font-weight:500;padding:4px 10px}.customer-detail-page .source-badge.whatsapp{background:#d1fae5;color:#065f46}.customer-detail-page .source-badge.manual{background:#e0e7ff;color:#3730a3}.customer-detail-page .source-badge.import{background:#fef3c7;color:#92400e}.customer-detail-page .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.customer-detail-page .loading-state .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #3b82f6;height:40px;width:40px}.submissions-section .submissions-list{display:flex;flex-direction:column;gap:8px}.submissions-section .submission-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.submissions-section .submission-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background .2s}.submissions-section .submission-header:hover{background:var(--bg-primary)}.submissions-section .submission-info{display:flex;flex-direction:column;gap:2px}.submissions-section .submission-flow{color:var(--text-primary);font-size:13px;font-weight:600}.submissions-section .submission-date{color:var(--text-secondary);font-size:11px}.submissions-section .submission-status{align-items:center;display:flex;gap:8px}.submissions-section .status-badge{border-radius:12px;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.submissions-section .status-badge.completed{background:#dcfce7;color:#166534}.submissions-section .status-badge.in_progress{background:#fef3c7;color:#92400e}.submissions-section .submission-data{background:#fff;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px;padding:12px}.submissions-section .submission-data .data-field{display:flex;flex-direction:column;gap:2px}.submissions-section .submission-data .data-field label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.submissions-section .submission-data .data-field span{color:var(--text-primary);font-size:13px}.customer-detail-page .activity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.customer-detail-page .activity-card{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;gap:12px;padding:16px}.customer-detail-page .activity-card svg{color:#3b82f6}.customer-detail-page .activity-card label{color:var(--text-secondary);display:block;font-size:12px}.customer-detail-page .activity-card span{color:var(--text-primary);font-size:16px;font-weight:600}.customer-detail-page .conversations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.customer-detail-page .conversation-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.customer-detail-page .conversation-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.customer-detail-page .conv-header{align-items:center;color:var(--text-secondary);display:flex;justify-content:space-between;margin-bottom:12px}.customer-detail-page .conv-date{font-size:12px}.customer-detail-page .conversation-card .conv-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;margin-bottom:12px;overflow:hidden}.customer-detail-page .conv-footer{align-items:center;display:flex;justify-content:space-between}.customer-detail-page .conv-status{align-items:center;display:flex;font-size:12px;gap:4px}.customer-detail-page .conv-status.actioned{color:#059669}.customer-detail-page .conv-status.pending{color:#d97706}.customer-detail-page .submissions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.customer-detail-page .submission-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s}.customer-detail-page .submission-card.clickable:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.customer-detail-page .submission-card-header{align-items:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.customer-detail-page .submission-header-right{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.customer-detail-page .view-conversation-hint{align-items:center;color:#3b82f6;display:flex;font-size:12px;font-weight:500;gap:4px}.customer-detail-page .submission-card-header h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.customer-detail-page .submission-card-header .submission-date{color:var(--text-secondary);font-size:12px}.customer-detail-page .submission-card-body{display:flex;flex-direction:column;gap:12px;padding:16px}.customer-detail-page .data-row{display:flex;flex-direction:column;gap:2px}.customer-detail-page .data-row label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.customer-detail-page .data-row span{color:var(--text-primary);font-size:14px}.customer-detail-page .documents-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.customer-detail-page .document-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:16px}.customer-detail-page .doc-icon{align-items:center;background:#dbeafe;border-radius:8px;color:#3b82f6;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.customer-detail-page .doc-details{flex:1 1;min-width:0}.customer-detail-page .doc-details .doc-name-link,.customer-detail-page .doc-details a{color:var(--text-primary);display:block;font-size:14px;font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.customer-detail-page .doc-details .doc-name-link:hover,.customer-detail-page .doc-details a:hover{color:#3b82f6}.customer-detail-page .doc-meta{color:var(--text-secondary);font-size:12px;margin-top:2px}.customer-detail-page .doc-actions{display:flex;gap:4px}.customer-detail-page .download-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.customer-detail-page .download-btn:hover{background:#dbeafe;color:#3b82f6}.customer-detail-page .forms-list{display:flex;flex-direction:column;gap:16px}.customer-detail-page .form-submission-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.customer-detail-page .form-submission-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.customer-detail-page .form-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.customer-detail-page .form-date{color:var(--text-secondary);font-size:12px}.customer-detail-page .form-status{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.customer-detail-page .form-status.completed{background:#d1fae5;color:#059669}.customer-detail-page .form-status.in_progress{background:#fef3c7;color:#d97706}.customer-detail-page .form-data-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:16px}.customer-detail-page .form-data-item{display:flex;flex-direction:column;gap:4px}.customer-detail-page .form-data-item .data-label{color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.customer-detail-page .form-data-item .data-value{color:var(--text-primary);font-size:14px;word-break:break-word}.customer-detail-page .notes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.customer-detail-page .note-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.customer-detail-page .note-card.ai-note{background:linear-gradient(135deg,#f5f3ff 0,var(--bg-secondary) 100%);border-left:3px solid #8b5cf6}.customer-detail-page .note-header{margin-bottom:8px}.customer-detail-page .ai-badge{align-items:center;background:#ede9fe;border-radius:12px;color:#7c3aed;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.customer-detail-page .note-card .note-content{color:var(--text-primary);font-size:14px;margin-bottom:12px;white-space:pre-wrap}.customer-detail-page .note-footer{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:12px}.customer-detail-page .note-footer .delete-btn{margin-left:auto}.customer-detail-page .add-note-form{display:flex;gap:12px;margin-bottom:20px}.customer-detail-page .add-note-form textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex:1 1;font-size:14px;padding:12px;resize:none}.customer-detail-page .add-note-form textarea:focus{border-color:#3b82f6;outline:none}.customer-detail-page .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.customer-detail-page .section-header h2{margin:0}.customer-detail-page .empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.customer-detail-page .empty-state svg{margin-bottom:16px;opacity:.5}.customer-detail-page .empty-state h3{color:var(--text-primary);font-size:16px;margin:0 0 8px}.customer-detail-page .empty-state p{font-size:14px;margin:0}.customer-detail-page .empty-state.small{padding:24px}.customer-detail-page .empty-state.small svg{margin-bottom:8px}.customer-detail-page .empty-state.small p{font-size:13px}.customer-detail-page .document-card.chat-document{border-left:3px solid #25d366}.customer-detail-page .view-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;text-decoration:none;width:32px}.customer-detail-page .view-btn:hover{background:var(--bg-primary);color:#25d366}.customer-detail-page .status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.customer-detail-page .status-badge.completed{background:#dcfce7;color:#166534}.customer-detail-page .status-badge.in_progress{background:#fef3c7;color:#92400e}.customer-detail-page .custom-data-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.customer-detail-page .custom-data-field{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px}.customer-detail-page .custom-data-field label{color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.customer-detail-page .field-value-row{align-items:center;display:flex;gap:8px}.customer-detail-page .field-value-row input{background:#fff;border:1px solid var(--border-color);border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.customer-detail-page .field-value-row input:focus{border-color:#3b82f6;outline:none}.customer-detail-page .delete-field-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.customer-detail-page .delete-field-btn:hover{background:#fee2e2;color:#ef4444}.customer-detail-page .section-hint{color:var(--text-secondary);font-size:13px;margin:0 0 20px}@media (max-width:1024px){.customer-detail-page .activity-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.customer-detail-page .detail-tabs{overflow-x:auto;padding:0 16px}.customer-detail-page .detail-tab{white-space:nowrap}.customer-detail-page .detail-content{padding:16px}.customer-detail-page .detail-header{flex-wrap:wrap;padding:16px}.customer-detail-page .header-actions{justify-content:flex-end;width:100%}.customer-detail-page .activity-grid,.customer-detail-page .info-grid{grid-template-columns:1fr}.customer-detail-page .add-note-form{flex-direction:column}}.customer-detail-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.customer-detail-page .modal-content{animation:modalSlideIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:400px;width:100%}.customer-detail-page .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.customer-detail-page .modal-header h3{align-items:center;color:#dc2626;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.customer-detail-page .modal-header .close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.customer-detail-page .modal-header .close-btn:hover{background:var(--bg-secondary)}.customer-detail-page .modal-body{padding:20px}.customer-detail-page .modal-body p{color:var(--text-primary);font-size:14px;margin:0 0 8px}.customer-detail-page .modal-body .warning-text{color:var(--text-secondary);font-size:13px}.customer-detail-page .modal-footer{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.customer-detail-page .modal-footer .btn-danger,.customer-detail-page .modal-footer .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px}.customer-detail-page .modal-footer .btn-secondary{background:#fff;border:1px solid var(--border-color);color:var(--text-primary)}.customer-detail-page .modal-footer .btn-secondary:hover{background:var(--bg-secondary)}.customer-detail-page .modal-footer .btn-danger{background:#dc2626;border:none;color:#fff}.customer-detail-page .modal-footer .btn-danger:hover{background:#b91c1c}.customer-profile-panel{animation:slideInRight .3s ease-out;background:var(--bg-primary);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1000}.customer-profile-panel.closing{animation:slideOutRight .3s ease-out}.customer-profile-header{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:28px 24px 20px;position:relative}.customer-profile-header:after{background:linear-gradient(90deg,#0000 0,var(--whatsapp-green) 50%,#0000 100%);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.profile-title{align-items:center;display:flex;gap:12px}.profile-icon{color:var(--whatsapp-green);height:24px;width:24px}.profile-title h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.profile-header-actions{align-items:center;display:flex;gap:8px}.profile-expand-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s ease}.profile-expand-btn:hover{background:#3b82f633;border-color:#3b82f6}.profile-close-btn{align-items:center;background:#0000000d;border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#1f2937;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:10px;transition:all .3s ease}.profile-close-btn:hover{background:#ef44441a;border-color:#ef44444d;box-shadow:0 4px 8px #ef444426;color:#ef4444;transform:scale(1.05)}.customer-profile-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-x:hidden;overflow-y:auto;padding:24px}.profile-card{align-items:center;box-shadow:0 4px 12px #0000000d;display:flex;gap:16px;padding:16px}.profile-avatar{border:2px solid #fff;box-shadow:0 4px 12px #25d3664d;color:#fff;font-size:20px;font-weight:700;height:48px;max-height:48px;max-width:48px;min-height:48px;min-width:48px;width:48px}.profile-info{min-width:0}.customer-name{word-wrap:break-word;color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 8px}.profile-detail{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;margin-bottom:6px}.profile-detail:last-child{margin-bottom:0}.detail-icon{color:var(--whatsapp-green);flex-shrink:0;height:16px;width:16px}.profile-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.section-title{border-bottom:2px solid var(--border-color);font-size:16px;gap:10px;padding-bottom:12px}.section-title svg{color:var(--whatsapp-green);height:18px;width:18px}.document-count{background:#25d36626;border:1px solid #25d3664d;border-radius:12px;color:var(--whatsapp-green);font-size:12px;font-weight:700;margin-left:auto;padding:4px 10px}.timeline-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.timeline-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:6px;padding:14px}.timeline-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.timeline-value{color:var(--text-primary);font-size:14px;font-weight:600}.documents-grid{display:flex;flex-direction:column;gap:10px}.document-card{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;text-decoration:none;transition:all .2s ease}.document-card:hover{background:var(--bg-primary);border-color:var(--whatsapp-green);box-shadow:0 4px 12px #25d36626;transform:translateY(-2px)}.document-icon{align-items:center;background:#3b82f6;border-radius:10px;box-shadow:0 2px 6px #25d3664d;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.document-icon svg{height:20px;width:20px}.document-details{flex:1 1;min-width:0}.document-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta{color:var(--text-secondary);font-size:12px}.document-download{border-radius:6px;color:var(--text-secondary);padding:8px;transition:all .2s ease}.document-card:hover .document-download{background:#25d3661a;color:var(--whatsapp-green)}.document-download svg{height:18px;width:18px}.empty-icon{color:var(--text-tertiary);height:48px;margin-bottom:12px;width:48px}.empty-state-small{padding:20px;text-align:center}.empty-state-small p{color:var(--text-secondary);font-size:13px;margin:0}.add-note-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.note-input{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.note-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.note-input::placeholder{color:var(--text-tertiary)}.add-note-btn{background:#3b82f6;box-shadow:0 2px 6px #25d3664d;gap:6px}.add-note-btn:hover:not(:disabled){box-shadow:0 4px 12px #25d36666;transform:translateY(-2px)}.add-note-btn:disabled{opacity:.6}.note-item{align-items:flex-start;background:var(--bg-tertiary);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:14px;transition:all .2s ease}.note-item:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d3661a}.note-content{flex:1 1;min-width:0}.note-text{word-wrap:break-word;color:var(--text-primary);font-size:14px;line-height:1.5;margin:0 0 8px;white-space:pre-wrap}.note-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:12px}.note-date{color:var(--text-tertiary)}.note-actions{flex-shrink:0;gap:6px}.note-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.note-btn svg{height:14px;width:14px}.edit-btn{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.edit-btn:hover{background:#3b82f633;transform:translateY(-1px)}.delete-btn{background:#ef44441a;border:1px solid #ef444433}.delete-btn:hover{background:#ef444433;transform:translateY(-1px)}.note-edit{display:flex;flex-direction:column;gap:10px;width:100%}.note-edit-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.note-edit-input:focus{border-color:var(--whatsapp-green);outline:none}.save-btn:hover{box-shadow:0 2px 8px #25d3664d;transform:translateY(-1px)}[data-theme=dark] .profile-close-btn{background:#ffffff0d;border-color:#ffffff1a;color:#d1d5db}[data-theme=dark] .profile-close-btn:hover{background:#ef444426;color:#ef4444}@media (max-width:768px){.customer-profile-panel{width:100%}.timeline-grid{grid-template-columns:1fr}.profile-card{flex-direction:column;text-align:center}}.full-profile-overlay{background:var(--bg-primary);bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1100}.full-profile-overlay.sliding{animation:slideInFromRight .3s ease}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.full-profile-overlay .customer-detail-page{height:100%;overflow-y:auto}.no-customer-overlay{align-items:center;background:var(--bg-primary);display:flex;height:100%;justify-content:center}.no-customer-content{color:var(--text-secondary);padding:40px;text-align:center}.no-customer-content svg{color:var(--text-secondary);margin-bottom:16px}.no-customer-content h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.no-customer-content p{font-size:14px;margin:0 0 20px}.no-customer-content .btn-primary{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px}.recent-chats{background:#fff;border-bottom:1px solid var(--border-color);padding:12px 0}.recent-chats-header{border-bottom:1px solid #0000000d;margin-bottom:8px;padding:0 16px 8px}.recent-chats-header h4{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;margin:0;text-transform:uppercase}.recent-chats-header h4 svg{font-size:12px}.recent-chats-list{max-height:300px;overflow-y:auto}.recent-chat-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:10px;padding:8px 16px;transition:all .2s ease}.recent-chat-item:hover{background-color:#f5f5f5;border-left-color:var(--whatsapp-green)}.recent-chat-item.unread{background-color:#25d3660d}.chat-avatar{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.chat-avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.chat-details{flex:1 1;max-width:100%;min-width:0;overflow:hidden}.chat-name{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:2px}.chat-name,.chat-preview{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview{color:var(--text-secondary);font-size:11px}.chat-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.chat-time{color:var(--text-tertiary);font-size:10px}.unread-dot{background:var(--whatsapp-green);border-radius:50%;height:8px;width:8px}.no-recent-chats{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;padding:20px;text-align:center}.empty-icon{font-size:24px;margin-bottom:8px}.no-recent-chats p{font-size:12px;margin:0}.recent-chats-list::-webkit-scrollbar{width:3px}.recent-chats-list::-webkit-scrollbar-track{background:#0000}.recent-chats-list::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.recent-chats-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.update-notification-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}.update-notification-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 64px #00000040,0 8px 16px #0000001a;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:90%}.update-notification-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:24px;position:relative}.update-icon{align-items:center;background:#dbeafe;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.update-icon,.update-icon svg{color:#3b82f6}.header-text{flex:1 1}.header-text h2{color:#1f2937;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.header-subtitle{color:var(--text-secondary);font-size:14px;font-weight:400;margin:4px 0 0}.update-notification-header .close-btn{align-items:center;animation:none!important;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transform:none!important;transition:background .2s ease,color .2s ease}.update-notification-header .close-btn:hover{animation:none!important;background:#f3f4f6;color:#1f2937;transform:none!important}.update-notification-content{word-wrap:break-word;flex:1 1;line-height:1.7;overflow-x:hidden;overflow-y:auto;padding:24px 32px 32px}.version-info{margin-bottom:24px}.update-message{color:var(--text-secondary);font-size:16px;line-height:1.7;margin-bottom:20px;padding-bottom:4px}.version-badge{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;display:inline-flex;gap:12px;padding:12px 20px}.version-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.version-number{color:#3b82f6;font-family:Outfit,system-ui,sans-serif;font-size:18px;font-weight:700}.version-date{color:var(--text-tertiary);font-size:12px}.release-notes{margin-top:24px;overflow:visible}.release-notes h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.notes-section{margin-bottom:20px}.notes-section:last-child{margin-bottom:0}.notes-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:6px;margin:0 0 12px}.notes-list{list-style:none;margin:0;padding:0}.notes-list li{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.notes-list li:last-child{margin-bottom:0}.notes-list li:before{color:#3b82f6;content:"•";font-size:16px;font-weight:700;left:6px;position:absolute}.notes-summary{word-wrap:break-word;color:var(--text-secondary);font-size:15px;line-height:1.75;margin:0;overflow-wrap:break-word;text-align:left}.update-notification-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.update-notification-actions button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-update{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));color:#fff}.btn-update:hover:not(:disabled){box-shadow:0 8px 20px #25d36666;transform:translateY(-3px) scale(1.02)}.btn-update:disabled{cursor:not-allowed;opacity:.6}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#ffffff1a;border:2px solid #fff3}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.btn-check-updates{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-check-updates:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.btn-check-updates:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.update-notification-modal{max-height:90vh;width:95%}.update-notification-header{padding:20px}.update-notification-header h2{font-size:20px}.update-notification-content{padding:20px}.update-notification-actions{flex-direction:column}.update-notification-actions button{justify-content:center;width:100%}}.conversation-view{background:#fff;display:flex;flex-direction:column;font-family:Outfit,system-ui,sans-serif;height:100%;opacity:1;overflow:hidden;position:relative;transition:margin-right .3s ease}.conversation-view~.internal-chat-toggle{display:none}.conversation-with-notes .conversation-view.sidebar-open{margin-right:0;transition:margin-right .3s ease}.conversation-view.slide-out{animation:slideOutRight .3s cubic-bezier(.55,.06,.68,.19) forwards}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.conversation-layout,.conversation-with-notes{display:flex;height:100vh;width:100%}.conversation-layout .conversation-main{max-width:100%;width:100%}.conversation-layout{display:flex;height:100%;width:100%}.conversation-layout .conversation-view{flex:1 1;min-width:0}.date-break{margin:24px 0;text-align:center}.date-text{background:#f3f4f6;border:none;border-radius:9999px;color:#6b7280;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.02em;padding:6px 14px;transition:all .2s ease}.date-text:hover{background:#e5e7eb}.messaging-restriction{align-items:center;background:#dc262614;border:1px solid #dc262640;border-radius:12px;color:#dc2626;display:flex;font-size:11px;font-weight:600;gap:6px;margin-top:4px;padding:4px 10px}.messaging-restriction .clock-icon{color:#dc2626;font-size:12px}.messaging-restriction .timer-text{font-weight:600;white-space:nowrap}.messaging-restriction.timer-green{background:#059669e6;border-color:#059669e6;color:#fff}.messaging-restriction.timer-green .clock-icon{color:#fff}.messaging-restriction.timer-orange{background:#d97706e6;border-color:#d97706e6;color:#fff}.messaging-restriction.timer-orange .clock-icon{color:#fff}.messaging-restriction.timer-red{background:#dc2626e6;border-color:#dc2626e6;color:#fff}.messaging-restriction.timer-red .clock-icon{color:#fff}.conversation-main{display:flex;flex:1 1;flex-direction:column;min-width:0;transition:width .3s ease}.conversation-with-notes .conversation-main{max-width:calc(100% - 400px);width:calc(100% - 400px)}.conversation-with-notes .ai-sidebar,.conversation-with-notes .notes-panel{background:var(--bg-secondary);border-left:1px solid var(--border-color);flex-shrink:0;width:400px}.conversation-with-notes .ai-sidebar{max-width:400px}.conversation-view .conversation-header{align-items:center;background:#3b82f6!important;display:flex;flex-direction:row;flex-shrink:0;gap:12px;justify-content:flex-start;min-height:60px;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.conversation-view .conversation-header:after{display:none}.back-button{align-items:center!important;background:#ffffff26!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:36px!important;justify-content:center!important;margin:0!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.back-button svg{color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))!important;height:24px!important;width:24px!important}.back-button:hover{background-color:#ffffff40!important;transform:scale(1.05)!important}.back-button:active{transform:scale(.95)!important;transition:transform .1s ease!important}.back-button:hover svg{color:#fff!important}[data-theme=dark] .back-button{background:#0000!important;color:#aebac1!important}[data-theme=dark] .back-button svg{color:#aebac1!important}[data-theme=dark] .back-button:hover{background-color:#ffffff14!important}[data-theme=dark] .back-button:hover svg{color:#d9dee2!important}.contact-info{align-items:center!important;border-radius:0;cursor:pointer;display:flex!important;flex-direction:row!important;gap:12px;justify-content:flex-start!important;padding:0;transition:background-color .15s ease}.contact-info:hover{background-color:initial}.conversation-header .contact-info .contact-avatar{align-items:center!important;background:#3b82f6!important;border:none!important;border-radius:50%!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;font-weight:700!important;height:36px!important;justify-content:center!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;position:relative!important;transition:all .2s ease!important;visibility:visible!important;width:36px!important;z-index:10!important}.contact-info:hover .contact-avatar{transform:scale(1.05)}.contact-avatar.clickable:hover{transform:scale(1.1)!important}.contact-avatar.clickable:active{transform:scale(1.02)!important}.conversation-header .contact-info .contact-avatar *{opacity:1!important;visibility:visible!important}.conversation-header .contact-info .contact-avatar .avatar-fallback{align-items:center!important;color:#fff!important;display:flex!important;font-size:18px!important;font-weight:700!important;height:100%!important;justify-content:center!important;line-height:1!important;opacity:1!important;text-transform:uppercase!important;visibility:visible!important;width:100%!important;z-index:11!important}.contact-details{align-items:flex-start;align-self:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-width:0}.contact-details h3{color:#fff;cursor:pointer;font-size:17px;margin:0;padding:0}.contact-details h3.contact-name-clickable:hover{opacity:.85}.contact-info:hover .contact-details h3{letter-spacing:0}.contact-details h3 .name-separator{color:#ffffff80;font-weight:400}.contact-details h3 .phone-number-inline{color:#ffffffb3;font-size:15px;font-weight:400}.conversation-actions{gap:4px;margin-left:8px}.action-button,.conversation-actions{align-items:center;display:flex;flex-shrink:0}.action-button{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:36px;justify-content:center;padding:4px;transition:all .2s ease;width:36px}.action-button svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.action-button:hover{background-color:#ffffff40;color:#fff;transform:scale(1.05)}.action-button.active{background-color:#ffffff4d;box-shadow:0 2px 8px #0003,inset 0 0 0 2px #fff3;color:#fff}[data-theme=dark] .action-button{color:#aebac1}[data-theme=dark] .action-button:hover{background-color:#ffffff14;color:#d9dee2}[data-theme=dark] .action-button.active{background-color:#ffffff1f;color:#d9dee2}.action-button svg{height:20px;width:20px}.action-button.actioned-btn{background:#22c55e33;color:#22c55e}.action-button.actioned-btn:hover{background:#22c55e59;color:#22c55e}.actioned-badge{align-items:center;background:#22c55e;border:none;border-radius:20px;color:#fff;cursor:default;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.actioned-badge.clickable{cursor:pointer;transition:all .2s ease}.actioned-badge.clickable:hover{background:#ef444433;color:#ef4444}.actioned-badge svg{height:14px;width:14px}.action-button.expand-btn{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;padding:0;width:36px}.action-button.expand-btn:hover{background:#ffffff4d;border-color:#ffffff80;color:#fff}.ai-toggle{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid #fff3!important;border-radius:20px!important;box-shadow:0 2px 8px #00000026!important;display:flex!important;flex-shrink:0!important;font-size:12px!important;font-weight:700!important;gap:6px!important;height:34px!important;padding:6px 12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:auto!important}.ai-toggle.enabled{background:linear-gradient(135deg,#22c55e40,#22c55e26)!important;border-color:#22c55e66!important;color:#22c55e!important}.ai-toggle.disabled{background:linear-gradient(135deg,#ef444440,#ef444426)!important;border-color:#ef444466!important;color:#ef4444!important}.ai-toggle:hover.enabled{background:linear-gradient(135deg,#22c55e59,#22c55e40)!important;box-shadow:0 4px 12px #22c55e4d!important;transform:scale(1.05)!important}.ai-toggle:hover.disabled{background:linear-gradient(135deg,#ef444459,#ef444440)!important;box-shadow:0 4px 12px #ef44444d!important;transform:scale(1.05)!important}.ai-toggle-label{font-size:11px;font-weight:600;white-space:nowrap}.more-menu-container{position:relative}.more-dropdown{animation:dropdownFadeIn .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a,0 1px 3px #00000014;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-item{font-size:13px;font-weight:500;padding:10px 14px}.dropdown-item.delete-item{color:#dc2626}.dropdown-item.delete-item:hover{background:#fef2f2}.dropdown-item:first-child{border-radius:7px 7px 0 0}.dropdown-item:last-child{border-radius:0 0 7px 7px}.conversation-content{display:flex;flex:1 1;flex-direction:column;transition:margin-right .3s ease}.conversation-content.with-notes{margin-right:400px}.messages-container{background:#e5ddd5;background-attachment:fixed;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");flex:1 1;max-width:100%;overflow-y:auto;padding:20px}[data-theme=dark] .messages-container{background:#0b141a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E")}.messages{display:flex;flex-direction:column;gap:8px;margin:0;max-width:none}.error-state,.loading-state{height:100%;text-align:center}.loading-spinner{border:3px solid #f3f3f3}.error-state h3{color:var(--text-primary);margin-bottom:16px}.conversation-not-found{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.conversation-not-found .not-found-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;color:#94a3b8;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.conversation-not-found h2{color:#1a365d;font-size:20px;font-weight:600;margin:0 0 8px}.conversation-not-found p{color:var(--text-secondary);font-size:14px;margin:0 0 24px;max-width:300px}.conversation-not-found .not-found-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.conversation-not-found .btn-primary,.conversation-not-found .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.conversation-not-found .btn-primary{background:linear-gradient(135deg,#25d366,#128c7e);border:none;color:#fff}.conversation-not-found .btn-primary:hover{background:linear-gradient(135deg,#128c7e,#075e54);transform:translateY(-1px)}.conversation-not-found .btn-secondary{background:#fff;border:1px solid var(--border-color);color:var(--text-primary)}.conversation-not-found .btn-secondary:hover{background:var(--bg-secondary)}@media (max-width:768px){.conversation-view{background:#fff;border-radius:0;height:100vh;margin:0}.conversation-header{padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.conversation-header,.conversation-view .conversation-header{background:#3b82f6!important}.messages-container{background:#e5ddd5;flex:1 1;height:calc(100vh - 140px);overflow-y:auto;padding:12px 12px 120px;scroll-behavior:smooth}[data-theme=dark] .messages-container{background:#0b141a}.contact-details h3{color:#fff;font-size:16px;font-weight:500}.contact-details p{color:#fff;font-size:13px}.conversation-content{display:flex;flex-direction:column;height:100vh}.conversation-content.with-notes{margin-right:0}.conversation-with-notes .conversation-main{max-width:100%;width:100%}.conversation-with-notes .ai-sidebar{box-shadow:-4px 0 20px #00000026;height:100vh;max-width:400px;position:fixed;right:0;top:0;width:90vw;z-index:1001}.conversation-main{display:flex;flex-direction:column;height:100vh}.back-button{align-items:center;display:flex;justify-content:center}.action-button{display:none!important}.more-menu-container{display:flex!important}.conversation-actions{gap:0}}.queued-message-container{display:flex;justify-content:flex-end;margin-bottom:8px;padding:8px 16px}.queued-message-bubble{animation:pulse 2s infinite;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px dashed #fd79a8;border-radius:18px;box-shadow:0 2px 8px #fd79a833;max-width:70%;padding:12px 16px;position:relative}.queued-message-header{align-items:center;display:flex;font-size:12px;gap:6px;margin-bottom:8px}.queued-icon{animation:spin-slow 2s linear infinite;font-size:14px}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.queued-label{color:#e84393;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.queued-info{color:#856404;font-style:italic;opacity:.8}.queued-message-text{word-wrap:break-word;color:#2d3436;font-size:14px;line-height:1.4;margin:8px 0}.queued-message-footer{border-top:1px solid #fd79a84d;display:flex;justify-content:flex-end;margin-top:8px;padding-top:4px}.queued-agent{color:#e84393;font-size:11px;font-weight:500}@media (max-width:768px){.queued-message-bubble{max-width:85%;padding:10px 12px}.queued-message-header{font-size:11px;gap:4px}.queued-message-text{font-size:13px}}.live-automation-panel{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:12px;box-shadow:0 2px 8px #6366f11a;margin:12px 16px;padding:12px 16px}[data-theme=dark] .live-automation-panel{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#4338ca}.live-automation-header{align-items:center;color:#4338ca;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}[data-theme=dark] .live-automation-header{color:#a5b4fc}.live-automation-header .automation-status{border-radius:10px;font-size:11px;font-weight:500;margin-left:auto;padding:2px 8px}.live-automation-header .automation-status.active{background:#dcfce7;color:#16a34a}[data-theme=dark] .live-automation-header .automation-status.active{background:#166534;color:#86efac}.live-automation-data{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.automation-data-item{background:#ffffffb3;border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:8px 10px}[data-theme=dark] .automation-data-item{background:#0003}.automation-data-item .data-key{color:#6b7280;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}[data-theme=dark] .automation-data-item .data-key{color:#9ca3af}.automation-data-item .data-value{color:#1f2937;font-size:13px;font-weight:600;word-break:break-word}[data-theme=dark] .automation-data-item .data-value{color:#f3f4f6}.automation-step-info{border-top:1px solid #6366f133;color:#6366f1;font-size:11px;margin-top:10px;padding-top:10px;text-align:center}.file-upload-manager{display:flex;flex-direction:column;height:100%}.file-upload-header{border-bottom:1px solid var(--border-color);padding:24px 24px 16px}.file-upload-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.header-description{color:var(--text-secondary);font-size:14px;margin:0}.upload-section{background-color:#f8f9fa;border-bottom:1px solid var(--border-color);padding:24px}.dropzone{background-color:#fff;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:48px 24px;text-align:center;transition:all .2s ease}.dropzone.active,.dropzone:hover{background-color:var(--whatsapp-light-green);border-color:var(--whatsapp-green)}.dropzone.uploading{opacity:.7;pointer-events:none}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:12px}.dropzone-icon{font-size:48px;opacity:.6}.dropzone-content p{color:var(--text-primary);font-size:16px;margin:0}.dropzone-hint{color:var(--text-secondary);font-size:12px}.upload-progress{background:#fff;border:1px solid var(--border-color);border-radius:8px;margin-top:16px;padding:16px}.progress-item{align-items:center;display:flex;gap:12px;margin-bottom:8px}.progress-item:last-child{margin-bottom:0}.progress-filename{color:var(--text-primary);font-size:14px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar{background-color:#e0e0e0;border-radius:3px}.progress-fill{background-color:var(--whatsapp-green)}.progress-percent{color:var(--text-secondary);font-size:12px}.files-list{flex:1 1;overflow-y:auto}.files-header{background-color:#f8f9fa;border-bottom:1px solid var(--border-color);padding:16px 24px}.files-header h3{color:var(--text-primary);font-size:16px;font-weight:500;margin:0}.files-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px 24px}.file-item{background:#fff;border:1px solid var(--border-color);border-radius:8px;transition:box-shadow .2s ease}.file-item:hover{box-shadow:0 2px 8px #0000001a}.file-preview{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.file-thumbnail{height:100%;object-fit:cover;width:100%}.file-icon{align-items:center;background-color:var(--whatsapp-light-gray);border-radius:6px;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.file-name{font-weight:500;margin:0 0 4px}.file-details{color:var(--text-secondary);font-size:12px;margin:0}.file-actions{gap:4px}.action-btn{background:none;border-radius:4px;padding:6px;transition:background-color .2s ease}.action-btn:hover{background-color:var(--whatsapp-light-gray)}.download-btn:hover{background-color:#e3f2fd}.copy-btn:hover{background-color:#f3e5f5}.delete-btn:hover{background-color:#ffebee}.empty-state{padding:48px 24px}.empty-icon{font-size:48px}.empty-state h3{margin-bottom:8px}@media (max-width:768px){.file-upload-header,.upload-section{padding-left:16px;padding-right:16px}.files-grid{grid-template-columns:1fr;padding:16px}.dropzone{padding:32px 16px}.dropzone-icon{font-size:36px}.dropzone-content p{font-size:14px}.progress-filename{min-width:100px}}.csv-import-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.csv-import-modal{background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:90%}.csv-import-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.csv-import-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.csv-import-header .close-btn{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.csv-import-header .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.csv-import-progress{border-bottom:1px solid var(--border-color);gap:8px;padding:20px}.csv-import-progress,.progress-step{align-items:center;display:flex;justify-content:center}.progress-step{background:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary);font-size:14px;font-weight:600;height:32px;transition:all .2s;width:32px}.progress-step.active{background:var(--whatsapp-green);color:#fff}.progress-step.current{box-shadow:0 0 0 3px #25d3664d}.csv-import-body{flex:1 1;overflow-y:auto;padding:24px}.upload-step{align-items:center;display:flex;justify-content:center;min-height:300px}.upload-zone{border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;max-width:400px;padding:48px;text-align:center;transition:all .2s;width:100%}.upload-zone:hover{background:#25d3660d;border-color:var(--whatsapp-green)}.upload-zone svg{color:var(--whatsapp-green);margin-bottom:16px}.upload-zone h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.upload-zone p{color:var(--text-secondary);font-size:14px;margin:0}.complete-step h3,.mapping-step h3,.matching-step h3,.review-step h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.mapping-step>p,.matching-step>p{color:var(--text-secondary);font-size:14px;margin:0 0 20px}.field-mappings{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.field-mapping-row{align-items:center;background:var(--bg-primary);border-radius:8px;display:flex;gap:12px;padding:12px}.field-mapping-row .csv-header{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500}.field-mapping-row .arrow{color:var(--text-secondary)}.field-mapping-row select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;padding:10px 12px}.user-matches{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.match-row{align-items:center;background:var(--bg-primary);border-left:3px solid #0000;border-radius:8px;display:flex;gap:12px;padding:12px}.match-row.email{border-left-color:var(--whatsapp-green)}.match-row.name{border-left-color:#3b82f6}.match-row.manual{border-left-color:#f59e0b}.match-row.none{border-left-color:var(--text-secondary)}.csv-person{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-weight:500;gap:8px}.csv-person svg{color:var(--text-secondary)}.match-indicator{min-width:120px}.match-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.match-badge.email{background:#25d36626;color:var(--whatsapp-green)}.match-badge.name{background:#3b82f626;color:#3b82f6}.match-badge.manual{background:#f59e0b26;color:#f59e0b}.match-badge.none{background:var(--bg-tertiary);color:var(--text-secondary)}.match-row select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;min-width:180px;padding:8px 12px}.action-select{min-width:100px!important}.action-select.update{border-color:var(--whatsapp-green)}.action-select.create{border-color:#3b82f6}.action-select.skip{border-color:var(--text-secondary)}.result-stat.created .stat-number{color:#3b82f6}.import-summary{display:flex;gap:24px;justify-content:center;margin:40px 0}.result-stat,.summary-stat{background:var(--bg-primary);border-radius:12px;padding:24px 32px;text-align:center}.result-stat .stat-number,.summary-stat .stat-number{color:var(--text-primary);display:block;font-size:36px;font-weight:700}.result-stat .stat-label,.summary-stat .stat-label{color:var(--text-secondary);display:block;font-size:14px;margin-top:4px}.result-stat.success .stat-number{color:var(--whatsapp-green)}.result-stat.failed .stat-number{color:#ef4444}.complete-step{padding:40px 0}.complete-step .success-icon{align-items:center;background:#25d36626;border-radius:50%;color:var(--whatsapp-green);display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.import-results{display:flex;gap:24px;justify-content:center;margin:32px 0}.step-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.secondary-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.secondary-btn:hover{background:var(--bg-primary)}.primary-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.primary-btn:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.primary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.new-users-container{animation:fadeInPage .4s ease-out;background:var(--bg-primary);display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 64px);overflow-y:auto;width:100%}.import-csv-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.import-csv-btn:hover{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.add-person-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 8px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.add-person-btn:hover{box-shadow:0 4px 12px #25d36666;transform:translateY(-1px)}.um-modal-overlay{animation:fadeIn .2s ease-out;background:#00000080}.add-person-modal{animation:slideUp .3s ease-out;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.add-person-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.add-person-modal .modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.add-person-modal .modal-header h2 svg{color:var(--whatsapp-green)}.add-person-modal .close-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.add-person-modal .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.add-person-modal .modal-body{display:flex;flex-direction:column;gap:16px;padding:24px}.add-person-modal .modal-hint{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 8px}.add-person-modal .form-group{display:flex;flex-direction:column;gap:6px}.add-person-modal .form-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:6px}.add-person-modal .form-group input,.add-person-modal .form-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 14px;transition:all .2s}.add-person-modal .form-group input:focus,.add-person-modal .form-group select:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.add-person-modal .form-group input::placeholder{color:var(--text-tertiary)}.add-person-modal .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.add-person-modal .modal-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.add-person-modal .btn-secondary{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.add-person-modal .btn-secondary:hover{background:var(--bg-tertiary)}.add-person-modal .btn-primary{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.add-person-modal .btn-primary:hover{background:#2563eb}.add-person-modal .btn-primary:disabled{cursor:not-allowed;opacity:.6}.new-users-tabs{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;display:inline-flex;gap:0;margin:24px 32px 0;padding:4px}.tab-btn{border-radius:8px;padding:10px 20px}.tab-btn svg{color:inherit;height:18px;width:18px}.tab-btn.active svg{color:#fff}.signup-links-tab-content,.users-tab-content{box-sizing:border-box;padding:24px 32px;width:100%}.users-header-bar{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.users-count,.users-header-bar{align-items:center;display:flex}.users-count{gap:8px}.users-count .count-icon{color:var(--text-secondary);font-size:20px}.users-count .count-number{color:var(--text-primary);font-size:24px;font-weight:700}.users-count .count-label{color:var(--text-secondary);font-size:16px}.users-controls{align-items:center;display:flex;gap:12px}.view-btn{border-radius:8px;height:38px;width:38px}.view-btn svg{color:inherit;display:block;height:18px;min-height:18px;min-width:18px;width:18px}.view-btn:hover{background:var(--bg-tertiary)}.view-btn.active{background:var(--whatsapp-green)!important;box-shadow:0 2px 6px #25d3664d;color:#fff!important}.view-btn.active svg{-webkit-text-fill-color:#fff!important;color:#fff!important}.role-filter{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:8px;padding:10px 14px}.role-filter .filter-icon{color:var(--text-secondary);height:16px;width:16px}.filter-select{background:#0000;color:var(--text-primary);font-weight:500;min-width:80px;outline:none}.btn-add-user,.filter-select{border:none;cursor:pointer;font-size:14px}.btn-add-user{align-items:center;background:#3b82f6;border-radius:10px;box-shadow:0 2px 8px #25d36640;color:#fff;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-add-user svg{height:18px;width:18px}.btn-add-user:hover{box-shadow:0 4px 16px #25d36666;transform:translateY(-2px)}.users-search-bar{margin-bottom:24px;max-width:100%;position:relative}.users-search-bar .search-icon{color:var(--text-secondary);font-size:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.users-search-bar .search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px 12px 44px;transition:all .2s;width:100%}.users-search-bar .search-input:focus{border-color:#3b82f6;outline:none}.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.user-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:14px;padding:16px;position:relative;transition:all .2s}.user-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000014}.card-avatar{flex-shrink:0;height:56px;position:relative;width:56px}.card-avatar .avatar-placeholder,.card-avatar img{border-radius:50%;height:56px;object-fit:cover;width:56px}.card-avatar img{left:0;position:absolute;top:0;z-index:2}.card-avatar .avatar-placeholder{align-items:center;background:#3b82f6;color:#fff;display:flex;font-size:20px;font-weight:600;justify-content:center}.status-indicator{border:2px solid var(--bg-secondary);height:14px;width:14px;z-index:10}.status-indicator.offline{background:#9ca3af}.card-info{flex:1 1;min-width:0}.card-name{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-role{color:var(--text-secondary);font-size:13px;margin:0;text-transform:capitalize}.card-status-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;margin-top:4px;padding:2px 8px}.card-status-badge.pending{background:#fef3c7;color:#d97706}.card-status-badge.active{background:#d1fae5;color:#059669}.card-status-badge.inactive{background:#fef2f2;color:#ef4444}.card-menu{position:relative}.menu-trigger{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.menu-trigger:hover{background:var(--bg-tertiary);color:var(--text-primary)}.menu-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.menu-dropdown button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;transition:background .2s;width:100%}.menu-dropdown button:hover{background:var(--bg-secondary)}.menu-dropdown button.delete{color:#ef4444}.menu-dropdown button.delete:hover{background:#fef2f2}.users-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;min-width:100%;overflow:visible;width:100%}.list-header{background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.list-header,.list-row{border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr 100px;padding:12px 16px}.list-row{align-items:center;transition:background .2s}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--bg-tertiary)}.list-row .col-name{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:12px}.list-avatar{height:36px;position:relative;width:36px}.list-avatar .avatar-small,.list-avatar img{border-radius:50%;height:36px;object-fit:cover;width:36px}.list-avatar img{left:0;position:absolute;top:0;z-index:2}.avatar-small{align-items:center;background:#3b82f6;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.col-desk{color:var(--text-secondary);font-size:14px}.status-badge.inactive{color:#dc2626}.col-actions .action-btn:hover{background:var(--bg-secondary)}.col-actions .action-btn.delete:hover{background:#fef2f2}.role-tag.role-freelancer{background:#fef3c7;color:#92400e}.desk-tag{background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:6px 12px}.user-card-actions{border-top:2px solid var(--border-color);display:flex;gap:8px;padding-top:16px}.action-btn{border:1px solid var(--border-color);font-size:18px}.action-btn.view{border-color:#3b82f6;color:#3b82f6}.action-btn.view:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 8px #3b82f64d;color:#fff}.action-btn.edit{border-color:#10b981;color:#10b981}.action-btn.edit:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 8px #10b9814d}.action-btn.link{border-color:#8b5cf6;color:#8b5cf6}.action-btn.link:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;box-shadow:0 4px 8px #8b5cf64d;color:#fff}.action-btn.delete{border-color:#ef4444}.action-btn.delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 8px #ef44444d}.empty-state svg{margin-bottom:20px}.loading-state{flex:1 1;min-height:400px}.um-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top:4px solid #3b82f6;height:48px;width:48px}.modal-overlay{background:#0009}.modal-content{border-radius:20px}.modal-header{padding:24px 32px}.close-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;height:40px;width:40px}.close-btn:hover{border-color:var(--text-primary)}.detail-section{display:flex;flex-direction:column;gap:20px}.detail-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:16px;font-weight:600;text-align:right}.status-badge.inactive{background:#fee2e2;color:#991b1b}[data-theme=dark] .role-tag.role-admin{background:#3b82f633;color:#93c5fd}[data-theme=dark] .role-tag.role-manager{background:#6366f133;color:#a5b4fc}[data-theme=dark] .role-tag.role-agent{background:#8b5cf633;color:#c4b5fd}[data-theme=dark] .role-tag.role-freelancer{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .status-badge.active{background:#10b98133;color:#6ee7b7}[data-theme=dark] .status-badge.inactive{background:#ef444433;color:#fca5a5}@media (max-width:768px){.new-users-tabs{padding:16px 16px 0}.signup-links-tab-content,.users-tab-content{padding:20px 16px}.new-users-header{align-items:stretch;flex-direction:column}.btn-add-user{justify-content:center;width:100%}.users-grid{grid-template-columns:1fr}.header-content h1{font-size:24px}.search-box{max-width:100%}.modal-body,.modal-header{padding:20px}}.um-modal-overlay{align-items:center;-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}.um-modal{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:100%}.um-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.um-user-header{align-items:center;display:flex;gap:16px}.um-user-avatar{border-radius:50%;height:56px;overflow:hidden;width:56px}.um-user-avatar img{height:100%;object-fit:cover;width:100%}.um-avatar-placeholder{align-items:center;background:var(--whatsapp-green);color:#fff;display:flex;font-size:24px;font-weight:600;height:100%;justify-content:center;width:100%}.um-user-info h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.um-user-info p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.um-close-btn{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.um-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.um-detail-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:4px;padding:12px 24px}.um-tab{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.um-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.um-tab.active{background:var(--whatsapp-green);color:#fff}.um-modal-body{flex:1 1;overflow-y:auto;padding:24px}.um-details-form{display:flex;flex-direction:column;gap:20px}.um-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.um-form-group{display:flex;flex-direction:column;gap:6px}.um-form-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:6px}.um-form-group input,.um-form-group select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 12px}.um-form-group input:focus,.um-form-group select:focus{border-color:var(--whatsapp-green);outline:none}.um-form-group input.disabled{cursor:not-allowed;opacity:.6}.um-checkbox-label{align-items:center!important;cursor:pointer;flex-direction:row!important;gap:10px!important}.um-checkbox-label input[type=checkbox]{accent-color:var(--whatsapp-green);height:18px;width:18px}.um-hint{color:var(--text-tertiary);font-size:12px}.um-documents{display:flex;flex-direction:column;gap:16px}.um-doc-folder{background:var(--bg-secondary);border-radius:12px;overflow:hidden}.um-folder-header{align-items:center;background:var(--bg-tertiary);display:flex;justify-content:space-between;padding:12px 16px}.um-folder-header h4{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.um-upload-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.um-upload-btn:hover:not(:disabled){background:var(--whatsapp-green-hover)}.um-upload-btn:disabled{cursor:not-allowed;opacity:.6}.um-folder-docs{padding:12px 16px}.um-empty-folder{color:var(--text-tertiary);font-size:13px;padding:8px 0;text-align:center}.um-doc-item{align-items:center;background:var(--whatsapp-green);border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:10px 12px}.um-doc-item:last-child{margin-bottom:0}.um-doc-icon{color:#fff;flex-shrink:0}.um-doc-name{color:#fff;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-doc-actions{display:flex;gap:4px}.um-doc-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.um-doc-btn:hover{background:#ffffff4d}.um-doc-btn.delete:hover{background:#ef4444}.um-timeoff{display:flex;flex-direction:column;gap:24px}.um-working-week{display:flex;flex-wrap:wrap;gap:8px}.um-day-checkbox{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s}.um-day-checkbox:has(input:checked){background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.um-day-checkbox input{display:none}.um-day-checkbox span{font-size:13px;font-weight:500}.um-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.um-btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.um-btn-secondary:hover{background:var(--bg-primary)}.um-btn-primary{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.um-btn-primary:hover:not(:disabled){background:var(--whatsapp-green-hover)}.um-btn-primary:disabled{cursor:not-allowed;opacity:.6}.um-personal-details{display:flex;flex-direction:column;gap:20px}.um-info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.um-card-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 16px}.um-card-header h4{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.um-card-body{display:flex;flex-direction:column;gap:12px;padding:16px}.um-info-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.um-info-card-group{display:flex;flex-direction:column;gap:20px}@media (max-width:768px){.um-info-row{grid-template-columns:1fr}}@media (max-width:600px){.um-form-row{grid-template-columns:1fr}.um-modal{max-height:95vh}}.deactivate-modal{max-width:420px}.deactivate-warning{padding:20px;text-align:center}.deactivate-warning .warning-icon{color:#ef4444;font-size:48px;margin-bottom:16px}.deactivate-warning p{color:var(--text-primary);font-size:16px;margin:0 0 8px}.deactivate-warning .warning-subtext{color:var(--text-secondary);font-size:14px}.btn-danger{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-danger:hover{background:#dc2626}.nice-dates-navigation{align-items:center;color:#333;display:flex;justify-content:space-between;position:relative;text-align:center;text-transform:capitalize}.nice-dates-navigation_current{flex-grow:1;font-size:16px}.nice-dates-navigation_next,.nice-dates-navigation_previous{cursor:pointer;height:0;padding-bottom:14.28571%;position:relative;width:14.28571%}.nice-dates-navigation_next:before,.nice-dates-navigation_previous:before{border-right:2px solid #999;border-top:2px solid #999;box-sizing:border-box;content:"";display:block;height:14px;left:50%;margin-left:-7px;margin-top:-7px;position:absolute;top:50%;transform:rotate(45deg);transition:border-color .2s;width:14px}.nice-dates-navigation_next:hover:before,.nice-dates-navigation_previous:hover:before{border-color:#333}.nice-dates-navigation_next.-disabled,.nice-dates-navigation_previous.-disabled{cursor:default;pointer-events:none}.nice-dates-navigation_next.-disabled:before,.nice-dates-navigation_previous.-disabled:before{border-color:#ddd}.nice-dates-navigation_previous:before{transform:rotate(-135deg)}.nice-dates-week-header{box-shadow:0 1px 0 #0000000f;display:flex;padding:8px 0}.nice-dates-week-header_day{color:#999;font-size:14px;line-height:1;text-align:center;text-transform:capitalize;width:14.28571%}.nice-dates-grid{box-sizing:initial;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.nice-dates-grid_container{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-wrap:wrap;left:0;position:absolute;right:0;transition-property:none;transition-timing-function:cubic-bezier(.4,0,.2,1);will-change:transform}.nice-dates-grid_container.-moving .nice-dates-day_date{transition:color .3s}.nice-dates-grid_container.-origin-bottom{bottom:0;top:auto}.nice-dates-grid_container.-origin-top{bottom:auto;top:0}.nice-dates-grid_container.-transition{transition-property:transform}.nice-dates-day{align-items:center;border-top:1px solid #0000;box-sizing:border-box;color:#333;cursor:pointer;display:flex;flex-direction:column;font-size:14px;justify-content:center;position:relative;text-align:center;width:14.28571%}.nice-dates-day_date{transition:color .15s;will-change:color;z-index:3}.nice-dates-day_month{color:#999;font-size:12px;left:0;line-height:1;position:absolute;right:0;text-transform:capitalize;top:10%;z-index:3}.nice-dates-day:after,.nice-dates-day:before{border-radius:999px;bottom:0;box-sizing:border-box;content:"";display:block;left:0;opacity:0;position:absolute;right:0;top:0}.nice-dates-day:before{background-color:#333;z-index:1}.nice-dates-day:after{border:2px solid #333;transform:scale(.95);transition-duration:.15s;transition-property:transform,opacity;z-index:2}.nice-dates-day:not(.-disabled):hover:after{opacity:1;transform:scale(1)}@media (hover:none){.nice-dates-day:after{content:none}.nice-dates-day.-selected *{color:#fff}}.nice-dates-day.-selected:before{opacity:1}.nice-dates-day.-selected:hover:after{background-color:#fff}.nice-dates-day.-selected.-disabled *,.nice-dates-day.-selected:not(:hover) *{color:#fff}.nice-dates-day.-selected.-selected-start:before{border-bottom-right-radius:0;border-top-right-radius:0;right:0}.nice-dates-day.-selected.-selected-end:before{border-bottom-left-radius:0;border-top-left-radius:0;left:0}.nice-dates-day.-selected.-selected-middle:before{border-radius:0;left:0;right:0}.nice-dates-day.-selected.-selected-middle:nth-child(7n+1):before{border-bottom-left-radius:2px;border-top-left-radius:2px}.nice-dates-day.-selected.-selected-middle:not(.-end):nth-child(7n):before{border-bottom-right-radius:2px;border-top-right-radius:2px}.nice-dates-day.-today{font-weight:600}.nice-dates-day.-wide:after,.nice-dates-day.-wide:before{left:12.5%;right:12.5%}.nice-dates-day.-outside{color:#999}.nice-dates-day.-disabled{color:#ddd;cursor:default;pointer-events:none}.nice-dates-popover{background-color:#fff;border-radius:8px;box-shadow:0 1px 8px #0000001f;margin:8px 0;max-width:600px;position:absolute;transform:perspective(1000px);transform-origin:top;transition-duration:.4s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,.2,0,1.1);width:100%;will-change:transform,opacity;z-index:9}.nice-dates-popover:not(.-open){opacity:0;pointer-events:none;transform:perspective(1000px) rotateX(-15deg)}.nice-dates-popover{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #0000001a!important}.nice-dates-navigation{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.nice-dates-navigation_current{color:var(--text-primary)!important;font-weight:600!important}.nice-dates-navigation_next,.nice-dates-navigation_previous{color:var(--text-secondary)!important}.nice-dates-navigation_next:hover,.nice-dates-navigation_previous:hover{color:#3b82f6!important}.nice-dates-week-header{background:var(--bg-tertiary)!important;font-size:11px!important;letter-spacing:.5px!important;text-transform:uppercase!important}.nice-dates-week-header,.nice-dates-week-header_day{color:var(--text-secondary)!important}.nice-dates-grid{background:var(--bg-secondary)!important}.nice-dates-day{color:var(--text-primary)!important;position:relative!important}.nice-dates-day:before{background-color:initial!important}.nice-dates-day:hover:before{background-color:#25d36626!important}.nice-dates-day_selected{color:#fff!important;font-weight:700!important}.nice-dates-day_selected:before{background-color:#25d366!important;box-shadow:0 2px 4px #25d3664d!important}.nice-dates-day_selected:hover:before{background-color:#1fb855!important}.nice-dates-day.-outside{color:var(--text-secondary)!important;opacity:.4!important}.nice-dates-day.-disabled{color:var(--text-secondary)!important;cursor:not-allowed!important;opacity:.3!important}.nice-dates-day.-selected-end:before,.nice-dates-day.-selected-start:before{background-color:#25d366!important}.nice-dates-day.-selected-middle:before{background-color:#25d3664d!important}.nice-dates-day.-selected-middle{color:var(--text-primary)!important;font-weight:600!important}.nice-dates-day.-selected-middle:after,.nice-dates-day.-selected-start:after{background-color:#25d36640!important;bottom:0;content:"";position:absolute;right:0;top:0;width:50%;z-index:-1}.nice-dates-day.-selected-end:after{background-color:#25d36640!important;bottom:0;content:"";left:0;position:absolute;top:0;width:50%;z-index:-1}.nice-dates-day.-selected-start.-selected-end:after{display:none}.hero-date-picker{width:100%}.hero-date-picker button{border-radius:8px!important}.hero-date-picker input{color:var(--text-primary)!important;font-size:14px!important}.hero-date-picker [data-slot=input-wrapper]{border-radius:8px!important;transition:border-color .2s!important}.hero-date-picker [data-slot=input-wrapper]:hover{border-color:#3b82f6!important}[data-slot=calendar]{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 4px 12px #0000001a!important;padding:16px!important}[data-slot=calendar-header]{background:var(--bg-tertiary)!important;border-radius:8px!important;color:var(--text-primary)!important;margin-bottom:12px!important;padding:8px!important}[data-slot=calendar-header-wrapper],[data-slot=calendar-header]{align-items:center!important;display:flex!important;justify-content:space-between!important}[data-slot=calendar-header-wrapper]{width:100%!important}[data-slot=calendar-grid-header]{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-template-columns:repeat(7,1fr)!important;margin-bottom:8px!important}[data-slot=calendar-grid-header] th{color:var(--text-secondary)!important;font-size:12px!important;font-weight:600!important;padding:8px 4px!important;text-align:center!important}[data-slot=calendar-grid-body]{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-template-columns:repeat(7,1fr)!important}[data-slot=calendar-cell]{align-items:center!important;border-radius:6px!important;color:var(--text-primary)!important;cursor:pointer!important;display:flex!important;font-size:14px!important;justify-content:center!important;min-height:36px!important;min-width:36px!important;padding:8px 4px!important;text-align:center!important;transition:all .2s!important}[data-slot=calendar-cell][data-selected=true]{background:#25d366!important;color:#fff!important;font-weight:600!important}[data-slot=calendar-cell]:hover:not([data-disabled=true]){background:#25d36626!important}[data-slot=calendar-cell][data-disabled=true]{cursor:not-allowed!important;opacity:.4!important}[data-slot=calendar-cell][data-outside-month=true]{opacity:.3!important}.date-picker-modal{max-width:450px}.date-picker-modal .modal-body{padding:24px}.date-dropdowns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1.5fr .8fr}.date-dropdown-group{display:flex;flex-direction:column;gap:8px}.date-dropdown-group label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.date-dropdown:hover:not(:disabled){border-color:#3b82f6}.date-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-dropdown:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.5}.date-dropdown option{padding:8px}.time-off-date-picker{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px}.time-off-date-picker .nice-dates-grid{border-radius:8px;overflow:hidden}.selected-dates-display{align-items:center;background:#25d3661a;border:1px solid #25d3664d;border-radius:6px;color:var(--text-primary);display:flex;font-size:13px;gap:8px;margin-top:8px;padding:8px 12px}.selected-dates-display svg{color:#3b82f6}.address-autocomplete{position:relative;width:100%}.address-input-wrapper{align-items:center;display:flex;position:relative}.address-icon{color:var(--text-secondary);font-size:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.address-autocomplete input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.address-autocomplete input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.address-autocomplete input::placeholder,.address-hint{color:var(--text-tertiary)}.address-hint{display:block;font-size:11px;font-style:italic;margin-top:4px}.address-map-preview{border-radius:8px;height:180px;margin-top:12px;overflow:hidden;width:100%}.address-map-preview,.pac-container{border:1px solid var(--border-color)}.pac-container{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px #00000014;font-family:inherit;margin-top:4px;z-index:10000}.pac-item{border-top:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:12px 16px;transition:background .2s}.pac-item:first-child{border-top:none}.pac-item:hover{background:var(--bg-tertiary)}.pac-item-selected{background:#25d3661a}.pac-icon{display:none}.pac-item-query{color:var(--text-primary);font-size:14px;font-weight:500}.pac-matched{color:var(--whatsapp-green);font-weight:700}.pac-logo:after{display:none}.custom-select-wrapper{position:relative;width:100%}.custom-select-label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.025em;margin-bottom:6px;text-transform:uppercase}.custom-select-label svg{color:#3b82f6;height:14px;width:14px}.custom-select-trigger{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;display:flex;font-family:inherit;font-size:15px;justify-content:space-between;padding:12px 14px;text-align:left;transition:all .2s;width:100%}.custom-select-trigger:hover:not(.disabled){background:#f3f4f6;border-color:#d1d5db}.custom-select-trigger:focus{outline:none}.custom-select-trigger.open,.custom-select-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.custom-select-trigger.disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.custom-select-trigger .placeholder{color:#9ca3af}.custom-select-arrow{color:#6b7280;flex-shrink:0;height:16px;transition:transform .2s;width:16px}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-options{animation:customSelectFadeIn .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 40px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:99999}@keyframes customSelectFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{background:none;border:none;color:#374151;cursor:pointer;display:block;font-family:inherit;font-size:14px;padding:12px 14px;text-align:left;transition:background .15s;width:100%}.custom-select-option:hover{background:#f3f4f6}.custom-select-option.selected{background:#dbeafe;color:#1e40af}.custom-select-option:first-child{border-radius:8px 8px 0 0}.custom-select-option:last-child{border-radius:0 0 8px 8px}[data-theme=dark] .custom-select-trigger{background:#1f2937;background:var(--bg-secondary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .custom-select-trigger:hover:not(.disabled){background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .custom-select-options{background:#1f2937;background:var(--bg-secondary,#1f2937);border:1px solid #374151;border:1px solid var(--border-color,#374151)}[data-theme=dark] .custom-select-option{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .custom-select-option:hover{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .custom-select-option.selected{background:#3b82f633;color:#60a5fa}.user-profile-page{animation:fadeInPage .4s ease-out;background:var(--bg-primary);box-sizing:border-box;flex:1 1;min-height:100%;padding:32px 32px 64px;width:100%}.page-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.back-btn-styled{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.back-btn-styled:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.back-btn-styled svg{height:16px;width:16px}.back-btn{font-size:18px}.save-btn-top{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.save-btn-top:hover:not(:disabled){background:#1fb855}.save-btn-top:disabled{cursor:not-allowed;opacity:.6}.top-bar-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.history-btn-top{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.history-btn-top:hover{background:var(--bg-tertiary);border-color:#3b82f6;color:#3b82f6}.profile-banner{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.banner-content{align-items:flex-start;gap:20px}.profile-avatar-large{align-items:center;background:#3b82f6;border:3px solid var(--whatsapp-green);border-radius:50%;color:#fff!important;display:flex;flex-shrink:0;font-size:28px;font-weight:600;height:80px;justify-content:center;overflow:hidden;position:relative;transition:all .2s;width:80px}.profile-avatar-large span{color:#fff!important}.profile-avatar-large.clickable{cursor:pointer}.profile-avatar-large.clickable:hover{box-shadow:0 0 0 3px #25d36666;opacity:.85}.profile-avatar-large img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-upload-btn{align-items:center;background:var(--whatsapp-green);border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;left:0;position:absolute;transition:all .2s;width:28px}.avatar-upload-btn:hover{background:#1fb855;transform:scale(1.1)}.profile-name{color:#1a365d;font-size:24px;font-weight:700;margin:0}.profile-role{color:var(--whatsapp-green);font-size:14px;font-weight:500;margin:4px 0 0}.profile-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}.meta-item{color:var(--text-secondary)}.meta-item svg{color:var(--text-tertiary)}.profile-badges{display:flex;flex-shrink:0;gap:8px}.profile-tabs-nav{border-top:1px solid var(--border-color);display:flex;gap:32px;margin-top:24px;padding-top:16px}.tab-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 0;position:relative;transition:color .2s}.tab-link:hover{color:var(--text-primary)}.tab-link.active{color:#1a365d;font-weight:600}.tab-link.active:after{background:#1a365d;border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.status-badge.active{background:#25d36626;color:var(--whatsapp-green)}.status-badge.inactive{background:#ef44441a;color:#ef4444}.status-badge.pending{background:#f59e0b26;color:#f59e0b}.access-code-section{background:#25d36614;border:1px solid #25d36633;border-radius:12px;margin-top:16px;padding:16px 20px}.send-access-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 8px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.send-access-btn:hover{box-shadow:0 4px 12px #25d36666;transform:translateY(-1px)}.send-access-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.access-code-display{align-items:center;display:flex;gap:12px}.code-label{color:var(--text-secondary);font-size:13px}.code-value{background:var(--bg-secondary);border-radius:6px;color:var(--whatsapp-green);font-family:SF Mono,Fira Code,monospace;font-size:18px;font-weight:700;letter-spacing:2px;padding:6px 12px}.copy-btn{border-radius:6px;padding:8px}.copy-btn:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.access-hint{color:var(--text-secondary);font-size:13px;margin:10px 0 0}.profile-page-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.profile-page-content{max-width:900px}.tab-content{gap:24px}.content-card{overflow:visible}.content-card .card-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;padding:16px 20px}.content-card .card-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.content-card .card-body{display:flex;flex-direction:column;gap:16px;padding:20px}.cards-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-field{gap:6px}.form-field label{color:var(--text-secondary);font-size:13px;font-weight:500;gap:6px}.form-field input,.form-field select,.form-field textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.form-field input.disabled,.form-field input:disabled,.form-field select:disabled{cursor:not-allowed;opacity:.6}.nationality-dropdown{position:relative;width:100%}.nationality-dropdown.disabled{opacity:.6;pointer-events:none}.nationality-dropdown-trigger{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.nationality-dropdown-trigger:hover{border-color:#3b82f6}.nationality-dropdown-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.nationality-dropdown-trigger .flag-icon{border-radius:2px;box-shadow:0 1px 2px #0000001a;flex-shrink:0;height:18px;width:24px}.nationality-dropdown-trigger span{flex:1 1}.nationality-dropdown-trigger .chevron{color:#6b7280;flex-shrink:0;transition:transform .2s}.nationality-dropdown-trigger .chevron.open{transform:rotate(180deg)}.nationality-dropdown-menu{animation:dropdownFadeIn .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.nationality-option{align-items:center;background:none;border:none;color:#1f2937;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.nationality-option:hover{background:#f3f4f6}.nationality-option.selected{background:#eff6ff;color:#2563eb}.nationality-option .flag-icon{border-radius:2px;box-shadow:0 1px 2px #0000001a;flex-shrink:0;height:18px;width:24px}.nationality-option span{flex:1 1}.nationality-option .check{color:#2563eb;font-weight:600}[data-theme=dark] .nationality-dropdown-menu{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .nationality-option{color:var(--text-primary)}[data-theme=dark] .nationality-option:hover{background:var(--bg-tertiary)}[data-theme=dark] .nationality-option.selected{background:#3b82f626}.working-week-grid{display:flex;flex-wrap:wrap;gap:12px}.day-checkbox{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px}.day-checkbox input{accent-color:var(--whatsapp-green)}.day-checkbox span{font-size:13px}.form-footer{padding-top:16px}.save-btn{display:inline-flex;padding:12px 24px}.save-btn:disabled{opacity:.6}.add-document-bar{display:flex;justify-content:flex-end;margin-bottom:20px}.add-doc-input-group{align-items:center;display:flex;gap:12px}.doc-type-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:200px;padding:10px 14px}.doc-type-select:focus{border-color:var(--whatsapp-green);outline:none}.add-doc-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.add-doc-btn:hover:not(:disabled){background:#1fb855}.add-doc-btn:disabled{cursor:not-allowed;opacity:.6}.content-cards-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.content-card-group{display:flex;flex-direction:column;gap:20px}@media (max-width:768px){.content-cards-row{grid-template-columns:1fr}}.profile-documents{display:flex;flex-direction:column;gap:16px;padding:24px}.doc-folder{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.custom-doc-input,.doc-folder{background:var(--bg-secondary)}.custom-doc-input{border:2px dashed var(--border-color);border-radius:12px;display:flex;gap:12px;margin-top:8px;padding:16px 20px}.custom-doc-input input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;padding:10px 14px}.custom-doc-input input:focus{border-color:var(--whatsapp-green);outline:none}.custom-doc-input button{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.custom-doc-input button:hover{background:#2563eb}.custom-doc-input button:disabled{cursor:not-allowed;opacity:.6}.folder-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 20px}.folder-header h4{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.folder-header h4 svg{color:var(--whatsapp-green)}.upload-btn{border-radius:6px;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s}.upload-btn:disabled{cursor:not-allowed;opacity:.6}.folder-docs{padding:12px 20px}.empty-folder,.empty-state{color:var(--text-tertiary);font-size:13px;margin:0;padding:8px 0}.doc-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:10px 0}.doc-item:last-child{border-bottom:none}.doc-icon{color:var(--text-tertiary)}.doc-name{color:var(--text-primary);flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-actions{display:flex;gap:4px}.doc-actions button{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:6px;transition:all .2s}.doc-actions button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.doc-actions button.delete:hover{background:#ef44441a;color:#ef4444}.timeoff-list{display:flex;flex-direction:column;gap:12px}.timeoff-item{background:var(--bg-primary);border-radius:8px;justify-content:space-between;padding:12px}.timeoff-dates,.timeoff-item{align-items:center;display:flex}.timeoff-dates{color:var(--text-primary);font-size:14px;gap:8px}.timeoff-dates .separator{color:var(--text-tertiary)}.timeoff-meta{align-items:center;display:flex;gap:8px}.type-badge{background:var(--bg-tertiary);color:var(--text-secondary)}.timeoff-meta .status-badge,.type-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.timeoff-meta .status-badge{margin-left:0}.request-actions{align-items:center;display:flex;gap:6px;margin-left:auto}.request-approve-btn,.request-delete-btn,.request-edit-btn,.request-reject-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.request-approve-btn:hover{background:#10b9810d;border-color:#10b981;color:#10b981}.request-reject-btn:hover{background:#f59e0b0d;border-color:#f59e0b;color:#f59e0b}.request-delete-btn:hover{background:#ef44440d;border-color:#ef4444;color:#ef4444}.request-edit-btn:hover{background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.request-approve-btn:disabled,.request-reject-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.user-profile-page{padding:16px}.header-info{flex-wrap:wrap}.status-badge{margin-left:0;margin-top:12px}.profile-page-tabs{flex-wrap:nowrap;overflow-x:auto}.tab-btn{white-space:nowrap}.cards-row,.form-row{grid-template-columns:1fr}.working-week-grid{gap:8px}.day-checkbox{padding:6px 10px}}.pay-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px}.pay-field{margin-bottom:20px}.pay-field:last-child{margin-bottom:0}.pay-label{color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pay-field input,.pay-field select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;margin-bottom:8px;padding:12px 14px;transition:all .2s;width:100%}.pay-field input:last-child,.pay-field select:last-child{margin-bottom:0}.pay-field input:focus,.pay-field select:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.pay-value{color:var(--text-primary);font-size:15px;line-height:1.6}.pay-value div{margin-bottom:4px}.pay-value div:last-child{margin-bottom:0}.salary-card{height:-webkit-fit-content;height:fit-content}.salary-section .pay-field{margin-bottom:0}.toggle-salary-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;margin-top:12px;padding:8px 16px;transition:all .2s}.toggle-salary-btn:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.salary-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.salary-input-wrapper{align-items:center;display:flex;flex:2 1;gap:8px;min-width:250px}.currency-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex-shrink:0;font-size:14px;min-width:110px;padding:12px}.salary-input-wrapper .currency{color:var(--text-primary);font-size:18px;font-weight:600}.salary-input-wrapper input[type=number]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;min-width:120px;padding:12px}.salary-locked{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2d5a87);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center;transition:all .3s ease}.salary-locked:hover{background:linear-gradient(135deg,#2d5a87,#3b82f6);box-shadow:0 8px 24px #3b82f640;transform:translateY(-2px)}.salary-locked .lock-icon{color:#93c5fd;font-size:48px;margin-bottom:16px;transition:transform .3s ease}.salary-locked:hover .lock-icon{transform:scale(1.1)}.salary-locked p{color:#fff;font-size:16px;font-weight:700;letter-spacing:2px;margin:0 0 8px;text-shadow:0 1px 2px #0003}.salary-locked .salary-hint{color:#fffc;font-size:13px;font-weight:500}.salary-section{animation:salaryReveal .4s ease-out}@keyframes salaryReveal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.address-display{color:var(--text-primary);line-height:1.6}.address-display p{margin:0 0 4px}.address-display p:last-child{margin-bottom:0}.card-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:16px 20px}@media (max-width:900px){.pay-layout{grid-template-columns:1fr}}.timeoff-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:24px}.timeoff-left{gap:20px}.timeoff-left,.timeoff-right{display:flex;flex-direction:column}.allowance-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.allowance-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.allowance-card h3 svg{color:var(--whatsapp-green)}.allowance-display{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:12px}.allowance-total,.allowance-used{text-align:center}.allowance-number{color:var(--text-primary);display:block;font-size:32px;font-weight:700}.allowance-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.allowance-divider{color:var(--text-tertiary);font-size:24px}.allowance-remaining{background:#25d3661a;border-radius:8px;color:var(--whatsapp-green);font-size:14px;font-weight:600;padding:10px;text-align:center}.request-form-card{background:var(--bg-secondary);border:1px solid var(--border-color)}.request-form-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.request-form-card h3 svg{color:var(--whatsapp-green)}.request-form-card .form-field{margin-bottom:16px}.request-form-card .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.request-form-card textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.request-form-card textarea:focus{border-color:var(--whatsapp-green);outline:none}.submit-request-btn{background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s;width:100%}.submit-request-btn:hover{background:#2563eb}.submit-request-btn:disabled{cursor:not-allowed;opacity:.6}.my-requests-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.my-requests-card h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 16px}.btn-add-timeoff{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.btn-add-timeoff:hover{background:#2563eb;transform:translateY(-1px)}.no-requests{color:var(--text-tertiary);font-size:14px;margin:0}.requests-list{display:flex;flex-direction:column;gap:10px}.request-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;padding:12px}.request-dates,.request-item{align-items:center;display:flex}.request-dates{color:var(--text-primary);font-size:13px;gap:8px}.date-separator{color:var(--text-tertiary)}.request-badges{display:flex;gap:8px}.status-badge,.type-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.calendar-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:20px}.calendar-header{margin-bottom:16px}.calendar-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.calendar-header h3 svg{color:var(--whatsapp-green)}.calendar-action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.calendar-action-btn:hover{background:#25d3660d;border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.calendar-controls{gap:8px}.calendar-filter{align-items:center;display:flex;gap:6px}.calendar-filter svg{color:var(--text-secondary)}.calendar-filter select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;padding:6px 10px}.calendar-expand-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.calendar-expand-btn:hover{background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.calendar-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-nav button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.calendar-nav button:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.calendar-month{color:var(--text-primary);font-size:15px;font-weight:600}.user-profile-page .calendar-grid{display:flex!important;flex-direction:column!important;width:100%}.user-profile-page .calendar-days,.user-profile-page .calendar-weekdays{grid-gap:4px;display:grid!important;gap:4px;grid-template-columns:repeat(7,1fr)!important;width:100%}.user-profile-page .calendar-weekdays{margin-bottom:8px}.user-profile-page .calendar-day,.user-profile-page .weekday{min-width:0}.user-profile-page .weekday{color:var(--text-secondary);font-size:11px;font-weight:600;padding:8px 0;text-align:center;text-transform:uppercase}.user-profile-page .calendar-day{align-items:center;aspect-ratio:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;justify-content:flex-start;min-height:50px;padding:4px}.user-profile-page .calendar-day.empty{background:#0000;border:none}.user-profile-page .calendar-day.today{border:2px solid var(--whatsapp-green)}.user-profile-page .calendar-day.has-events{background:#25d3660d}.day-number{font-size:12px;margin-bottom:2px}.day-events{display:flex;flex-direction:column;gap:2px;width:100%}.day-event{align-items:center;border-radius:12px;display:flex;font-size:9px;gap:4px;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;white-space:nowrap}.event-avatar-placeholder{align-items:center;background:#ffffffe6;border-radius:50%;color:inherit;display:flex;flex-shrink:0;font-size:8px;font-weight:700;height:16px;justify-content:center;width:16px}.event-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-event.more{background:var(--bg-tertiary);color:var(--text-secondary)}.expanded-calendar-overlay{background:var(--bg-primary);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.expanded-calendar-modal{background:var(--bg-primary);border-radius:0;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.expanded-calendar-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.expanded-calendar-header h2{align-items:center;color:#1a365d;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0}.expanded-calendar-body{flex:1 1;overflow-y:auto;padding:24px}.calendar-weekdays-expanded{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:12px}.weekday-expanded{background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:600;padding:12px 0;text-align:center;text-transform:uppercase}.calendar-grid-expanded{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-grid-expanded .calendar-day{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-height:120px;padding:8px}.calendar-grid-expanded .calendar-day.today{background:#25d3660d;border:2px solid var(--whatsapp-green)}.calendar-grid-expanded .day-number{font-size:14px;font-weight:600;margin-bottom:8px}.calendar-grid-expanded .day-event{align-items:center;border-radius:4px;display:flex;font-size:12px;gap:6px;margin-bottom:4px;padding:6px 8px}.event-avatar{background:#ffffffe6;border-radius:50%;flex-shrink:0;height:16px;object-fit:cover;width:16px}.filter-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.filter-panel{animation:slideInRight .25s ease-out;background:var(--bg-primary);box-shadow:-8px 0 30px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:360px;z-index:1001}.filter-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.filter-panel-header h3{align-items:center;color:#1a365d;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0}.filter-panel-header h3 svg{color:var(--whatsapp-green)}.filter-panel-body{flex:1 1;overflow-y:auto;padding:24px}.filter-search{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:10px;margin-bottom:12px;margin-top:8px;padding:10px 12px}.filter-search svg{color:var(--text-secondary);flex-shrink:0}.filter-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.filter-search input::placeholder{color:var(--text-tertiary)}.filter-avatar{object-fit:cover}.filter-avatar,.filter-avatar-placeholder{border-radius:50%;flex-shrink:0;height:28px;width:28px}.filter-avatar-placeholder{align-items:center;background:var(--whatsapp-green);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center}.filter-section{margin-bottom:28px}.filter-section:last-child{margin-bottom:0}.filter-label{border-bottom:1px solid var(--border-color);display:block;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:14px;padding-bottom:8px;text-transform:uppercase}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-checkbox{align-items:center;background:var(--bg-secondary);border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s}.filter-checkbox:hover{background:#25d36614}.filter-checkbox:has(input:checked){background:#25d3661a;border-color:var(--whatsapp-green)}.filter-checkbox input[type=checkbox]{accent-color:var(--whatsapp-green);border-radius:4px;cursor:pointer;height:20px;width:20px}.filter-checkbox span{color:var(--text-primary);font-size:14px;font-weight:500}.filter-panel-footer{border-top:1px solid var(--border-color);padding:20px 24px}.btn-clear-filters{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s;width:100%}.btn-clear-filters:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.message-banner.floating{animation:slideInRight .3s ease;bottom:24px;position:fixed;right:24px;z-index:1000}.address-details-grid{grid-gap:16px;display:grid;gap:16px}.address-detail-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px}.address-detail-item label{color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.address-detail-item p{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}@media (max-width:900px){.request-form-card .form-row,.timeoff-layout{grid-template-columns:1fr}}.multi-select-container{display:flex;flex-direction:column;gap:8px}.multi-select-selected{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:6px;min-height:40px;padding:8px 12px}.multi-select-placeholder{color:var(--text-secondary);font-size:14px}.multi-select-tag{align-items:center;background:#3b82f6;border-radius:16px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:4px 10px}.multi-select-tag-remove{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:.8;padding:0;transition:opacity .2s}.multi-select-tag-remove:hover{opacity:1}.multi-select-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 12px}.multi-select-dropdown:focus{border-color:#3b82f6;outline:none}.multi-select-tag.with-avatar{padding-left:4px}.approver-avatar-small{border-radius:50%;flex-shrink:0;height:20px;object-fit:cover;width:20px}.approver-avatar-small.approver-initials{align-items:center;background:#fff3;color:#fff;display:flex;font-size:10px;font-weight:600;justify-content:center}.approvers-dropdown-wrapper{position:relative}.approvers-dropdown-trigger{align-items:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 14px;transition:all .2s;width:100%}.approvers-dropdown-trigger:hover{background:var(--bg-tertiary);border-color:#3b82f6;color:#3b82f6}.approvers-dropdown-menu{animation:dropdownFadeIn .2s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.approver-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.approver-option:hover{background:var(--bg-secondary)}.approver-option:first-child{border-radius:12px 12px 0 0}.approver-option:last-child{border-radius:0 0 12px 12px}.approver-option:only-child{border-radius:12px}.approver-option.no-options{color:var(--text-secondary);cursor:default;font-size:13px;justify-content:center}.approver-option.no-options:hover{background:none}.approver-avatar{border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.approver-avatar.approver-initials{align-items:center;background:#3b82f6;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.approver-info{display:flex;flex-direction:column;gap:2px}.approver-name{color:var(--text-primary);font-size:14px;font-weight:500}.approver-role{color:var(--text-secondary);font-size:12px;text-transform:capitalize}.user-profile-page .sa-settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.user-profile-page .sa-checkbox-option{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.user-profile-page .sa-checkbox-option:hover{background:var(--bg-tertiary);border-color:#3b82f6}.user-profile-page .sa-checkbox-option input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;margin-top:2px;min-width:20px;width:20px}.user-profile-page .sa-checkbox-content{display:flex;flex-direction:column;gap:4px}.notification{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#1a202c;display:flex;gap:12px;margin-bottom:12px;max-width:500px;min-width:300px;padding:16px 20px;transition:none!important}.notification-success{border-left-color:#10b981}.notification-error{border-left-color:#ef4444}.notification-warning{border-left-color:#f59e0b}.notification-info{border-left-color:#3b82f6}.notification-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;justify-content:center}.notification-success .notification-icon{color:#10b981}.notification-error .notification-icon{color:#ef4444}.notification-warning .notification-icon{color:#f59e0b}.notification-info .notification-icon{color:#3b82f6}.notification-message{color:#1a202c!important;flex:1 1;font-weight:500;transition:none!important}.notification-close{align-items:center;color:#6b7280;display:flex;flex-shrink:0}.notification-close:hover{color:#1a202c}[data-theme=dark] .notification-close{color:var(--text-secondary)}[data-theme=dark] .notification-close:hover{color:var(--text-primary)}.notifications-container{align-items:flex-end;display:flex;flex-direction:column;position:fixed;right:20px;top:20px;z-index:9999}.confirm-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.confirm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:24px;width:100%}.confirm-modal-title{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 12px}.confirm-modal-message{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.confirm-modal-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#6b7280}.confirm-modal-btn-cancel:hover{background:#f9fafb}.confirm-modal-btn-confirm{background:#ef4444;color:#fff}.confirm-modal-btn-confirm:hover{background:#dc2626}[data-theme=dark] .notification{background:var(--bg-secondary);color:var(--text-primary);transition:none!important}[data-theme=dark] .notification-message{color:var(--text-primary)!important;transition:none!important}[data-theme=dark] .confirm-modal{background:var(--bg-secondary)}[data-theme=dark] .confirm-modal-title{color:var(--text-primary)}[data-theme=dark] .confirm-modal-message{color:var(--text-secondary)}[data-theme=dark] .confirm-modal-btn-cancel{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.user-edit,[data-theme=dark] .confirm-modal-btn-cancel:hover{background:var(--bg-primary)}.user-edit{height:100%;overflow-y:auto;padding:32px}.user-edit-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.back-btn{border:2px solid var(--border-color);border-radius:12px;height:44px;text-decoration:none;width:44px}.back-btn svg{color:inherit;height:20px;width:20px}.back-btn:hover{background:#25d3661a}.permissions-grid{grid-gap:12px;background:var(--bg-tertiary);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:8px;padding:16px}.permission-checkbox{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.permission-checkbox:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green)}.permission-checkbox input[type=checkbox]{accent-color:var(--whatsapp-green);cursor:pointer;flex-shrink:0;height:18px;margin:0;min-height:18px;min-width:18px;vertical-align:middle;width:18px}.permission-checkbox span{color:var(--text-primary);font-size:14px;font-weight:500}.user-edit-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.user-edit-form{margin:0 auto;max-width:900px}.form-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:32px}.form-section h2{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0 0 24px;padding-bottom:16px}.form-section h2 svg{color:var(--whatsapp-green);height:20px;width:20px}.photo-section{text-align:center}.photo-upload-container{align-items:center;display:flex;gap:32px;justify-content:center}.photo-preview{border:4px solid var(--border-color);height:160px;position:relative;width:160px}.photo-placeholder{font-size:64px}.photo-upload-btn{align-items:center;background:var(--whatsapp-green);border:3px solid var(--bg-secondary);border-radius:50%;bottom:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:40px}.photo-upload-btn:hover{background:var(--whatsapp-green-dark);transform:scale(1.1)}.photo-info{text-align:left}.photo-label{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.photo-hint{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.photo-selected{align-items:center;color:var(--whatsapp-green);display:flex;font-size:14px;font-weight:500;gap:8px;margin:0}.form-grid{grid-gap:24px;gap:24px}.form-group label svg{color:var(--whatsapp-green)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border-radius:10px;transition:all .2s ease}.toggle-group{display:flex;flex-direction:column;gap:8px}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{display:none}.toggle-switch{background:var(--border-color);border-radius:32px;height:32px;transition:background .3s ease;width:56px}.toggle-switch:before{background:var(--bg-secondary);border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;left:4px;position:absolute;top:4px;transition:transform .3s ease;width:24px}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:var(--whatsapp-green)}.toggle-label input[type=checkbox]:checked+.toggle-switch:before{transform:translateX(24px)}.toggle-text{color:var(--text-primary);font-size:16px;font-weight:600}.field-hint,.toggle-hint{color:var(--text-secondary);font-size:14px;margin:8px 0 0}.form-actions{gap:16px;margin-top:32px}.form-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.form-actions .btn:disabled{cursor:not-allowed;opacity:.5}.form-actions .btn-primary{background:#3b82f6;color:#fff}.form-actions .btn-primary svg{color:#fff;height:18px;width:18px}.form-actions .btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #25d36666;transform:translateY(-2px)}.form-actions .btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-color)!important;border-radius:10px;color:var(--text-primary)}.form-actions .btn-secondary svg{color:inherit;height:18px;width:18px}.form-actions .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--whatsapp-green)!important;color:var(--whatsapp-green)}.empty-state,.loading-state{height:60vh}.loading-spinner{border-top:4px solid var(--border-color);border-top-color:var(--whatsapp-green)}@media (max-width:768px){.user-edit{padding:20px 16px}.user-edit-header h1{font-size:24px}.form-section{padding:24px 20px}.form-grid{gap:16px;grid-template-columns:1fr}.photo-upload-container{flex-direction:column;text-align:center}.photo-info{text-align:center}.photo-preview{height:120px;width:120px}.toggle-hint{margin-top:8px;padding-left:0}.form-actions{flex-direction:column-reverse}.form-actions .btn{justify-content:center;width:100%}}[data-theme=dark] .toggle-switch:before{background:var(--bg-primary)}.section-hint{margin:-8px 0 16px}.working-days-grid{display:flex;flex-wrap:wrap;gap:8px}.day-checkbox{background:var(--bg-secondary);border:2px solid var(--border-color);gap:6px;padding:10px 16px}.day-checkbox:has(input:checked){background:#25d3661a;border-color:var(--whatsapp-green)}.day-checkbox input{display:none}.day-checkbox span{color:var(--text-primary)}.shift-types-grid{display:flex;flex-wrap:wrap;gap:12px}.shift-type-checkbox{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px 20px;transition:all .2s}.shift-type-checkbox:has(input:checked){background:#25d3661a;border-color:var(--whatsapp-green)}.shift-type-checkbox input{accent-color:var(--whatsapp-green);height:16px;width:16px}.shift-type-checkbox span{color:var(--text-primary);font-size:14px;font-weight:500}.staff-type-toggle{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:20px}.staff-type-toggle label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.toggle-buttons{display:flex;gap:8px;margin-bottom:8px}.toggle-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);flex:1 1;padding:12px 20px}.toggle-btn.active,.toggle-btn:hover{border-color:var(--whatsapp-green)}.toggle-btn.active{background:#25d3661a;color:var(--whatsapp-green)}.no-enhancements-hint,.staff-type-hint{color:var(--text-secondary);font-size:13px}.no-enhancements-hint{background:var(--bg-tertiary);border-radius:8px;font-style:italic;margin:0;padding:12px}.account-status-card{align-items:center;border:2px solid;border-radius:12px;display:flex;justify-content:space-between;padding:20px 24px;transition:all .3s ease}.account-status-card.active{background:#25d36614;border-color:#25d3664d}.account-status-card.inactive{background:#ef444414;border-color:#ef44444d}.status-info{gap:16px}.status-indicator,.status-info{align-items:center;display:flex}.status-indicator{font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.status-indicator.active{background:#25d36633;color:var(--whatsapp-green)}.status-indicator.inactive{background:#ef444433;color:#ef4444}.status-details{display:flex;flex-direction:column;gap:4px}.status-label{color:var(--text-primary);font-size:16px;font-weight:600}.status-description{color:var(--text-secondary);font-size:13px}.status-toggle-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.status-toggle-btn.deactivate{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.status-toggle-btn.deactivate:hover{background:#ef444433}.status-toggle-btn.activate{background:var(--whatsapp-green);color:#fff}.status-toggle-btn.activate:hover{background:#2563eb}@media (max-width:768px){.account-status-card{gap:16px;text-align:center}.account-status-card,.status-info{flex-direction:column}.status-toggle-btn{width:100%}}.time-off-container{animation:fadeInPage .4s ease-out;background:var(--bg-primary);display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 64px);padding:0;width:100%}.time-off-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:24px 32px}.time-off-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:30px;font-weight:800;gap:12px;letter-spacing:-.5px;margin:0 0 8px}.time-off-header h1 svg{-webkit-text-fill-color:initial;color:var(--whatsapp-green)}.time-off-header p{color:var(--text-secondary);font-size:14px;margin:0}.time-off-tabs{background:var(--bg-primary);display:flex;gap:8px;padding:16px 32px}.time-off-tab{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.time-off-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.time-off-tab.active{background:var(--whatsapp-green);color:#fff}.time-off-content{background:var(--bg-primary);flex:1 1;padding:24px 32px}.time-off-section{background:var(--bg-secondary);border-radius:12px;padding:24px}.time-off-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.coming-soon{background:var(--bg-tertiary);border-radius:8px;color:var(--text-tertiary);font-style:italic;padding:40px;text-align:center}.allowance-summary{background:var(--bg-tertiary);border-radius:12px;margin-bottom:24px;padding:20px}.allowance-stats{display:flex;gap:24px;margin-top:16px}.allowance-stat{align-items:center;background:var(--bg-primary);border-radius:8px;display:flex;flex-direction:column;min-width:100px;padding:16px 24px}.allowance-stat .stat-value{color:var(--whatsapp-green);font-size:32px;font-weight:700}.allowance-stat .stat-label{color:var(--text-secondary);font-size:12px;margin-top:4px}.request-form-card{background:var(--bg-tertiary);border-radius:12px;padding:20px}.pending-stats{display:flex;gap:16px;margin-bottom:24px}.stat-card{border-left:4px solid var(--text-tertiary);flex:1 1;flex-direction:column}.stat-card.approved{border-left-color:var(--whatsapp-green)}.stat-card.rejected{border-left-color:#e74c3c}.stat-card .stat-value{font-size:28px}.stat-card .stat-label{margin-top:4px}.requests-list{background:var(--bg-tertiary);border-radius:12px;padding:20px}@media (max-width:768px){.time-off-container{padding:16px}.time-off-tabs{flex-wrap:wrap}.time-off-tab{flex:1 1;justify-content:center;min-width:120px}.allowance-stats{gap:12px}.allowance-stats,.pending-stats{flex-direction:column}}.profile-history-page{animation:fadeInPage .4s ease;margin:0 auto;max-width:900px;padding:24px}.history-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.history-header .back-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.history-header .back-btn:hover{background:var(--bg-tertiary);border-color:#3b82f6;color:#3b82f6}.header-content h1{color:#1a365d;font-size:24px;font-weight:700}.header-content p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.history-filters{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.history-filters .filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.history-filters .filter-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.history-filters .refresh-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:auto;transition:all .2s ease;width:40px}.history-filters .refresh-btn:hover{background:#25d366;border-color:#25d366;color:#fff}.history-content{min-height:300px}.loading-state .spinner{animation:spin .8s linear infinite;height:32px;margin-bottom:16px;width:32px}.history-timeline{display:flex;flex-direction:column;gap:12px}.history-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.history-item:hover{border-color:#25d366;box-shadow:0 2px 8px #25d3661a}.history-item .item-icon{align-items:center;background:var(--bg-tertiary);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.history-item .action-icon{color:var(--text-secondary);font-size:18px}.history-item .action-icon.add{color:#25d366}.history-item .action-icon.approve{color:#10b981}.history-item .action-icon.decline,.history-item .action-icon.delete{color:#ef4444}.history-item .action-icon.edit{color:#3b82f6}.history-item .item-content{flex:1 1;min-width:0}.history-item .item-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.history-item .action-label{color:var(--text-primary);font-size:15px;font-weight:600}.history-item .timestamp{color:var(--text-secondary);font-size:12px;white-space:nowrap}.history-item .item-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:8px}.history-item .target-user{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:4px}.history-item .performed-by{color:var(--text-secondary)}.change-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.change-details .detail-chip{background:#25d3661a;border-radius:20px;color:#25d366;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.change-details .detail-dates{background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:12px;padding:4px 10px}.change-details .detail-reason{color:var(--text-secondary);font-size:13px;font-style:italic}.change-item{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;font-size:13px;gap:6px;padding:6px 10px}.change-item .change-field{color:var(--text-primary);font-weight:600;text-transform:capitalize}.change-item .change-old{color:#ef4444;max-width:150px;overflow:hidden;text-decoration:line-through;text-overflow:ellipsis;white-space:nowrap}.change-item .change-arrow{color:var(--text-secondary)}.change-item .change-new{color:#10b981;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item.time_off .item-icon{background:#25d3661a}.history-item.profile .item-icon{background:#3b82f61a}@media (max-width:640px){.profile-history-page{padding:16px}.history-filters{align-items:stretch;flex-direction:column}.history-filters .filter-group{width:100%}.history-filters .refresh-btn{margin-left:0;width:100%}.history-item .item-header{align-items:flex-start;flex-direction:column;gap:4px}}.user-settings-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.user-settings-modal{animation:modalSlideIn .3s cubic-bezier(.25,.46,.45,.94);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:480px;overflow:hidden;width:90%}.settings-header{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));color:#fff;padding:20px 24px}.settings-header h3{font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-button:hover{background:#ffffff4d}.settings-content{max-height:60vh;overflow-y:auto;padding:24px}.profile-photo-section{align-items:center;background:var(--whatsapp-light-gray);border-radius:12px;display:flex;flex-direction:column;margin-bottom:32px;padding:20px}.current-photo{border:3px solid var(--whatsapp-green);border-radius:50%;height:80px;margin-bottom:12px;overflow:hidden;width:80px}.profile-image{height:100%;object-fit:cover;width:100%}.default-avatar{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));color:#fff;font-size:32px;height:100%;justify-content:center;width:100%}.default-avatar,.photo-actions{align-items:center;display:flex}.photo-actions{color:var(--text-secondary);font-size:14px;gap:8px}.camera-icon{font-size:16px}.form-section{display:flex;flex-direction:column;gap:20px}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);font-size:16px;left:12px;z-index:1}.input-with-icon input{background:#fff;border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.input-with-icon input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.role-display{display:flex;flex-direction:column;gap:8px}.role-badge{border-radius:16px;letter-spacing:.5px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.role-badge.admin{background:#dc2626;color:#fff}.role-badge.supervisor{background:#f59e0b;color:#fff}.role-badge.agent{background:var(--whatsapp-green);color:#fff}.role-badge.user{background:var(--text-secondary);color:#fff}.role-display small{color:var(--text-secondary);font-size:12px}.settings-footer{background:#f9fafb;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-button{background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-button:hover{background:var(--whatsapp-light-gray)}.save-button{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.save-button:hover:not(:disabled){background:var(--whatsapp-green-dark)}.save-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.user-settings-modal{margin:20px;width:95%}.settings-content{padding:20px}.settings-footer{padding:16px 20px}}.user-dropdown{position:relative;width:100%}.user-dropdown-trigger{align-items:center;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;padding:10px;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.user-dropdown-trigger:hover{border-color:var(--whatsapp-green);box-shadow:var(--shadow-medium)}.user-dropdown-trigger .user-avatar{align-items:center;background:var(--whatsapp-green);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;min-height:40px;min-width:40px;overflow:hidden;position:relative;width:40px}.user-dropdown-trigger .user-avatar .avatar-initials{color:#fff;font-size:16px;font-weight:600;transition:opacity .3s ease;z-index:1}.user-dropdown-trigger .user-avatar .avatar-initials.hidden{opacity:0}.user-dropdown-trigger .user-avatar .avatar-image,.user-dropdown-trigger .user-avatar img{border-radius:50%!important;display:block!important;height:100%!important;left:0;object-fit:cover!important;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%!important;z-index:2}.user-dropdown-trigger .user-avatar .avatar-image.visible{opacity:1}.user-dropdown-trigger .user-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:visible}.user-dropdown-trigger .user-name{color:var(--text-primary);display:block;font-size:13px;font-weight:500;line-height:1.4;margin:0;max-width:100%;overflow:visible;white-space:normal;width:100%;word-break:break-word}.user-dropdown-trigger .user-role{background:#6366f1;border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin:0;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.dropdown-arrow{color:var(--text-secondary);flex-shrink:0;font-size:14px;opacity:.5}.user-dropdown-menu{animation:dropdownSlideIn .2s cubic-bezier(.25,.46,.45,.94);background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:9999}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));gap:16px;padding:20px}.dropdown-header,.user-avatar-large{align-items:center;color:#fff;display:flex}.user-avatar-large{background:#e0e0e0;border-radius:50%;flex-shrink:0;font-size:32px;font-weight:600;height:80px;justify-content:center;width:80px}.user-avatar-large .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-details{flex:1 1;min-width:0}.user-name-large{font-size:16px;font-weight:600;margin-bottom:4px}.user-email,.user-name-large{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:13px;margin-bottom:6px;opacity:.9}.user-role-badge{background:#fff3;border-radius:12px;font-size:11px;font-weight:500;padding:4px 8px}.dropdown-divider{background:var(--border-color);height:1px;margin:0}.dropdown-item{color:var(--text-primary);gap:12px;padding:12px 20px;transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--whatsapp-light-gray)}.logout-item{color:#dc2626}.logout-item:hover{background-color:#fef2f2}.dropdown-item svg{flex-shrink:0;font-size:16px}@media (max-width:768px){.user-dropdown-menu{min-width:260px}.user-dropdown-trigger .user-name{max-width:100px}}.theme-toggle-tooltip{animation:bounceIn .5s ease;background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));border-radius:12px;bottom:calc(100% + 12px);box-shadow:0 8px 24px #0000004d;color:#fff;left:50%;padding:16px;position:absolute;transform:translateX(-50%);width:280px;z-index:1000}@keyframes bounceIn{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.9)}50%{transform:translateX(-50%) translateY(-5px) scale(1.02)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.tooltip-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--whatsapp-green-dark);bottom:-6px;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.tooltip-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.tooltip-close:hover{background:#ffffff4d}.tooltip-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.tooltip-icon{flex-shrink:0;font-size:24px;margin-top:2px}.tooltip-text{flex:1 1}.tooltip-text strong{display:block;font-size:15px;font-weight:600;line-height:1.3;margin-bottom:4px}.tooltip-text p{font-size:13px;line-height:1.4;margin:0;opacity:.95}.tooltip-action{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px;transition:all .2s ease;width:100%}.tooltip-action:hover{background:#ffffff4d;transform:translateY(-1px)}@media (max-width:768px){.theme-toggle-tooltip{font-size:13px;padding:14px;width:260px}.tooltip-icon{font-size:20px}.tooltip-text strong{font-size:14px}.tooltip-text p{font-size:12px}}.theme-toggle{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.theme-toggle:hover{background:var(--whatsapp-green);border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d3664d;color:#fff;transform:rotate(180deg) scale(1.1)}.theme-toggle:active{transform:rotate(180deg) scale(.95)}.theme-toggle svg{transition:all .3s ease}[data-theme=dark] .theme-toggle{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}[data-theme=dark] .theme-toggle:hover{background:#25d36640;border-color:#25d36680;transform:rotate(180deg) scale(1.1)}.notification-permission-wrapper{display:inline-block;position:relative}.notification-permission-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.notification-permission-btn.default{background:#fef3c7;border:1px solid #fbbf24;color:#d97706}.notification-permission-btn.default:hover{background:#fef08a;transform:translateY(-1px)}.notification-permission-btn.enabled{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a;cursor:default}.notification-permission-btn.denied{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.notification-permission-btn.denied:hover{background:#fecaca}.notification-permission-btn:disabled{cursor:default;transform:none}.notification-permission-btn svg{font-size:14px}.notification-tooltip{background:#1f2937;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;line-height:1.4;margin-bottom:8px;max-width:300px;padding:12px 16px;white-space:nowrap;white-space:normal;z-index:1000}.notification-tooltip,.notification-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.notification-tooltip:after{border:6px solid #0000;border-top-color:#1f2937;content:"";top:100%}.tooltip-help{border-top:1px solid #fff3;font-size:11px;margin-top:8px;padding-top:8px}.tooltip-help strong{color:#fbbf24}@media (max-width:768px){.notification-tooltip{bottom:20px;left:20px;max-width:none;position:fixed;right:20px;transform:none}.notification-tooltip:after{display:none}}.knowledge-base-suggestions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.suggestions-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.suggestions-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 4px}.suggestions-header p{color:#6b7280;font-size:14px;margin:0}.analyze-btn{background:#3b82f6;font-weight:500;padding:10px 16px}.analyze-btn:hover:not(:disabled){background:#22c55e}.analyze-btn:disabled{background:#d1d5db}.empty-suggestions{color:#6b7280;padding:60px 20px;text-align:center}.empty-suggestions svg{font-size:48px;margin-bottom:16px;opacity:.5}.empty-suggestions h4{color:#374151;font-size:18px;margin:0 0 8px}.empty-suggestions p{font-size:14px;margin:0}.suggestions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px;min-height:400px}.suggestions-list{display:flex;flex-direction:column;gap:16px;max-height:600px;overflow-y:auto}.suggestion-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease}.suggestion-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #25d3661a}.suggestion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.suggestion-meta{align-items:center;display:flex;gap:12px}.confidence-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.customer-name{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.suggestion-actions{display:flex;gap:8px}.approve-btn,.reject-btn,.view-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.view-btn{background:#f3f4f6;color:#6b7280}.view-btn:hover{background:#e5e7eb;color:#374151}.approve-btn{background:#dcfce7;color:#16a34a}.approve-btn:hover{background:#bbf7d0}.reject-btn{background:#fef2f2;color:#dc2626}.reject-btn:hover{background:#fecaca}.suggestion-content{display:flex;flex-direction:column;gap:12px}.customer-question{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:8px;padding:12px}.customer-question strong{color:#1f2937;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.customer-question p{color:#374151;font-style:italic;margin:0}.suggested-keywords strong{color:#1f2937;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.keyword-tags{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{background:#e0f2fe;color:#0369a1;padding:4px 8px}.suggestion-details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;height:-webkit-fit-content;height:fit-content;max-height:600px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0}.details-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px}.details-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.close-details-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.close-details-btn:hover{background:#e5e7eb;color:#374151}.details-content{display:flex;flex-direction:column;gap:16px;padding:16px}.detail-section label{color:#1f2937;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-text{border-radius:8px;font-size:14px;line-height:1.5;padding:12px}.customer-text{background:#f0f9ff;border-left:3px solid #3b82f6;color:#1e40af;font-style:italic}.agent-text{background:#f0fdf4;border-left:3px solid #16a34a;color:#15803d}.confidence-score{color:#16a34a;font-size:18px;font-weight:600}.detail-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding-top:16px}.approve-detail-btn,.reject-detail-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.approve-detail-btn{background:#16a34a;color:#fff}.approve-detail-btn:hover{background:#15803d}.reject-detail-btn{background:#dc2626;color:#fff}.reject-detail-btn:hover{background:#b91c1c}@media (max-width:1024px){.suggestions-grid{grid-template-columns:1fr}.suggestion-details{max-height:none;position:relative}}.prompt-editor-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.prompt-editor{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}.editor-header{align-items:flex-start;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.editor-header h2{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:600;gap:10px;margin:0 0 8px}.editor-header p{color:#6b7280;font-size:14px;margin:0}.header-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.preview-btn{background:#6b7280;color:#fff}.preview-btn:hover{background:#4b5563}.save-btn{background:#10b981}.save-btn:hover:not(:disabled){background:#059669}.save-btn:disabled{background:#d1d5db}.close-btn{color:#374151}.editor-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.tab-btn.active{background:#fff}.editor-content{padding:20px}.prompt-section{display:flex;flex-direction:column;gap:24px}.prompt-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.prompt-header p{color:#6b7280;font-size:14px;margin:0 0 12px}.variables-info{color:#374151;font-size:14px;margin-top:8px}.variables-info strong{display:block;margin-bottom:6px}.variable-tag{color:#1d4ed8;display:inline-block;font-family:monospace;font-size:12px;font-weight:500;margin-bottom:4px;margin-right:6px;padding:2px 6px}.prompt-fields{gap:20px}.field-group,.prompt-fields{display:flex;flex-direction:column}.field-group{gap:8px}.field-group label{color:#374151;font-size:14px;font-weight:600}.field-description{color:#6b7280;font-size:13px;font-style:italic;margin:0}.field-group textarea{border:1px solid #d1d5db;border-radius:8px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;padding:12px;resize:vertical;transition:all .2s ease}.field-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.prompt-preview{display:flex;flex-direction:column;gap:24px}.prompt-preview h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 16px}.preview-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.preview-section h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.preview-text{word-wrap:break-word;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-family:Courier New,monospace;font-size:14px;line-height:1.5;padding:12px;white-space:pre-wrap}.editor-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px}.tips h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.tips ul{color:#6b7280;font-size:14px;margin:0;padding-left:20px}.tips li{line-height:1.4;margin-bottom:6px}.loading-state svg{font-size:32px;margin-bottom:16px}.loading-state p{font-size:16px}@media (max-width:768px){.prompt-editor{max-height:95vh;width:95%}.editor-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end}.editor-tabs{overflow-x:auto}.tab-btn{white-space:nowrap}}.conversation-learning{margin:0 auto;max-width:1200px;padding:24px}.learning-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.header-content{gap:16px}.header-icon{color:var(--whatsapp-green);font-size:48px}.learning-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.learning-header p{color:var(--text-secondary);font-size:14px;margin:0}.analyze-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.analyze-btn:hover:not(:disabled){background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.analyze-btn:disabled{cursor:not-allowed;opacity:.6}.learning-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:16px;padding:20px}.stat-item svg{color:var(--whatsapp-green);font-size:32px}.stat-label{display:block}.patterns-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px}.patterns-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.patterns-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.add-selected-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.add-selected-btn:hover:not(:disabled){background:var(--whatsapp-green-dark);transform:scale(1.05)}.add-selected-btn:disabled{cursor:not-allowed;opacity:.4}.patterns-list{display:flex;flex-direction:column;gap:12px}.pattern-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.pattern-card:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d3661a}.pattern-card.selected{background:#25d3660d;border-color:var(--whatsapp-green)}.pattern-checkbox{flex-shrink:0}.pattern-checkbox input[type=checkbox]{accent-color:var(--whatsapp-green);cursor:pointer;height:20px;width:20px}.pattern-content{flex:1 1;min-width:0}.pattern-answer,.pattern-question{color:var(--text-primary);font-size:14px;line-height:1.6;margin-bottom:12px}.pattern-answer strong,.pattern-question strong{color:var(--whatsapp-green);margin-right:8px}.pattern-answer{border-left:3px solid var(--whatsapp-green);color:var(--text-secondary);padding-left:24px}.pattern-meta{border-top:1px solid var(--border-color);color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:12px;gap:16px;padding-top:12px}.pattern-confidence{color:var(--whatsapp-green);font-weight:600}.pattern-agent,.pattern-variations{align-items:center;display:flex;gap:4px}.empty-state svg{font-size:64px;opacity:.3}@media (max-width:768px){.conversation-learning{padding:16px}.learning-header{gap:20px;text-align:center}.header-content,.learning-header{flex-direction:column}.analyze-btn{justify-content:center;width:100%}.learning-stats{grid-template-columns:1fr}.patterns-header{align-items:stretch;flex-direction:column;gap:16px}.add-selected-btn{justify-content:center;width:100%}.pattern-card{flex-direction:column}.pattern-answer{padding-left:16px}.pattern-meta{flex-direction:column;gap:8px}}.business-context{margin:0 auto;max-width:1200px;padding:24px}.context-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.context-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.context-header p{color:var(--text-secondary);font-size:14px;margin:0}.save-btn{font-size:14px}.save-btn:hover:not(:disabled){transform:translateY(-2px)}.last-saved{background:#25d3661a;border-radius:6px;color:var(--whatsapp-green);display:inline-block;font-size:12px;font-weight:500;margin-bottom:24px;padding:8px 12px}.context-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:24px}.section-header svg{flex-shrink:0}.section-header h3{color:var(--text-primary);font-size:18px;margin:0 0 4px}.section-header p{font-size:13px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color)}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #25d3661a}.intents-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.intent-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .2s ease}.intent-card:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d3661a}.intent-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.intent-trigger{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px 14px}.intent-trigger:focus{border-color:var(--whatsapp-green);outline:none}.intent-trigger:disabled{cursor:not-allowed;opacity:.5}.delete-btn{background:#0000;border:1px solid #ef4444;border-radius:6px;color:#ef4444;justify-content:center;padding:8px;transition:all .2s ease}.delete-btn:hover{background:#ef4444;color:#fff}.intent-body{display:flex;flex-direction:column;gap:8px}.intent-body label{color:var(--text-primary);font-size:13px;font-weight:600}.intent-body textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical}.intent-body textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.intent-body textarea:disabled{cursor:not-allowed;opacity:.5}.hint{color:var(--text-tertiary);font-size:12px;font-style:italic}.toggle-switch{display:inline-block;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:var(--border-color);border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;width:18px}.toggle-switch input:checked+.slider{background-color:var(--whatsapp-green)}.toggle-switch input:checked+.slider:before{transform:translateX(22px)}.add-intent-btn{align-items:center;background:var(--bg-primary);border:2px dashed var(--whatsapp-green);border-radius:8px;color:var(--whatsapp-green);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.add-intent-btn:hover{background:#25d3661a}.context-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:24px}.save-btn.primary{font-size:15px;padding:12px 24px}@media (max-width:768px){.business-context{padding:16px}.context-header{flex-direction:column;gap:16px}.save-btn{justify-content:center;width:100%}.form-grid{grid-template-columns:1fr}.intent-header{align-items:stretch;flex-direction:column}}.knowledge-base{background:var(--bg-primary);display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1200px;overflow-y:auto;padding:24px}.knowledge-base-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:8px;margin-bottom:24px}.tab-btn{border-bottom:3px solid #0000;gap:8px;padding:12px 24px;transition:all .2s ease}.tab-btn:hover{background:var(--bg-tertiary)}.knowledge-base-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.suggestions-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.suggestions-btn:hover{background:#7c3aed}.suggestions-btn.active{background:#6d28d9;box-shadow:0 0 0 3px #8b5cf633}.prompt-editor-btn{align-items:center;background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.prompt-editor-btn:hover{background:#d97706}.knowledge-base-header h2{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px}.knowledge-base-header p{color:var(--text-secondary);font-size:16px;margin:0}.add-entry-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.add-entry-btn:hover{background:#2563eb;transform:translateY(-1px)}.entry-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.entry-form{background:var(--bg-secondary);border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.form-header{justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.form-header h3{color:var(--text-primary);font-size:20px}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border-color);padding:12px 16px;transition:border-color .2s ease}.phrases-header,.response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.generate-phrases-btn{align-items:center;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease}.generate-phrases-btn:hover:not(:disabled){background:#7c3aed}.generate-phrases-btn:disabled{background:#d1d5db;cursor:not-allowed}.field-help{color:var(--text-secondary);font-size:12px;font-style:italic;margin:8px 0 0}.phrases{margin-bottom:16px}.phrases-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.phrase-tag{background:#25d36626;border:1px solid #25d3664d;border-radius:12px;color:var(--whatsapp-green);font-style:italic;padding:4px 8px}.generate-ai-btn,.phrase-tag{font-size:12px;font-weight:500}.generate-ai-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s ease}.generate-ai-btn:hover:not(:disabled){background:#2563eb}.generate-ai-btn:disabled{background:#d1d5db;cursor:not-allowed}.form-actions{padding-top:16px}.save-btn{align-items:center;background:#3b82f6;display:flex;gap:8px;padding:12px 20px}.cancel-btn{background:var(--bg-tertiary);font-weight:600;padding:12px 20px;transition:all .2s ease}.cancel-btn:hover{background:var(--border-color)}.entries-list{grid-gap:20px;display:grid;flex:1 1;gap:20px;overflow-y:auto;padding-bottom:20px}.empty-state,.loading-state{color:var(--text-secondary);text-align:center}.empty-state svg{height:64px;width:64px}.entry-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.entry-card:hover{border-color:var(--text-tertiary);box-shadow:var(--shadow-medium)}.entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.entry-meta{display:flex;flex-wrap:wrap;gap:8px}.category-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.category-badge.general{background:#f3f4f6;color:#374151}.category-badge.pricing{background:#fef3c7;color:#92400e}.category-badge.support{background:#dbeafe;color:#1e40af}.category-badge.sales{background:#dcfce7;color:#166534}.category-badge.technical{background:#fce7f3;color:#be185d}.category-badge.billing{background:#e0e7ff;color:#3730a3}.priority-badge,.usage-badge{background:#f9fafb;border-radius:4px;color:#6b7280;font-size:12px;font-weight:500;padding:4px 8px}.usage-badge{background:#ecfdf5;color:#065f46}.entry-actions{display:flex;gap:8px}.delete-btn,.edit-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.edit-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.delete-btn:hover{background:#fee2e2;color:#dc2626}.entry-content{display:flex;flex-direction:column;gap:16px}.keywords,.response{align-items:flex-start;display:flex;gap:12px}.keywords svg,.response svg{color:var(--text-secondary);flex-shrink:0;height:16px;margin-top:2px;width:16px}.keyword-list{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{background:var(--bg-tertiary);border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.keyword-tag,.response p{color:var(--text-primary)}.response p{line-height:1.5;margin:0}@media (max-width:768px){.knowledge-base{padding:16px}.knowledge-base-header{align-items:stretch;flex-direction:column;gap:16px}.entry-form{padding:20px;width:95%}.entry-header{flex-direction:column;gap:12px}.entry-meta{order:2}.entry-actions{align-self:flex-end;order:1}}.chat-automation-page{animation:fadeInPage .4s ease;margin:0 auto;max-width:1400px;min-height:calc(100vh - 100px);padding:24px}.chat-automation-page.flow-builder-page{background:#f8fafc;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;margin:0;max-width:100%;min-height:auto;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}.automation-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.automation-header h1{align-items:center;color:#1a365d;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0}.automation-header h1 svg{color:#1a365d}.automation-header p{display:none}.btn-primary,.btn-secondary{display:inline-flex;padding:10px 18px;white-space:nowrap}.btn-secondary:hover{border-color:#1a365d}.empty-state{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:60px 40px}.empty-state svg{opacity:.6}.empty-state h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.loading-state{padding:80px}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #3b82f6;height:40px;width:40px}.automations-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.automation-card:hover{border-color:#1a365d}.automation-card.enabled{border-left:3px solid #10b981}.automation-card.disabled{border-left:3px solid var(--border-color);opacity:.75}.automation-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.automation-status{align-items:center;display:flex;font-size:12px;font-weight:500;gap:8px;letter-spacing:.5px;text-transform:uppercase}.status-dot{height:8px;width:8px}.status-dot.active{background:#10b981;box-shadow:0 0 6px #10b98166}.status-dot.inactive{background:var(--text-secondary)}.automation-actions{display:flex;gap:4px}.automation-actions button{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.automation-actions button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.automation-actions button.delete-btn:hover{background:#fee2e2;color:#dc2626}.automation-desc{color:var(--text-secondary);font-size:13px;margin:0 0 16px}.automation-flow-preview{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.flow-step{align-items:center;border-radius:20px;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.flow-step.trigger{background:#dbeafe;color:#1e40af}.flow-step.condition{background:#fef3c7;color:#92400e}.flow-step.action{background:#d1fae5;color:#065f46}.flow-builder-page .flow-builder-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.flow-builder-left{align-items:center;display:flex;gap:16px}.back-btn:hover{border-color:#1a365d}.flow-builder-title{display:flex;flex-direction:column;gap:2px}.automation-name-input{font-size:18px;padding:0;width:300px}.automation-desc-input{font-size:13px;padding:0;width:300px}.flow-builder-actions{align-items:center;display:flex;gap:12px}.flow-builder-page .flow-canvas{background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px 24px}.flow-canvas-inner{flex-direction:column;gap:0;max-width:600px;min-width:500px;padding-bottom:40px}.flow-canvas-inner,.flow-start{align-items:center;display:flex}.flow-start{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;height:56px;justify-content:center;width:56px}.flow-end{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:16px 32px}.flow-end svg{color:#25d366}.flow-end span{font-size:13px;font-weight:500}.flow-node{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin:8px 0;max-width:500px;overflow:visible;position:relative;width:100%;z-index:1}.flow-node .node-header{border-radius:12px 12px 0 0}.flow-node .node-config:last-child{border-radius:0 0 12px 12px}.node-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);gap:12px;padding:12px 16px}.node-header,.node-icon{align-items:center;display:flex}.node-icon{border-radius:8px;color:#fff;height:36px;justify-content:center;width:36px}.node-icon.trigger{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.node-icon.condition{background:linear-gradient(135deg,#f59e0b,#d97706)}.node-icon.action{background:linear-gradient(135deg,#25d366,#128c7e)}.node-title{display:flex;flex:1 1;flex-direction:column;gap:4px}.node-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.node-title select{background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:0}.node-title select:focus{outline:none}.node-title .custom-select-wrapper{flex:1 1}.node-title .custom-select-trigger{background:var(--bg-primary);border:1px solid var(--border-color);font-size:14px;font-weight:500;padding:8px 12px}.node-title .custom-select-trigger:hover{border-color:#1a365d}.node-remove{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:6px;transition:all .2s}.node-remove:hover{background:#fee2e2;color:#dc2626}.node-actions{display:flex;gap:4px}.node-actions button{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:6px;transition:all .2s}.node-actions button:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.node-actions button:disabled{cursor:not-allowed;opacity:.3}.node-config{padding:16px}.config-field{margin-bottom:12px}.config-field:last-child{margin-bottom:0}.config-field label{font-size:12px;margin-bottom:6px}.config-field input,.config-field select,.config-field textarea{background:var(--bg-primary);transition:border-color .2s}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{border-color:#1a365d}.webhook-url{background:var(--bg-tertiary);border-radius:8px;font-size:13px;padding:10px 12px}.webhook-url code{color:#1a365d}.checkbox-group{flex-wrap:wrap}.checkbox-field{background:var(--bg-tertiary);border-radius:8px;margin-bottom:12px;padding:12px}.checkbox-label{gap:8px}.checkbox-label input[type=checkbox]{accent-color:#25d366}.checkbox-label span,.delay-inputs select{flex:1 1}.flow-connector{align-items:center;display:flex;flex-direction:column;padding:16px 0;position:relative}.connector-line{background-color:#94a3b8;height:40px;min-height:40px;width:2px}.add-node-btn{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s}.add-node-btn:hover{background:#eff6ff;border-color:#1a365d;color:#1a365d}.add-node-btn.action-add{background:#d1fae5;border-color:#10b981;border-style:dashed;color:#065f46}.add-node-btn.action-add:hover{background:#a7f3d0;border-color:#059669}.flow-add-buttons{display:flex;gap:12px;position:relative}.flow-zoom-controls{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;padding:8px 12px;position:absolute;right:24px;top:80px;z-index:100}.zoom-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);transition:all .2s}.zoom-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:#1a365d}.zoom-btn:disabled{cursor:not-allowed;opacity:.4}.zoom-btn.zoom-reset{font-size:12px;font-weight:500;padding:0 12px;width:auto}.zoom-level{color:var(--text-secondary);min-width:40px}.add-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;left:50%;margin-top:8px;min-width:240px;overflow:hidden;position:absolute;top:100%;transform:translateX(-50%);z-index:100}.add-menu-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px 8px;text-transform:uppercase}.add-menu button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.add-menu button:hover{background:var(--bg-secondary)}.add-menu button svg{color:var(--text-secondary);flex-shrink:0}@media (max-width:768px){.chat-automation-page{padding:16px}.automation-header{align-items:flex-start;flex-direction:column;gap:16px}.automation-header .btn-primary{justify-content:center;width:100%}.automations-grid{grid-template-columns:1fr}.flow-builder-page .flow-builder-header{flex-direction:column;gap:12px;padding:16px}.flow-builder-left{width:100%}.flow-builder-actions{justify-content:stretch;width:100%}.flow-builder-actions button{flex:1 1;justify-content:center}.automation-desc-input,.automation-name-input{width:100%}.flow-canvas-inner{min-width:auto;padding:0 16px;width:100%}.flow-node{max-width:100%}}.automation-v2-page{background:var(--bg-primary);min-height:100%;padding:24px}.automation-v2-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.automation-v2-page .header-content h1{align-items:center;color:#1a365d;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0 0 4px}.automation-v2-page .header-content p{color:var(--text-secondary);font-size:14px;margin:0}.automation-v2-page .header-actions{display:flex;gap:12px}.automation-v2-page .btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.automation-v2-page .btn-primary:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.automation-v2-page .btn-secondary{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.automation-v2-page .btn-secondary:hover{background:var(--bg-tertiary)}.automation-v2-page .btn-icon{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.automation-v2-page .btn-icon.active,.automation-v2-page .btn-icon:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.automation-v2-page .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.automation-v2-page .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #3b82f6;height:40px;margin-bottom:16px;width:40px}.automation-v2-page .empty-state{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:80px 20px;text-align:center}.automation-v2-page .empty-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:50%;color:#3b82f6;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.automation-v2-page .empty-state h2{color:var(--text-primary);font-size:20px;margin:0 0 8px}.automation-v2-page .empty-state p{color:var(--text-secondary);margin:0 0 24px}.automations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.automation-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.automation-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000014}.automation-card.enabled{border-left:3px solid #22c55e}.automation-card.disabled{border-left:3px solid #9ca3af}.automation-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.automation-card .status-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.automation-card .status-dot{background:#9ca3af;border-radius:50%;height:8px;width:8px}.automation-card .status-dot.active{background:#22c55e}.automation-card .card-actions{display:flex;gap:4px}.automation-card .card-actions button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.automation-card .card-actions button:hover{background:var(--bg-tertiary);color:#3b82f6}.automation-card .card-actions button.delete:hover{color:#ef4444}.automation-card h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.automation-card .card-desc{color:var(--text-secondary);font-size:13px;margin:0 0 12px}.automation-card .flow-preview{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.automation-card .step-count{background:var(--bg-tertiary);border-radius:12px;padding:4px 10px}.automation-v2-page.builder-view{display:flex;flex-direction:column;height:100vh;overflow-x:hidden;padding:0;position:relative;width:100%}.builder-header{border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-wrap:nowrap;gap:12px;justify-content:flex-start;padding:12px 16px;width:100%}.builder-header-left{align-items:center;display:flex;flex:0 1 auto;gap:12px;min-width:0}.builder-header .back-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.builder-header .back-btn:hover{border-color:#3b82f6;color:#3b82f6}.automation-title-edit{display:flex;flex-direction:column;gap:4px}.automation-name-input{background:#0000;border:none;color:var(--text-primary);font-size:16px;font-weight:600;min-width:120px;padding:4px 0;width:180px}.automation-name-input:focus{border-bottom:2px solid #3b82f6;outline:none}.automation-desc-input{background:#0000;border:none;color:var(--text-secondary);font-size:12px;min-width:120px;padding:2px 0;width:180px}.automation-desc-input:focus{border-bottom:1px solid var(--border-color);outline:none}.builder-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.master-flow-toggle .toggle-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s}.master-flow-toggle .toggle-btn:hover{border-color:#f59e0b}.master-flow-toggle .toggle-btn.active.master{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}.ai-mode-toggle .toggle-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s}.ai-mode-toggle .toggle-btn:hover{border-color:#8b5cf6}.ai-mode-toggle .toggle-btn.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff}.ai-agent-selector{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border:1px solid #8b5cf6;border-radius:8px;color:#8b5cf6;display:flex;flex-shrink:0;gap:6px;padding:6px 10px}.ai-agent-selector select{background:#0000;border:none;color:#8b5cf6;cursor:pointer;font-size:12px;font-weight:500;max-width:120px;outline:none;padding-right:4px}.model-selector{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;flex-shrink:0;gap:6px;padding:6px 10px}.model-selector select{background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;max-width:100px;outline:none;padding-right:4px}.model-selector select:disabled{cursor:wait;opacity:.6}.builder-main{background:#f3f4f6;display:flex;flex:1 1;overflow:hidden;position:relative}.zoom-controls{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;gap:8px;left:16px;padding:6px 12px;position:absolute;top:16px;z-index:10}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:28px;justify-content:center;transition:all .2s ease;width:28px}.zoom-btn:hover{background:#2563eb;transform:scale(1.05)}.zoom-level{color:var(--text-primary);font-size:13px;font-weight:500;min-width:45px;text-align:center}.flow-canvas{display:flex;flex:1 1;justify-content:center;overflow:auto;padding:40px}.flow-container{max-width:500px;min-width:400px;transition:transform .2s ease}.flow-container,.flow-step-wrapper{align-items:center;display:flex;flex-direction:column}.flow-step-wrapper{position:relative;width:100%}.step-connector{align-items:center;display:flex;flex-direction:column;height:32px;margin-bottom:4px}.step-connector .connector-line{background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:1px;flex:1 1;width:2px}.step-connector .connector-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid #60a5fa;height:0;width:0}.flow-connector{background:#d1d5db;height:24px}.flow-step{align-items:flex-start;border:2px solid var(--border-color);cursor:pointer;display:flex;gap:14px;overflow:visible;padding:16px 20px;transition:all .3s ease,border-color .2s ease,box-shadow .2s ease;width:100%}.flow-step:hover{border-color:var(--step-color);box-shadow:0 4px 12px #0000001a}.flow-step.selected{border-color:var(--step-color);box-shadow:0 0 0 3px #3b82f626}.flow-step.executing{animation:pulse-border 1s ease-in-out infinite;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b4d}@keyframes pulse-border{0%,to{box-shadow:0 0 0 4px #f59e0b4d}50%{box-shadow:0 0 0 8px #f59e0b1a}}.flow-step.completed{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#10b981}.step-executing-indicator{align-items:center;background:#f59e0b;border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px;z-index:10}.step-executing-indicator .pulse-ring{animation:pulse-ring 1s ease-out infinite;border:2px solid #fff;border-radius:50%;height:16px;width:16px}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.step-completed-indicator{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px;z-index:10}.step-test-output{align-items:flex-start;animation:fadeSlideIn .3s ease;background:#f0fdf4;border-left:3px solid #10b981;border-radius:6px;color:#166534;display:flex;font-size:12px;gap:6px;margin-top:8px;max-width:100%;padding:8px 10px}@keyframes fadeSlideIn{0%{max-height:0;opacity:0;transform:translateY(-5px)}to{max-height:200px;opacity:1;transform:translateY(0)}}.step-test-output.error{background:#fef2f2;border-left-color:#ef4444;color:#991b1b}.step-test-output.warning{background:#fffbeb;border-left-color:#f59e0b;color:#92400e}.step-test-output.simulated{background:#eff6ff;border-left-color:#3b82f6;color:#1e40af}.step-test-output.info{background:#f3f4f6;border-left-color:#6b7280;color:#374151}.step-test-output .output-arrow{flex-shrink:0;font-weight:600}.step-test-output .output-text{word-break:break-word}.flow-step .step-icon{align-items:center;background:var(--step-color);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.flow-step .step-content{flex:1 1;min-width:0}.flow-step .step-label{color:var(--text-primary);font-size:14px;font-weight:600}.flow-step .step-preview{color:var(--text-secondary);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-step-connector{align-items:center;display:flex;flex-direction:column;margin-top:4px}.add-step-connector .connector-line-down{background:linear-gradient(180deg,#60a5fa,#93c5fd);border-radius:1px;height:20px;width:2px}.add-step-connector .flow-connector{height:16px}.add-step-btn{align-items:center;background:#fff;border:2px dashed #93c5fd;border-radius:50%;color:#3b82f6;cursor:pointer;display:flex;height:32px;justify-content:center;margin-top:4px;transition:all .2s;width:32px}.add-step-btn:hover{background:#3b82f6;border-color:#3b82f6;border-style:solid;color:#fff;transform:scale(1.1)}.condition-branches{display:flex;gap:24px;margin-top:16px;width:100%}.branch{flex:1 1;flex-direction:column;min-width:200px}.branch,.branch-label{align-items:center;display:flex}.branch-label{border-radius:12px;font-size:12px;font-weight:600;gap:4px;margin-bottom:12px;padding:4px 12px}.branch-label.yes{background:#dcfce7;color:#16a34a}.branch-label.no{background:#fee2e2;color:#dc2626}.branch-steps{align-items:center;background:#00000005;border:1px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;min-height:80px;padding:16px;width:100%}.branch-steps .flow-step{margin-bottom:12px;width:100%}.add-branch-step-btn{align-items:center;background:#fff;border:1px dashed #d1d5db;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.add-branch-step-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.add-step-connector.after-condition{margin-top:24px}.flow-connector-merge{background:#d1d5db;height:24px;width:2px}.add-step-menu{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;left:50%;max-height:80vh;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1002}.add-step-menu-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.add-step-menu-header span{color:var(--text-primary);font-size:16px;font-weight:600}.add-step-menu-header button{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.add-step-menu-header button:hover{background:var(--bg-tertiary)}.add-step-search{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:10px;padding:12px 16px}.add-step-search svg{color:var(--text-secondary);flex-shrink:0}.add-step-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.add-step-search input::placeholder{color:var(--text-secondary)}.add-step-menu-content{flex:1 1;max-height:400px;overflow-y:auto}.add-step-no-results{color:var(--text-secondary);font-size:14px;padding:32px 16px;text-align:center}.add-step-category{padding:12px 16px}.add-step-category .category-label{border-left:3px solid;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:4px 8px;text-transform:uppercase}.add-step-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.add-step-item:hover:not(:disabled){background:var(--bg-secondary)}.add-step-item.coming-soon{cursor:not-allowed;opacity:.6}.add-step-item.coming-soon:hover{background:#0000}.coming-soon-badge{background:#f59e0b;border-radius:4px;color:#fff;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 6px;text-transform:uppercase;vertical-align:middle}.add-step-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.add-step-info{flex:1 1}.add-step-label{color:var(--text-primary);display:block;font-size:14px;font-weight:500}.add-step-desc{color:var(--text-secondary);display:block;font-size:12px;margin-top:2px}.step-config-panel{background:#fff;border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease;width:360px}.step-config-panel.expanded{width:550px}.config-panel-header{align-items:center;border-bottom:1px solid var(--border-color);border-left:4px solid #3b82f6;border-left-color:var(--step-color,#3b82f6);display:flex;gap:12px;padding:16px 20px}.config-panel-header h3{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;margin:0}.expand-toggle-btn{align-items:center;background:#eff6ff;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.expand-toggle-btn:hover{background:#3b82f6;color:#fff}.delete-step-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.delete-step-btn:hover{background:#fee2e2;color:#ef4444}.config-panel-body{flex:1 1;overflow-y:auto;padding:20px}.config-field{margin-bottom:20px}.config-field label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.config-field input,.config-field select,.config-field textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.config-field textarea{min-height:80px;resize:vertical}.config-field small{color:var(--text-secondary);display:block;font-size:11px;margin-top:6px}.config-field label input[type=checkbox]{margin-right:8px;vertical-align:middle}.config-hint{align-items:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;display:flex;font-size:12px;gap:8px;margin-top:12px;padding:10px 12px}.config-hint svg{flex-shrink:0}.webhook-url-display{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;margin-bottom:4px;padding:10px 12px}.webhook-url-display code{color:var(--text-primary);flex:1 1;font-family:Consolas,Monaco,monospace;font-size:12px;word-break:break-all}.webhook-url-display .copy-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s;width:28px}.webhook-url-display .copy-btn:hover{background:#2563eb}.webhook-params{display:flex;flex-direction:column;gap:8px}.variables-hint{margin-top:8px}.variables-hint .hint-label{color:var(--text-secondary);display:block;font-size:11px;margin-bottom:6px}.variable-tags{display:flex;flex-wrap:wrap;gap:4px}.variable-tag{align-items:center;background:#dbeafe;border:none;border-radius:4px;color:#1e40af;cursor:pointer;display:inline-flex;font-family:Consolas,Monaco,monospace;font-size:11px;padding:3px 8px;transition:all .2s}.variable-tag:hover{background:#3b82f6;color:#fff}.delay-inputs{display:flex;gap:8px}.delay-inputs input{width:80px}.delay-inputs .custom-select{flex:1 1}.test-panel{background:#fff;border-left:1px solid var(--border-color);box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:-400px;top:0;transition:right .3s ease;width:400px;z-index:100}.test-panel.open{right:0}.test-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.test-panel-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.test-panel-header button{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.test-panel-header button:hover{background:var(--bg-tertiary)}.test-panel-body{flex:1 1;overflow-y:auto;padding:20px}.test-mode-toggle{display:flex;gap:8px;margin-bottom:16px}.test-mode-toggle button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .2s}.test-mode-toggle button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.sim-chat-container{background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;height:400px;margin-bottom:16px;overflow:hidden}.sim-chat-start{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.sim-chat-start svg{margin-bottom:12px;opacity:.5}.sim-chat-start h4{color:var(--text-primary);font-size:16px;margin:0 0 8px}.sim-chat-start p{font-size:13px;margin:0 0 16px}.sim-chat-start .btn-primary{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px}.sim-chat-start .btn-primary:hover{background:linear-gradient(135deg,#128c7e,#075e54)}.sim-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.sim-message{display:flex;max-width:85%}.sim-message.user{align-self:flex-end}.sim-message.agent{align-self:flex-start}.sim-message.system{align-self:center;max-width:100%}.sim-message-content{border-radius:12px;font-size:14px;line-height:1.4;padding:10px 14px}.sim-message.user .sim-message-content{background:#25d366;border-bottom-right-radius:4px;color:#fff}.sim-message.agent .sim-message-content{background:#fff;border:1px solid var(--border-color);border-bottom-left-radius:4px;color:var(--text-primary)}.sim-message.system .sim-message-content{background:#fee2e2;color:#991b1b;font-size:12px}.sim-extracted-data{align-items:center;border-top:1px solid #0000001a;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px}.sim-extracted-data small{color:#059669;font-size:10px;font-weight:600;text-transform:uppercase}.sim-extracted-data .extracted-item{background:#d1fae5;border-radius:10px;color:#065f46;font-size:11px;padding:2px 8px}.sim-message-content.typing{display:flex;gap:4px;padding:14px 18px}.sim-message-content.typing span{animation:typing 1.4s ease-in-out infinite;background:#94a3b8;border-radius:50%;height:8px;width:8px}.sim-message-content.typing span:nth-child(2){animation-delay:.2s}.sim-message-content.typing span:nth-child(3){animation-delay:.4s}.sim-chat-input{background:#fff;border-top:1px solid var(--border-color);display:flex;gap:8px;padding:12px}.sim-chat-input input{border:1px solid var(--border-color);border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 14px}.sim-chat-input input:focus{border-color:#25d366}.sim-chat-input button{align-items:center;background:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.sim-chat-input button:hover:not(:disabled){background:#128c7e}.sim-chat-input button:disabled{background:#94a3b8;cursor:not-allowed}.sim-chat-footer{align-items:flex-start;background:#fff;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:12px}.collected-data-summary{flex:1 1}.collected-data-summary small{color:var(--text-secondary);font-size:12px}.collected-fields-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-height:100px;overflow-y:auto}.collected-field-item{align-items:center;background:#ecfdf5;border:1px solid #10b981;border-radius:4px;display:flex;font-size:11px;gap:4px;padding:4px 8px}.collected-field-item .field-name{color:#059669;font-weight:600}.collected-field-item .field-value{color:#047857;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-reset{align-items:center;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px}.btn-reset:hover{background:var(--bg-secondary)}.test-warning{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:8px;padding:10px 12px}.live-test-info,.test-warning{margin-bottom:16px}.live-test-info .form-field{margin-bottom:8px}.live-test-info label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.live-test-info input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.live-test-info input:focus{border-color:#3b82f6;outline:none}.live-test-hint{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:8px 0 0}.live-chat-preview{border:1px solid var(--border-color);border-radius:8px;margin-top:16px;overflow:hidden}.live-chat-header{align-items:center;background:#3b82f6;color:#fff;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px}.live-chat-messages{background:#e5ddd5;gap:6px;max-height:200px;overflow-y:auto;padding:12px}.live-chat-messages,.live-msg{display:flex;flex-direction:column}.live-msg{border-radius:8px;font-size:13px;gap:2px;max-width:85%;padding:8px 12px}.live-msg.customer{align-self:flex-start;background:#fff;border-bottom-left-radius:2px}.live-msg.business{align-self:flex-end;background:#d9fdd3;border-bottom-right-radius:2px}.live-msg .msg-text{word-break:break-word}.live-msg .msg-time{align-self:flex-end;color:#667781;font-size:10px}.live-chat-header .waiting-badge{animation:pulse 1.5s infinite;background:#fef3c7;border-radius:10px;color:#d97706;font-size:11px;margin-left:auto;padding:2px 8px}.waiting-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:24px;text-align:center}.waiting-state svg{color:#9ca3af;margin-bottom:12px}.waiting-state p{font-size:13px;margin:0}.waiting-state .hint{color:#9ca3af;font-size:11px;margin-top:4px}.live-collected-data{border:1px solid #c7d2fe;border-radius:8px;margin-top:16px;overflow:hidden}.collected-data-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px}.collected-data-grid{grid-gap:8px;background:#eef2ff;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:12px}[data-theme=dark] .collected-data-grid{background:#1e1b4b}.collected-item{background:#fff;border-radius:6px;display:flex;flex-direction:column;gap:2px;padding:8px 10px}[data-theme=dark] .collected-item{background:#0003}.collected-item .item-key{color:#6b7280;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.collected-item .item-value{color:#1f2937;font-size:12px;font-weight:600;word-break:break-word}[data-theme=dark] .collected-item .item-value{color:#f3f4f6}.test-inputs{margin-bottom:16px}.test-inputs .form-field{margin-bottom:12px}.test-inputs label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.test-inputs input,.test-inputs textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;min-height:80px;padding:10px 12px;resize:vertical;transition:border-color .2s ease;width:100%}.test-inputs input:focus,.test-inputs textarea:focus{border-color:#3b82f6;outline:none}.run-test-btn,.test-actions{display:flex;gap:8px}.run-test-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;justify-content:center;padding:12px;transition:all .2s}.run-test-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.run-test-btn:disabled{cursor:not-allowed;opacity:.6}.run-test-btn.watching{animation:pulse-watching 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669)}@keyframes pulse-watching{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.clear-test-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;gap:6px;padding:12px 16px;transition:all .2s}.clear-test-btn:hover:not(:disabled){background:#fee2e2;border-color:#ef4444;color:#ef4444}.test-results{margin-top:20px}.results-header{margin-bottom:12px}.results-header h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.results-count{border-radius:12px;color:var(--text-secondary);font-size:12px;padding:4px 8px}.results-count,.test-result{background:var(--bg-secondary)}.test-result{align-items:flex-start;border-left:3px solid #0000;border-radius:8px;display:flex;gap:10px;margin-bottom:8px;padding:12px}.test-result.success{border-left-color:#10b981}.test-result.error{border-left-color:#ef4444}.test-result.warning{border-left-color:#f59e0b}.test-result.simulated{border-left-color:#3b82f6}.result-step-number{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:10px;font-weight:600;height:20px;width:20px}.result-step-number,.test-result .result-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center}.test-result .result-icon{height:24px;width:24px}.test-result.success .result-icon{background:#dcfce7;color:#16a34a}.test-result.error .result-icon{background:#fee2e2;color:#dc2626}.test-result.warning .result-icon{background:#fef3c7;color:#d97706}.test-result.info .result-icon{background:#dbeafe;color:#3b82f6}.test-result.simulated .result-icon{background:#e0e7ff;color:#6366f1}.test-result .result-content{flex:1 1}.test-result .result-content strong{color:var(--text-primary);display:block;font-size:13px}.test-result .result-content p{color:var(--text-secondary);font-size:12px;margin:4px 0 0}.run-history-panel{background:var(--bg-primary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;position:absolute;right:-380px;top:0;transition:right .3s ease;width:360px;z-index:30}.run-history-panel.open{right:0}.run-history-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.run-history-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.run-history-header .header-actions{display:flex;gap:8px}.run-history-header .header-actions button{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:6px;transition:all .2s}.run-history-header .header-actions button:hover{background:var(--bg-secondary);color:var(--text-primary)}.run-history-body{flex:1 1;overflow-y:auto;padding:16px}.run-history-body .empty-state,.run-history-body .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.run-history-body .empty-state p{font-weight:500;margin:12px 0 4px}.run-history-body .empty-state span{font-size:13px;opacity:.7}.run-list{display:flex;flex-direction:column;gap:8px}.run-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.run-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.run-item .run-status{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.run-item .run-info{flex:1 1;min-width:0}.run-item .run-phone{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-item .run-date{color:var(--text-secondary);font-size:12px;margin-top:2px}.run-item .run-meta{align-items:center;display:flex;gap:8px}.run-item .status-text{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.run-item .status-text.completed{color:#10b981}.run-item .status-text.failed{color:#ef4444}.run-item .status-text.in_progress{color:#f59e0b}.run-item .status-text.active{color:#3b82f6}.run-item .status-text.cancelled{color:#f59e0b}.run-item .chevron{color:var(--text-secondary);transform:rotate(-90deg)}.run-item-content{flex:1 1;gap:12px}.end-flow-btn,.run-item-content{align-items:center;cursor:pointer;display:flex}.end-flow-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;gap:6px;margin-top:16px;padding:10px 16px;transition:all .2s}.end-flow-btn:hover{background:#dc2626}.end-flow-btn-small{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.end-flow-btn-small:hover{background:#ef4444;color:#fff}.run-detail{display:flex;flex-direction:column;gap:16px}.run-detail .back-btn{align-items:center;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.run-detail .back-btn:hover{background:var(--bg-secondary)}.run-detail-header{align-items:center;display:flex;justify-content:space-between}.run-detail .status-badge{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;text-transform:capitalize}.run-detail .status-badge.completed{background:#dcfce7;color:#16a34a}.run-detail .status-badge.failed{background:#fee2e2;color:#dc2626}.run-detail .status-badge.cancelled,.run-detail .status-badge.in_progress{background:#fef3c7;color:#d97706}.run-detail .run-date{color:var(--text-secondary);font-size:12px}.run-detail .run-info{background:var(--bg-secondary);border-radius:8px;padding:12px}.run-detail .info-row{display:flex;justify-content:space-between;padding:6px 0}.run-detail .info-row .label{color:var(--text-secondary);font-size:13px}.run-detail .info-row .value{color:var(--text-primary);font-size:13px;font-weight:500}.run-detail h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:8px 0 12px}.step-execution-list{display:flex;flex-direction:column;gap:8px}.step-execution-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:10px 12px}.step-execution-item.completed{background:#f0fdf4;border-color:#10b981}.step-execution-item.current{background:#fffbeb;border-color:#f59e0b}.step-execution-item.failed{background:#fef2f2;border-color:#ef4444}.step-execution-item .step-status-icon{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.step-execution-item.completed .step-status-icon{background:#10b981;border-color:#10b981;color:#fff}.step-execution-item.failed .step-status-icon{background:#ef4444;border-color:#ef4444;color:#fff}.step-execution-item .step-number{color:var(--text-secondary);font-size:11px;font-weight:600}.step-execution-item .step-info{flex:1 1}.step-execution-item .step-name{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:500;gap:6px}.step-execution-item .step-result{font-size:11px;margin-top:4px}.step-execution-item .step-result.success{color:#16a34a}.step-execution-item .step-result.error{color:#dc2626}.collected-data{background:var(--bg-secondary);border-radius:8px;padding:12px}.collected-data .data-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:6px 0}.collected-data .data-row:last-child{border-bottom:none}.collected-data .data-key{color:var(--text-secondary);font-size:12px;font-weight:500}.collected-data .data-value{color:var(--text-primary);font-size:12px;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.modal-overlay{z-index:9999}.modal-content{animation:modalSlideIn .2s ease;box-shadow:0 20px 60px #0003;max-width:400px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:16px 20px}.modal-header h3{align-items:center;color:#1a365d;display:flex;font-size:16px;font-weight:600;gap:8px}.modal-header .close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.modal-header .close-btn:hover{background:var(--bg-secondary)}.modal-body .form-field{margin-bottom:0}.modal-body .form-field label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.modal-body .form-field input{border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:12px 14px;width:100%}.modal-body .form-field input:focus{border-color:#25d366;outline:none}.modal-footer{padding:16px 20px}.modal-footer .btn-primary,.modal-footer .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px}.modal-footer .btn-secondary{background:#fff;border:1px solid var(--border-color);color:var(--text-primary)}.modal-footer .btn-secondary:hover{background:var(--bg-secondary)}.modal-footer .btn-primary{background:linear-gradient(135deg,#25d366,#128c7e);border:none;color:#fff}.modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#128c7e,#075e54)}.modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.5}.data-fields-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.data-field-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;font-size:12px;gap:6px;padding:6px 10px}.data-field-item .field-name{color:var(--text-primary);font-weight:600}.data-field-item .field-type{color:var(--text-secondary);font-size:11px}.data-field-item .field-required{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:10px;font-weight:500;padding:2px 6px}.data-field-item .remove-field-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;padding:2px}.data-field-item .remove-field-btn:hover{color:#dc2626}.add-field-form,.add-field-row{display:flex;flex-direction:column;gap:8px}.add-field-form .field-name-input,.add-field-form .field-type-select{border:1px solid var(--border-color);border-radius:6px;font-size:13px;padding:10px 12px;width:100%}.add-field-form .field-type-select{background:#fff}.add-field-row input{flex:1 1}.add-field-row input,.add-field-row select{border:1px solid var(--border-color);border-radius:6px;font-size:13px;padding:8px 12px}.add-field-row select{background:#fff}.btn-add-field{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:8px 12px;white-space:nowrap}.btn-add-field:hover{background:#2563eb}.save-agent-section{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.btn-save-agent{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;width:100%}.btn-save-agent:hover{background:linear-gradient(135deg,#128c7e,#075e54)}.btn-expand-config{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:12px;padding:10px 16px;width:100%}.btn-expand-config:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.agent-config-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1200}.agent-config-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.agent-config-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-bottom:1px solid var(--border-color);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.agent-config-header h2{align-items:center;display:flex;font-size:18px;gap:10px;margin:0}.agent-config-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.agent-config-body{flex:1 1;overflow-y:auto;padding:24px}.agent-config-section{margin-bottom:24px}.agent-config-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.agent-config-section h3 svg{color:#8b5cf6}.generate-with-ai{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;margin-bottom:24px;padding:20px}.generate-with-ai h4{align-items:center;color:#8b5cf6;display:flex;font-size:14px;gap:8px;margin:0 0 12px}.generate-with-ai textarea{border:1px solid var(--border-color);border-radius:8px;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.generate-with-ai button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;margin-top:12px;padding:10px 20px}.generate-with-ai button:disabled{cursor:not-allowed;opacity:.6}.agent-config-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-make-agentic{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.btn-make-agentic:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}@media (max-width:768px){.automation-v2-page{padding:16px}.automations-grid{grid-template-columns:1fr}.builder-header{flex-wrap:wrap}.builder-header-left{width:100%}.builder-header-right{justify-content:flex-end;width:100%}.step-config-panel{border-left:none;border-radius:16px 16px 0 0;border-top:1px solid var(--border-color);bottom:0;height:50vh;left:0;position:fixed;right:0;width:100%;z-index:50}.run-history-panel,.test-panel{right:-100%;width:100%}.run-history-panel.open{right:0}.condition-branches{flex-direction:column}.add-step-menu{max-width:400px;width:90%}}.notification-banner{animation:slideDown .3s ease-out;background:#3b82f6;box-shadow:0 2px 8px #0000001a;color:#fff;left:0;position:fixed;right:0;top:0;z-index:1000}.banner-content{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:1200px;padding:12px 20px}.banner-icon{color:#ffffffe6;flex-shrink:0;font-size:24px}.banner-text{flex:1 1;min-width:0}.banner-text strong{display:block;font-size:16px;font-weight:600;margin-bottom:4px}.banner-text p{font-size:14px;line-height:1.4;margin:0;opacity:.9}.banner-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.enable-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.enable-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.dismiss-btn{background:none;border:none;border-radius:4px;color:#fffc;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.dismiss-btn:hover{background:#ffffff1a;color:#fff}@media (max-width:768px){.banner-content{gap:12px;padding:12px 16px}.banner-text strong{font-size:15px}.banner-text p,.enable-btn{font-size:13px}.enable-btn{padding:6px 12px}.banner-icon{font-size:20px}}@media (max-width:480px){.banner-content{align-items:flex-start;flex-direction:column;gap:8px}.banner-actions{align-self:stretch;justify-content:space-between}.enable-btn{flex:1 1;text-align:center}}.reads-diagnostic-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:60px;z-index:9999}.reads-diagnostic-toggle:hover{box-shadow:0 6px 20px #667eea99;transform:scale(1.1)}.reads-diagnostic-toggle .reads-count{background:#ef4444;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:24px;padding:2px 8px;position:absolute;right:-5px;text-align:center;top:-5px}.reads-diagnostic-panel{background:#fff;border-radius:12px;bottom:80px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:fixed;right:20px;width:400px;z-index:9999}.reads-diagnostic-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.reads-diagnostic-header h3{font-size:16px;font-weight:600;margin:0}.reads-total{font-size:14px;margin:4px 0 0;opacity:.9}.reads-total strong{font-size:18px;font-weight:700}.close-btn{background:#fff3;color:#fff;transition:background .2s}.close-btn:hover{background:#ffffff4d}.reads-diagnostic-content{flex:1 1;overflow-y:auto;padding:12px}.no-reads{color:#6b7280;font-size:14px;padding:40px 20px;text-align:center}.reads-list{gap:8px}.read-item,.reads-list{display:flex;flex-direction:column}.read-item{background:#f9fafb;border-left:3px solid #667eea;border-radius:6px;font-size:13px;gap:4px;padding:10px 12px}.read-timestamp{color:#6b7280;font-size:11px;font-weight:500}.read-message{color:#111827;font-family:Courier New,monospace;font-size:12px;word-break:break-word}.reads-diagnostic-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 20px}.reset-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s}.reset-btn:hover{background:#dc2626}.reads-info{color:#6b7280;font-size:12px;margin:0}@media (max-width:768px){.reads-diagnostic-panel{max-height:500px;width:calc(100vw - 40px)}}.read-limit-warning{animation:slideDown .3s ease-out;left:50%;max-width:600px;position:fixed;top:70px;transform:translateX(-50%);width:90%;z-index:10000}.read-limit-warning.hourly{background:linear-gradient(135deg,#ff9800,#ff5722)}.read-limit-warning.daily{background:linear-gradient(135deg,#f44336,#d32f2f)}.read-limit-content{align-items:center;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;gap:15px;padding:16px 20px}.read-limit-icon{flex-shrink:0;font-size:32px}.read-limit-text{flex:1 1}.read-limit-title{font-size:16px;font-weight:600;margin-bottom:4px}.read-limit-message{font-size:14px;line-height:1.4;opacity:.95}.read-limit-timer{font-size:12px;font-style:italic;margin-top:4px;opacity:.85}.read-limit-dismiss{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.read-limit-dismiss:hover{background:#ffffff4d;transform:scale(1.1)}.read-limit-dismiss:active{transform:scale(.95)}@media (max-width:768px){.read-limit-warning{top:60px;width:95%}.read-limit-content{gap:12px;padding:12px 16px}.read-limit-icon{font-size:24px}.read-limit-title{font-size:14px}.read-limit-message{font-size:13px}}.cv-upload-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.cv-upload-modal{animation:slideUp .3s ease-out;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:600px;width:90%}.modal-header{align-items:flex-start;border-bottom:2px solid var(--border-color)}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-weight:800;margin:0 0 4px}.modal-header p{font-size:14px}.btn-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:all .2s ease}.btn-close:hover{background:#ef44441a;color:#ef4444}.upload-area{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-tertiary) 100%);border:3px dashed var(--border-color);border-radius:12px;padding:48px 24px;text-align:center;transition:all .3s ease}.upload-area:hover{background:linear-gradient(135deg,#25d3660d 0,var(--bg-tertiary) 100%);border-color:var(--whatsapp-green)}.upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px}.upload-label svg{color:var(--whatsapp-green)}.upload-label h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.upload-label p{color:var(--text-secondary);font-size:14px;margin:0}.upload-hint{background:#25d3661a;border:1px solid #25d3664d;border-radius:12px;color:var(--text-tertiary);color:var(--whatsapp-green);font-size:12px;font-weight:600;padding:6px 16px}.files-list{margin-top:24px}.files-list h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 16px}.file-item{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;display:flex;gap:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.file-item:hover{border-color:var(--whatsapp-green);transform:translateX(4px)}.file-item.complete{background:#10b9810d;border-color:#10b981}.file-item.error{background:#ef44440d;border-color:#ef4444}.file-icon{color:var(--whatsapp-green);flex-shrink:0;font-size:32px}.file-info{flex:1 1;min-width:0}.file-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--text-secondary);font-size:12px}.file-status{color:var(--whatsapp-green);font-size:12px;font-weight:600;margin-top:4px}.file-item.error .file-status{color:#ef4444}.file-actions{align-items:center;display:flex;gap:8px}.status-icon{font-size:24px}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.status-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #3b82f6;height:24px;width:24px}.btn-remove-file{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:all .2s ease}.btn-remove-file:hover{background:#ef44441a;color:#ef4444}.modal-footer{border-top:2px solid var(--border-color)}.btn-cancel,.btn-upload-submit{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-cancel{background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary)}.btn-cancel:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary)}.btn-upload-submit{background:#3b82f6;box-shadow:0 4px 12px #25d3664d;color:#fff}.btn-upload-submit:hover:not(:disabled){box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}.btn-upload-submit:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:spin .6s linear infinite}@media (max-width:768px){.cv-upload-modal{max-height:90vh;width:95%}.modal-body,.modal-header{padding:20px}.upload-area{padding:32px 16px}}.cv-search-container{animation:fadeInPage .4s ease-out;background:var(--bg-primary);height:100%;overflow-y:auto;padding:24px}.cv-search-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.cv-search-header .header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.cv-search-header .header-left p{color:var(--text-secondary);font-size:14px;margin:0}.btn-export,.btn-upload{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-export{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.btn-export:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:translateY(-3px) scale(1.02)}.btn-export:disabled{cursor:not-allowed;opacity:.5}.btn-upload{background:#3b82f6;box-shadow:0 4px 12px #25d3664d;color:#fff}.btn-upload:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-3px) scale(1.02)}.search-bar-section{align-items:center;display:flex;gap:12px;margin-bottom:24px}.search-input-wrapper{flex:1 1;max-width:600px;position:relative}.search-icon{left:16px}.search-input{padding:14px 20px 14px 48px;transition:all .3s ease}.filter-toggle-btn{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #00000014;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-toggle-btn:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.filter-toggle-btn.active,.filter-toggle-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.search-btn{border-radius:10px;box-shadow:0 4px 12px #25d3664d;font-size:14px;font-weight:700;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-btn:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}.results-header{margin-bottom:20px}.results-header h3{color:var(--text-primary);font-size:18px;font-weight:700}.selection-count{color:var(--whatsapp-green);font-weight:600}.btn-select-all{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-select-all:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.candidates-list{display:flex;flex-direction:column;gap:16px}.candidate-card{animation:dropIn .5s ease-out backwards;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.candidate-card:nth-child(n){animation-delay:calc(.05s*var(--i))}.candidate-card:hover{border-color:var(--whatsapp-green);box-shadow:0 8px 20px #25d36626;transform:translateY(-2px)}.candidate-checkbox{align-items:flex-start;display:flex;padding-top:4px}.candidate-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.candidate-avatar{background:#3b82f6}.avatar-initials{font-size:24px}.contact-icon{color:var(--whatsapp-green)}.candidate-categories,.candidate-skills{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.candidate-categories strong,.candidate-skills strong{color:var(--text-secondary);font-size:12px;margin-right:4px}.skill-tag.more{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.category-tag{font-size:12px;padding:4px 12px}.btn-view-details{align-items:center;background:#3b82f6;border:none;border-radius:10px;box-shadow:0 2px 8px #25d36633;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.btn-view-details:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}@media (max-width:768px){.cv-search-header{align-items:stretch}.cv-search-header,.header-actions,.search-bar-section{flex-direction:column}.search-input-wrapper{max-width:100%}.candidate-card{align-items:flex-start;flex-direction:column}}.hot-candidates-container{animation:fadeInPage .4s ease-out;background:var(--bg-primary);height:100%;overflow-y:auto;padding:24px}.hot-candidates-header{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:20px}.hot-candidates-header .header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,#f59e0b 100%);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.hot-candidates-header .header-left p{color:var(--text-secondary);font-size:14px;margin:0}.hot-candidates-list{display:flex;flex-direction:column;gap:16px}.hot-candidate-card{animation:dropIn .5s ease-out backwards;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-left:4px solid #f59e0b;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hot-candidate-card:nth-child(n){animation-delay:calc(.05s*var(--i))}.hot-candidate-card:hover{border-left-color:#d97706;box-shadow:0 8px 20px #f59e0b33;transform:translateY(-2px)}.candidate-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 2px 8px #f59e0b4d;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.candidate-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initials{font-size:20px}.candidate-info{flex:1 1;min-width:0}.candidate-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.candidate-name{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.candidate-location{background:#3b82f61a;border-radius:12px;color:#3b82f6;font-size:12px;font-weight:600;padding:4px 12px}.candidate-contact{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:6px}.contact-icon{color:#f59e0b;font-size:14px}.candidate-skills{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.candidate-skills strong{color:var(--text-secondary);font-size:12px;margin-right:4px}.skill-tag{font-size:12px;padding:4px 12px}.candidate-meta{color:var(--text-tertiary);font-size:12px;margin-top:8px}.btn-remove{align-self:flex-start;background:#ef44441a;border:2px solid #ef4444;border-radius:10px;color:#ef4444;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-remove:hover{background:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-2px)}.loading-spinner{border-top:4px solid #f59e0b}@media (max-width:768px){.hot-candidate-card{flex-direction:column}.btn-remove{align-self:stretch;justify-content:center}}.candidate-detail-container{animation:fadeInPage .4s ease-out;background:var(--bg-primary);height:100%;overflow-y:auto;padding:24px}.detail-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.btn-back,.detail-header{align-items:center;display:flex}.btn-back{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-back:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green);transform:translateX(-4px)}.btn-download,.btn-hot{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-hot{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.btn-hot:hover{box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.btn-hot.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.btn-download{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-download:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.profile-card{animation:dropIn .5s ease-out backwards;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000f;margin-bottom:24px;padding:32px}@keyframes dropIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-header{align-items:flex-start;display:flex;gap:24px}.profile-avatar{align-items:center;background:#3b82f6;border-radius:50%;box-shadow:0 8px 24px #25d3664d;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initials{font-size:42px}.profile-info{flex:1 1}.profile-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin:0 0 16px}.info-item{align-items:center;margin-bottom:8px}.info-item svg{color:var(--whatsapp-green);font-size:18px}.info-item a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.info-item a:hover{color:var(--whatsapp-green);text-decoration:underline}.contact-info{margin-top:16px}.section-card{animation:dropIn .5s ease-out backwards;animation-delay:.1s;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000f;margin-bottom:24px;padding:24px}.section-card h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 20px}.section-card h2 svg{color:var(--whatsapp-green)}.summary-text{color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0}.skills-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:#25d3661a;border:1px solid #25d3664d;border-radius:12px;color:var(--whatsapp-green);font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.skill-tag:hover{background:#25d36633;transform:translateY(-2px)}.categories-grid{display:flex;flex-wrap:wrap;gap:10px}.category-tag{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:12px;color:#8b5cf6;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.category-tag:hover{background:#8b5cf633;transform:translateY(-2px)}.education-list,.experience-list{display:flex;flex-direction:column;gap:20px}.experience-item{background:var(--bg-primary);border:2px solid var(--border-color);border-left:4px solid var(--whatsapp-green);border-radius:12px;padding:20px;transition:all .3s ease}.experience-item:hover{border-left-color:#3b82f6;box-shadow:0 4px 12px #25d3661a;transform:translateX(4px)}.exp-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.exp-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.exp-duration{background:#3b82f61a;border-radius:12px;color:#3b82f6;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.exp-company{color:var(--whatsapp-green);font-size:14px;font-weight:600;margin-bottom:12px}.exp-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.education-item{background:var(--bg-primary);border:2px solid var(--border-color);border-left:4px solid #3b82f6;border-radius:12px;padding:20px;transition:all .3s ease}.education-item:hover{border-left-color:#2563eb;box-shadow:0 4px 12px #3b82f61a;transform:translateX(4px)}.education-item h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 8px}.edu-institution{color:#3b82f6;font-size:14px;font-weight:600;margin-bottom:8px}.edu-year{color:var(--text-secondary);font-size:13px}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{border-top:4px solid #3b82f6}.empty-state h3{font-weight:700}.empty-state button{background:#3b82f6;border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease}.empty-state button:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}@media (max-width:768px){.detail-header{align-items:stretch}.detail-header,.header-actions,.profile-header{flex-direction:column}.profile-header{align-items:center;text-align:center}.profile-info h1{font-size:24px}.contact-info{align-items:center}.exp-header{align-items:flex-start;flex-direction:column}}.chat-viewer-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.chat-viewer-modal{animation:slideUp .3s ease;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:90%}.chat-viewer-header{align-items:flex-start;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 28px}.header-content{flex:1 1}.chat-viewer-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 12px}.chat-viewer-header h2 svg{color:var(--whatsapp-green)}.ticket-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.viewer-header-actions{gap:8px}.expand-viewer-btn,.viewer-header-actions{align-items:center;display:flex;flex-shrink:0}.expand-viewer-btn{background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.expand-viewer-btn:hover{background:var(--whatsapp-green);color:#fff}.ticket-id-viewer{background:var(--bg-secondary);border-radius:6px;color:var(--text-tertiary);font-family:Courier New,monospace;font-size:11px;font-weight:700;padding:4px 10px}.close-viewer-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-viewer-btn:hover{background:var(--border-color);color:var(--text-primary)}.viewer-ticket-info{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:20px 28px}.viewer-ticket-title{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.4;margin:0 0 16px}.viewer-ticket-details{display:flex;flex-direction:column;gap:10px}.detail-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.detail-item svg{color:var(--whatsapp-green);flex-shrink:0}.detail-label{color:var(--text-tertiary);font-weight:600}.detail-email{color:var(--text-tertiary);font-size:12px}.category-badge{background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.viewer-messages{background:var(--bg-primary);flex:1 1;gap:20px;overflow-y:auto;padding:24px 28px}.no-messages,.viewer-messages{display:flex;flex-direction:column}.no-messages{align-items:center;color:var(--text-tertiary);justify-content:center;padding:60px 20px;text-align:center}.no-messages svg{margin-bottom:16px;opacity:.3}.viewer-message{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:8px}.viewer-message.assistant{align-items:flex-start}.viewer-message.user{align-items:flex-end}.message-header{font-size:12px;gap:12px}.viewer-message.user .message-header{flex-direction:row-reverse}.message-sender{color:var(--text-primary);font-weight:700}.message-time{color:var(--text-tertiary);font-size:11px}.message-body{word-wrap:break-word;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);line-height:1.6;max-width:80%;padding:14px 18px;white-space:pre-wrap}.viewer-message.user .message-body{background:var(--whatsapp-green);border:none;color:#fff}.message-source-tag{font-size:11px;font-weight:600}.source-kb,.source-web{border-radius:12px;display:inline-block;padding:4px 10px}.source-web{background:#a855f71a;color:#a855f7}.source-kb{background:#3b82f61a;color:#3b82f6}.viewer-footer{align-items:center;background:var(--bg-tertiary);border-radius:0 0 16px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 28px}.message-count{color:var(--text-secondary);font-size:13px}.close-footer-btn{background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.close-footer-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.chat-viewer-header .priority-badge{border-radius:12px;font-size:10px;font-weight:700;padding:4px 10px;text-transform:capitalize}.chat-viewer-header .priority-badge.urgent{background:#ef44441a;color:#ef4444}.chat-viewer-header .priority-badge.high{background:#f973161a;color:#f97316}.chat-viewer-header .priority-badge.medium{background:#eab3081a;color:#eab308}.chat-viewer-header .priority-badge.low{background:#22c55e1a;color:#22c55e}.chat-viewer-header .status-badge{border-radius:12px;font-size:10px;font-weight:700;padding:4px 10px;text-transform:capitalize}.chat-viewer-header .status-badge.open{background:#3b82f61a;color:#3b82f6}.chat-viewer-header .status-badge.in_progress{background:#f59e0b1a;color:#f59e0b}.chat-viewer-header .status-badge.resolved{background:#10b9811a;color:#10b981}.chat-viewer-header .status-badge.closed{background:#6b72801a;color:#6b7280}@media (max-width:768px){.chat-viewer-modal{border-radius:0;height:100vh;max-height:100vh;max-width:100%;width:100%}.chat-viewer-header,.viewer-footer,.viewer-messages,.viewer-ticket-info{padding-left:20px;padding-right:20px}.message-body{max-width:90%}.chat-viewer-header,.viewer-footer{border-radius:0}}.help-desk-sidebar{background:var(--bg-secondary);display:flex;flex-direction:column;flex-shrink:0;height:100%;width:400px}.help-desk-sidebar.full-page{background:#0000;padding:0;width:100%}.help-desk-sidebar.full-page .sidebar-header{display:none}.help-desk-sidebar.full-page .sidebar-filters{background:#0000;border-bottom:none;gap:12px;justify-content:flex-start;padding:0 0 20px}.help-desk-sidebar.full-page .filter-btn{flex:0 0 auto;min-width:120px}.help-desk-sidebar.full-page .sidebar-tickets{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));overflow-y:visible;padding:0}.help-desk-sidebar.full-page .ticket-item{height:-webkit-fit-content;height:fit-content;margin-bottom:0}.help-desk-sidebar.full-page .ticket-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.sidebar-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:20px}.sidebar-header h3{color:var(--text-primary);font-size:18px}.new-chat-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.new-chat-btn:hover{background:var(--whatsapp-green-dark);transform:scale(1.05)}.new-chat-btn svg{font-size:18px}.sidebar-filters{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:8px;padding:16px 20px}.filter-btn{align-items:center;display:flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.filter-btn.active,.filter-btn:hover{border-color:var(--whatsapp-green)}.filter-btn.active{background:var(--whatsapp-green);color:#fff}.filter-btn svg{font-size:14px}.sidebar-tickets{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px}.empty-tickets{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-tickets p{font-size:14px;margin-bottom:16px}.start-chat-btn{border-radius:8px;padding:10px 20px}.start-chat-btn:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.ticket-item{background:var(--bg-tertiary);border:2px solid #0000;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s ease}.ticket-item:hover{border-color:var(--whatsapp-green);transform:translateX(4px)}.ticket-item.selected{background:#25d3661a;border-color:var(--whatsapp-green)}.ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-header-actions{align-items:center;display:flex;gap:8px}.view-chat-icon-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.view-chat-icon-btn:hover{background:var(--whatsapp-green-dark);transform:scale(1.1)}.ticket-id{font-family:Courier New,monospace;font-size:12px}.ticket-priority{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.ticket-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;margin-bottom:8px;overflow:hidden}.ticket-meta{justify-content:space-between;margin-bottom:8px}.ticket-category{background:var(--bg-secondary);font-weight:500;padding:4px 8px}.ticket-date{color:var(--text-tertiary);font-size:12px}.ticket-status{gap:8px;justify-content:space-between;margin-top:8px}.message-count,.ticket-status{align-items:center;display:flex}.message-count{background:var(--bg-secondary);border-radius:10px;color:var(--text-tertiary);font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.status-badge{text-transform:capitalize}.status-badge.open{background:#3b82f61a;color:#3b82f6}.status-badge.in_progress{background:#f59e0b1a;color:#f59e0b}.status-badge.resolved{background:#10b9811a;color:#10b981}.status-badge.closed{background:#6b72801a;color:#6b7280}@media (max-width:768px){.help-desk-sidebar{border-right:none;width:100%}.sidebar-filters{flex-wrap:wrap}.filter-btn{font-size:12px;padding:6px 10px}.help-desk-sidebar.full-page .sidebar-tickets{gap:16px;grid-template-columns:1fr}}@media (max-width:1024px) and (min-width:769px){.help-desk-sidebar.full-page .sidebar-tickets{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.manual-ticket-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.manual-ticket-modal{animation:slideUp .3s ease-out;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.manual-ticket-header{align-items:flex-start;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:24px}.manual-ticket-header .header-icon{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green),#1fa65a);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.manual-ticket-header .header-text{flex:1 1}.manual-ticket-header h2{color:var(--text-primary);font-size:26px;font-weight:700;margin:0 0 4px}.manual-ticket-header p{color:var(--text-secondary);font-size:15px;margin:0}.manual-ticket-header .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.manual-ticket-header .close-btn:hover{background:var(--bg-primary);color:var(--text-primary);transform:none!important}.manual-ticket-header .close-btn svg{animation:none!important;transform:none!important;transition:none!important}.manual-ticket-form{flex:1 1;overflow-y:auto;padding:24px}.manual-ticket-form .form-group{margin-bottom:20px}.manual-ticket-form .form-group-title-horizontal{align-items:flex-start;display:flex;gap:20px;margin-bottom:24px}.manual-ticket-form .form-group-title-horizontal>label{color:var(--text-primary);display:block;flex-shrink:0;font-size:16px;font-weight:600;margin-bottom:0;min-width:100px;padding-top:16px;white-space:nowrap;width:100px}.manual-ticket-form .title-input-wrapper{display:flex;flex:1 1;flex-direction:column;gap:6px;max-width:100%}.manual-ticket-form .title-input-large{font-size:18px;font-weight:500;min-height:56px;padding:16px 20px;width:100%}.manual-ticket-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.manual-ticket-form label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.manual-ticket-form .required{color:#f44}.manual-ticket-form input,.manual-ticket-form select,.manual-ticket-form textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.manual-ticket-form input:focus,.manual-ticket-form select:focus,.manual-ticket-form textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.manual-ticket-form input:disabled,.manual-ticket-form select:disabled,.manual-ticket-form textarea:disabled{cursor:not-allowed;opacity:.6}.manual-ticket-form .char-count{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px;text-align:right}.error-message{background:#ff44441a;border:1px solid #ff44444d;color:#f44;margin-bottom:16px}.error-message svg{flex-shrink:0;font-size:16px}.priority-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:16px}.priority-info strong{color:var(--text-primary);display:block;font-size:14px;margin-bottom:8px}.priority-info ul{margin:0;padding-left:20px}.priority-info li{color:var(--text-secondary);font-size:13px;margin-bottom:4px}.priority-info li strong{color:var(--text-primary);display:inline}.form-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.form-actions .cancel-btn{border:2px solid var(--border-color)}.form-actions .cancel-btn:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.image-upload-btn{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-top:8px;padding:10px 16px;transition:all .2s ease}.image-upload-btn:hover{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.image-hint{color:var(--text-secondary);font-size:12px;margin:8px 0 0}.attached-images{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:16px}.image-preview{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;padding:8px;position:relative}.image-preview img{border-radius:6px;height:120px;margin-bottom:8px;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.image-name{color:var(--text-primary);display:block;font-size:12px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{color:var(--text-secondary);display:block;font-size:11px}.form-actions .submit-btn:hover:not(:disabled){background:#1fa65a;box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.form-actions button:disabled{cursor:not-allowed;opacity:.6}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff}.subscription-fields{animation:slideDown .3s ease-out;background:#6772e50d;border:2px solid #6772e533;border-radius:12px;margin-top:16px;padding:20px}.subscription-fields .form-group{margin-bottom:16px}.subscription-fields .form-group:last-child{margin-bottom:0}.subscription-fields label{color:#6772e5;font-weight:600}.subscription-fields input{border-color:#6772e54d}.subscription-fields input:focus{border-color:#6772e5;box-shadow:0 0 0 3px #6772e51a}.dropdown-trigger{background:#fff;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s ease}.dropdown-trigger:hover:not(:disabled){border-color:#3b82f6}.dropdown-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dropdown-trigger:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.dropdown-chevron{color:#9ca3af;transition:transform .2s ease}.dropdown-trigger.open .dropdown-chevron{transform:rotate(180deg)}.custom-dropdown .dropdown-menu{animation:dropdownFadeIn .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.dropdown-item{background:none;border:none;color:#374151;display:block;font-size:14px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.selected{background:#eff6ff;color:#3b82f6;font-weight:500}@media (max-width:640px){.manual-ticket-modal{max-height:95vh;width:95%}.manual-ticket-form,.manual-ticket-header{padding:20px}.manual-ticket-form .form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{justify-content:center;width:100%}}.help-desk{align-items:stretch!important;height:100vh;justify-content:flex-start!important}.help-desk,.help-desk-redesign{background:#f3f4f6;display:flex;flex-direction:column;font-family:Outfit,system-ui,sans-serif}.help-desk-redesign{animation:fadeInPage .3s ease;min-height:100%;padding:24px 32px}.hd-header{justify-content:space-between;margin-bottom:24px}.hd-header,.hd-header h1{align-items:center;display:flex}.hd-header h1{color:#1f2937;font-size:24px;font-weight:700;gap:10px;margin:0}.hd-header h1 svg{color:#3b82f6}.hd-btn-primary{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .2s}.hd-btn-primary:hover{background:#2563eb}.hd-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.hd-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:14px;padding:16px 20px}.hd-stat-card,.hd-stat-icon{align-items:center;display:flex}.hd-stat-icon{border-radius:10px;height:44px;justify-content:center;width:44px}.hd-stat-icon.total{background:#dbeafe;color:#2563eb}.hd-stat-icon.open{background:#fef3c7;color:#d97706}.hd-stat-icon.progress{background:#e0e7ff;color:#4338ca}.hd-stat-icon.resolved{background:#d1fae5;color:#059669}.hd-stat-info{display:flex;flex-direction:column}.hd-stat-value{color:#1f2937;font-size:24px;font-weight:700;line-height:1}.hd-stat-label{color:#6b7280;font-size:13px;margin-top:4px}.hd-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.hd-search{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex:1 1;gap:10px;min-width:250px;padding:0 14px}.hd-search svg{color:#9ca3af;flex-shrink:0}.hd-search input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:12px 0}.hd-search input::placeholder{color:#9ca3af}.hd-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:4px}.hd-search-clear:hover{color:#6b7280}.hd-filters{display:flex;gap:10px}.hd-filter{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:0 12px}.hd-filter svg{color:#9ca3af}.hd-filter select{background:#0000;border:none;color:#374151;cursor:pointer;font-size:14px;outline:none;padding:12px 0}.hd-tickets-container{flex:1 1;overflow-y:auto}.hd-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.hd-empty svg{margin-bottom:16px;opacity:.5}.hd-empty h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.hd-empty p{color:#6b7280;font-size:14px;margin:0 0 20px}.hd-tickets-list{display:flex;flex-direction:column;gap:12px}.hd-ticket-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:20px;justify-content:space-between;padding:16px 20px;transition:all .2s}.hd-ticket-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.hd-ticket-main{flex:1 1;min-width:0}.hd-ticket-id{color:#3b82f6;font-size:12px;font-weight:600;margin-bottom:4px}.hd-ticket-title{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 6px}.hd-ticket-desc,.hd-ticket-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-ticket-desc{color:#6b7280;font-size:13px;margin:0}.hd-ticket-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.hd-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.hd-ticket-date{color:#9ca3af;font-size:12px;white-space:nowrap}@media (max-width:900px){.hd-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.help-desk-redesign{padding:16px}.hd-header{align-items:flex-start;flex-direction:column;gap:12px}.hd-stats{grid-template-columns:1fr 1fr}.hd-controls{flex-direction:column}.hd-search{min-width:100%}.hd-ticket-card{flex-direction:column;gap:12px}.hd-ticket-meta{flex-wrap:wrap}}.help-desk-simple{flex:1 1;flex-direction:column;margin:0 auto;max-width:500px;padding:40px;text-align:center}.help-desk-icon,.help-desk-simple{align-items:center;display:flex;justify-content:center}.help-desk-icon{background:#3b82f6;border-radius:50%;height:80px;margin-bottom:24px;width:80px}.help-desk-icon svg{stroke:#fff;color:#fff!important;height:40px;width:40px}.help-desk-simple h2{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 12px}.help-desk-simple p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 32px}.create-ticket-btn-large{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:16px 32px;transition:all .2s ease}.create-ticket-btn-large:hover{background:#2563eb;transform:scale(1.02)}.create-ticket-btn-large svg{height:20px;width:20px}.view-tickets-btn{align-items:center;background:#0000;border:2px solid #3b82f6;border-radius:6px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;margin-top:16px;padding:14px 28px;transition:all .2s ease}.view-tickets-btn:hover{background:#eff6ff;transform:scale(1.02)}.view-tickets-btn svg{height:16px;width:16px}.help-desk-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:24px;justify-content:flex-start;padding:20px 32px;position:relative}.help-desk-header h1{-webkit-text-fill-color:unset;background:none;color:#111827;display:inline-block;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1;margin:0;white-space:nowrap}.header-left{align-items:flex-start;gap:8px}.header-title-row{gap:12px;white-space:nowrap}.header-center{align-items:center;display:flex;margin-left:auto}.header-left h1{flex-shrink:0;white-space:nowrap}.title-icon-buttons{align-items:center;display:flex;gap:8px;margin-left:0}.icon-btn-compact{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.icon-btn-compact:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.05)}.icon-btn-compact svg{font-size:18px}.icon-badge{background:var(--whatsapp-green);border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 5px;position:absolute;right:-6px;text-align:center;top:-6px}.tickets-toggle-btn{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:14px 24px;position:relative;transition:all .2s ease;white-space:nowrap}.tickets-toggle-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.tickets-toggle-btn svg{font-size:16px}.ticket-count-badge{background:#3b82f6;border-radius:9999px;color:#fff;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.tickets-toggle-btn:hover .ticket-count-badge{background:#fff;color:#3b82f6}.chat-history-btn{box-shadow:0 2px 4px #0000001a}.chat-history-btn:hover{box-shadow:0 4px 8px #25d3664d;transform:translateY(-1px)}.view-toggle{flex-shrink:0}.view-btn{background:none;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.view-btn:hover{background:var(--bg-primary)}.view-btn.active{background:#3b82f6}.view-btn svg{font-size:16px}.kb-manager-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:14px 24px;transition:all .2s ease;white-space:nowrap}.kb-manager-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.02)}.kb-manager-btn svg{font-size:16px}.create-ticket-btn{flex-shrink:0;font-size:14px;gap:12px;min-width:150px;overflow:hidden;padding:14px 24px;position:relative;white-space:nowrap}.animated-border-btn>svg:first-child{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.animated-border-btn>svg:first-child rect{fill:none;stroke:#fffc;stroke-width:3;stroke-dasharray:150 480;stroke-dashoffset:150;rx:8;ry:8;transition:all 1.5s ease-in-out}.animated-border-btn:hover>svg:first-child rect{stroke:#fff;stroke-width:2;stroke-dashoffset:-480}.create-ticket-btn span,.create-ticket-btn>:not(:first-child){position:relative;z-index:2}.help-desk-content{display:flex;flex:1 1;flex-direction:row;overflow:hidden}.help-desk-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100vh;justify-content:center}.help-desk-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6!important;height:40px;margin-bottom:16px;width:40px}.tickets-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.help-desk-sidebar-container{box-shadow:-4px 0 20px #00000026;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.help-desk-sidebar-container.open{transform:translateX(0)}@media (max-width:768px){.help-desk-header{align-items:flex-start;flex-direction:column;gap:16px;padding:12px 16px}.header-left{flex-wrap:wrap}.header-actions,.header-left{justify-content:flex-start;width:100%}.header-actions{gap:8px}.icon-btn-compact{height:36px;width:36px}.icon-btn-compact svg{font-size:16px}.view-btn span{display:none}.view-btn{padding:8px 12px}}.help-desk .help-desk-header{justify-content:flex-start!important;text-align:left!important}.help-desk .header-left{align-items:flex-start!important;flex:0 0 auto!important;justify-content:flex-start!important;margin-right:0!important}.help-desk .header-title-row{align-items:center!important;justify-content:flex-start!important}.help-desk .header-center{flex:0 0 auto!important;margin-left:auto!important}.help-desk .header-actions{justify-content:flex-end!important;margin-left:auto!important}.help-desk-board{animation:fadeInPage .4s ease-out;background:#f3f4f6;flex:1 1;font-family:Outfit,system-ui,sans-serif;padding:32px 32px 64px;width:100%}.help-desk-board.fade-in-board{animation:fadeInBoard .3s ease-out}@keyframes fadeInBoard{0%{opacity:0}to{opacity:1}}.board-header{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.board-header,.board-header-left{align-items:center;display:flex;gap:16px}.board-header-left{flex:1 1}.board-header h2{align-items:center;color:#111827;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0;white-space:nowrap}.history-info{color:var(--text-secondary);font-size:13px}.board-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.history-toggle-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.history-toggle-btn:hover{background:#f3f4f6;border-color:#3b82f6}.history-toggle-btn.active{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.history-toggle-btn.active:hover{background:#f59e0b33}.history-toggle-btn svg{font-size:16px}.history-count{background:#3b82f6;border-radius:9999px;color:#fff;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.history-toggle-btn:hover .history-count{background:#fff;color:#3b82f6}.history-toggle-btn.active .history-count{background:#fff;color:#f59e0b}.search-bar{background:#fff;border:1px solid #e5e7eb;max-width:500px;min-width:300px;transition:border-color .2s ease}.search-bar:hover{border-color:#3b82f6}.search-bar:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#9ca3af;pointer-events:none}.search-bar .search-input{background:#0000;border:none;border-radius:8px;color:#1f2937;font-size:14px;outline:none;padding:10px 36px 10px 40px;width:100%}.search-bar .search-input::placeholder{color:#9ca3af}.clear-search-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:26px;justify-content:center;position:absolute;right:10px;transition:all .15s ease;width:26px}.clear-search-btn:hover{background:var(--text-tertiary);color:#fff}.assignment-filter,.sort-filter{align-items:center;display:flex}.filter-icon,.sort-icon{display:none}.board-filter-select{min-width:180px}.board-filter-select .custom-select-trigger{background:#fff;border:1px solid #e5e7eb;font-size:13px;gap:8px;padding:8px 12px}.board-filter-select .custom-select-trigger:hover{border-color:#3b82f6}.board-filter-select .custom-select-trigger svg:first-child{color:#6b7280}.board-filter-select .custom-select-options{max-height:280px;overflow-y:auto}.user-option{align-items:center;display:flex;gap:10px}.user-option-avatar{object-fit:cover}.user-option-avatar,.user-option-initials{border-radius:50%;flex-shrink:0;height:24px;width:24px}.user-option-initials{align-items:center;background:#3b82f6;color:#fff;display:flex;font-size:10px;font-weight:600;justify-content:center}.assignment-select,.sort-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 14px;transition:all .2s}.assignment-select:hover,.sort-select:hover{border-color:#3b82f6}.assignment-select:focus,.sort-select:focus{border-color:#3b82f6;outline:none}.create-ticket-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.create-ticket-btn:hover{background:#2563eb;transform:scale(1.02)}.create-ticket-btn svg{font-size:16px}.board-stats{display:flex;gap:12px;margin-bottom:20px}.stat-card{border:1px solid #e5e7eb;gap:12px;padding:14px 18px}.stat-card h4{color:var(--text-secondary);font-size:13px;font-weight:500;margin:0}.stat-number{color:var(--text-primary);font-size:20px;margin:0}.stat-card.open{border-left:3px solid #3b82f6}.stat-card.open .stat-number{color:#3b82f6}.stat-card.progress{border-left:3px solid #f59e0b}.stat-card.progress .stat-number{color:#f59e0b}.stat-card.resolved{border-left:3px solid #10b981}.stat-card.resolved .stat-number{color:#10b981}.board-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.board-columns.history-view{grid-template-columns:1fr;margin:0 auto 24px;max-width:1000px}.history-column{min-height:400px}.board-column{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:200px}.board-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center}.board-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:16px;width:48px}.column-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;border-top:3px solid;display:flex;justify-content:space-between;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.column-header h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.column-count{align-items:center;background:var(--bg-primary);border-radius:12px;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 8px}.column-tickets{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:12px}.board-ticket{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:12px;transition:all .15s ease}.board-ticket:hover{border-color:#3b82f6}.board-ticket:active{cursor:grabbing}.board-ticket[draggable=false],.board-ticket[draggable=false]:active{cursor:pointer}.ticket-board-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-id{color:var(--text-tertiary);font-family:monospace;font-size:11px;font-weight:600}.priority-dot{height:10px;width:10px}.ticket-board-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.4;margin:0 0 8px;overflow:hidden}.ticket-board-category{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:10px;font-weight:600;margin-bottom:10px;padding:3px 8px;text-transform:capitalize}.ticket-board-meta{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}.meta-item{color:var(--text-tertiary);font-size:11px;gap:4px}.meta-item svg{flex-shrink:0}.ticket-assigned-to{align-items:center;background:var(--bg-secondary);border-radius:6px;display:flex;gap:8px;margin-top:10px;padding:6px 8px}.ticket-assigned-to.clickable{cursor:pointer;transition:all .15s ease}.ticket-assigned-to.clickable:hover{background:#eff6ff}.assigned-avatar{height:22px;width:22px}.assigned-avatar-initials{background:#3b82f6;font-size:10px;height:22px;width:22px}.assigned-name,.view-chat-btn{font-size:11px;font-weight:500}.view-chat-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;gap:6px;justify-content:center;margin-top:10px;padding:6px 10px;transition:all .15s ease;width:100%}.view-chat-btn:hover{border-color:#3b82f6;color:#3b82f6}.empty-column{align-items:center;color:var(--text-tertiary);display:flex;flex:1 1;font-size:14px;justify-content:center;padding:40px 20px;text-align:center}.board-column.drag-over{background:#eff6ff;border:2px dashed #3b82f6}@media (max-width:1200px){.board-columns{grid-template-columns:repeat(2,1fr)}}.create-ticket-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2500}.create-ticket-modal{animation:slideUp .3s ease;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.create-ticket-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 28px}.create-ticket-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.create-ticket-header button{background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:24px;height:36px;transition:all .2s ease;width:36px}.create-ticket-header button:hover{background:var(--border-color);color:var(--text-primary)}.create-ticket-form{max-height:calc(85vh - 80px);overflow-y:auto;padding:24px 28px}.create-ticket-form .form-group{margin-bottom:20px}.create-ticket-form label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.create-ticket-form input,.create-ticket-form select,.create-ticket-form textarea{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.create-ticket-form input:focus,.create-ticket-form select:focus,.create-ticket-form textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.create-ticket-form textarea{min-height:120px;resize:vertical}.form-actions{padding-top:24px}.form-actions .cancel-btn,.form-actions .submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.form-actions .cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.form-actions .cancel-btn:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.form-actions .submit-btn{background:var(--whatsapp-green);color:#fff}.form-actions .submit-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}@media (max-width:768px){.help-desk-board{padding:16px}.board-header{gap:12px}.board-header,.board-header-left{align-items:flex-start;flex-direction:column}.board-header-left{width:100%}.board-header-actions{flex-direction:column;gap:12px;width:100%}.assignment-filter,.assignment-select,.sort-filter,.sort-select{width:100%}.search-bar{max-width:none;min-width:0;min-width:auto;width:100%}.create-ticket-btn{justify-content:center;width:100%}.board-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-number{font-size:28px}.board-columns{gap:16px;grid-template-columns:1fr}.column-header{padding:16px}.column-tickets{padding:12px}.create-ticket-modal{border-radius:0;height:100vh;max-height:100vh;max-width:100%;width:100%}.form-row{grid-template-columns:1fr}}.ticket-context-menu{animation:contextMenuFadeIn .15s ease-out;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:calc(100vh - 20px);max-width:280px;min-width:220px;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--whatsapp-green) var(--bg-secondary);scrollbar-width:thin;z-index:10000}.ticket-context-menu::-webkit-scrollbar{width:6px}.ticket-context-menu::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:0 12px 12px 0}.ticket-context-menu::-webkit-scrollbar-thumb{background:var(--whatsapp-green);border-radius:3px}.ticket-context-menu::-webkit-scrollbar-thumb:hover{background:#2563eb}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-section{padding:8px}.context-menu-header{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;padding:8px 12px 4px;text-transform:uppercase}.context-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.context-menu-item:hover{background:var(--bg-secondary);color:var(--whatsapp-green)}.context-menu-item.active{background:#25d3661a;color:var(--whatsapp-green)}.context-menu-item svg{flex-shrink:0;height:16px;width:16px}.context-menu-item span:first-of-type{flex:1 1}.context-menu-item .check-mark{color:var(--whatsapp-green);flex:0 1;font-size:16px;font-weight:700}.context-menu-divider{background:var(--border-color);height:1px;margin:4px 8px}.board-ticket{position:relative;-webkit-user-select:none;user-select:none}@media (max-width:768px){.ticket-context-menu{left:5vw!important;max-width:90vw}}.quick-view-btn{align-items:center;background:#dbeafe;border:none;border-radius:6px;color:#2563eb;cursor:pointer;display:flex;height:28px;justify-content:center;margin-left:auto;transition:all .2s;width:28px}.quick-view-btn:hover{background:#3b82f6;color:#fff}.quick-view-overlay{animation:fadeIn .2s ease;background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.quick-view-sidebar{animation:slideIn .3s ease;background:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;height:100vh;max-width:100%;position:fixed;right:0;top:0;width:450px;z-index:1001}.quick-view-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.quick-view-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.quick-view-actions{display:flex;gap:8px}.quick-view-actions .close-btn,.quick-view-actions .expand-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.quick-view-actions .expand-btn{background:#dbeafe;color:#2563eb}.quick-view-actions .expand-btn:hover{background:#3b82f6;color:#fff}.quick-view-actions .close-btn{background:#f3f4f6;color:#6b7280}.quick-view-actions .close-btn:hover{background:#e5e7eb;color:#1f2937;transform:none}.quick-view-content{flex:1 1;overflow-y:auto;padding:20px}.quick-view-section{margin-bottom:20px}.quick-view-section h4{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 10px}.quick-view-section .ticket-description{color:#4b5563;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.quick-view-section .ticket-description a{color:#3b82f6;text-decoration:none;word-break:break-all}.quick-view-section .ticket-description a:hover{text-decoration:underline}.quick-view-meta{grid-gap:12px;background:#f9fafb;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:16px}.quick-view-meta .meta-item{display:flex;flex-direction:column;gap:4px}.quick-view-meta .meta-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.quick-view-meta .meta-item>span:last-child{color:#1f2937;font-size:14px}.quick-view-meta .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.quick-view-meta .status-badge.open{background:#fef3c7;color:#d97706}.quick-view-meta .status-badge.in_progress{background:#dbeafe;color:#2563eb}.quick-view-meta .status-badge.resolved{background:#d1fae5;color:#059669}.quick-view-meta .status-badge.closed{background:#e5e7eb;color:#6b7280}.quick-view-meta .priority-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.quick-view-meta .priority-badge.low{background:#e5e7eb;color:#6b7280}.quick-view-meta .priority-badge.medium{background:#dbeafe;color:#2563eb}.quick-view-meta .priority-badge.high{background:#fee2e2;color:#dc2626}.quick-view-meta .priority-badge.urgent{background:#dc2626;color:#fff}.quick-view-messages{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.quick-message{border-radius:8px;font-size:13px;padding:10px 12px}.quick-message.user{background:#f3f4f6}.quick-message.staff{background:#dbeafe}.quick-message .message-header{display:flex;justify-content:space-between;margin-bottom:4px}.quick-message .sender{color:#1f2937;font-size:12px;font-weight:600}.quick-message .time{color:#9ca3af;font-size:11px}.quick-message p{color:#4b5563;line-height:1.4;margin:0}.more-messages{color:#6b7280;font-size:12px;margin:8px 0 0;text-align:center}.quick-view-additional{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin-top:16px;padding:12px}.quick-view-additional h4{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.quick-view-additional .additional-items{display:flex;flex-direction:column;gap:8px}.quick-view-additional .additional-item{display:flex;flex-direction:column;gap:2px}.quick-view-additional .item-label{color:#9ca3af;font-size:11px;font-weight:500}.quick-view-additional .item-value{color:#1f2937;font-size:13px}.quick-view-additional .item-email,.quick-view-additional .item-link{color:#3b82f6;font-size:13px;text-decoration:none;word-break:break-all}.quick-view-additional .item-email:hover,.quick-view-additional .item-link:hover{text-decoration:underline}.quick-view-links{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:16px}.quick-link-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.quick-link-btn:hover{background:#e5e7eb;border-color:#d1d5db}.quick-link-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.quick-link-btn.primary:hover{background:#2563eb;border-color:#2563eb}.view-full-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:12px;transition:background .2s;width:100%}.view-full-btn:hover{background:#2563eb}[data-theme=dark] .ticket-context-menu{background:var(--bg-secondary);box-shadow:0 8px 24px #0006}[data-theme=dark] .context-menu-item:hover{background:var(--bg-tertiary)}[data-theme=dark] .quick-view-sidebar{background:var(--bg-primary)}[data-theme=dark] .quick-view-header{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .quick-view-header h3{color:var(--text-primary)}[data-theme=dark] .quick-message.user,[data-theme=dark] .quick-view-meta{background:var(--bg-secondary)}[data-theme=dark] .quick-message.staff{background:#3b82f633}.rota-container{animation:fadeInPage .4s ease-out;max-width:100%;overflow-x:auto;padding:24px}.rota-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom:2px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:16px;margin:-24px -24px 24px;padding:24px}.header-top{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.view-toggle button{gap:6px;min-width:90px;padding:10px 20px;white-space:nowrap}.site-filters{display:flex;flex-wrap:wrap;gap:16px}.site-filters .filter-group{display:flex;flex-direction:column;gap:4px}.site-filters .filter-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:6px;text-transform:uppercase}.site-filters .filter-group select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;min-width:180px;padding:10px 16px}.rota-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:21px;font-weight:800;margin:0}.rota-header h1,.rota-nav{align-items:center;display:flex;gap:12px}.nav-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.nav-btn:hover{background:var(--bg-tertiary);border-color:var(--whatsapp-green)}.today-btn{background:#0000;border:1px solid var(--whatsapp-green);border-radius:8px;color:var(--whatsapp-green);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.today-btn:hover{background:var(--whatsapp-green);color:#fff}.week-range{color:var(--text-primary);font-size:16px;font-weight:600;min-width:200px;text-align:center}.rota-grid{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.rota-row{border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:180px repeat(7,1fr)}.rota-row:last-child{border-bottom:none}.rota-row.header-row{background:var(--bg-tertiary);font-weight:600}.rota-row.unassigned-row{background:#fbbf240d}.rota-cell{border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;min-height:80px;padding:12px}.rota-cell:last-child{border-right:none}.rota-cell.today{background:#25d3660d}.rota-cell.staff-cell{background:var(--bg-tertiary);justify-content:center;min-height:auto}.header-row .rota-cell{min-height:auto;padding:16px 12px}.date-cell{align-items:center;flex-direction:column;justify-content:center;text-align:center}.day-name{color:var(--text-secondary)}.day-number{font-size:18px;font-weight:600}.today .day-number{align-items:center;background:var(--whatsapp-green);border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.staff-info{display:flex;flex-direction:column;gap:2px}.staff-name{color:var(--text-primary);font-size:14px;font-weight:500}.staff-hours{color:var(--text-secondary);font-size:12px}.staff-hours-info{margin-top:2px}.hours-scheduled{font-size:13px}.hours-diff{border-radius:4px;font-size:12px}.hours-diff.over{background:#22c55e26;color:#16a34a}.hours-diff.under{background:#ef444426;color:#dc2626}.unassigned-label{color:#f59e0b;font-size:14px;font-weight:500}.shift-cell{position:relative}.shift-block{background:#3b82f6;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:2px;padding:6px 8px;transition:all .2s}.shift-block:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.02)}.shift-block.open{background:linear-gradient(135deg,#f59e0b,#d97706)}.shift-block.completed{background:linear-gradient(135deg,#6b7280,#4b5563)}.shift-time{font-weight:500}.shift-hours{font-size:11px;opacity:.9}.add-shift-btn{align-items:center;background:#0000;border:1px dashed var(--border-color);border-radius:50%;bottom:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:8px;transition:all .2s;width:24px}.shift-cell:hover .add-shift-btn{opacity:1}.add-shift-btn:hover{background:#25d3661a;border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.modal-body{display:flex;flex-direction:column;gap:16px}.form-group label{color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:12px}.cancel-btn{background:#0000;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn:hover{background:var(--bg-secondary)}.save-btn{border-radius:8px;font-weight:500;padding:10px 20px;transition:all .2s}.save-btn:hover{background:#2563eb}.delete-btn{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-weight:500;gap:6px;margin-right:auto;padding:10px 20px;transition:all .2s}.delete-btn:hover{background:#fecaca}.enhancements-section{border-top:1px solid var(--border-color);margin-top:8px;padding-top:16px}.enhancements-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:8px}.enhancement-item{background:var(--bg-secondary);flex-direction:column;gap:6px;padding:10px 12px;transition:all .2s}.enhancement-item.selected{background:#25d3661a;border-color:var(--whatsapp-green)}.enhancement-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px}.enhancement-checkbox input[type=checkbox]{accent-color:var(--whatsapp-green);height:16px;width:16px}.enhancement-name{font-size:13px;font-weight:500}.enhancement-amount{align-items:center;display:flex;gap:4px;margin-left:24px}.enhancement-amount span{color:var(--text-secondary);font-size:13px}.enhancement-amount input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:4px 8px;width:70px}.enhancement-amount input:focus{border-color:var(--whatsapp-green);outline:none}.enhancements-total{background:#25d3661a;border-radius:6px;color:var(--text-primary);font-size:14px;margin-top:12px;padding:10px 12px}.enhancements-total strong{color:var(--whatsapp-green)}.shift-enhancement-badge{align-items:center;background:#fff3;border-radius:4px;display:inline-flex;font-size:10px;gap:2px;margin-top:2px;padding:2px 6px}.shift-type-options{display:flex;gap:8px}.shift-type-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.shift-type-btn input{display:none}.shift-type-btn:hover{background:#25d3660d;border-color:var(--whatsapp-green)}.shift-type-btn.active{background:#25d3661a;border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.shift-type-badge{border-radius:3px;font-size:9px;letter-spacing:.3px;padding:2px 5px}.shift-type-badge.day{background:#3b82f633}.shift-type-badge.night{background:#8b5cf633}.shift-type-badge.sleep{background:#ec489933}.loading-state p{color:var(--text-secondary)}@media (max-width:768px){.rota-container{padding:16px}.rota-header{align-items:flex-start;flex-direction:column}.rota-nav{justify-content:space-between;width:100%}.week-range{font-size:14px;min-width:auto}.rota-row{grid-template-columns:120px repeat(7,minmax(60px,1fr))}.rota-cell{min-height:60px;padding:8px}.staff-name{font-size:12px}.shift-block{font-size:10px;padding:4px 6px}.form-row{grid-template-columns:1fr}}.form-hint{font-size:12px;margin-top:4px}.staff-hours-info{align-items:center;display:flex;font-size:12px;gap:8px}.hours-scheduled{color:var(--text-primary);font-weight:600}.hours-diff{border-radius:8px;font-size:11px;font-weight:600;padding:2px 6px}.hours-diff.over{background:#3b82f626;color:#3b82f6}.hours-diff.under{background:#f59e0b26;color:#f59e0b}.rota-month-view{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.month-weekdays{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:repeat(7,1fr)}.weekday-header{color:var(--text-secondary);font-size:12px;font-weight:600;padding:12px;text-align:center;text-transform:uppercase}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.month-day{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);cursor:pointer;min-height:100px;padding:8px;transition:background .2s}.month-day:nth-child(7n){border-right:none}.month-day:hover{background:var(--bg-tertiary)}.month-day.empty{background:var(--bg-primary);cursor:default}.month-day.today{background:#25d3660d}.month-day.today .day-number{align-items:center;background:var(--whatsapp-green);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.month-day .day-number{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:6px}.day-shifts{display:flex;flex-direction:column;gap:4px}.month-shift{align-items:center;background:#3b82f6;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;justify-content:space-between;padding:4px 8px}.month-shift:hover{opacity:.9}.month-shift .shift-time{font-weight:600}.month-shift .shift-staff{opacity:.9}.more-shifts{color:var(--text-secondary);font-size:11px;padding:2px;text-align:center}.staff-summary{background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:20px}.staff-summary h3{color:var(--text-primary);font-size:16px;margin:0 0 16px}.staff-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.staff-summary-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.staff-summary-card .staff-name{color:var(--text-primary);flex:1 1;font-weight:500}.staff-summary-card .staff-hours{color:var(--whatsapp-green);font-weight:700}.staff-summary-card .shift-count{color:var(--text-secondary);font-size:12px}@media (max-width:768px){.month-day{min-height:70px;padding:4px}.month-day .day-number{font-size:12px}.month-shift{font-size:9px;padding:2px 4px}.weekday-header{font-size:10px;padding:8px 4px}.staff-summary-grid{grid-template-columns:1fr}.view-toggle button{font-size:12px;padding:8px 12px}.site-filters{flex-direction:column}.site-filters .filter-group select{width:100%}}.my-shifts-container{animation:fadeInPage .4s ease-out;padding:24px;width:100%}.my-shifts-header{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom:2px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:-24px -24px 24px;padding:24px}.my-shifts-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:flex;font-size:21px;font-weight:800;gap:12px;margin:0}.view-toggle button{border-radius:8px;color:var(--text-secondary);padding:0}.view-toggle button svg{-webkit-text-fill-color:initial}.view-toggle button.active{background:var(--whatsapp-green)}.view-toggle button:hover:not(.active){background:var(--bg-tertiary)}.shifts-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-card.positive{background:#25d3661a;border-color:#25d3664d}.stat-card.negative{background:#ef44441a;border-color:#ef44444d}.stat-card.enhancement{background:#fbbf241a;border-color:#fbbf244d}.stat-icon{background:var(--bg-tertiary);color:var(--whatsapp-green)}.stat-card.positive .stat-icon{background:#25d36633;color:#059669}.stat-card.negative .stat-icon{background:#ef444433;color:#dc2626}.stat-card.enhancement .stat-icon{background:#fbbf2433;color:#d97706}.stat-content{display:flex;flex-direction:column}.filter-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:8px;margin-bottom:20px;padding-bottom:16px}.filter-tabs button{background:var(--bg-secondary);border:none;border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.filter-tabs button.active{background:var(--whatsapp-green);color:#fff}.filter-tabs button:hover:not(.active){background:var(--bg-tertiary)}.shifts-list{display:flex;flex-direction:column;gap:12px}.shift-card{background:var(--bg-secondary);border:1px solid var(--border-color);gap:16px;padding:16px}.shift-card:hover{border-color:var(--whatsapp-green);box-shadow:0 4px 12px #00000014}.shift-card.today{background:#25d3660d;border-left:4px solid var(--whatsapp-green)}.shift-card.past{opacity:.7}.shift-date-badge{align-items:center;background:var(--bg-tertiary);border-radius:10px;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:8px}.shift-date-badge .day{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.shift-date-badge .month{color:var(--text-secondary);font-size:12px;text-transform:uppercase}.shift-date-badge .weekday{color:var(--whatsapp-green);font-size:11px;font-weight:600}.shift-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.shift-time-row{align-items:center;color:var(--text-primary);display:flex;gap:8px}.shift-time-row svg{color:var(--text-secondary)}.shift-times{font-size:16px;font-weight:600}.shift-duration{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:2px 8px}.shift-enhancements{align-items:center;color:#d97706;display:flex;font-size:13px;gap:8px}.enhancement-tags{display:flex;flex-wrap:wrap;gap:4px}.enhancement-tag{background:#fbbf2433;border-radius:4px;color:#d97706;font-size:11px;padding:2px 8px;text-transform:capitalize}.shift-notes{color:var(--text-secondary);font-size:13px;font-style:italic}.today-badge{background:var(--whatsapp-green);border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:12px;top:12px}.empty-state svg{color:var(--border-color)}.calendar-view{background:var(--bg-secondary);border:1px solid var(--border-color);overflow:hidden}.calendar-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:16px 20px}.calendar-header h2{font-size:18px}.calendar-header button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.calendar-header button:hover{border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.calendar-grid{padding:16px}.calendar-weekdays{grid-gap:4px;gap:4px}.weekday{color:var(--text-secondary);font-size:12px;font-weight:600;padding:8px;text-align:center}.calendar-days{grid-gap:4px;gap:4px}.calendar-day{background:var(--bg-primary);display:flex;flex-direction:column;gap:4px;min-height:80px}.calendar-day.empty{background:#0000;border:none}.calendar-day.has-shift,.calendar-day.today{border-color:var(--whatsapp-green)}.day-number{color:var(--text-primary);font-size:14px;font-weight:500}.calendar-day.today .day-number{align-items:center;background:var(--whatsapp-green);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.calendar-shift{align-items:center;background:#3b82f6;border-radius:4px;color:#fff;display:flex;font-size:11px;justify-content:space-between;padding:4px 6px}.cal-enhancement{font-size:10px;opacity:.9}.loading-state{gap:16px;padding:60px}.shift-type-badge{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.shift-type-badge.day{background:#3b82f626;color:#3b82f6}.shift-type-badge.night{background:#8b5cf626;color:#8b5cf6}.shift-type-badge.sleep{background:#ec489926;color:#ec4899}.shift-card.next-shift{background:#25d3660d;border:2px solid var(--whatsapp-green);position:relative}.next-shift-badge{background:var(--whatsapp-green);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;position:absolute;right:16px;text-transform:uppercase;top:-10px}.shift-site{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;margin-top:4px}@media (max-width:768px){.my-shifts-container{padding:12px 12px 80px}.my-shifts-header{align-items:stretch;flex-direction:column;gap:12px}.my-shifts-header h1{font-size:20px}.view-toggle{justify-content:center;width:100%}.view-toggle button{flex:1 1;justify-content:center;padding:12px}.shifts-stats{gap:10px;grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;gap:8px;padding:14px;text-align:center}.stat-icon{height:40px;width:40px}.stat-value{font-size:20px}.stat-label{font-size:11px}.filter-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:8px}.filter-tabs button{padding:12px 20px;white-space:nowrap}.shift-card{flex-direction:column;gap:12px;padding:16px}.shift-date-badge{border-radius:8px;flex-direction:row;gap:10px;justify-content:flex-start;min-width:auto;padding:8px 12px}.shift-date-badge .day{font-size:20px}.shift-date-badge .month,.shift-date-badge .weekday{font-size:12px}.shift-details{width:100%}.shift-time-row{font-size:16px}.shift-duration{font-size:14px;padding:6px 12px}.today-badge{font-size:10px;padding:4px 10px;right:12px;top:-8px}.calendar-day{min-height:50px;padding:4px}.day-number{font-size:11px}.calendar-shift{font-size:8px;padding:2px 3px}.calendar-weekdays .weekday{font-size:10px}}@media (max-width:400px){.shifts-stats{grid-template-columns:1fr}.stat-card{flex-direction:row;text-align:left}.calendar-days{gap:2px}.calendar-day{min-height:40px;padding:2px}}.shift-offers-container{animation:fadeInPage .4s ease-out;min-height:100vh;padding:24px;width:100%}.shift-offers-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom:2px solid var(--border-color);border-radius:12px;margin:-24px -24px 24px;padding:24px}.header-title,.shift-offers-header h1{align-items:center;display:flex;gap:12px}.shift-offers-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:21px;font-weight:800;margin:0}.pending-badge{background:#f59e0b26;border-radius:16px;color:#f59e0b;font-size:14px;font-weight:600;padding:4px 12px}.shift-offers-header p{color:var(--text-secondary);margin:8px 0 0}.offer-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.offer-filters button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.offer-filters button.active{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.offer-filters button:hover:not(.active){background:var(--bg-tertiary)}.offers-list{display:flex;flex-direction:column;gap:16px}.offer-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.offer-card:hover{box-shadow:0 4px 12px #0000001a}.offer-card.pending{border-left:4px solid #f59e0b}.offer-card.accepted{border-left:4px solid var(--whatsapp-green);opacity:.8}.offer-card.declined{border-left:4px solid #ef4444;opacity:.6}.offer-date{align-items:center;display:flex;gap:8px;margin-bottom:16px}.offer-date svg{color:var(--whatsapp-green)}.offer-date .date{color:var(--text-primary);font-size:18px;font-weight:600}.offer-details{margin-bottom:16px}.detail-row{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;margin-bottom:8px}.detail-row svg{color:var(--text-tertiary)}.detail-row .hours{background:#25d36626;border-radius:12px;color:var(--whatsapp-green);font-size:13px;font-weight:600;margin-left:auto;padding:2px 8px}.offer-notes{background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:14px;margin:12px 0 0;padding:12px}.offer-actions{display:flex;gap:12px}.btn-accept,.btn-decline{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.btn-accept{background:var(--whatsapp-green);color:#fff}.btn-accept:hover{background:#2563eb}.btn-decline{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-decline:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.status-badge{border-radius:8px;font-size:14px;font-weight:500;gap:6px;padding:8px 16px}.status-badge.accepted{background:#25d36626;color:var(--whatsapp-green)}.status-badge.declined{background:#ef44441a;color:#ef4444}@media (max-width:768px){.shift-offers-container{min-height:100vh;padding:0 0 80px;width:100%}.shift-offers-header{border-radius:0;margin:0;padding:20px 16px}.offers-list{padding:16px}.offer-filters{flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0 16px 8px}.offer-filters button{white-space:nowrap}.offer-actions{flex-direction:column}.btn-accept,.btn-decline{justify-content:center}.empty-state,.loading-state{padding:48px 16px}}.org-settings-container{margin:0 auto;max-width:800px;padding:24px}.org-settings-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom:2px solid var(--border-color);border-radius:12px;margin:-24px -24px 32px;padding:24px}.org-settings-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:flex;font-size:21px;font-weight:800;gap:12px;margin:0 0 8px}.org-settings-header p{color:var(--text-secondary);margin:0}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.section-header{align-items:flex-start;border-bottom:1px solid var(--border-color);gap:16px;padding-bottom:16px}.section-header svg{margin-top:4px}.section-header h2{font-size:18px;margin:0 0 4px}.section-header p{color:var(--text-secondary);font-size:14px;margin:0}.add-enhancement-form{background:var(--bg-tertiary);border-radius:8px;margin-bottom:20px;padding:16px}.add-enhancement-form .form-row{display:flex;gap:12px;margin-bottom:12px}.add-enhancement-form input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;padding:12px 16px}.add-enhancement-form input:focus{border-color:var(--whatsapp-green);outline:none}.amount-input{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;padding-left:12px;width:120px}.amount-input .currency{color:var(--text-secondary);font-weight:500}.amount-input input{border:none;padding-left:4px;width:100%}.description-input{width:100%}.btn-add{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:12px 20px;transition:all .2s;white-space:nowrap}.btn-add:hover{background:#2563eb}.enhancements-list{gap:8px}.enhancements-list .empty-state{color:var(--text-secondary);padding:32px;text-align:center}.enhancement-info{align-items:center;flex-wrap:wrap;gap:16px}.enhancement-name{color:var(--text-primary);font-weight:600}.enhancement-amount{background:#25d36626;border-radius:16px;padding:4px 12px}.btn-remove{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-remove:hover{background:#ef444426;color:#ef4444}.settings-actions{justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-save{background:var(--whatsapp-green);font-size:16px;padding:12px 28px}@media (max-width:768px){.org-settings-container{padding:16px}.add-enhancement-form .form-row{flex-direction:column}.amount-input{width:100%}.enhancement-info{align-items:flex-start;flex-direction:column;gap:8px}}.signup-link-management{margin:0 auto;max-width:1400px;padding:24px}.management-header{align-items:flex-start;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.management-header h2{align-items:center;color:#1a365d;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0 0 8px}.management-header h2 svg{color:#1a365d}.management-header p{color:var(--text-secondary);font-size:14px;margin:0}.create-link-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.create-link-btn:hover{background:#1fa855;box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.links-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.link-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.link-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.link-card.inactive{opacity:.6}.link-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.link-info h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.role-badge{padding:4px 12px}.role-badge.freelancer{background:#d1fae5;color:#065f46}.role-badge.admin{background:#fee2e2;color:#991b1b}.link-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.icon-btn.delete:hover{background:#fee2e2;color:#dc2626}.link-url{background:var(--bg-tertiary);border-radius:8px;margin-bottom:16px;padding:12px}.link-url code{color:var(--text-primary);font-family:Courier New,monospace;font-size:13px;word-break:break-all}.link-stats{border-bottom:1px solid var(--border-color);display:flex;gap:24px;margin-bottom:16px;padding-bottom:16px}.stat{flex-direction:column;gap:4px}.stat-value{font-size:16px;font-weight:600}.stat-value.expired{color:#dc2626}.link-permissions h4{color:var(--text-secondary);font-size:13px;font-weight:600;margin:0 0 8px}.permission-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary)}.link-toggle{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;padding-top:12px}.checkbox-text{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:500}.modal-header h3{color:var(--text-primary);font-size:20px}.close-btn{height:32px;width:32px}.form-group input,.form-group select{background:var(--bg-primary);transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--whatsapp-green)}.checkbox-group{background:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:12px}.checkbox-label{color:var(--text-primary);font-size:14px}.checkbox-label input[type=checkbox]{width:auto}.modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:20px}.cancel-btn,.submit-btn{padding:10px 20px;transition:all .2s}.cancel-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-btn:hover{color:var(--text-primary)}.submit-btn:hover{background:#1fa855;box-shadow:0 2px 8px #25d3664d}@media (max-width:768px){.form-row,.links-grid{grid-template-columns:1fr}.management-header{flex-direction:column;gap:16px}.create-link-btn{justify-content:center;width:100%}}[data-theme=dark] .role-badge.agent{background:#3b82f633;color:#93c5fd}[data-theme=dark] .role-badge.helpdesk{background:#fbbf2433;color:#fcd34d}[data-theme=dark] .role-badge.freelancer{background:#10b98133;color:#6ee7b7}[data-theme=dark] .role-badge.supervisor{background:#a855f733;color:#d8b4fe}[data-theme=dark] .role-badge.admin{background:#ef444433;color:#fca5a5}[data-theme=dark] .icon-btn.delete:hover{background:#dc262633;color:#fca5a5}[data-theme=dark] .link-card:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .checkbox-text{color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.settings-page{margin:0 auto;max-width:1200px;padding:24px}.settings-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px}.settings-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.settings-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:8px;margin:-24px -24px 24px;padding:24px}.sa-save-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.sa-save-btn:hover{background:#2563eb;transform:scale(1.02)}.sa-save-btn:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none}.settings-header-content h1{-webkit-text-fill-color:unset;align-items:center;background:none;color:#111827;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 8px}.settings-header-content p{color:var(--text-secondary);margin:0}.settings-save-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.settings-save-btn:hover{background:#2563eb;transform:scale(1.02)}.settings-save-btn:disabled{cursor:not-allowed;opacity:.6}.settings-tabs{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:4px}.settings-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.settings-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-tab.active{background:#fff;color:#3b82f6}.settings-content{animation:fadeIn .3s ease}.settings-section{margin-bottom:32px}.settings-section h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.section-hint{color:var(--text-secondary);font-size:14px;margin:0 0 20px}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:24px}.settings-card h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.settings-field{margin-bottom:20px}.settings-field:last-child{margin-bottom:0}.settings-field label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.settings-field input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.settings-field input:focus{border-color:var(--whatsapp-green);outline:none}.settings-field input.disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.field-hint{color:var(--text-tertiary);display:block;font-size:12px;margin-top:6px}.settings-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.enhancement-form{align-items:flex-end;display:flex;gap:12px}.enhancement-form input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;padding:12px 16px}.enhancement-form input:focus{border-color:var(--whatsapp-green);outline:none}.add-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:12px 20px;transition:background .2s}.add-btn:hover{background:#2563eb}.enhancements-list{display:flex;flex-direction:column;gap:12px;width:100%}.enhancement-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:16px;width:100%}.enhancement-info{display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:left}.enhancement-info strong{color:var(--text-primary);font-size:15px}.enhancement-amount{color:var(--whatsapp-green);font-size:14px;font-weight:600}.enhancement-desc{color:var(--text-secondary);font-size:13px}.remove-btn{border-radius:6px;padding:8px;transition:background .2s}.remove-btn:hover{background:#ef444433}.empty-state{font-style:italic;padding:24px}.logo-preview{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px;display:flex;height:80px;justify-content:center;margin:12px 0;width:200px}.logo-image{max-height:70px;max-width:180px;object-fit:contain}.logo-placeholder{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:8px}.logo-actions{display:flex;gap:12px;margin-bottom:8px}.upload-btn{background:var(--whatsapp-green);display:flex;font-size:14px;font-weight:500;padding:10px 16px;transition:background .2s}.upload-btn:hover{background:#2563eb}.settings-toggles{display:flex;flex-direction:column;gap:16px}.toggle-option{align-items:center;cursor:pointer;display:flex;gap:12px}.toggle-option input[type=checkbox]{accent-color:var(--whatsapp-green);cursor:pointer;height:20px;width:20px}.toggle-option span{color:var(--text-primary);font-size:14px}.email-template-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.email-template-section h4{color:#1a365d;font-size:15px;font-weight:600;margin:0 0 4px}.email-template-section .template-desc{color:var(--text-secondary);font-size:13px;margin:0 0 16px}.email-template-section textarea{min-height:120px;resize:vertical;width:100%}.btn-test-connection{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-test-connection:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-test-connection:disabled{cursor:not-allowed;opacity:.6}.connection-status{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px}.connection-status.success{background:#d1fae5;color:#065f46}.connection-status.error{background:#fee2e2;color:#991b1b}@media (max-width:768px){.settings-page{padding:16px}.settings-header{flex-direction:column;gap:16px}.settings-save-btn{justify-content:center;width:100%}.settings-tabs{flex-wrap:nowrap;padding:2px}.settings-tab{font-size:13px;padding:10px 14px}.settings-row{grid-template-columns:1fr}.enhancement-form{flex-direction:column}.add-btn,.enhancement-form input{width:100%}}.sa-section-header-with-help{align-items:center;display:flex;gap:12px;margin-bottom:8px}.sa-section-header-with-help h2{margin:0}.sa-help-tooltip{align-items:center;display:inline-flex;position:relative}.sa-help-tooltip .help-icon{color:var(--text-secondary);cursor:help;height:18px;transition:color .2s;width:18px}.sa-help-tooltip:hover .help-icon{color:#1a365d}.sa-help-tooltip .tooltip-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000026;left:50%;margin-top:8px;opacity:0;padding:16px;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;width:320px;z-index:100}.sa-help-tooltip:hover .tooltip-content{opacity:1;visibility:visible}.sa-help-tooltip .tooltip-content strong{color:var(--text-primary);display:block;font-size:13px;margin-bottom:4px}.sa-help-tooltip .tooltip-content p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0 0 12px}.sa-help-tooltip .tooltip-content ul{margin:0 0 12px;padding-left:18px}.sa-help-tooltip .tooltip-content li{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:4px}.sa-help-tooltip .tooltip-content em{color:var(--text-secondary);font-size:12px}.sa-settings-tabs-scroll{-ms-overflow-style:none;flex:1 1;overflow-x:auto;scrollbar-width:none}.sa-settings-tabs-scroll::-webkit-scrollbar{display:none}.sa-settings-tabs-wrapper .sa-settings-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:0;margin-bottom:0;min-width:-webkit-max-content;min-width:max-content;white-space:nowrap}.tabs-scroll-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.tabs-scroll-btn:hover{background:var(--bg-tertiary);border-color:#1a365d;color:var(--text-primary)}.sa-toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.sa-toggle-switch input{height:0;opacity:0;width:0}.sa-toggle-slider{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.sa-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.sa-toggle-switch input:checked+.sa-toggle-slider{background-color:#3b82f6}.sa-toggle-switch input:checked+.sa-toggle-slider:before{transform:translateX(20px)}.sa-data-management{display:flex;flex-direction:column;gap:24px}.sa-data-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.sa-data-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;gap:10px;margin:0 0 8px}.sa-section-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.sa-section-header-row h2{margin-bottom:4px}.sa-section-header-row .btn-primary{flex-shrink:0;white-space:nowrap}.sa-data-table{overflow-x:auto}.sa-data-table table{border-collapse:collapse;width:100%}.sa-data-table td,.sa-data-table th{border-bottom:1px solid var(--border-color);padding:12px;text-align:left}.sa-data-table th{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sa-data-table td{color:var(--text-primary);font-size:14px}.sa-empty-message{color:var(--text-tertiary);font-style:italic;padding:20px;text-align:center}.sa-assign-inline{align-items:center;display:flex;gap:8px}.sa-assign-inline select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;min-width:150px;padding:6px 10px}.sa-assign-inline button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px 10px}.sa-assign-inline button:first-of-type{background:var(--whatsapp-green);color:#fff}.sa-assign-inline button:last-of-type{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-small{background:var(--whatsapp-green)}.btn-small:hover{opacity:.9}.sa-more-items{border-top:1px solid var(--border-color);color:var(--text-tertiary);font-size:13px;margin-top:8px;padding:12px;text-align:center}.sa-viewing-banner{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.sa-viewing-banner span{font-size:14px}.sa-viewing-banner strong{font-weight:600}.sa-viewing-banner button{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:background .2s}.sa-viewing-banner button:hover{background:#ffffff4d}.superadmin-container{background:var(--bg-primary);height:100%;overflow-y:auto;padding:24px 32px;width:100%}.sa-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.sa-header-title{align-items:center;display:flex;gap:12px}.sa-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;border-right:2px solid #e5e7eb;border-right:2px solid var(--color-border,#e5e7eb);font-family:Inter,sans-serif;font-family:var(--font-display,"Inter",sans-serif);font-size:20px;font-weight:600;padding-right:12px}.sa-page-header h1{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 4px}.sa-page-header p{color:var(--text-secondary);font-size:14px;margin:0}.sa-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.sa-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);gap:16px;padding:20px}.sa-stat-card,.sa-stat-icon{align-items:center;border-radius:12px;display:flex}.sa-stat-icon{font-size:20px;height:48px;justify-content:center;width:48px}.sa-stat-icon svg{height:24px!important;width:24px!important}.sa-stat-icon.orgs{background:#dbeafe;color:#2563eb}.sa-stat-icon.users{background:#dcfce7;color:#16a34a}.sa-stat-icon.active{background:#fef3c7;color:#d97706}.sa-stat-icon.admins{background:#f3e8ff;color:#7c3aed}.sa-stat-content{display:flex;flex-direction:column}.sa-stat-value{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.sa-stat-label{color:var(--text-secondary);font-size:13px;margin-top:4px}.sa-section{margin-bottom:32px}.sa-section h2{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.sa-org-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.sa-org-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:16px 20px}.sa-org-row:last-child{border-bottom:none}.sa-org-row:hover{background:var(--bg-tertiary)}.sa-org-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.sa-org-logo-small{border-radius:6px;height:40px;object-fit:contain;width:40px}.sa-field-hint{color:var(--text-secondary);display:block;font-size:12px;font-weight:400;margin-top:4px}.sa-import-methods{align-items:center;display:flex;gap:12px;margin-bottom:12px}.sa-file-upload-btn{align-items:center;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.sa-file-upload-btn:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.sa-import-or{color:var(--text-secondary);font-size:13px}.btn-sm{font-size:13px!important;padding:8px 14px!important}.sa-modal-lg{max-width:600px}.sa-mapping-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.sa-mapping-row{align-items:center;display:flex;gap:12px}.sa-mapping-row label{font-size:13px;font-weight:500;width:120px}.sa-mapping-row select{border:1px solid var(--border-color);border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px}.sa-import-preview{background:var(--bg-secondary);border-radius:8px;max-height:200px;overflow-y:auto;padding:12px}.sa-import-preview h4{color:var(--text-secondary);font-size:13px;margin:0 0 12px}.sa-import-preview table{border-collapse:collapse;font-size:12px;width:100%}.sa-import-preview td,.sa-import-preview th{border-bottom:1px solid var(--border-color);padding:6px 10px;text-align:left}.sa-import-preview th{background:var(--bg-tertiary);font-weight:600}.sa-auth-options{display:flex;flex-direction:column;gap:12px}.sa-checkbox-option{align-items:flex-start;background:var(--bg-secondary);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.sa-checkbox-option:hover{background:var(--bg-tertiary)}.sa-checkbox-option input[type=checkbox]{accent-color:var(--whatsapp-green);height:20px;margin-top:2px;width:20px}.sa-checkbox-content{display:flex;flex-direction:column;gap:4px}.sa-checkbox-content strong{color:var(--text-primary);font-size:14px}.sa-checkbox-content span{font-size:13px}.sa-inline-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:6px}.sa-inline-checkbox input[type=checkbox]{accent-color:var(--whatsapp-green);height:16px;width:16px}.sa-enhancements-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.sa-enhancement-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:14px 16px}.sa-enhancement-info{align-items:center;display:flex;gap:16px}.sa-enhancement-info strong{color:var(--text-primary);font-size:15px}.sa-enhancement-amount{background:var(--whatsapp-green);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:4px 10px}.sa-enhancement-desc{color:var(--text-secondary);font-size:13px}.sa-add-user-form{display:flex;flex-direction:column;gap:16px}.sa-add-user-form .sa-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sa-add-user-form .sa-form-group{display:flex;flex-direction:column;gap:6px}.sa-add-user-form .sa-form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.sa-add-user-form .sa-form-group input,.sa-add-user-form .sa-form-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px}.sa-add-user-form .sa-form-group input:focus,.sa-add-user-form .sa-form-group select:focus{border-color:var(--whatsapp-green);outline:none}.sa-org-name{color:var(--text-primary);display:block;font-weight:600}.sa-org-domain{color:var(--text-secondary);font-size:13px}.sa-org-stats{color:var(--text-secondary);font-size:14px}.sa-enter-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:background .2s}.sa-enter-btn:hover{background:#20bd5a}.sa-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.sa-search{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;gap:0;max-width:320px;padding:10px 14px;position:relative}.sa-search svg{color:var(--text-secondary);flex-shrink:0;margin-right:10px}.sa-search input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;width:100%}.superadmin-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.superadmin-tabs .tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.superadmin-tabs .tab-btn:hover{background:var(--bg-secondary);border-radius:8px 8px 0 0;color:var(--text-primary)}.superadmin-tabs .tab-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.controls-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.search-box{max-width:400px;position:relative}.search-box .search-icon{color:var(--text-secondary);left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 16px 10px 42px}.controls-right{align-items:center;display:flex;gap:12px}.view-toggle button{align-items:center;color:#666;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.view-toggle button svg{color:inherit;height:18px;width:18px}.view-toggle button:hover{color:var(--text-primary)}.view-toggle button.active{background:#3b82f6;box-shadow:0 1px 3px #0000001a;color:#fff}.sa-modal .btn-primary,.sa-org-settings .btn-primary,.superadmin-container .btn-primary{align-items:center;background:#3b82f6!important;border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.sa-modal .btn-primary:hover,.sa-org-settings .btn-primary:hover,.superadmin-container .btn-primary:hover{background:#20bd5a!important}.sa-modal .btn-primary:disabled,.sa-org-settings .btn-primary:disabled,.superadmin-container .btn-primary:disabled{background:#9ca3af!important;cursor:not-allowed}.sa-modal .btn-primary svg,.sa-org-settings .btn-primary svg,.superadmin-container .btn-primary svg{height:18px!important;width:18px!important}.btn-secondary{gap:8px}.companies-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.company-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.company-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000014}.card-header{align-items:flex-start;margin-bottom:16px}.company-icon{align-items:center;background:#3b82f6;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.company-info{flex:1 1;min-width:0}.company-info h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-domain{color:var(--text-secondary);font-size:13px}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.status-badge.suspended{background:#fee2e2;color:#dc2626}.card-stats{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;margin-bottom:16px;padding:16px 0}.stat{flex:1 1;text-align:center}.stat-value{display:block}.card-actions{display:flex;gap:8px}.card-actions .action-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:10px;transition:all .2s}.card-actions .action-btn:hover{background:#3b82f6;color:#fff}.card-actions .action-btn.delete:hover{background:#ef4444}.companies-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.companies-list .list-header{background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:600;padding:12px 16px;text-transform:uppercase}.companies-list .list-header,.companies-list .list-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 120px}.companies-list .list-row{align-items:center;border-bottom:1px solid var(--border-color);padding:14px 16px;transition:background .2s}.companies-list .list-row:last-child{border-bottom:none}.companies-list .list-row:hover{background:var(--bg-tertiary)}.col-org{align-items:center;display:flex;font-weight:500;gap:10px}.org-icon{color:#3b82f6}.col-domain{color:var(--text-secondary)}.col-users{font-weight:600}.col-actions{gap:4px}.col-actions .action-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.col-actions .action-btn:hover{background:var(--bg-tertiary);color:#3b82f6}.col-actions .action-btn.delete:hover{color:#ef4444}.users-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.table-header{background:var(--bg-tertiary);color:var(--text-secondary)}.table-header,.table-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr 80px;padding:12px 16px}.table-row{align-items:center;border-bottom:1px solid var(--border-color)}.table-row:hover{background:var(--bg-tertiary)}.col-user{align-items:center;display:flex;gap:12px}.user-avatar{border-radius:50%;font-size:14px;height:36px;width:36px}.col-email{color:var(--text-secondary);font-size:14px;overflow:hidden;text-overflow:ellipsis}.superadmin-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.role-badge{padding:4px 10px}.role-badge.role-admin{background:#dbeafe;color:#1e40af}.role-badge.role-superadmin{background:#fef3c7;color:#d97706}.role-badge.role-supervisor{background:#e0e7ff;color:#4338ca}.role-badge.role-agent{background:#f3e8ff;color:#7c3aed}.role-badge.role-freelancer{background:#dcfce7;color:#16a34a}.status-dot{display:inline-block;height:10px;width:10px}.status-dot.active{background:#3b82f6}.status-dot.inactive{background:#9ca3af}.modal-content{background:var(--bg-primary);max-width:480px;overflow:hidden}.modal-content.wide{max-width:640px}.modal-header{padding:20px 24px}.modal-header h2{align-items:center;font-size:18px;gap:10px}.close-btn{padding:8px}.close-btn:hover{background:var(--bg-secondary)}.modal-footer{padding:16px 24px}.form-group input,.form-group select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 14px}.form-group input:focus,.form-group select:focus{border-color:#3b82f6}.users-breakdown{display:flex;gap:16px;margin-bottom:24px}.breakdown-stat{background:var(--bg-secondary);border-radius:10px;flex:1 1;padding:16px;text-align:center}.breakdown-count{color:#3b82f6;display:block;font-size:24px;font-weight:700}.breakdown-label{color:var(--text-secondary);font-size:12px;text-transform:uppercase}.users-list-modal{max-height:300px;overflow-y:auto}.user-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px}.user-row:last-child{border-bottom:none}.user-row .user-info{align-items:center;display:flex;gap:12px}.user-avatar-small{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.user-avatar-small img{height:100%;object-fit:cover;width:100%}.user-row .user-name{color:var(--text-primary);display:block;font-weight:500}.user-row .user-email{color:var(--text-secondary);display:block;font-size:12px}.empty-users{color:var(--text-secondary);padding:40px;text-align:center}.empty-users p{margin-top:12px}.access-denied,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.spinner{border:3px solid var(--border-color);border-top:3px solid #3b82f6}.access-denied h2{color:var(--text-primary);margin:0}.access-denied p{margin:0}.sa-orgs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sa-org-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.sa-org-card:hover{border-color:#3b82f6}.sa-org-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.sa-org-card-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.sa-org-card-domain{color:var(--text-secondary);font-size:13px;margin:0 0 16px}.sa-org-card-stats{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:20px;margin-bottom:16px;padding:12px 0}.sa-org-card-stats div{text-align:center}.sa-org-card-stats strong{color:var(--text-primary);display:block;font-size:18px}.sa-org-card-stats span{color:var(--text-secondary);font-size:12px}.sa-org-card-actions{display:flex;gap:8px}.sa-org-card-actions button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:16px;padding:10px;transition:all .2s}.sa-org-card-actions button:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.sa-org-card-actions button.delete:hover{background:#ef4444;border-color:#ef4444}.sa-status{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.sa-status.active{background:#dcfce7;color:#16a34a}.sa-status.inactive{background:#f3f4f6;color:#6b7280}.sa-status.suspended{background:#fee2e2;color:#dc2626}.sa-orgs-table,.sa-users-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.sa-table-header{background:var(--bg-tertiary);color:var(--text-secondary);display:grid;font-size:12px;font-weight:600;grid-template-columns:2fr 1.5fr 1fr 1fr 100px;padding:12px 16px;text-transform:uppercase}.sa-users-table .sa-table-header{grid-template-columns:2fr 2fr 1.5fr 1fr 60px}.sa-table-row{align-items:center;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 100px;padding:12px 16px}.sa-users-table .sa-table-row{grid-template-columns:2fr 2fr 1.5fr 1fr 60px}.sa-table-row:last-child{border-bottom:none}.sa-table-row:hover{background:var(--bg-tertiary)}.sa-table-name{font-weight:500}.sa-table-domain,.sa-table-email{color:var(--text-secondary);font-size:14px}.sa-table-actions{display:flex;gap:4px}.sa-table-actions button{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:6px}.sa-table-actions button:hover{background:var(--bg-tertiary);color:#3b82f6}.sa-table-actions button.delete:hover{color:#ef4444}.sa-table-user{align-items:center;display:flex;gap:10px}.sa-user-avatar{color:#fff;font-size:14px;font-weight:600;height:36px;width:36px}.sa-user-avatar.small{font-size:12px;height:32px;width:32px}.sa-role-badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:capitalize}.sa-role-badge.admin{background:#dbeafe;color:#1e40af}.sa-role-badge.superadmin{background:#fef3c7;color:#d97706}.sa-role-badge.supervisor{background:#e0e7ff;color:#4338ca}.sa-role-badge.agent{background:#f3e8ff;color:#7c3aed}.sa-role-badge.freelancer{background:#dcfce7;color:#16a34a}.sa-status-dot{background:#9ca3af;border-radius:50%;display:inline-block;height:10px;width:10px}.sa-status-dot.active{background:#3b82f6}.sa-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.sa-modal{background:var(--bg-primary);border-radius:12px;max-width:440px;overflow:hidden;width:100%}.sa-modal.wide{max-width:600px}.sa-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.sa-modal-header h2{font-size:16px;font-weight:600;margin:0}.sa-modal-header button{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:8px}.sa-modal-header button:hover{background:var(--bg-secondary)}.sa-modal-body{flex:1 1;overflow-y:auto;padding:20px}.sa-modal-body label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:16px}.sa-modal-body input,.sa-modal-body select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);display:block;font-size:14px;margin-top:6px;padding:10px 12px;width:100%}.sa-modal-body input:focus,.sa-modal-body select:focus{border-color:#3b82f6;outline:none}.sa-modal-footer{padding:16px 20px}.sa-user-breakdown{display:flex;gap:12px;margin-bottom:20px}.sa-user-breakdown>div{background:var(--bg-secondary);border-radius:8px;flex:1 1;padding:12px;text-align:center}.sa-user-breakdown strong{color:#3b82f6;display:block;font-size:20px}.sa-user-breakdown span{color:var(--text-secondary);font-size:11px;text-transform:uppercase}.sa-user-list{border:1px solid var(--border-color);border-radius:8px;max-height:320px;overflow-y:auto}.sa-user-row{grid-gap:12px;align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:12px;grid-template-columns:40px 1fr auto;padding:12px 16px}.sa-user-row:last-child{border-bottom:none}.sa-user-row:hover{background:var(--bg-tertiary)}.sa-user-info{display:flex;flex-direction:column;text-align:left}.sa-user-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-user-email{font-size:12px}.sa-pending-badge{background:#fef3c7;border-radius:10px;color:#d97706;display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 8px;text-transform:uppercase}.sa-user-hours{color:var(--whatsapp-green);font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.sa-empty{color:var(--text-secondary);padding:40px;text-align:center}.sa-role-selection{display:flex;flex-direction:column;gap:12px}.sa-role-option{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;text-align:left;transition:all .2s}.sa-role-option:hover{background:var(--bg-tertiary);border-color:#3b82f6}.sa-role-option svg{color:#3b82f6;flex-shrink:0;height:24px;width:24px}.sa-role-option span{color:var(--text-primary);font-size:15px;font-weight:600}.sa-role-option small{color:var(--text-secondary);display:block;font-size:12px;font-weight:400;margin-top:2px}.clickable{color:#3b82f6;cursor:pointer}.clickable:hover{text-decoration:underline}.sa-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sa-page-access-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.sa-page-access-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.sa-hint{color:var(--text-secondary);font-size:13px;margin:0 0 16px}.sa-settings-tabs-wrapper{align-items:center;display:flex;gap:8px;margin-bottom:24px;position:relative}.sa-tabs-arrow{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sa-tabs-arrow:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.sa-settings-tabs{-ms-overflow-style:none;border-bottom:2px solid var(--border-color);display:flex;flex:1 1;gap:0;overflow-x:auto;scrollbar-width:none}.sa-settings-tabs::-webkit-scrollbar{display:none}.sa-tab{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:12px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.sa-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.sa-tab.active{color:var(--whatsapp-green);font-weight:600}.sa-tab.active:after{background:var(--whatsapp-green);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.sa-users-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.sa-users-title-row h2{margin:0}.btn-sm{font-size:13px;padding:8px 16px}.access-code-display{text-align:center}.access-code-box{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:12px;display:flex;gap:12px;justify-content:center;padding:20px}.access-code{color:var(--whatsapp-green);font-family:monospace;font-size:28px;font-weight:700;letter-spacing:4px}.copy-btn{background:var(--whatsapp-green);border:none;color:#fff;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.copy-btn:hover{background:var(--whatsapp-green-hover)}.sa-hr-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px}.sa-hr-section h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 16px}.sa-hint{color:var(--text-tertiary);display:block;font-size:12px;margin-top:4px}.sa-day-checkbox{background:var(--bg-primary);border-radius:6px}.sa-day-checkbox input{display:none}.sa-day-checkbox span{font-size:13px;font-weight:500}.sa-users-header{align-items:stretch;display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;margin-bottom:20px}.sa-users-header h2{margin:0}.sa-users-search{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;gap:8px;max-width:300px;padding:8px 12px;position:relative}.superadmin-container .FiSearch,.superadmin-container .nav-icon,.superadmin-container .search-icon,.superadmin-container [class*=Fi],.superadmin-container svg.search-icon{left:auto!important;position:static!important;top:auto!important;transform:none!important}.superadmin-container .sa-search,.superadmin-container .search-box{position:relative}.superadmin-container .search-box .search-icon{left:14px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.superadmin-container .sa-search svg{flex-shrink:0;height:18px;left:auto!important;position:static!important;top:auto!important;transform:none!important;width:18px}.sa-users-search .sa-search-icon{color:var(--text-secondary);flex-shrink:0;height:16px;position:static!important;width:16px}.sa-users-search .sa-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.sa-users-search .sa-search-input::placeholder{color:var(--text-secondary)}.sa-users-search .sa-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px}.sa-users-search .sa-search-clear:hover{background:var(--bg-primary);color:var(--text-primary)}.sa-users-org-filter{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.sa-data-search,.sa-users-org-filter select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);min-width:200px;padding:8px 12px}.sa-data-search{flex:1 1;max-width:300px}.sa-data-search::placeholder{color:var(--text-secondary)}.role-badge{font-size:12px;padding:4px 8px}.role-badge.admin{background:var(--color-primary-light);color:var(--color-primary)}.role-badge.supervisor{background:#e0f2fe;color:#0369a1}.role-badge.agent{background:#dcfce7;color:#15803d}.role-badge.freelancer{background:#fef3c7;color:#b45309}.role-badge.superadmin{background:#fce7f3;color:#be185d}.sa-working-week{display:flex;flex-wrap:wrap;gap:8px}.sa-day-checkbox{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s}.sa-day-checkbox:hover{border-color:var(--whatsapp-green)}.sa-day-checkbox:has(input:checked){background:var(--whatsapp-green);border-color:var(--whatsapp-green)}.sa-day-checkbox:has(input:checked) span{color:#fff;font-weight:600}.sa-day-checkbox span{color:var(--text-primary)}.sa-absence-types,.sa-absence-types-list{display:flex;flex-wrap:wrap;gap:8px}.sa-absence-type-item{align-items:center;display:flex;gap:4px}.sa-absence-type-item .remove-type-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;padding:0;transition:all .2s;width:20px}.sa-absence-type-item:hover .remove-type-btn{opacity:1}.sa-absence-type-item .remove-type-btn:hover{background:#fee2e2;color:#dc2626}.absence-badge{border-radius:16px;font-size:13px;font-weight:500;padding:6px 12px}.absence-badge.holiday{background:#dcfce7;color:#15803d}.absence-badge.sick{background:#fee2e2;color:#dc2626}.absence-badge.compassionate{background:#e0e7ff;color:#4f46e5}.absence-badge.unpaid{background:#f3f4f6;color:#6b7280}.absence-badge.other{background:#fef3c7;color:#b45309}.absence-badge:not(.holiday):not(.sick):not(.compassionate):not(.unpaid):not(.other){background:#dbeafe;color:#1e40af}.sa-role-filters{display:flex;flex-wrap:wrap;gap:8px}.sa-role-filter{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.sa-role-filter:hover{border-color:var(--whatsapp-green);color:var(--text-primary)}.sa-role-filter.active{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.sa-role-filter .filter-count{background:#0000001a;border:none;border-radius:10px;box-shadow:none;color:inherit;font-size:12px;min-width:auto;padding:2px 8px;position:static;right:auto;top:auto}.sa-role-filter.active .filter-count{background:#fff3}.sa-users-list{display:flex;flex-direction:column;gap:12px}.sa-user-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.sa-user-card:hover{border-color:var(--whatsapp-green);box-shadow:0 4px 12px #0000000d}.sa-user-avatar{align-items:center;background:#3b82f6;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.sa-user-avatar img{height:100%;object-fit:cover;width:100%}.sa-user-avatar span{color:#fff;font-size:18px;font-weight:600}.sa-user-info{flex:1 1;min-width:0}.sa-user-name{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.sa-user-email{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-user-role-badge{border-radius:20px;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 14px;text-transform:capitalize}.sa-user-role-badge.admin{background:#8b5cf61a;color:#8b5cf6}.sa-user-role-badge.agent,.sa-user-role-badge.supervisor{background:#3b82f61a;color:#3b82f6}.sa-user-role-badge.freelancer{background:#f973161a;color:#f97316}.sa-user-role-badge.superadmin{background:#dc26261a;color:#dc2626}.sa-user-remove-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.sa-user-remove-btn:hover{background:#dc26261a;color:#dc2626}.sa-signup-link-container{align-items:center;display:flex;gap:12px}.sa-signup-link-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:14px;padding:12px 16px}.sa-signup-link-input:focus{border-color:var(--whatsapp-green);outline:none}.sa-invite-generate{display:flex;justify-content:center;padding:20px 0}.sa-invite-result{display:flex;flex-direction:column;gap:12px}.sa-invite-actions{align-items:center;display:flex;justify-content:space-between}.sa-invite-code{color:var(--text-secondary);font-size:13px}.sa-invite-code strong{color:var(--whatsapp-green);font-family:monospace;font-size:14px}.sa-empty-users{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.sa-empty-users p{font-size:14px;margin:0}.sa-nav-order-list{display:flex;flex-direction:column;gap:8px}.sa-nav-order-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:grab;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.sa-nav-order-item:hover{background:#25d3660d;border-color:var(--whatsapp-green)}.sa-nav-order-item.dragging{background:var(--whatsapp-green);box-shadow:0 8px 20px #25d3664d;color:#fff;cursor:grabbing}.sa-nav-order-item .drag-handle{color:var(--text-secondary);flex-shrink:0}.sa-nav-order-item.dragging .drag-handle{color:#fff}.sa-nav-order-item span{flex:1 1;font-size:14px;font-weight:500}.sa-nav-order-item .nav-order-number{align-items:center;background:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary);display:flex;flex:0 1;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.sa-nav-order-item.dragging .nav-order-number{background:#fff3;color:#fff}.sa-org-pages-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sa-org-page-toggle{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.sa-org-page-toggle:hover{border-color:#1a365d}.sa-org-page-toggle.enabled{background:#eff6ff;border-color:#1a365d}.sa-org-page-toggle.disabled{opacity:.6}.sa-org-page-toggle input{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:none!important;height:0;opacity:0;pointer-events:none;position:absolute;width:0}.sa-org-page-toggle .toggle-slider{background:var(--border-color);border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:all .2s;width:44px}.sa-org-page-toggle .toggle-slider:before{content:none!important;display:none!important}.sa-org-page-toggle .toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .2s;width:20px}.sa-org-page-toggle.enabled .toggle-slider{background:#1a365d}.sa-org-page-toggle.enabled .toggle-slider:after{left:22px}.sa-org-page-toggle .toggle-label{color:var(--text-primary);font-size:14px;font-weight:500}.sa-access-grid-wrapper{background:var(--bg-secondary);border-radius:8px;max-width:100%;overflow-x:auto}.sa-access-grid{min-width:-webkit-max-content;min-width:max-content}.sa-access-header{background:var(--bg-tertiary);color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;padding:12px 0;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.sa-access-header span{min-width:120px;padding:0 16px;text-align:center}.sa-access-header span:first-child{background:var(--bg-tertiary);left:0;min-width:180px;position:-webkit-sticky;position:sticky;text-align:left;z-index:2}.sa-access-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;padding:12px 0}.sa-access-row:last-child{border-bottom:none}.sa-access-row>span:first-child{background:var(--bg-secondary);color:var(--text-primary);font-size:14px;left:0;min-width:180px;padding:0 16px;position:-webkit-sticky;position:sticky;z-index:1}.sa-access-row>label{min-width:120px;padding:0 16px}.sa-checkbox{align-items:center;cursor:pointer;display:flex;justify-content:center}.sa-checkbox input{display:none}.sa-checkbox .checkmark{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;height:20px;position:relative;transition:all .2s;width:20px}.sa-checkbox input:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.sa-checkbox input:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.sa-back-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:16px;padding:8px 16px;transition:all .2s ease}.sa-back-btn:hover{background:var(--bg-tertiary);border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.sa-settings-section{margin-bottom:32px;padding:24px}.sa-settings-section h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.sa-settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.sa-settings-card .sa-form-row{align-items:flex-start;display:flex;gap:24px}.sa-settings-card .sa-form-row label{color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:500;gap:8px}.sa-settings-card .sa-form-row input,.sa-settings-card .sa-form-row select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:15px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.sa-settings-card .sa-form-row input:focus,.sa-settings-card .sa-form-row select:focus{border-color:#3b82f6;outline:none}.sa-settings-card .sa-form-row select{cursor:pointer;min-width:150px}.sa-settings-card .sa-form-row textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;min-height:120px;padding:12px 16px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.sa-settings-card .sa-form-row textarea:focus{border-color:#3b82f6;outline:none}.sa-settings-card .sa-form-row.stacked{flex-direction:column;gap:8px;margin-bottom:24px}.sa-settings-card .sa-form-row.stacked label{flex:none;width:100%}.sa-settings-card .sa-form-row.stacked textarea{min-height:200px;width:100%}.email-template-row{border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:16px}.email-template-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.email-template-row .template-header{margin-bottom:8px}.email-template-row .template-toggle{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px}.email-template-row .template-toggle input{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.email-template-row input[type=text]{background:#fff;border:1px solid var(--border-color);border-radius:6px;font-size:13px;padding:10px 14px;width:100%}.email-template-row input[type=text]:disabled{background:var(--bg-secondary);color:var(--text-secondary)}.email-template-row input[type=text]:focus{border-color:#3b82f6;outline:none}.email-preview-box{background:var(--bg-primary);border-radius:8px;margin-top:16px;padding:16px}.sa-user-breakdown.horizontal{display:flex;gap:32px}.sa-user-breakdown.horizontal>div{text-align:left}.clickable-card{cursor:pointer}.clickable-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.clickable-row{cursor:pointer;transition:all .2s ease}.clickable-row:hover{background:var(--bg-tertiary)}.sa-user-detail-modal{display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.sa-user-detail-header{align-items:center;display:flex;gap:16px}.sa-user-detail-header h2{font-size:20px;margin:0 0 4px}.sa-user-detail-header p{color:var(--text-secondary);font-size:14px;margin:0}.sa-user-avatar.large{font-size:24px;height:64px;width:64px}.sa-user-detail-tabs{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);display:flex;gap:0;padding:0 24px}.sa-detail-tab{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;position:relative;transition:all .2s}.sa-detail-tab:hover{color:var(--text-primary)}.sa-detail-tab.active{color:var(--whatsapp-green);font-weight:600}.sa-detail-tab.active:after{background:var(--whatsapp-green);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.sa-user-detail-form{display:flex;flex-direction:column;gap:20px}.sa-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.sa-checkbox-label input[type=checkbox]{accent-color:var(--whatsapp-green);height:18px;width:18px}.sa-checkbox-label span{color:var(--text-primary);font-size:14px}.sa-user-role-section{display:flex;flex-direction:column;gap:24px}.sa-access-summary h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.sa-access-list{display:flex;flex-wrap:wrap;gap:8px}.sa-access-badge{background:#25d3661a;border-radius:16px;color:var(--whatsapp-green);font-size:12px;font-weight:500;padding:6px 12px;text-transform:capitalize}.sa-no-access{color:var(--text-secondary);font-size:14px;font-style:italic}.sa-user-meta{background:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.sa-meta-item{align-items:center;display:flex;justify-content:space-between}.meta-label{color:var(--text-secondary);font-size:13px}.meta-value{color:var(--text-primary);font-family:monospace;font-size:13px;font-weight:500}.sa-user-logs{max-height:400px;overflow-y:auto}.sa-empty-logs{color:var(--text-secondary);padding:40px 20px;text-align:center}.sa-logs-list{display:flex;flex-direction:column;gap:8px}.sa-log-item{background:var(--bg-secondary);border-left:3px solid var(--whatsapp-green);border-radius:8px;padding:12px 16px}.sa-log-action{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px;text-transform:capitalize}.sa-log-details{color:var(--text-secondary);font-size:13px;margin-bottom:4px;word-break:break-word}.sa-log-time{color:var(--text-tertiary);font-size:11px}.sa-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.sa-logo-upload{display:flex;flex-direction:column;gap:12px}.sa-logo-upload>label{color:var(--text-primary);font-size:14px;font-weight:600}.sa-logo-preview{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;display:flex;height:60px;justify-content:center;overflow:hidden;width:200px}.sa-logo-preview img{max-height:100%;max-width:100%;object-fit:contain}.sa-logo-placeholder{color:var(--text-tertiary);font-size:13px}.sa-logo-actions{display:flex;gap:8px}.sa-upload-btn{align-items:center;cursor:pointer;display:inline-flex;gap:6px}.sa-templates-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.sa-template-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.sa-template-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.sa-template-info strong{color:var(--text-primary);font-size:14px}.sa-template-preview{color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-template-remove{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.sa-template-remove:hover{background:#dc26261a;color:#dc2626}.sa-empty-templates{color:var(--text-secondary);font-size:14px;padding:24px;text-align:center}.sa-add-template{border-top:1px solid var(--border-color);padding-top:20px}.sa-add-template h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 16px}.sa-add-template textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;width:100%}.sa-add-template textarea:focus{border-color:var(--whatsapp-green);outline:none}.sa-settings-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.sa-custom-roles{display:flex;flex-direction:column;gap:16px}.sa-add-role-form{align-items:center;display:flex;gap:12px}.sa-add-role-form input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;max-width:300px;padding:10px 14px}.sa-add-role-form input:focus{border-color:var(--whatsapp-green);outline:none}.sa-add-role-form button{align-items:center;display:flex;gap:6px;white-space:nowrap}.sa-custom-roles-list{display:flex;flex-wrap:wrap;gap:8px}.sa-custom-role-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);display:flex;font-size:13px;gap:8px;padding:8px 12px}.sa-custom-role-item span{text-transform:capitalize}.sa-custom-role-item .btn-danger-small{align-items:center;background:#0000;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;padding:4px 10px;transition:all .2s}.sa-custom-role-item .btn-danger-small:hover{background:#ef4444;color:#fff}.sa-custom-role-tag{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);display:flex;font-size:13px;gap:8px;padding:6px 12px}.sa-custom-role-tag span{text-transform:capitalize}.sa-custom-role-tag button{background:#0000;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;height:18px;padding:0;transition:all .2s;width:18px}.sa-custom-role-tag button,.sa-loading-state{align-items:center;display:flex;justify-content:center}.sa-loading-state{color:var(--text-secondary);flex-direction:column;padding:60px}.sa-loading-state .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #3b82f6;height:40px;margin-bottom:16px;width:40px}.sa-pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:16px;padding:16px 0}.sa-pagination-info{color:var(--text-secondary);font-size:13px}.sa-pagination-controls{align-items:center;display:flex;gap:12px}.sa-pagination-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.sa-pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:#1a365d}.sa-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.sa-pagination-page{color:var(--text-secondary);font-size:13px;min-width:100px;text-align:center}.sa-custom-role-tag button:hover{background:#ef44441a;color:#ef4444}.sa-access-header .custom-role{color:var(--whatsapp-green);font-weight:600}.sa-role-option.custom{background:#25d3660d;border-color:var(--whatsapp-green)}.sa-role-option.custom:hover{background:#25d3661a}@media (max-width:1024px){.sa-settings-tabs-wrapper{margin-bottom:20px}.sa-tab{font-size:13px;padding:10px 16px}.sa-tabs-arrow{height:32px;width:32px}.sa-form-row{flex-direction:column;gap:16px}.sa-form-row label{width:100%}.sa-settings-card{padding:16px}}@media (max-width:768px){.sa-settings-tabs-wrapper{margin-bottom:16px}.sa-tab{font-size:12px;padding:8px 12px}.sa-tabs-arrow{height:28px;width:28px}.sa-page-header{align-items:flex-start;flex-direction:column;gap:16px}.sa-page-header .btn-primary{justify-content:center;width:100%}}.developer-docs .sa-settings-card{max-width:900px}.developer-docs h2{border-bottom:2px solid #25d366;color:#1a365d;font-size:24px;margin-bottom:8px;padding-bottom:12px}.developer-docs .doc-intro{color:var(--text-secondary);font-size:15px;margin-bottom:32px}.developer-docs .doc-section{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:24px}.developer-docs .doc-section:last-child{border-bottom:none}.developer-docs h3{align-items:center;color:#1a365d;display:flex;font-size:18px;gap:8px;margin:0 0 12px}.developer-docs h4{font-weight:600;letter-spacing:.5px;margin:16px 0 8px;text-transform:uppercase}.developer-docs h4,.developer-docs p{color:var(--text-primary);font-size:14px}.developer-docs p{line-height:1.6;margin:0 0 12px}.developer-docs ol,.developer-docs ul{margin:0 0 16px;padding-left:24px}.developer-docs li{color:var(--text-primary);font-size:14px;line-height:1.8}.developer-docs li strong{color:#1a365d}.developer-docs code{background:#f1f5f9;border-radius:4px;color:#7c3aed;padding:2px 6px}.developer-docs code,.developer-docs pre{font-family:Monaco,Menlo,monospace;font-size:13px}.developer-docs pre{background:#1e293b;border-radius:8px;color:#e2e8f0;line-height:1.5;margin:12px 0;overflow-x:auto;padding:16px}.developer-docs pre code{background:none;color:inherit;padding:0}.todo-board{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%;width:100%}.board-column{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;max-width:100%;min-width:0;overflow:visible;transition:all .2s}.board-column.drag-active{background:#25d3660d}.board-column-header{align-items:center;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);border-radius:12px 12px 0 0;border-top:4px solid;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.board-column:first-child .board-column-header{border-top-color:#9ca3af}.board-column:nth-child(2) .board-column-header{border-top-color:#3b82f6}.board-column:nth-child(3) .board-column-header{border-top-color:#f59e0b}.board-column:nth-child(4) .board-column-header{border-top-color:#10b981}.board-column-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.task-count{background:var(--whatsapp-green);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.board-column:first-child .task-count{background:#6b7280}.board-column:nth-child(2) .task-count{background:#3b82f6}.board-column:nth-child(3) .task-count{background:#f59e0b}.board-column:nth-child(4) .task-count{background:#10b981}.board-column-content{flex:1 1;gap:12px}.board-column-content,.board-task-card{display:flex;flex-direction:column;padding:16px}.board-task-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #00000014;cursor:grab;max-width:100%;min-width:0;transition:all .2s}.board-task-card:hover{border-color:var(--whatsapp-green);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.board-task-card:active{cursor:grabbing;opacity:.8}.board-task-card.overdue{background:linear-gradient(135deg,#ef44440d,#dc262605);border-left:4px solid #ef4444}.board-task-card.completed{opacity:.6}.board-task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.task-priority-indicator{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;flex-shrink:0;height:12px;margin-top:6px;width:12px}.board-task-actions{display:flex;gap:6px}.task-quick-action{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;transition:all .2s;width:26px}.task-quick-action:hover{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff;transform:scale(1.1)}.task-quick-action:first-child:hover{background:#3b82f6;border-color:#3b82f6}.task-quick-action:nth-child(3):hover{background:#10b981;border-color:#10b981}.task-quick-action.delete:hover,.task-quick-action:nth-child(4):hover{background:#ef4444;border-color:#ef4444}.board-task-title{word-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin:0 0 12px;overflow:hidden;overflow-wrap:break-word}.board-task-card.completed .board-task-title{color:var(--text-secondary);text-decoration:line-through}.board-task-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin:8px 0;overflow:hidden;text-overflow:ellipsis}.task-assigned-to{align-items:center;background:#10b98114;border:1px solid #10b98133;border-radius:8px;display:flex;gap:8px;margin-top:10px;padding:8px}.assigned-avatar-wrapper{flex-shrink:0;height:28px;position:relative;width:28px}.assigned-avatar-initials{align-items:center;background:var(--whatsapp-green);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center}.assigned-avatar,.assigned-avatar-initials{border:2px solid var(--whatsapp-green);border-radius:50%;height:28px;width:28px}.assigned-avatar{background:#e0e0e0;left:0;object-fit:cover;position:absolute;top:0}.assigned-name{color:var(--text-secondary);flex:1 1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .task-assigned-to{background:#10b98126;border-color:#10b9814d}[data-theme=dark] .assigned-avatar{border-color:var(--whatsapp-green)}.board-task-meta{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px;padding-top:12px}.task-meta-item{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:6px}.task-meta-item svg{flex-shrink:0}.task-meta-item.overdue{color:#ef4444;font-weight:600}.task-meta-item.recurring{color:#3b82f6}.board-task-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.task-badge{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:5px 10px;text-transform:uppercase}.task-badge.priority-high{background:#ef4444;color:#fff}.task-badge.overdue{background:#fca5a5;color:#7f1d1d}.board-empty-state{color:var(--text-tertiary);font-size:.9rem;padding:40px 20px;text-align:center}.board-empty-state p{margin:0;opacity:.5}[data-theme=dark] .board-task-card{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .assigned-name,[data-theme=dark] .board-task-title{color:var(--text-primary)}@media (max-width:1400px){.todo-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.todo-board{grid-template-columns:1fr;height:auto}.board-column-header{padding:12px 16px}.board-column-content{padding:12px}}.todo-list-container{background:var(--bg-primary);height:100%;margin:0 auto;max-width:100%;padding:24px;position:relative;width:100%}.todo-list-container.fade-in-page{animation:fadeInPage .4s ease-out}.todo-header{align-items:center;background:#0000;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding:20px 0}.todo-header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.todo-header-content p{color:var(--text-secondary);font-size:14px;margin:0}.header-actions{gap:.75rem}.add-task-btn,.copy-list-btn{align-items:center;border:none;border-radius:10px;box-shadow:var(--shadow-light);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.add-task-btn{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);color:#fff}.copy-list-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.add-task-btn:hover,.copy-list-btn:hover{box-shadow:0 8px 20px #25d3664d;transform:translateY(-3px) scale(1.02)}.add-task-btn svg,.copy-list-btn svg{font-size:1.2rem}.todo-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.stat-card{gap:1rem}.stat-card.highlighted{background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#10b981}.stat-icon{border-radius:10px}.stat-icon svg{font-size:1.5rem}.stat-label{font-size:.85rem;font-weight:500}.todo-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.view-toggle{border:1px solid var(--border-color);box-shadow:var(--shadow-light);overflow:hidden}.view-btn{padding:.75rem 1rem;transition:all .2s}.view-btn:hover{background:#0000000d;background:var(--hover-background,#0000000d)}.view-btn.active{background:var(--primary-color)}.view-btn svg{font-size:1.2rem}.tasks-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.task-card{border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000f;position:relative;transition:all .3s ease}.task-card:hover{border-color:var(--whatsapp-green);box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.task-card.completed{opacity:.6}.task-card.overdue:not(.completed){background:linear-gradient(135deg,#ef44440d,#dc262605);border-left:4px solid #ef4444}.task-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.task-checkbox{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.task-checkbox:hover{background:#25d3660d;border-color:var(--whatsapp-green)}.task-checkbox svg{color:#fff;font-size:16px}.task-card.completed .task-checkbox{background:var(--whatsapp-green);border-color:var(--whatsapp-green)}.checkbox-empty{height:16px;width:16px}.task-priority{border-radius:50%;flex-shrink:0;height:8px;width:8px}.task-card-content{flex:1 1;margin-bottom:1rem}.task-card-content h3{word-wrap:break-word;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;overflow-wrap:break-word;white-space:normal}.task-card.completed h3{color:var(--text-secondary);text-decoration:line-through}.task-description{word-wrap:break-word;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 .75rem;overflow-wrap:break-word;white-space:normal}.task-meta{flex-wrap:wrap;font-size:.85rem;gap:.75rem}.task-due-date,.task-recurring{align-items:center;background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);display:flex;gap:.4rem;padding:.3rem .6rem}.task-due-date.today{background:#25d3661a;color:var(--whatsapp-green);font-weight:600}.task-due-date.overdue{background:#ef44441a;color:#ef4444;font-weight:600}.task-due-date svg,.task-recurring svg{font-size:1rem}.task-card-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;padding-top:.75rem}.task-action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.task-action-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--text-primary)}.task-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-list-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;gap:1rem;padding:20px;transition:all .2s}.task-list-item:hover{border-color:var(--whatsapp-green);box-shadow:0 4px 12px #0000001a}.task-list-item.completed{opacity:.6}.task-list-item.overdue:not(.completed){border-left:4px solid #ef4444}.task-list-content{flex:1 1;min-width:0;overflow:hidden}.task-list-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.task-list-header h3{word-wrap:break-word;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;overflow-wrap:break-word;white-space:normal}.task-list-item.completed h3{color:var(--text-secondary);text-decoration:line-through}.task-badges{display:flex;flex-wrap:wrap;gap:.5rem}.priority-badge{color:#fff;font-size:.75rem;text-transform:uppercase}.priority-badge,.recurring-badge{border-radius:6px;font-weight:600;padding:.3rem .6rem}.recurring-badge{align-items:center;background:#3b82f61a;color:#3b82f6;display:flex;font-size:.8rem;gap:.3rem}.task-list-actions{display:flex;gap:.5rem}.calendar-view{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px}.calendar-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.calendar-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.calendar-nav-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.calendar-nav-btn:hover{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.calendar-weekdays{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-weekday{color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:12px;text-align:center}.calendar-days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#fff;border:1px solid var(--border-color);border-radius:8px;min-height:120px;padding:8px;transition:all .2s}.calendar-day:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green)}.calendar-day.other-month{background:var(--bg-secondary);opacity:.5}.calendar-day.today{background:#25d3660d;border:2px solid var(--whatsapp-green)}.calendar-day-number{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:8px}.calendar-day-tasks{display:flex;flex-direction:column;gap:4px}.calendar-task{background:#e0e7ff;border-left:3px solid #3b82f6;border-radius:4px;cursor:pointer;font-size:.75rem;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.calendar-task:hover{background:#c7d2fe;transform:translateX(2px)}.calendar-task.completed{opacity:.6;text-decoration:line-through}.modal-content{box-shadow:0 20px 60px #0000004d}.modal-header{flex-wrap:nowrap;gap:16px}.modal-header h2{flex:0 1 auto;font-size:24px;font-weight:600;min-width:0}.modal-header-actions{gap:16px}.modal-close,.modal-header-actions{align-items:center;display:flex;flex-shrink:0}.modal-close{background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;height:32px;justify-content:center;min-width:32px;transition:all .2s;width:32px}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group input[type=date],.form-group input[type=text],.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.form-row{grid-gap:1rem;gap:1rem}.checkbox-label{gap:.75rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{height:20px;width:20px}.checkbox-label span{color:var(--text-primary);font-weight:500}.interval-input{align-items:center;display:flex;gap:.75rem}.interval-input input{width:80px}.interval-input span{color:var(--text-secondary);font-size:.9rem}.weekdays-selector{display:flex;flex-wrap:wrap;gap:.5rem}.weekday-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;height:48px;justify-content:center;transition:all .2s;width:48px}.weekday-btn:hover{background:var(--bg-tertiary);border-color:var(--whatsapp-green)}.weekday-btn.selected{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.modal-footer{gap:1rem;padding:24px}.btn-primary,.btn-secondary{font-size:1rem;padding:.75rem 1.5rem}.btn-primary{background:var(--whatsapp-green)}.btn-primary:hover:not(:disabled){background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.empty-state{padding:4rem 2rem}.empty-state svg{color:var(--primary-color);margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin:1rem 0 .5rem}.empty-state p{font-size:1rem}.loading-state{padding:4rem 2rem;text-align:center}.loading-spinner-large{height:60px;margin-bottom:1.5rem;width:60px}[data-theme=dark] .calendar-day,[data-theme=dark] .calendar-view,[data-theme=dark] .modal-content,[data-theme=dark] .stat-card,[data-theme=dark] .task-card,[data-theme=dark] .task-list-item{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .calendar-day.other-month{background:var(--bg-tertiary)}[data-theme=dark] .filter-btn.active{background:var(--bg-secondary);border-color:var(--whatsapp-green);color:var(--text-primary)}.reminders-section{background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;margin-top:1.5rem;padding:16px}.reminder-options{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-left:24px}.reminder-hint{color:var(--text-secondary);font-size:12px;font-style:italic;margin:8px 0 0}@media (max-width:768px){.todo-list-container{padding:1rem}.todo-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{flex-direction:column;width:100%}.add-task-btn,.copy-list-btn{justify-content:center;width:100%}.todo-stats{grid-template-columns:repeat(2,1fr)}.todo-controls{gap:1.5rem}.filter-section,.todo-controls{align-items:stretch;flex-direction:column}.filter-section{gap:.5rem}.filter-label{min-width:auto}.filter-buttons{justify-content:space-between}.view-toggle{justify-content:space-around;width:100%}.form-row,.tasks-grid{grid-template-columns:1fr}.calendar-day{min-height:80px}.modal-content{max-height:95vh;width:95%}}.team-tasks-container{background:var(--bg-primary);height:100%;margin:0 auto;max-width:100%;padding:24px;width:100%}.team-tasks-container.fade-in-page{animation:fadeInPage .4s ease-out}.team-tasks-header{align-items:center;background:#0000;border-bottom:1px solid var(--border-color);display:flex;gap:2rem;justify-content:space-between;margin-bottom:32px;padding:20px 0}.team-tasks-header .header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--whatsapp-green) 100%);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.team-tasks-header .header-content p{color:var(--text-secondary);font-size:14px;margin:0}.team-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.team-stats-grid .stat-card{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:14px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.team-stats-grid .stat-card:hover{border-color:var(--whatsapp-green);box-shadow:0 8px 20px #25d36626;transform:translateY(-4px)}.team-stats-grid .stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.team-stats-grid .stat-icon svg{font-size:1.5rem}.team-stats-grid .stat-content{flex:1 1}.team-stats-grid .stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:4px}.team-stats-grid .stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.team-controls{margin-bottom:2rem}.member-filter{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:.75rem;max-width:400px;padding:.75rem 1rem;position:relative}.member-filter svg{color:var(--text-secondary);flex-shrink:0}.member-filter input{background:#0000;border:none;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;outline:none}.member-filter input::placeholder{color:var(--text-tertiary)}.member-filter.searchable-dropdown .dropdown-results{left:0;right:0;top:calc(100% + 8px)}.dropdown-avatar{border:2px solid var(--whatsapp-green);border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.dropdown-avatar-initials{align-items:center;background:var(--whatsapp-green);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.dropdown-item{align-items:center;display:flex;gap:10px}.dropdown-item-content{flex:1 1;min-width:0}.filter-groups{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1rem}.filter-section{align-items:center;display:flex;gap:.75rem}.filter-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;min-width:60px}.filter-buttons{gap:.5rem}.filter-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-btn.active{background:#fff;border-color:var(--border-color);box-shadow:0 2px 8px #0000001a;color:#000;font-weight:600}.team-task-modal{max-width:600px;min-width:500px}.team-task-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.team-task-modal .modal-header h2{color:var(--text-primary);flex:1 1;font-size:24px;font-weight:600;margin:0;min-width:0}.team-task-modal .modal-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.team-task-modal .form-group{margin-bottom:1.5rem}.team-task-modal .form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:.5rem}.team-task-modal .form-group input,.team-task-modal .form-group select,.team-task-modal .form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:.75rem;transition:all .2s;width:100%}.team-task-modal .form-group input:focus,.team-task-modal .form-group select:focus,.team-task-modal .form-group textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.team-task-modal .form-group input:disabled,.team-task-modal .form-group select:disabled,.team-task-modal .form-group textarea:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.team-task-modal .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.team-task-modal .modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.5rem}.team-task-modal .btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.team-task-modal .btn-secondary:hover{background:var(--bg-tertiary)}.team-task-modal .btn-primary{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.team-task-modal .btn-primary:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.team-task-modal .btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal-edit-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.modal-edit-btn:hover{background:#2563eb;transform:translateY(-1px)}.modal-edit-btn svg{height:16px;width:16px}.modal-expand-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;gap:6px;padding:8px;transition:all .2s}.modal-expand-btn:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green);color:var(--whatsapp-green);transform:translateY(-1px)}.team-task-modal .modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;min-width:32px;transition:all .2s;width:32px}.team-task-modal .modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.loading-state{height:400px}.loading-spinner-large{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border-top-color:var(--whatsapp-green)}.searchable-dropdown{position:relative}.searchable-dropdown input{width:100%}.dropdown-results{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:12px 16px;transition:background .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item-name{color:var(--text-primary);font-weight:500;margin-bottom:4px}.dropdown-item-email{color:var(--text-secondary);font-size:.9rem;font-weight:400}.dropdown-item-role{color:var(--text-secondary);font-size:.85rem;text-transform:capitalize}.dropdown-empty{color:var(--text-secondary);font-style:italic;padding:16px;text-align:center}[data-theme=dark] .member-filter,[data-theme=dark] .team-stats-grid .stat-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .member-filter input{color:var(--text-primary)}[data-theme=dark] .dropdown-results{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .dropdown-item:hover{background:var(--bg-primary)}@media (max-width:768px){.team-tasks-container{padding:1rem}.team-tasks-header{align-items:flex-start;flex-direction:column;gap:1rem}.team-stats-grid{grid-template-columns:repeat(2,1fr)}.team-task-modal{max-width:95vw;min-width:auto}.team-task-modal .form-row{grid-template-columns:1fr}.member-filter{max-width:100%}}.training-modules{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;padding:20px;width:100%}.training-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000000a;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;padding:18px 20px}.training-header .header-content h1{align-items:center;color:var(--text-primary);display:flex;font-size:22px;font-weight:700;gap:8px;margin:0 0 4px}.training-header .header-icon{color:#10b981;font-size:24px}.training-header .subtitle{color:var(--text-secondary);font-size:13px;margin:0}.training-header .header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.training-modules .btn-primary{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 6px #10b98126;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.training-modules .btn-primary:hover{box-shadow:0 3px 10px #10b9814d;transform:translateY(-1px)}.training-modules .btn-secondary-action{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.training-modules .btn-secondary-action:hover{background:var(--bg-secondary);border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.progress-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:12px;padding:16px;transition:all .2s}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.summary-icon.total{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.summary-icon.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.summary-icon.progress{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.summary-icon.achievement{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.summary-content{flex:1 1}.summary-value{color:var(--text-primary);line-height:1}.summary-label{font-size:13px;font-weight:500;margin-top:4px}.modules-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000000a;padding:20px}.section-title{color:var(--text-primary);font-size:17px;font-weight:700}.modules-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.module-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 6px #0000000d;cursor:pointer;display:flex;flex-direction:column;overflow:visible;padding:18px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.module-card:before{background:#e5e7eb;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s}.module-card.completed:before{background:linear-gradient(90deg,#10b981,#059669)}.module-card.in-progress:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.module-card.not-started:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.module-card.locked:before{background:linear-gradient(90deg,#9ca3af,#6b7280)}.module-card:hover{border-color:#10b981;box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.module-card.locked{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;border-style:dashed;cursor:not-allowed;opacity:.7}.module-card.locked:hover{border-color:#d1d5db;box-shadow:none;transform:none}.module-card.locked .module-content{opacity:.6}.module-card.not-started{background:var(--bg-secondary);border-color:var(--border-color)}.module-card.not-started:hover{border-color:#3b82f6}.module-card.completed{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.module-card.in-progress{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.module-icon{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000f;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-bottom:10px;width:36px}.module-card.locked .module-icon{background:#f3f4f6;border:2px dashed #d1d5db;box-shadow:none}.status-icon{font-size:18px}.status-icon.completed{color:#10b981}.status-icon.in-progress{color:#f59e0b}.status-icon.locked{color:#9ca3af}.status-icon.not-started{color:#3b82f6}.module-content{flex:1 1}.module-title{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3;margin:0 0 6px}.module-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 12px}.module-meta{display:flex;gap:12px;margin-bottom:12px}.meta-item{font-weight:500}.meta-item,.quiz-result{align-items:center;display:flex;gap:6px}.quiz-result{border-radius:6px;font-size:12px;font-weight:600;margin-top:12px;padding:6px 10px}.quiz-result.passed{background:#ecfdf5;border:1px solid #10b981;color:#10b981}.quiz-result.failed{background:#fef2f2;border:1px solid #ef4444;color:#ef4444}.module-footer{border-top:1px solid #0000000f;display:flex;justify-content:flex-end;padding-top:14px}.status-badge{border-radius:16px}.status-badge.completed{background:#10b981;color:#fff}.status-badge.in-progress{background:#f59e0b;color:#fff}.status-badge.not-started{background:#3b82f6;color:#fff}.status-badge.locked{background:#9ca3af;border:2px dashed #6b7280;color:#fff}.status-badge.retry{background:#f59e0b;border:2px solid #d97706;color:#fff}.empty-state h3{font-size:17px;margin:0 0 6px}.empty-state p{font-size:13px;margin:0 0 16px}.empty-state .btn-primary{font-size:13px;margin:0 auto;max-width:-webkit-fit-content;max-width:fit-content;padding:8px 16px}.loading-state{padding:48px}.loading-spinner{margin-bottom:12px}[data-theme=dark] .training-modules{background:var(--bg-primary)}[data-theme=dark] .modules-section,[data-theme=dark] .training-header{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .module-title,[data-theme=dark] .section-title,[data-theme=dark] .summary-value,[data-theme=dark] .training-header h1{color:#e9edef}[data-theme=dark] .summary-card{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 6px #0003}[data-theme=dark] .module-card{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .module-card.completed{background:linear-gradient(135deg,#0d3b2e,#0a2a20);border-color:#10b981}[data-theme=dark] .module-card.in-progress{background:linear-gradient(135deg,#3d2f1f,#2d2417);border-color:#f59e0b}[data-theme=dark] .module-card.locked{background:linear-gradient(135deg,#2a3942,#1f2c34);border-color:#374151;opacity:.6}[data-theme=dark] .module-card.locked .module-icon{background:#374151;border-color:#4b5563}[data-theme=dark] .module-icon{background:#2a3942}[data-theme=dark] .quiz-result.passed{background:#0d3b2e;border-color:#10b981}[data-theme=dark] .quiz-result.failed{background:#3d1f1f;border-color:#ef4444}@media (max-width:768px){.training-modules{padding:12px}.training-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.training-header .header-content h1{font-size:20px}.progress-summary{gap:10px;grid-template-columns:repeat(2,1fr)}.summary-card{padding:14px}.module-icon{height:36px;width:36px}.status-icon{font-size:18px}.quiz-result{font-size:11px;padding:5px 8px}.summary-icon{font-size:18px;height:40px;width:40px}.summary-value{font-size:22px}.summary-label{font-size:12px}.modules-grid{gap:14px;grid-template-columns:1fr}.modules-section{padding:16px}.section-title{font-size:18px}}.training-builder{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;padding:24px;width:100%}.builder-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.builder-header .header-left{align-items:flex-start;display:flex;flex:1 1;gap:16px}.builder-header .back-btn-icon{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.builder-header .back-btn-icon:hover{background:#f3f4f6;color:#10b981}.builder-header .header-content{flex:1 1}.builder-header h1{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 6px}.builder-header .subtitle{color:var(--text-secondary);font-size:13px;margin:0}.btn-create{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-create:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.modules-list{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.modules-table{width:100%}.table-header,.table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:3fr 1fr 120px;padding:16px 24px}.table-header{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-row{border-bottom:1px solid #f3f4f6;transition:all .2s}.table-row:hover{background:#f9fafb}.table-row:last-child{border-bottom:none}.module-info h3{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 4px}.module-info p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;margin:0 0 4px;overflow:hidden}.duration{color:#6b7280;font-size:12px;gap:4px}.badge,.duration{align-items:center;display:inline-flex}.badge{border-radius:20px;gap:6px;padding:6px 12px}.badge-all{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-specific{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.progress-info{color:#6b7280;flex-direction:column;font-size:13px;gap:4px}.col-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{height:36px;width:36px}.action-btn.edit{background:#eff6ff;color:#3b82f6}.action-btn.edit:hover{background:#3b82f6;color:#fff}.action-btn.delete{background:#fef2f2;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff}.page-designer-overlay{animation:fadeIn .2s;background:var(--bg-primary);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.page-designer{background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;width:100%}.designer-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;height:64px;justify-content:space-between;padding:0 24px}.designer-topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:16px}.topbar-left h2{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.close-designer-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s}.close-designer-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-save{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;padding:10px 20px}.btn-save:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.designer-content{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 500px;overflow:hidden}.preview-pane{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.preview-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.preview-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.section-nav{display:flex;gap:8px}.section-nav-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.section-nav-btn:hover{border-color:#10b981;color:#10b981}.section-nav-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.preview-content{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px}.module-preview{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;max-width:700px;min-height:600px;padding:40px;width:100%}.preview-module-header{border-bottom:2px solid #f3f4f6;margin-bottom:32px;padding-bottom:24px}.preview-module-header h1{color:#1a202c;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 12px}.preview-description{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 12px}.preview-duration{align-items:center;background:#f3f4f6;border-radius:12px;color:#6b7280;display:inline-flex;font-size:13px;gap:6px;padding:4px 12px}.preview-section{flex:1 1;margin-bottom:32px}.section-badge{border-radius:12px;margin-bottom:16px}.preview-section h2{color:#1a202c;font-size:22px;font-weight:700;margin:0 0 16px}.preview-section-content{color:#374151;font-size:15px;line-height:1.8;min-height:200px;white-space:pre-wrap}.preview-navigation{border-top:2px solid #f3f4f6;display:flex;gap:16px;justify-content:space-between;margin-top:auto;padding-top:24px}.preview-nav-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.preview-nav-btn:not(:disabled):hover{background:#f0fdf4;border-color:#10b981;color:#10b981}.preview-nav-btn:disabled{cursor:not-allowed;opacity:.4}.editor-pane{background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.editor-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:20px 24px}.editor-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.editor-content{flex:1 1;overflow-y:auto;padding:24px}.current-section-editor{background:var(--bg-tertiary);border:2px solid #10b981;border-radius:12px;margin-top:20px;padding:20px}.close-btn{background:#f3f4f6;color:#6b7280}.close-btn:hover{background:#e5e7eb;color:#1a202c}.modal-body{padding:32px}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 16px}.form-section h4{color:#4b5563;font-size:14px;font-weight:600;margin:0 0 12px}.form-group input,.form-group textarea{border:2px solid #e5e7eb;padding:10px 14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.assignment-options{margin-bottom:20px}.radio-option{border:2px solid #e5e7eb}.radio-option:hover{background:#f0fdf4}.radio-option input[type=radio]:checked+.radio-content{color:#10b981}.radio-content{color:#6b7280}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.role-badge{background:#f3f4f6;color:#374151}.users-list{border:2px solid #e5e7eb}.user-option:hover{background:#f9fafb}.user-name{color:#1a202c}.user-role{color:#6b7280}.section-actions{display:flex;gap:8px}.btn-add-section{align-items:center;background:#eff6ff;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-add-section:hover{background:#dbeafe;transform:translateY(-1px)}.section-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.btn-remove-section{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.btn-remove-section:hover{background:#fee2e2;transform:translateY(-1px)}.modal-footer{padding:20px 32px}.btn-secondary:hover{border-color:#d1d5db}.empty-state{color:#6b7280}.empty-state h3{color:#1a202c}.empty-state p{margin:0 0 24px}[data-theme=dark] .training-builder{background:linear-gradient(135deg,#111b21,#0a0f14)}[data-theme=dark] .builder-header,[data-theme=dark] .modal-content,[data-theme=dark] .modules-list{background:#1f2c34}[data-theme=dark] .module-info h3,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:#e9edef}[data-theme=dark] .table-header{background:#2a3942;border-bottom-color:#3e5262}[data-theme=dark] .table-row{border-bottom-color:#2a3942}[data-theme=dark] .table-row:hover{background:#2a3942}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:#2a3942;border-color:#3e5262;color:#e9edef}[data-theme=dark] .section-item{background:#2a3942;border-color:#3e5262}@media (max-width:768px){.training-builder{padding:16px}.builder-header{flex-direction:column;gap:16px;padding:20px}.builder-header .header-left{align-items:flex-start;flex-direction:row;gap:12px}.builder-header h1{font-size:20px}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-header{display:none}.table-row{padding:16px}.col-actions{justify-content:flex-start}.modal-content{border-radius:0;max-height:100vh;max-width:100%}.assignment-options,.checkbox-grid,.form-row{grid-template-columns:1fr}}.quiz-section{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;margin-top:24px;padding:20px}.btn-ai-generate{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-ai-generate:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.btn-ai-generate:disabled{cursor:not-allowed;opacity:.5}.quiz-questions-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.quiz-question-item{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;padding:16px}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.question-number{color:#3b82f6;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.btn-remove-question{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-remove-question:hover{background:#ef4444;color:#fff}.option-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.option-row input[type=radio]{accent-color:#10b981;cursor:pointer;flex-shrink:0;height:18px;width:18px}.option-row input[type=text]{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;padding:8px 12px;transition:all .2s}.option-row input[type=text]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.option-label{color:#10b981;font-size:12px;font-weight:600;min-width:80px}.empty-quiz-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-quiz-state svg{color:var(--text-tertiary);margin-bottom:12px}.empty-quiz-state p{font-size:14px;margin:8px 0}.empty-quiz-state .help-text{color:var(--text-tertiary);font-size:13px;line-height:1.5;margin:8px auto 0;max-width:400px}@media (max-width:1024px){.designer-content{grid-template-columns:1fr;grid-template-rows:50vh 1fr}.preview-pane{border-bottom:1px solid var(--border-color);border-right:none}.editor-pane{min-height:50vh}.preview-content{padding:20px}.module-preview{padding:24px}.preview-module-header h1{font-size:22px}.preview-section h2{font-size:18px}.section-actions{flex-direction:column;gap:8px}.btn-add-section,.btn-ai-generate{justify-content:center;width:100%}}.training-admin{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;padding:24px;width:100%}.admin-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.admin-header .header-left{align-items:flex-start;display:flex;flex:1 1;gap:16px}.admin-header .back-btn-icon{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.admin-header .back-btn-icon:hover{background:#f3f4f6;color:#10b981}.admin-header .header-content{flex:1 1}.admin-header h1{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 6px}.admin-header .subtitle{color:var(--text-secondary);font-size:13px;margin:0}.search-section{margin-bottom:24px}.search-container{max-width:500px}.search-icon{color:var(--text-tertiary);font-size:18px;left:14px}.search-input{border:2px solid var(--border-color);border-radius:10px;padding:12px 44px;transition:all .2s}.search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.clear-search{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.clear-search:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modules-admin-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.admin-modules-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.admin-module-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s}.admin-module-card:hover{border-color:#10b981;box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.module-card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.module-card-header .module-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.module-card-header h3{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0}.module-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.6;margin:0 0 20px;overflow:hidden}.assignment-section{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:20px}.assignment-section h4{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.assignment-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;padding:8px 16px}.assignment-badge.all{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;color:#065f46}.assignment-badge.specific{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;color:#1e40af}.roles-count{font-size:11px;opacity:.8}.btn-edit-assignment{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.btn-edit-assignment:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.progress-section h4{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.progress-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.progress-stats .stat{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;padding:10px}.progress-stats .stat .icon{flex-shrink:0;font-size:20px}.progress-stats .stat .icon.completed{color:#10b981}.progress-stats .stat .icon.in-progress{color:#f59e0b}.progress-stats .stat .icon.total{color:#3b82f6}.progress-stats .stat div{display:flex;flex-direction:column;gap:2px}.progress-stats .stat .value{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1}.progress-stats .stat .label{color:var(--text-secondary);font-size:11px;line-height:1}.progress-bar-container{align-items:center;display:flex;gap:12px}.progress-bar{flex:1 1}.progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.progress-percent{color:var(--text-primary);font-size:13px;font-weight:700;min-width:40px;text-align:right}.modal-overlay{animation:fadeIn .2s}.modal-content{animation:slideUp .3s;display:flex;flex-direction:column}.modal-header{border-bottom:1px solid var(--border-color)}.close-btn{background:var(--bg-tertiary);border-radius:8px;font-size:20px;height:36px;transition:all .2s;width:36px}.close-btn:hover{background:var(--bg-primary)}.modal-body{flex:1 1;overflow-y:auto}.assignment-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.radio-option{align-items:center;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.radio-option:hover{background:#10b9810d;border-color:#10b981}.radio-option input[type=radio]{accent-color:#10b981;cursor:pointer;height:20px;width:20px}.radio-content{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px}.radio-content svg{font-size:18px}.assignment-group{margin-bottom:24px}.assignment-group h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.checkbox-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.checkbox-option{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-option input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.role-badge{background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-weight:500;padding:6px 12px}.users-list{border:2px solid var(--border-color);border-radius:8px;max-height:300px;overflow-y:auto;padding:12px}.user-option{border-radius:6px;margin-bottom:4px;padding:10px;transition:all .2s}.user-option:hover{background:var(--bg-tertiary)}.user-info{gap:2px}.user-role{color:var(--text-secondary);font-size:12px;text-transform:capitalize}.modal-footer{border-top:1px solid var(--border-color);padding:20px 24px}.btn-secondary{background:var(--bg-tertiary);font-weight:600}.btn-secondary:hover{border-color:#10b981}.empty-state{padding:64px 24px}.empty-state svg{color:var(--text-tertiary)}.loading-state{color:var(--text-secondary)}.loading-spinner{border:4px solid var(--border-color);border-top:4px solid #10b981}@media (max-width:768px){.training-admin{padding:12px}.admin-header{padding:16px}.admin-header h1{font-size:20px}.admin-modules-grid{gap:16px}.admin-modules-grid,.assignment-options,.checkbox-grid,.progress-stats{grid-template-columns:1fr}.quiz-actions{flex-direction:column}.results-table-container{overflow-x:auto}}.quiz-section{border-top:2px solid var(--border-color);margin-top:20px;padding-top:20px}.quiz-section h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.quiz-info{display:flex;gap:16px;margin-bottom:12px}.quiz-stat{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px}.quiz-stat svg{color:#3b82f6}.quiz-actions{display:flex;gap:8px}.btn-quiz{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.btn-quiz:hover{background:var(--bg-tertiary);border-color:#3b82f6;color:#3b82f6}.quiz-modal .modal-body{padding:24px}.quiz-summary{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.quiz-summary svg{color:#3b82f6;flex-shrink:0}.quiz-summary p{font-size:14px;line-height:1.5;margin:0}.quiz-summary .text-secondary{color:var(--text-tertiary);font-size:13px}.settings-group{margin-bottom:24px}.settings-group label{display:block;font-weight:600;margin-bottom:8px}.score-input,.settings-group label{color:var(--text-primary);font-size:14px}.score-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;margin-top:8px;padding:10px 12px;width:100%}.score-input:focus{border-color:#3b82f6;outline:none}.checkbox-label{display:flex!important}.checkbox-label input[type=checkbox]{accent-color:#3b82f6}.help-text{color:var(--text-tertiary);font-size:12px;font-weight:400;margin:6px 0 0}.results-modal{max-width:900px}.results-table-container{max-height:500px;overflow-y:auto}.results-table{font-size:14px}.results-table thead{background:var(--bg-secondary)}.results-table th{font-size:13px;letter-spacing:.5px;text-transform:uppercase}.results-table tbody tr:hover{background:var(--bg-tertiary)}.user-cell{display:flex;flex-direction:column;gap:2px}.user-cell .user-name{color:var(--text-primary);font-weight:600}.user-cell .user-role{color:var(--text-tertiary);font-size:12px}.percentage-badge{border-radius:12px;font-size:13px;font-weight:700;padding:4px 10px}.percentage-badge.passed{background:#ecfdf5;border:1px solid #10b981;color:#10b981}.percentage-badge.failed{background:#fef2f2;border:1px solid #ef4444;color:#ef4444}.status-badge.passed{background:#ecfdf5;color:#10b981}.status-badge.failed{background:#fef2f2;color:#ef4444}.date-cell{color:var(--text-tertiary);font-size:13px}.empty-results{padding:64px 24px}.empty-results svg{color:#d1d5db;margin-bottom:16px}.empty-results h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.empty-results p{color:var(--text-tertiary);font-size:14px;margin:0}.module-viewer{background:var(--bg-primary);max-height:100vh;min-height:100vh;overflow-y:auto;padding:24px;width:100%}.viewer-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;gap:16px;margin-bottom:20px;padding:20px 24px}.back-btn-icon,.viewer-header{align-items:center;display:flex}.back-btn-icon{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:20px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.back-btn-icon:hover{background:var(--bg-tertiary);color:#10b981}.back-btn{background:none;font-weight:500;margin-bottom:16px;padding:8px 12px}.back-btn:hover{color:#10b981}.module-header-info{flex:1 1}.header-title-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:6px}.module-header-info h1{color:var(--text-primary);flex:1 1;font-size:24px;font-weight:700;margin:0}.progress-percentage-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;padding:4px 12px}.module-desc{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.header-progress{align-items:center;display:flex;gap:12px}.progress-text-small{color:var(--text-secondary);font-size:12px;font-weight:600;min-width:120px}.progress-bar-container-small{background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;overflow:hidden;position:relative}.progress-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px 24px}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-text{color:#1a202c;font-size:14px;font-weight:600}.progress-percentage{color:#10b981;font-size:14px;font-weight:600}.progress-bar-container{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{animation:none!important;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:none!important;will-change:auto}.content-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr;margin:0 auto;max-width:1400px}.sections-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 300px);overflow-y:auto;padding:20px}.sections-sidebar h3{color:#6b7280;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.sections-list{display:flex;flex-direction:column;gap:8px}.section-nav-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;position:relative;text-align:left;transition:all .2s}.section-nav-item:hover{background:#f0fdf4;border-color:#10b981}.section-nav-item.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;box-shadow:0 2px 8px #10b98133}.section-nav-item.completed{background:#f0fdf4;border-color:#10b981}.section-nav-item .check-icon{color:#10b981;flex-shrink:0;font-size:18px}.section-number{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.section-nav-item.active .section-number{background:#10b981;color:#fff}.section-title-nav{color:#1a202c;flex:1 1;font-size:13px;font-weight:500;line-height:1.3}.main-content{display:flex;flex-direction:column;gap:20px}.content-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:32px}.section-header{margin-bottom:24px}.section-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.section-header h2{color:#1a202c;font-size:24px;font-weight:700}.section-content{color:#374151;font-size:15px;line-height:1.7;margin-bottom:32px;min-height:200px}.section-content p{margin:0 0 16px}.content-navigation{border-top:2px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding-top:24px}.btn-complete,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133;margin-left:auto}.btn-primary:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-secondary{border:2px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-complete{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf633;margin-left:auto}.btn-complete:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.btn-complete.completed{background:#10b981;cursor:default}.btn-complete.completed:hover{transform:none}.completion-badge{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:12px;box-shadow:0 2px 8px #10b98133;padding:32px;text-align:center}.completion-badge svg{color:#10b981;margin-bottom:16px}.completion-badge h3{color:#1a202c;font-size:24px;font-weight:700;margin:0 0 8px}.completion-badge p{color:#6b7280;font-size:14px;margin:0}.loading-state{color:#6b7280;padding:64px}.loading-spinner{height:48px;width:48px}[data-theme=dark] .module-viewer{background:var(--bg-primary)}[data-theme=dark] .content-card,[data-theme=dark] .progress-section,[data-theme=dark] .sections-sidebar,[data-theme=dark] .viewer-header{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .progress-text,[data-theme=dark] .section-title-nav,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:#e9edef}[data-theme=dark] .section-content{color:#c1c7cd}[data-theme=dark] .section-nav-item{background:#2a3942;border-color:#3e5262}[data-theme=dark] .section-nav-item:hover{background:#0d3b2e;border-color:#10b981}[data-theme=dark] .section-nav-item.active{background:linear-gradient(135deg,#0d3b2e,#0a2a20);border-color:#10b981}[data-theme=dark] .content-navigation{border-top-color:#2a3942}.quiz-container{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:12px;margin-top:32px;padding:24px}.quiz-header{align-items:center;color:#1e40af;display:flex;gap:12px;margin-bottom:24px}.quiz-header h3{font-size:18px;font-weight:700;margin:0}.quiz-questions{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.quiz-question{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:20px}.question-text{color:#1a202c;font-size:15px;line-height:1.6;margin:0 0 16px}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.quiz-option:hover{background:#eff6ff;border-color:#3b82f6}.quiz-option input[type=radio]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.option-letter{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.option-text{color:#374151;flex:1 1;font-size:14px;line-height:1.5}.btn-submit-quiz{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 auto;padding:12px 24px;transition:all .2s}.btn-submit-quiz:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-submit-quiz:disabled{cursor:not-allowed;opacity:.5}.quiz-results{display:flex;flex-direction:column;gap:24px}.results-score{background:#fff;border-radius:12px;padding:24px;text-align:center}.results-score.perfect{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:3px solid #10b981}.results-score.pass{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:3px solid #3b82f6}.results-score.fail{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:3px solid #f59e0b}.results-score h4{color:#1a202c;font-size:24px;margin:0 0 8px}.results-score p{color:#374151;font-size:16px;margin:0}.quiz-review{display:flex;flex-direction:column;gap:12px}.review-question{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:16px}.review-question.correct{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.review-question.incorrect{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.answer-status{font-size:14px;font-weight:700;margin:8px 0}.review-question.correct .answer-status{color:#10b981}.review-question.incorrect .answer-status{color:#ef4444}.correct-answer{color:#374151;font-size:14px;margin:8px 0 0}@media (max-width:768px){.content-container{grid-template-columns:1fr}.sections-sidebar{position:static}.viewer-header{padding:20px}.content-card{padding:24px 20px}.module-header-info h1{font-size:20px}.header-title-row{align-items:flex-start;flex-direction:column;gap:8px}.progress-percentage-badge{align-self:flex-start}.section-header h2{font-size:20px}.content-navigation{flex-direction:column}.btn-complete,.btn-primary{margin-left:0}.quiz-container{padding:16px}.option-letter{font-size:12px;height:24px;width:24px}}.app-settings{height:100%;margin:0 auto;max-width:900px;overflow-y:auto;padding:32px}.app-settings.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.settings-header{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:24px}.settings-header h1{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 8px}.settings-header p{color:var(--text-secondary);font-size:14px;margin:0}.settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:32px;padding:32px}.settings-section{display:flex;flex-direction:column;gap:24px}.section-header{gap:12px}.section-header svg{color:var(--whatsapp-green);font-size:24px}.section-header h2{color:var(--text-primary);font-size:22px;font-weight:600;margin:0}.section-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.logo-preview-section{display:flex;flex-direction:column;gap:20px}.preview-box{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:12px;display:flex;justify-content:center;min-height:120px;padding:20px;width:100%}.logo-preview{max-height:80px;max-width:100%;object-fit:contain}.no-logo{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:12px}.no-logo svg{font-size:40px}.preview-nav{align-items:center;display:flex;flex-direction:column;gap:8px}.nav-simulation{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:center;min-width:250px;padding:12px 20px}.nav-logo-preview{max-height:32px;object-fit:contain}.preview-label{color:var(--text-tertiary);font-size:12px}.upload-section{align-items:center;gap:12px}.upload-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);padding:12px 20px}.upload-btn:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green)}.confirm-upload-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.confirm-upload-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.confirm-upload-btn:disabled{cursor:not-allowed;opacity:.5}.settings-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;padding-top:24px}.save-btn{background:var(--whatsapp-green);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease}.save-btn:hover:not(:disabled){background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.5}.remove-btn{align-items:center;background:#ef44441a;border:none;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 24px;transition:all .2s ease}.remove-btn:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-1px)}.remove-btn:disabled{cursor:not-allowed;opacity:.5}.settings-info{align-items:center;background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:8px;color:var(--text-secondary);display:flex;font-size:14px;gap:10px;padding:12px 16px}.settings-info svg{color:#3b82f6;flex-shrink:0;font-size:18px}.optimization-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.info-item{color:var(--text-secondary);font-size:14px;gap:8px}.info-item strong{color:var(--text-primary);min-width:100px}.init-stats-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s ease}.init-stats-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.init-stats-btn:disabled{cursor:not-allowed;opacity:.7}.init-stats-btn .spinning{animation:spin 1s linear infinite}@media (max-width:768px){.app-settings{padding:20px 16px}.settings-card{padding:24px 20px}.section-header h2{font-size:19px}.upload-section{align-items:stretch;flex-direction:column}.confirm-upload-btn,.upload-btn{justify-content:center}.settings-actions{flex-direction:column}.nav-simulation{min-width:auto}}.debug-toggle-container{margin:20px 0}.debug-toggle{align-items:center;cursor:pointer;display:flex;gap:15px;-webkit-user-select:none;user-select:none}.debug-toggle input[type=checkbox]{display:none}.toggle-slider{background:#ddd;border-radius:30px;flex-shrink:0;height:30px;position:relative;transition:all .3s ease;width:60px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:24px}.debug-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.debug-toggle input:checked+.toggle-slider:before{transform:translateX(30px)}.toggle-label{color:var(--text-primary);font-size:16px;font-weight:600}.not-found{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.not-found:before{background:#ffffff0d;height:500px;right:-100px;top:-200px;width:500px}.not-found:after,.not-found:before{border-radius:50%;content:"";position:absolute}.not-found:after{background:#ffffff08;bottom:-150px;height:400px;left:-100px;width:400px}.not-found-container{animation:fadeIn .5s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px #0003;max-width:500px;padding:48px 40px;position:relative;text-align:center;z-index:1}.not-found-icon{align-items:center;background:#dbeafe;border-radius:50%;display:inline-flex;height:100px;justify-content:center;margin-bottom:24px;width:100px}.not-found-icon svg{color:#3b82f6;font-size:48px}.not-found-title{color:#1e3a8a;font-size:80px;font-weight:800;letter-spacing:-2px;line-height:1;margin:0 0 8px}.not-found-subtitle{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 12px}.not-found-message{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 32px}.not-found-actions{display:flex;gap:16px;justify-content:center;margin-bottom:40px}.action-btn{border:none;border-radius:8px!important;display:inline-flex;font-size:15px;font-weight:600;gap:8px;min-width:180px;padding:12px 24px;white-space:nowrap}.action-btn svg{font-size:18px}.action-btn.primary{background:#3b82f6}.action-btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.action-btn.secondary{background:#f3f4f6;border:none;color:#374151}.action-btn.secondary:hover{background:#e5e7eb}.not-found-help{border-top:1px solid var(--border-color);padding-top:32px}.not-found-help p{color:var(--text-tertiary);font-size:14px;margin:0}.not-found-help a{color:#3b82f6;font-weight:600;text-decoration:none;transition:all .2s ease}.not-found-help a:hover{text-decoration:underline}@media (max-width:768px){.not-found-title{font-size:80px}.not-found-subtitle{font-size:24px}.not-found-icon{height:100px;margin-bottom:24px;width:100px}.not-found-icon svg{font-size:48px}.not-found-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}}@media (max-width:480px){.not-found-title{font-size:64px}.not-found-subtitle{font-size:20px}.not-found-message{font-size:14px}}.ticket-detail-page{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto}.ticket-detail-error,.ticket-detail-loading{color:var(--text-secondary);height:100vh}.loading-spinner{border:3px solid var(--border-color);border-top:3px solid #3b82f6;height:36px;width:36px}.ticket-detail-error svg{color:var(--text-tertiary)}.back-to-helpdesk-btn{background:var(--whatsapp-green);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.back-to-helpdesk-btn:hover{background:var(--whatsapp-green-dark)}.ticket-compact-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:16px;padding:16px 24px}.back-icon-btn,.ticket-compact-header{align-items:center;display:flex;flex-shrink:0}.back-icon-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;transition:all .15s ease;width:36px}.back-icon-btn:hover{background:var(--bg-primary);color:var(--whatsapp-green)}.back-icon-btn svg{font-size:20px}.header-left-section{align-items:center;display:flex;flex:1 1;gap:12px}.header-main-title{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.3;margin:0}.header-ticket-badge{background:#25d3661a;border-radius:4px;color:var(--whatsapp-green);flex-shrink:0;font-family:monospace;font-size:12px;font-weight:600;padding:6px 12px}.ticket-overview-card{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:24px;padding:20px 24px}.overview-left{flex:1 1}.overview-right{align-items:center;display:flex;flex:1 1}.requester-section{align-items:flex-start;display:flex;gap:14px}.requester-avatar{align-items:center;background:var(--whatsapp-green);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.avatar-image{object-fit:cover}.avatar-image,.avatar-initials{height:100%;width:100%}.requester-details h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.requester-email{margin:0 0 10px}.ticket-dates{display:flex;flex-direction:column;gap:4px}.date-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.date-item svg{color:var(--text-tertiary)}.ticket-status-controls{display:flex;gap:16px;width:100%}.control-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.control-group label{color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.category-select,.priority-select.compact,.status-select.compact{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 12px}.category-select{text-transform:capitalize;transition:all .2s ease}.category-select:focus,.category-select:hover{border-color:var(--whatsapp-green)}.category-select:focus{box-shadow:0 0 0 3px #25d3661a;outline:none}.ticket-description-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px 24px}.ticket-description-section .description-heading{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 10px}.ticket-description-section .ai-summary{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 12px}.ticket-description-section p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.additional-info-section{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.additional-info-heading{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;opacity:.8;text-transform:uppercase}.additional-info-text{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.text-link{border-bottom:1px solid #0000;color:var(--whatsapp-green);font-weight:500;text-decoration:none;transition:all .2s ease;word-break:break-all}.text-link:hover{border-bottom-color:var(--whatsapp-green);color:#1fa65a}.resolution-box{background:#25d3660a;border:1px solid #25d36626;border-left:3px solid var(--whatsapp-green);border-radius:8px;margin:0 24px 20px;padding:20px 24px}.resolution-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.resolution-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.resolution-header h3 svg{color:var(--whatsapp-green);font-size:16px}.resolved-by{color:var(--text-secondary);font-size:12px}.resolution-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:13px;line-height:1.6;margin-bottom:12px;min-height:120px;padding:12px;resize:vertical;width:100%}.resolution-textarea:focus{border-color:var(--whatsapp-green);outline:none}.resolution-actions{display:flex;gap:10px}.add-to-kb-btn,.save-resolution-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.save-resolution-btn{background:var(--whatsapp-green);color:#fff}.save-resolution-btn:hover:not(:disabled){background:var(--whatsapp-green-dark)}.save-resolution-btn:disabled{cursor:not-allowed;opacity:.5}.add-to-kb-btn{background:#3b82f6;color:#fff}.add-to-kb-btn:hover:not(:disabled){background:#2563eb}.add-to-kb-btn:disabled{cursor:not-allowed;opacity:.5}.resolution-saved-note{color:var(--whatsapp-green);font-size:12px;margin:10px 0 0}.ticket-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:0;padding:0 24px;position:relative}.ticket-tabs:after{color:var(--text-tertiary);content:"Click multiple tabs to view side-by-side";font-size:10px;font-style:italic;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.tab-btn{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;margin-bottom:-1px;padding:12px 16px;transition:all .15s ease}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{border-bottom-color:var(--whatsapp-green);color:var(--whatsapp-green)}.tab-btn svg{font-size:14px}.tab-content{padding:20px 24px}.ticket-detail-layout{display:flex;flex:1 1;gap:0;overflow:visible}.ticket-main-content{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:row;gap:1px;min-width:0;overflow:visible}.ticket-main-content.tabs-count-1{flex-direction:row}.ticket-main-content.tabs-count-1 .tab-panel{flex:1 1}.ticket-main-content.tabs-count-2 .tab-panel,.ticket-main-content.tabs-count-3 .tab-panel{flex:1 1;min-width:0}.tab-panel{background:var(--bg-primary);border-right:1px solid var(--border-color);overflow-y:auto}.tab-panel:last-child{border-right:none}.content-section{padding:20px 24px}.section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.ticket-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-color);flex-shrink:0;overflow-y:auto;width:340px}.ticket-info-card{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:20px 24px}.ticket-title{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px}.ticket-meta{align-items:center;display:flex;gap:8px}.ticket-category{background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.priority-badge,.ticket-category{padding:4px 12px;text-transform:capitalize}.priority-badge{border-radius:12px;font-size:11px;font-weight:700}.priority-badge.urgent{background:#ef44441a;color:#ef4444}.priority-badge.high{background:#f973161a;color:#f97316}.priority-badge.medium{background:#eab3081a;color:#eab308}.priority-badge.low{background:#22c55e1a;color:#22c55e}.sidebar-section{border-bottom:1px solid var(--border-color);padding:20px}.sidebar-section h3{color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.detail-group{margin-bottom:16px}.detail-group:last-child{margin-bottom:0}.detail-group label{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.detail-group label svg{font-size:14px}.detail-group p{color:var(--text-primary);font-size:14px;margin:0}.priority-select,.status-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease;width:100%}.priority-select:hover,.status-select:hover{border-color:var(--whatsapp-green)}.priority-select:focus,.status-select:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.requester-info{display:flex;flex-direction:column;gap:4px}.requester-name{color:var(--text-primary);font-weight:600;margin:0}.requester-email{color:var(--text-tertiary);font-size:13px;margin:0}.notes-section{display:flex;flex:1 1;flex-direction:column}.add-note-form{margin-bottom:20px;padding:0 24px}.note-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;margin-bottom:8px;min-height:60px;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.note-textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.add-note-btn{background:var(--whatsapp-green);border-radius:6px;font-size:14px;padding:10px 16px;transition:all .2s ease;width:100%}.add-note-btn:hover:not(:disabled){background:var(--whatsapp-green-dark)}.notes-list{gap:10px;padding:0 24px}.no-notes{color:var(--text-tertiary);font-size:13px;font-style:italic;padding:20px;text-align:center}.note-item{background:var(--bg-primary);border:1px solid var(--border-color)}.note-author{color:var(--whatsapp-green);font-size:13px;font-weight:600}.note-time{color:var(--text-tertiary);font-size:11px}.note-content{margin:0}.note-content,.ticket-description{color:var(--text-primary);white-space:pre-wrap}.ticket-description{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:15px;line-height:1.6;padding:20px}.ticket-description p{margin:0}.timeline{padding-left:40px;position:relative}.timeline:before{background:var(--border-color);bottom:0;content:"";left:18px;position:absolute;top:0;width:2px}.timeline-item{display:flex;gap:16px;margin-bottom:24px;position:relative}.timeline-marker{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;left:-40px;position:absolute;width:36px;z-index:1}.timeline-marker.created{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff}.timeline-marker.ai{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;font-size:16px}.timeline-marker.user{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.timeline-marker.note{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}.timeline-marker.updated{background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);border-color:var(--whatsapp-green);color:#fff}.timeline-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex:1 1;padding:16px}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeline-header strong{color:var(--text-primary);font-size:14px}.timeline-time{color:var(--text-tertiary);font-size:12px}.timeline-text{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.timeline-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-top:8px;padding:4px 10px}.timeline-badge.knowledge_base{background:#3b82f61a;color:#3b82f6}.timeline-badge.web_search{background:#a855f71a;color:#a855f7}.chat-tab{display:flex;flex-direction:column;height:calc(100vh - 450px);min-height:400px}.chat-header{padding:20px 32px 0}.chat-messages-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;flex:1 1;margin:20px 32px 16px;overflow-y:auto;padding:20px}.no-items{color:var(--text-tertiary);font-style:italic;padding:40px 20px;text-align:center}.chat-msg{background:var(--bg-secondary);border-left:3px solid var(--border-color);border-radius:8px;margin-bottom:16px;min-height:60px;padding:18px 22px}.chat-msg.agent{background:#25d3660d;border-left-color:var(--whatsapp-green)}.chat-msg.user{background:#3b82f60d;border-left-color:#3b82f6}.chat-msg-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.chat-msg-header strong{color:var(--text-primary);font-size:14px}.chat-msg-time{color:var(--text-tertiary);font-size:11px}.chat-msg-text{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.chat-input-form{align-items:flex-end;display:flex;gap:12px;padding:0 32px 24px}.chat-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;min-height:44px;padding:12px 16px;resize:vertical;transition:all .2s ease}.chat-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.send-chat-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.send-chat-btn:hover:not(:disabled){background:var(--whatsapp-green-dark);transform:translateY(-2px)}.send-chat-btn:disabled{cursor:not-allowed;opacity:.5}.send-chat-btn svg{font-size:18px}@media (max-width:1024px){.ticket-overview-card{flex-direction:column;gap:16px}.overview-right,.ticket-status-controls{width:100%}}@media (max-width:768px){.ticket-compact-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.header-left-section{flex:1 1;gap:8px;min-width:0}.header-main-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-ticket-badge{font-size:11px;padding:4px 8px}.ticket-detail-header{padding:12px 16px}.ticket-overview-card{flex-direction:column;gap:16px;padding:16px}.ticket-status-controls{flex-direction:column;gap:12px}.control-group{width:100%}.requester-avatar{font-size:16px;height:44px;width:44px}.requester-details h3{font-size:15px}.requester-email{font-size:12px}.ticket-title-section{padding:16px}.main-ticket-title{font-size:20px}.content-section{padding:16px}.section-title{font-size:14px}.ticket-detail-layout{flex-direction:column}.ticket-sidebar{border-left:none;border-top:1px solid var(--border-color);width:100%}.date-item{font-size:11px}}@media (max-width:480px){.ticket-compact-header{padding:10px 12px}.header-main-title{font-size:14px}.back-icon-btn{height:32px;width:32px}.ticket-overview-card{padding:12px}.requester-section{gap:10px}.requester-avatar{font-size:14px;height:40px;width:40px}.requester-details h3{font-size:14px}.category-select,.priority-select.compact,.status-select.compact{font-size:13px;padding:8px 10px}.control-group label{font-size:11px}}.permission-denied{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.permission-denied-content{animation:fadeIn .4s ease;max-width:500px;text-align:center}.permission-icon{align-items:center;background:linear-gradient(135deg,#fee2e2,#fca5a5);border-radius:50%;color:#dc2626;display:inline-flex;height:120px;justify-content:center;margin:0 auto 32px;width:120px}.permission-denied h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 16px}.permission-denied p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 32px}.permission-info{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;justify-content:center;padding:16px 24px}.permission-info svg{color:#f59e0b;flex-shrink:0}@media (max-width:768px){.permission-denied{padding:20px}.permission-icon{height:100px;margin-bottom:24px;width:100px}.permission-icon svg{height:48px;width:48px}.permission-denied h1{font-size:24px}.permission-denied p{font-size:14px}}.freelancer-time-tracker{margin:0 auto;max-width:1400px;padding:20px}.tracker-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-actions{gap:10px}.btn-primary,.btn-secondary{align-items:center;display:flex;gap:8px}.btn-secondary{border:1px solid #3b82f6;color:#3b82f6}.btn-secondary:hover{background:#eff6ff}.stat-card.approved{border-left-color:#10b981}.stat-card.total{border-left-color:#3b82f6}.calendar-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.view-toggle{background:#f3f4f6;gap:5px}.view-toggle button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.view-toggle button.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#3b82f6}.date-navigation{align-items:center;display:flex;gap:10px}.date-navigation button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.date-navigation button:hover{background:#f9fafb;border-color:#3b82f6}.current-date{color:#1a202c;font-weight:600;min-width:200px;text-align:center}.week-view{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(7,1fr)}.day-column{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:400px;overflow:hidden}.day-column.today{border:2px solid #3b82f6}.day-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:15px;text-align:center}.day-name{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:5px;text-transform:uppercase}.day-date{color:#1a202c;font-size:24px;font-weight:700}.day-shifts{padding:10px}.no-shifts{color:#9ca3af;font-size:14px;padding:20px;text-align:center}.shift-card{background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:8px;margin-bottom:10px;padding:12px;position:relative;transition:all .2s}.shift-card.pending{background:#fffbeb}.shift-card.approved{background:#f0fdf4}.shift-card.rejected{background:#fef2f2}.shift-time{color:#1a202c;font-weight:600;margin-bottom:5px}.shift-hours{margin-bottom:8px}.shift-description{color:#4b5563;font-size:12px;line-height:1.4;margin-bottom:8px}.shift-status{margin-bottom:8px}.status-badge{padding:4px 8px}.shift-actions{gap:5px;justify-content:flex-end}.shift-actions button{border:1px solid #e5e7eb;border-radius:4px;padding:6px}.shift-actions button:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.modal-content.bulk-modal{max-width:800px}.bulk-shift-row{border-bottom:1px solid #e5e7eb;margin-bottom:15px;padding-bottom:15px}.bulk-shift-row:last-child{border-bottom:none}.bulk-shift-inputs{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1.5fr 1fr 1fr 2fr auto}.bulk-shift-inputs input{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px}.remove-bulk-btn{background:#fff;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;padding:8px;transition:all .2s}.remove-bulk-btn:hover{background:#fef2f2}.btn-add-more{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:10px;padding:10px;transition:all .2s;width:100%}.btn-add-more:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}@media (max-width:1200px){.week-view{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.week-view{grid-template-columns:repeat(2,1fr)}.bulk-shift-inputs{grid-template-columns:1fr}.tracker-header{align-items:flex-start;flex-direction:column}.calendar-controls{align-items:stretch;flex-direction:column}.date-navigation{flex-wrap:wrap;justify-content:center}}.bulk-add-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;padding:0 20px}.tab-btn{background:none;border-bottom:2px solid #0000;font-weight:500;margin-bottom:-2px}.tab-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.tab-btn:hover{color:#3b82f6}.weekly-pattern-form{display:flex;flex-direction:column;gap:20px}.days-of-week{display:flex;flex-wrap:wrap;gap:10px}.day-checkbox{align-items:center;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:8px 16px;transition:all .2s;-webkit-user-select:none;user-select:none}.day-checkbox,.day-checkbox input[type=checkbox]{cursor:pointer}.day-checkbox:hover{background:#eff6ff;border-color:#3b82f6}.day-checkbox:has(input:checked){background:#dbeafe;border-color:#3b82f6}.day-checkbox span{color:#374151;font-size:14px;font-weight:500}.month-view{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.shifts-list{padding:20px}.no-shifts-month{color:#9ca3af;padding:60px 20px;text-align:center}.no-shifts-month svg{margin-bottom:15px;opacity:.5}.no-shifts-month p{font-size:16px;margin:0}.shift-list-item{align-items:center;background:#f9fafb;border-left:4px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:20px;margin-bottom:15px;padding:20px;transition:all .2s}.shift-list-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateX(4px)}.shift-list-item.pending{background:#fffbeb;border-left-color:#f59e0b}.shift-list-item.approved{background:#f0fdf4;border-left-color:#10b981}.shift-list-item.rejected{background:#fef2f2;border-left-color:#ef4444}.shift-list-date{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:10px}.date-day{color:#1a202c;font-size:28px;font-weight:700;line-height:1}.date-month{color:#6b7280;font-size:12px;font-weight:600;margin-top:2px;text-transform:uppercase}.shift-list-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.shift-list-time{align-items:center;color:#1a202c;display:flex;font-size:15px;font-weight:600;gap:8px}.shift-list-hours{color:#6b7280;font-size:13px;font-weight:500}.shift-list-description{color:#4b5563;font-size:14px;line-height:1.5}.shift-list-status{display:inline-flex}.shift-list-actions{display:flex;flex-shrink:0;gap:8px}.action-btn{border:1px solid #e5e7eb;transition:all .2s}.action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.action-btn.edit:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.action-btn.delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}@media (max-width:768px){.shift-list-item{align-items:flex-start;flex-direction:column;gap:15px}.shift-list-date{flex-direction:row;gap:10px;justify-content:flex-start;width:100%}.date-day{font-size:24px}.shift-list-actions{justify-content:flex-end;width:100%}}.freelancer-admin-dashboard{animation:fadeInPage .4s ease-out;background:var(--bg-primary);box-sizing:border-box;padding:24px;width:100%}.dashboard-header,.freelancer-admin-dashboard{border:none!important;box-shadow:none!important}.dashboard-header{align-items:flex-start;background:#0000!important;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;outline:none!important;padding:0!important}.header-left{border:none;flex:0 1 auto;flex-direction:column;text-align:left}.header-actions{align-items:flex-start;border:none}.header-actions .btn-export,.header-actions .btn-import,.header-actions .btn-primary{align-items:center;background:#3b82f6;border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-actions .btn-export:hover,.header-actions .btn-import:hover,.header-actions .btn-primary:hover{background:linear-gradient(135deg,#2ee66f,#159e8a);box-shadow:0 6px 16px #25d36666;transform:translateY(-3px) scale(1.02)}.view-toggle{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #00000014;gap:0}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.toggle-btn:hover{background:#f3f4f6;color:#1a202c}.toggle-btn.active{background:#3b82f6;color:#fff}.view-toggle.icon-only .toggle-btn{font-size:20px;padding:12px 16px}.view-toggle.icon-only .toggle-btn svg{height:22px;min-height:22px;min-width:22px;width:22px}.view-toggle:not(.icon-only) .toggle-btn{font-size:14px;font-weight:600;padding:10px 20px}.header-left p{text-align:left}.btn-export{align-items:center;background:#3b82f6;border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .2s}.btn-export:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-3px) scale(1.02)}.btn-import{align-items:center;background:#3b82f6;border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-import:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-3px) scale(1.02)}.import-modal .modal-body{padding:20px}.stat-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:14px;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 8px 20px #25d36626;transform:translateY(-4px)}.stat-card.total{border-left-color:var(--whatsapp-green)}.stat-card.cost{border-left-color:#3b82f6}.stat-card.freelancers{border-left-color:#8b5cf6}.filters-bar{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);box-shadow:0 2px 8px #00000014}.filter-group label{align-items:center;display:flex;gap:6px}.filter-group.mui-style{position:relative}.mui-label{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase;transition:all .2s}.mui-label .label-icon{color:#6b7280;flex-shrink:0;font-size:16px}.mui-select{-webkit-appearance:none;appearance:none;background:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border:2px solid #e5e7eb;border-radius:8px;color:#1a202c;cursor:pointer;font-size:15px;font-weight:500;padding:14px 40px 14px 16px;transition:all .2s ease;width:100%}.mui-select:hover{box-shadow:0 2px 4px #3b82f61a}.mui-select:focus,.mui-select:hover{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border-color:#3b82f6}.mui-select:focus{box-shadow:0 0 0 3px #3b82f626,0 4px 6px #0000000d;outline:none}.mui-select:focus+.mui-label{color:#2563eb}.mui-select option{background:#fff;color:#1a202c;font-size:15px;font-weight:500;padding:12px 16px}.mui-select option:checked{background:#eff6ff;color:#3b82f6}.mui-date-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#1a202c;cursor:pointer;font-size:15px;font-weight:500;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.mui-date-input:hover{background:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.mui-date-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 4px 6px #0000000d;outline:none}.fetching-indicator{align-items:center;align-self:center;background:#eff6ff;border-radius:8px;color:#3b82f6;display:flex;font-size:14px;font-weight:500;gap:8px;padding:14px 16px}.spinner-small{animation:spin .6s linear infinite;border:2px solid #bfdbfe;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.shifts-grid-container{margin-top:20px}.shifts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.no-data-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 40px;text-align:center}.no-data-card p{color:#9ca3af;font-size:16px;font-style:italic;margin:0}.shift-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;transition:all .3s}.shift-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.shift-card.pending{background:linear-gradient(90deg,#fffbeb10 0,#fff 20%);border-left-color:#f59e0b}.shift-card.approved{background:linear-gradient(90deg,#f0fdf410 0,#fff 20%);border-left-color:#10b981}.shift-card.rejected{background:linear-gradient(90deg,#fef2f210 0,#fff 20%);border-left-color:#ef4444}.shift-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding:20px}.shift-freelancer-info h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 4px}.shift-freelancer-email{color:#6b7280;font-size:13px}.shift-card-body{padding:20px}.shift-info-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.shift-info-row:last-child{margin-bottom:0}.shift-info-item{display:flex;flex-direction:column;gap:6px}.shift-info-item label{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.shift-info-item label svg{font-size:14px}.shift-info-item span{color:#1a202c;font-size:15px;font-weight:500}.shift-hours{color:#3b82f6!important}.shift-cost,.shift-hours{font-size:18px!important;font-weight:700!important}.shift-cost{color:#10b981!important}.shift-description{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.shift-description label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.shift-description p{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.shift-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px}.shift-actions{display:flex;gap:8px}.shifts-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-top:20px;overflow-x:auto}.shifts-list-table{border-collapse:initial;border-spacing:0;width:100%}.shifts-list-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6);position:-webkit-sticky;position:sticky;top:0;z-index:10}.shifts-list-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.shifts-list-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s}.shifts-list-table tbody tr:hover{background:#f9fafb;transform:scale(1.001)}.shifts-list-table tbody tr:last-child{border-bottom:none}.shifts-list-table td{color:#1a202c;font-size:14px;padding:16px 12px;vertical-align:middle}.table-row-pending{background:linear-gradient(90deg,#fffbeb20 0,#fff 10%);border-left:3px solid #f59e0b}.table-row-approved{background:linear-gradient(90deg,#f0fdf420 0,#fff 10%);border-left:3px solid #10b981}.table-row-rejected{background:linear-gradient(90deg,#fef2f220 0,#fff 10%);border-left:3px solid #ef4444}.td-freelancer{min-width:180px}.table-freelancer-cell{display:flex;flex-direction:column;gap:4px}.table-freelancer-cell strong{color:#1a202c;font-size:14px;font-weight:600}.table-freelancer-cell span{color:#6b7280;font-size:12px}.td-date{min-width:100px}.td-date,.td-time{white-space:nowrap}.td-time{font-family:Courier New,monospace;font-size:13px;min-width:130px}.td-hours{color:#3b82f6;font-weight:600;min-width:70px}.td-description{color:#4b5563;max-width:300px;min-width:150px}.td-rate{min-width:75px}.td-cost,.td-rate{white-space:nowrap}.td-cost{color:#10b981;font-weight:600;min-width:80px}.td-status{min-width:110px}.td-actions{min-width:140px}.table-action-btns{gap:6px}.btn-icon,.table-action-btns{align-items:center;display:flex}.btn-icon{background:#fff;border:1px solid;border-radius:6px;cursor:pointer;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon-approve{border-color:#10b981;color:#10b981}.btn-icon-approve:hover{background:#10b981;color:#fff}.btn-icon-reject{border-color:#ef4444;color:#ef4444}.btn-icon-reject:hover{background:#ef4444;color:#fff}.btn-icon-edit{border-color:#3b82f6;color:#3b82f6}.btn-icon-edit:hover{background:#3b82f6;color:#fff}.btn-icon-delete{border-color:#d1d5db;color:#6b7280}.btn-icon-delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}.no-data{font-size:16px;font-style:italic;padding:60px 40px!important}.shift-actions button{align-items:center;background:#fff;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:8px 10px;transition:all .2s;white-space:nowrap}.shift-actions .btn-approve{background:#10b981;border-color:#10b981;color:#fff}.shift-actions .btn-approve:hover{background:#059669;border-color:#059669}.shift-actions .btn-reject{background:#ef4444;border-color:#ef4444;color:#fff}.shift-actions .btn-reject:hover{background:#dc2626;border-color:#dc2626}.shift-actions .btn-edit{background:#fff;border-color:#3b82f6;color:#3b82f6}.shift-actions .btn-edit:hover{background:#3b82f6;color:#fff}.shift-actions .btn-delete{background:#fff;border-color:#d1d5db;color:#6b7280}.shift-actions .btn-delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}.form-group input,.form-group textarea{border:1px solid #d1d5db;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.calendar-view{margin-top:30px}.calendar-title{color:#1a202c;font-size:20px;font-weight:600;margin-bottom:20px}.weeks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.week-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .3s}.week-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.week-card.paid{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981}.week-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.week-header h3{color:#1a202c;font-size:16px;font-weight:600;margin:0}.week-header-actions{display:flex;flex-direction:column;gap:8px}.btn-mark-paid{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.btn-mark-paid:hover{background:#e5e7eb}.btn-mark-paid.paid{background:#10b981;border-color:#10b981;color:#fff}.btn-mark-paid.paid:hover{background:#059669}.btn-view-breakdown{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.btn-view-breakdown:hover{background:#2563eb;border-color:#2563eb}.week-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.week-stat{display:flex;flex-direction:column;gap:4px}.week-stat .stat-label{color:#6b7280;font-size:12px;font-weight:500}.week-stat .stat-value{color:#1a202c;font-size:20px;font-weight:700}.week-freelancers{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.freelancer-tag{background:#dbeafe;border-radius:6px;color:#1e40af;font-size:12px;font-weight:500;padding:4px 10px}.week-shifts-count{border-top:1px solid #e5e7eb;color:#6b7280;font-size:13px;padding-top:12px;text-align:center}[data-theme=dark] .mui-select{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .mui-select:hover{background:#111827;border-color:#3b82f6}[data-theme=dark] .mui-select:focus{background:#111827}[data-theme=dark] .mui-select option{background:#1f2937;color:#f9fafb}[data-theme=dark] .filters-bar{background:#1f2937}[data-theme=dark] .stat-card{background:#1f2937;color:#f9fafb}[data-theme=dark] .week-card{background:#1f2937;border-color:#374151}[data-theme=dark] .week-card.paid{background:linear-gradient(135deg,#064e3b,#1f2937)}@media (max-width:1024px){.shifts-grid{grid-template-columns:1fr}}@media (max-width:768px){.filters-bar{flex-direction:column}.shift-info-row{grid-template-columns:1fr}.shift-actions{grid-template-columns:repeat(2,1fr)}.week-stats,.weeks-grid{grid-template-columns:1fr}.mui-select{font-size:14px;padding:12px 14px}.week-header-actions{flex-direction:row}}.breakdown-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px #00000026;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.breakdown-header{align-items:flex-start;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:2px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.breakdown-header h2{font-size:24px;font-weight:700;margin:0 0 8px}.breakdown-period{font-size:14px;margin:0;opacity:.9}.close-modal-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s;width:36px}.close-modal-btn:hover{background:#ffffff4d}.breakdown-summary{grid-gap:20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:24px 32px}.summary-item{flex-direction:column;gap:8px}.summary-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#1a202c;font-size:24px;font-weight:700}.breakdown-content{padding:32px}.breakdown-content h3{color:#1a202c;font-size:18px;font-weight:700;margin:0 0 24px}.day-breakdown{margin-bottom:32px}.day-breakdown:last-child{margin-bottom:0}.day-header{align-items:center;background:#f3f4f6;border-bottom:2px solid #3b82f6;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.day-header h4{color:#1a202c;font-size:16px;font-weight:600;margin:0}.day-totals{align-items:center;display:flex;gap:16px}.day-hours{color:#3b82f6;font-size:14px;font-weight:600}.day-cost{color:#10b981;font-size:16px;font-weight:700}.day-shifts{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;border-top:none}.shift-row{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s}.shift-row:last-child{border-bottom:none}.shift-row:hover{background:#f9fafb}.shift-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.shift-freelancer{color:#1a202c;font-size:14px;font-weight:600}.shift-time{font-family:monospace}.shift-desc,.shift-time{color:#6b7280;font-size:13px}.shift-desc{font-style:italic}.shift-numbers{align-items:flex-end;display:flex;flex-direction:column;gap:6px;text-align:right}.shift-hours{color:#6b7280;font-size:12px}.shift-cost{color:#10b981;font-size:16px;font-weight:700}.breakdown-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}[data-theme=dark] .breakdown-modal{background:#1f2937}[data-theme=dark] .breakdown-header{background:linear-gradient(135deg,#1e40af,#1e3a8a)}[data-theme=dark] .breakdown-summary{background:#111827;border-bottom-color:#374151}[data-theme=dark] .summary-value{color:#f9fafb}[data-theme=dark] .day-header{background:#111827;border-bottom-color:#3b82f6}[data-theme=dark] .day-header h4{color:#f9fafb}[data-theme=dark] .day-shifts{background:#1f2937;border-color:#374151}[data-theme=dark] .shift-row:hover{background:#111827}[data-theme=dark] .shift-freelancer{color:#f9fafb}[data-theme=dark] .breakdown-footer{background:#111827;border-top-color:#374151}[data-theme=dark] .shift-card{background:#1f2937;border-left-color:#374151}[data-theme=dark] .shift-card.pending{background:linear-gradient(90deg,#fffbeb10 0,#1f2937 20%)}[data-theme=dark] .shift-card.approved{background:linear-gradient(90deg,#f0fdf410 0,#1f2937 20%)}[data-theme=dark] .shift-card.rejected{background:linear-gradient(90deg,#fef2f210 0,#1f2937 20%)}[data-theme=dark] .shift-card-header{border-bottom-color:#374151}[data-theme=dark] .shift-freelancer-info h3{color:#f9fafb}[data-theme=dark] .shift-freelancer-email,[data-theme=dark] .shift-info-item label{color:#9ca3af}[data-theme=dark] .shift-info-item span{color:#e5e7eb}[data-theme=dark] .shift-description{border-top-color:#374151}[data-theme=dark] .shift-description label{color:#9ca3af}[data-theme=dark] .shift-description p{color:#d1d5db}[data-theme=dark] .shift-card-footer{background:#111827;border-top-color:#374151}[data-theme=dark] .shift-actions .btn-edit{background:#1f2937;border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .shift-actions .btn-edit:hover{background:#3b82f6;color:#fff}[data-theme=dark] .shift-actions .btn-delete{background:#1f2937;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .shift-actions .btn-delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}[data-theme=dark] .no-data-card,[data-theme=dark] .shifts-table-wrapper{background:#1f2937}[data-theme=dark] .shifts-list-table thead{background:linear-gradient(135deg,#111827,#1f2937)}[data-theme=dark] .shifts-list-table th{border-bottom-color:#374151;color:#e5e7eb}[data-theme=dark] .shifts-list-table tbody tr{border-bottom-color:#374151}[data-theme=dark] .shifts-list-table tbody tr:hover{background:#111827}[data-theme=dark] .shifts-list-table td{color:#e5e7eb}[data-theme=dark] .table-row-pending{background:linear-gradient(90deg,#fffbeb10 0,#1f2937 10%)}[data-theme=dark] .table-row-approved{background:linear-gradient(90deg,#f0fdf410 0,#1f2937 10%)}[data-theme=dark] .table-row-rejected{background:linear-gradient(90deg,#fef2f210 0,#1f2937 10%)}[data-theme=dark] .table-freelancer-cell strong{color:#f9fafb}[data-theme=dark] .table-freelancer-cell span{color:#9ca3af}[data-theme=dark] .td-description{color:#d1d5db}[data-theme=dark] .btn-icon{background:#1f2937}[data-theme=dark] .btn-icon-edit{border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .btn-icon-edit:hover{background:#3b82f6;color:#fff}[data-theme=dark] .btn-icon-delete{border-color:#4b5563;color:#9ca3af}[data-theme=dark] .btn-icon-delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}[data-theme=dark] .mui-date-input{background:#1f2937;border-color:#374151;color:#e5e7eb}[data-theme=dark] .mui-date-input:focus,[data-theme=dark] .mui-date-input:hover{background:#111827;border-color:#3b82f6}[data-theme=dark] .fetching-indicator{background:#1e3a8a;color:#93c5fd}.freelancer-settings{animation:fadeInPage .4s ease-out;background:#0000;padding:32px;width:100%}.settings-header{background:#0000;box-shadow:none;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:0}.btn-save,.settings-header{align-items:center;border:none;display:flex}.btn-save{background:#3b82f6;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-save:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.rates-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:30px}.no-freelancers{color:#9ca3af;padding:60px 20px;text-align:center}.no-freelancers svg{color:#d1d5db;margin-bottom:20px}.no-freelancers p{color:#6b7280;font-size:18px;font-weight:600;margin:10px 0}.no-freelancers span{color:#9ca3af;font-size:14px}.rates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.rate-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.rate-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.freelancer-info{border-bottom:1px solid #e5e7eb;display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px}.freelancer-avatar{object-fit:cover}.freelancer-avatar,.freelancer-avatar-initials{border:2px solid #e5e7eb;border-radius:50%;height:60px;width:60px}.freelancer-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:24px;font-weight:600;justify-content:center}.freelancer-details{display:flex;flex:1 1;flex-direction:column;gap:5px}.freelancer-details h3{color:#1a202c;font-size:18px;margin:0}.freelancer-details p{color:#6b7280;font-size:13px;margin:0}.status-badge{width:-webkit-fit-content;width:fit-content}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.rate-input-group{display:flex;flex-direction:column;gap:10px}.rate-input-group label{color:#374151;font-size:14px;font-weight:600}.input-with-currency{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;display:flex;padding:0 12px;transition:border-color .2s}.input-with-currency:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.currency-symbol{color:#6b7280;flex-shrink:0;font-size:16px;font-weight:600;margin-right:8px}.input-with-currency input{border:none;color:#1a202c;flex:1 1;font-size:18px;font-weight:600;min-width:80px;outline:none;padding:12px 0}.input-with-currency input::-webkit-inner-spin-button,.input-with-currency input::-webkit-outer-spin-button{opacity:1}.per-hour{color:#9ca3af;flex-shrink:0;font-size:14px;margin-left:8px;white-space:nowrap}@media (max-width:768px){.rates-grid{grid-template-columns:1fr}.settings-header{align-items:flex-start;flex-direction:column}.btn-save{justify-content:center;width:100%}}.freelancer-tasks{margin:0 auto;max-width:1400px;padding:20px}.tasks-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-left h1{color:#1a202c;margin:0 0 5px}.header-left p{color:#718096}.btn-primary{gap:8px;padding:10px 20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-left:4px solid #e5e7eb}.stat-card.pending{border-left-color:#f59e0b}.stat-card.progress{border-left-color:#3b82f6}.stat-card.completed{border-left-color:#10b981}.stat-card.total{border-left-color:#8b5cf6}.stat-card h3{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 10px}.stat-value{color:#1a202c;font-size:32px;margin:0}.filters-bar{border-radius:12px;display:flex;flex-wrap:wrap;gap:20px}.filter-group{flex:1 1}.filter-group label{font-weight:500}.filter-group select{border-radius:8px;padding:10px 12px;transition:border-color .2s}.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tasks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.no-tasks{background:#fff;border-radius:12px;color:#9ca3af;grid-column:1/-1;padding:60px 20px;text-align:center}.no-tasks p{color:#6b7280;font-size:18px;font-weight:600;margin:0 0 10px}.no-tasks span{font-size:14px}.task-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:15px;padding:20px;transition:all .2s}.task-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.task-card.pending{border-left-color:#f59e0b}.task-card.in_progress{border-left-color:#3b82f6}.task-card.completed{border-left-color:#10b981;opacity:.85}.task-header{align-items:flex-start;display:flex;gap:10px}.priority-dot{border-radius:50%;flex-shrink:0;height:12px;margin-top:6px;width:12px}.task-header h3{color:#1a202c;flex:1 1;font-size:18px;line-height:1.4;margin:0}.task-actions-header{display:flex;gap:5px}.task-actions-header button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;padding:6px;transition:all .2s}.task-actions-header button:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.task-description{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.task-meta{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:8px;padding-top:10px}.meta-item{color:#6b7280;font-size:13px}.meta-item strong{color:#374151;margin-right:5px}.meta-item.overdue{color:#ef4444;font-weight:500}.task-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding-top:10px}.status-badge{align-items:center;display:inline-flex;gap:4px}.task-actions{display:flex;gap:8px}.btn-complete,.btn-start{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.btn-start{background:#3b82f6;color:#fff}.btn-start:hover{background:#2563eb}.btn-complete{background:#10b981;color:#fff}.btn-complete:hover{background:#059669}.modal-overlay{padding:20px}.modal-content{max-width:600px;width:100%}.modal-header{padding:20px;position:relative}.modal-header h2{color:#1a202c;font-size:20px}.modal-header button{background:none;font-size:20px;padding:5px;position:absolute;right:20px;top:20px}.modal-header button:hover{color:#1a202c}.modal-body{padding:20px}.form-group label{display:block;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #3b82f61a}.form-row{grid-gap:15px;gap:15px}.modal-footer{border-top:1px solid #e5e7eb;gap:10px;padding:20px}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#6b7280;padding:10px 20px}.btn-secondary:hover{background:#f9fafb}.loading-container{align-items:center;color:#6b7280;display:flex;font-size:18px;height:400px;justify-content:center}@media (max-width:768px){.tasks-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.form-row{grid-template-columns:1fr}.tasks-header{align-items:flex-start;flex-direction:column}.btn-primary{justify-content:center;width:100%}}.reports-container{animation:fadeInPage .4s ease-out;background:#f3f4f6;display:block;font-family:Outfit,system-ui,sans-serif;min-height:100vh;overflow-y:auto;padding:32px 32px 64px;width:100%}.reports-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.header-left{flex-direction:row;flex-wrap:nowrap}.header-left>*{flex-shrink:0}.header-left h1{align-items:center;color:#1a365d;display:flex;font-size:24px;gap:10px;margin:0}.header-left h1 svg{color:#1a365d}.header-right{gap:10px}.header-right .search-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;min-width:220px;padding:8px 12px;position:relative;transition:all .2s}.header-right .search-box:focus-within{border-color:#3b82f6}.header-right .search-box svg{color:#9ca3af;flex-shrink:0;height:16px;width:16px}.header-right .search-box input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;min-width:140px;outline:none}.header-right .search-box input::placeholder{color:#9ca3af}.header-right .clear-search{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.header-right .clear-search:hover{background:#f3f4f6;color:#111827}.add-report-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.add-report-btn:hover{background:#2563eb;transform:scale(1.02)}.reports-controls{align-items:center;display:flex;gap:16px;margin-bottom:24px}.reports-controls .search-box{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;gap:12px;padding:12px 16px;position:relative;transition:all .2s}.reports-controls .search-box:focus-within{border-color:#3b82f6}.reports-controls .search-box svg{color:var(--text-secondary);flex-shrink:0}.reports-controls .search-box input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1rem;outline:none}.reports-controls .search-box input::placeholder{color:var(--text-secondary)}.reports-controls .clear-search{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.reports-controls .clear-search:hover{background:#f3f4f6;color:var(--text-primary)}.week-compare-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.week-compare-btn:hover{background:#059669}.reports-list{background:#e5e7eb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.report-list-item{align-items:center;background:#fff;display:flex;gap:16px;padding:12px 16px;transition:all .15s ease}.report-list-item:hover{background:#f9fafb}.report-list-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.report-list-icon{align-items:center;background:#eff6ff;border-radius:8px;color:#3b82f6;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.report-list-details{flex:1 1;min-width:0}.report-list-details h3{color:#1a365d;font-size:14px;font-weight:600;margin:0}.report-list-details p{color:#6b7280;font-size:12px;line-height:1.4;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-list-actions,.report-list-badges{display:flex;flex-shrink:0;gap:8px}.btn-run,.report-list-actions{align-items:center}.btn-run{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.btn-run:hover:not(:disabled){background:#2563eb}.btn-run:disabled{cursor:not-allowed;opacity:.6}.report-list-actions .btn-secondary{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.report-list-actions .btn-secondary:hover{background:#e5e7eb;color:#374151}.report-list-actions .btn-secondary svg{height:16px;width:16px}.report-list-actions .btn-danger{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.report-list-actions .btn-danger:hover{background:#fee2e2}.report-list-actions .btn-danger svg{height:16px;width:16px}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));padding-bottom:32px}.report-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;transition:all .2s ease}.report-card:hover{border-color:#3b82f6}.report-card.prebuilt{border-left:3px solid #3b82f6}.report-card.custom{border-left:3px solid #10b981}.report-card-header{gap:16px;margin-bottom:20px}.report-icon{background:#10b981;border-radius:8px;font-size:24px;height:48px;width:48px}.report-card.prebuilt .report-icon{background:#3b82f6}.report-info{min-width:0}.report-info h3{font-size:1.125rem;margin:0 0 8px}.report-info p{font-size:.875rem}.badge{border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.badge.prebuilt{background:#eff6ff;color:#1d4ed8}.badge.custom{background:#ecfdf5;color:#059669}.badge.temporary{background:#fffbeb;color:#d97706}.report-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.report-actions .btn-danger,.report-actions .btn-primary,.report-actions .btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.report-actions .btn-primary{background:var(--whatsapp-green);color:#fff}.report-actions .btn-primary:hover:not(:disabled){background:var(--whatsapp-green-hover)}.report-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.report-actions .btn-secondary{background:#f3f4f6;color:var(--text-primary)}.report-actions .btn-secondary:hover{background:#e5e7eb}.report-actions .btn-danger{background:#fee2e2;color:#dc2626}.report-actions .btn-danger:hover{background:#fecaca}.report-results{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.results-meta{align-items:center;font-size:.875rem;justify-content:space-between;margin-bottom:12px}.results-table-wrapper{border:1px solid var(--border-color);border-radius:8px;max-height:400px;overflow:auto}.results-table{border-collapse:collapse;font-size:.875rem;width:100%}.results-table thead{background:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:1}.results-table th{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:12px;text-align:left;text-transform:capitalize;white-space:nowrap}.results-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:12px}.results-table tbody tr:hover{background:#f9fafb}.results-table tbody tr:last-child td{border-bottom:none}.error-message{border:1px solid #fecaca;font-size:.875rem;padding:12px}.empty-results{font-style:italic;padding:32px}.report-modal{max-height:90vh;max-width:800px;overflow-y:auto}.form-hint{font-size:.75rem;line-height:1.4;margin-top:8px}.spin{animation:spin 1s linear infinite}.reports-container .loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner-large{border:4px solid #f3f4f6;border-top-color:#3b82f6}@media (max-width:768px){.reports-grid{grid-template-columns:1fr}.reports-controls,.reports-header{flex-direction:column}.reports-controls{align-items:stretch}.week-compare-btn{justify-content:center;width:100%}.report-actions{flex-direction:column}.report-actions .btn-danger,.report-actions .btn-primary,.report-actions .btn-secondary{justify-content:center;width:100%}}.filter-modal{max-width:500px}.filter-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.filter-description,.filter-preview{background:var(--bg-secondary);border-radius:8px;padding:12px}.filter-preview{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.filter-preview strong{color:var(--text-primary);margin-right:8px}.filter-tag{align-items:center;background:var(--whatsapp-green);border-radius:12px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;padding:4px 12px}.loading-filters{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-filters p{color:var(--text-secondary);font-size:.9rem;margin-top:16px}.form-hint{color:var(--text-secondary);display:block;font-size:.85rem;margin-top:6px}.edit-sql-modal{max-height:90vh;max-width:900px}.edit-sql-info{background:var(--bg-secondary);border-radius:8px;margin-bottom:20px;padding:12px}.edit-sql-info strong{color:var(--text-primary);display:block;font-size:1.1rem;margin-bottom:8px}.warning-text{background:#fef3c7;border-radius:6px;color:#92400e;font-size:.9rem;margin:8px 0 0;padding:8px 12px}.sql-editor{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;padding:12px;resize:vertical;width:100%}.sql-editor:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.column-customizer-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.column-selector{background:var(--bg-secondary);border-radius:8px;margin-top:16px;padding:16px}.column-selector p{color:var(--text-primary);margin-bottom:12px}.column-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.column-chip{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s}.column-chip:hover{background:var(--bg-hover);border-color:var(--whatsapp-green)}.column-chip.selected{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.stats-dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-card{background:var(--bg-secondary)}.stat-icon{align-items:center;background:var(--whatsapp-green);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.stat-value{color:var(--text-primary);font-size:1.75rem}.stat-label{color:var(--text-secondary);font-size:.875rem}.reports-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:8px;margin-bottom:20px;overflow-x:auto}.reports-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s;white-space:nowrap}.reports-tabs .tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.reports-tabs .tab.active{border-bottom-color:var(--whatsapp-green);color:var(--whatsapp-green)}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.filter-chip:hover{background:var(--bg-hover);border-color:var(--whatsapp-green)}.filter-chip.active{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.report-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;height:100%;padding:20px;transition:all .2s}.report-card:hover{border-color:var(--whatsapp-green);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.report-card-header{display:flex;gap:12px;margin-bottom:16px}.report-icon{align-items:center;background:var(--whatsapp-green);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.report-info{flex:1 1}.report-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 6px}.report-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 8px}.report-status{border-radius:8px;font-size:.85rem;font-weight:500;margin-top:12px;padding:8px 12px}.status-success{background:#d1fae5;color:#065f46}.status-error{background:#fee2e2;color:#991b1b}.status-empty{background:#f5f5f4;color:#78716c}.status-cached{background:#fef3c7;color:#92400e}.empty-state{color:var(--text-secondary);grid-column:1/-1}.empty-state h3{margin:16px 0 8px}.results-modal{display:flex;flex-direction:column;max-height:90vh;max-width:1200px}.results-modal .modal-body{max-height:calc(90vh - 140px);overflow-y:auto}.results-meta{background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:16px;margin-bottom:16px;padding:12px}.results-meta strong{color:var(--text-primary)}.empty-results{color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-results p{font-size:1rem;margin-top:16px}.category-select-wrapper{display:flex;flex-direction:column;gap:8px}.add-category-section{margin-top:4px}.add-category-btn{align-items:center;background:#0000;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:6px 12px;transition:all .2s}.add-category-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.add-category-input{align-items:center;display:flex;gap:8px}.add-category-input input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.add-category-input input:focus{border-color:#3b82f6;outline:none}.btn-small{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-small:hover{background:#2563eb}.btn-small.btn-cancel{background:#f3f4f6;color:#6b7280;padding:6px 8px}.btn-small.btn-cancel:hover{background:#e5e7eb;color:#374151}.school-issues-container{background:#f8f9fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.issues-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-content h1{align-items:center;color:#333;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.header-content h1 svg{color:#ef4444}.subtitle{color:#666}.refresh-btn{background:#3b82f6;border-radius:8px;font-size:18px;font-weight:500;height:40px;padding:10px;width:40px}.refresh-btn:hover{background:#2563eb;transform:translateY(-1px)}.tabs-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:0;margin-bottom:20px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:#3b82f6;color:#fff}.export-btn{background:#10b981;border-radius:6px;font-weight:500;transition:all .2s}.export-btn:hover{background:#059669}.export-detailed-btn{align-items:center;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.export-detailed-btn:hover{background:#7c3aed;transform:translateY(-1px)}.filters-bar{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.search-box{margin-bottom:16px}.search-box input{border:1px solid #d1d5db;border-radius:6px}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-buttons{align-items:center;flex-wrap:wrap}.filter-buttons button{background:#f3f4f6;border-radius:6px;color:#4b5563;font-weight:500;transition:all .2s}.filter-buttons button:hover{background:#e5e7eb}.filter-buttons button.active{background:#3b82f6;border-color:#3b82f6}.results-count{color:#666;font-weight:500;margin-bottom:16px}.empty-state{background:#fff;border-radius:8px;color:#666}.empty-state h3{color:#333}.schools-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.schools-table{border-collapse:collapse;font-size:14px;width:100%}.schools-table thead{background:#f9fafb}.schools-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.schools-table td{border-bottom:1px solid #f3f4f6;color:#4b5563;padding:12px 16px}.schools-table tbody tr:hover{background:#f9fafb}.school-name-cell{color:#111827;font-weight:500}.issues-cell{min-width:200px}.issue-badges{display:flex;flex-wrap:wrap;gap:6px}.issue-badge{background:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.issue-badge.issue-duplicate{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.issue-badge.issue-missing{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.issue-count-badge{align-items:center;background:#ef4444;border-radius:14px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:0 8px}.log-duration{background:#f3e8ff;border-radius:4px;color:#8b5cf6;font-size:12px;font-weight:600;padding:4px 8px}.fixed-badge-cell{display:flex;flex-direction:column;gap:4px}.fixed-badge{background:#d1fae5;border-radius:4px;color:#065f46;display:inline-block;font-size:13px;font-weight:700;padding:6px 12px}.last-checked-date{color:#6b7280;font-size:11px;font-style:italic}.open-url-btn{align-items:center;background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.open-url-btn:hover{background:#059669;transform:translateY(-1px)}.loading-state{color:#666;padding:60px 20px}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6}@media (max-width:768px){.issues-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{flex-direction:row;flex-wrap:wrap;width:100%}.refresh-btn{flex-shrink:0;height:40px;width:40px}.export-btn,.export-detailed-btn{flex:1 1;justify-content:center;min-width:140px}.filters-bar{padding:16px}.filter-buttons{font-size:12px}.filter-buttons button{padding:6px 12px}.schools-table-container{overflow-x:auto}.schools-table{min-width:800px}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff26 50%,#ffffff0d);background-size:200% 100%;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-nav-button,.skeleton-nav-section{border-radius:10px;height:44px;margin-bottom:8px}.skeleton-nav-section{margin-top:16px}.skeleton-nav-sub-item{border-radius:8px;height:40px;margin-bottom:6px;margin-left:24px;width:calc(100% - 24px)}.skeleton-logo{border-radius:8px;height:48px;margin-bottom:24px;width:120px}.skeleton-user-avatar{border-radius:50%;height:36px;width:36px}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14 50%,#ffffff08);background-size:200% 100%}.collapsed .skeleton-nav-button,.collapsed .skeleton-nav-section{margin-left:auto;margin-right:auto;width:44px}.collapsed .skeleton-nav-sub-item{display:none}.customers-page{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100%;padding:0}.customers-page .add-customer-btn{white-space:nowrap}.customers-table{background:#fff;border:none;border-bottom:1px solid var(--border-color);border-radius:0;flex:1 1;overflow-y:auto}.customers-table .table-header{background:var(--bg-secondary);color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 20px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.customers-table .table-header,.customers-table .table-row{border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:2fr 2fr 1.5fr 1.5fr 1fr 1fr 80px}.customers-table .table-row{align-items:center;cursor:pointer;padding:16px 20px;transition:background .2s}.customers-table .table-row:last-child{border-bottom:none}.customers-table .table-row:hover{background:#f3f4f6!important}.customers-table .table-row.selected{background:#ebf5ff!important;border-left:3px solid #3b82f6}.customers-table .col-name{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:12px}.customer-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.customers-table .col-contact{display:flex;flex-direction:column;gap:4px}.customers-table .contact-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.customers-table .contact-item.clickable{border-radius:4px;cursor:pointer;margin:-2px -6px;padding:2px 6px;transition:all .2s}.customers-table .contact-item.clickable:hover{background:#dbeafe;color:#3b82f6}.customers-table .col-company{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.customers-table .col-tags{display:flex;flex-wrap:wrap;gap:4px}.tag-badge{background:#dbeafe;color:#1e40af;font-weight:500}.tag-badge,.tag-more{border-radius:12px;font-size:11px;padding:2px 8px}.tag-more{background:var(--bg-secondary);color:var(--text-secondary)}.source-badge{border-radius:12px;font-size:11px;font-weight:500;padding:4px 10px}.source-badge.whatsapp{background:#d1fae5;color:#065f46}.source-badge.manual{background:#e0e7ff;color:#3730a3}.source-badge.import{background:#fef3c7;color:#92400e}.customers-table .col-date{color:var(--text-secondary);font-size:13px}.customers-table .col-actions{display:flex;gap:8px;justify-content:flex-end}.customers-table .action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.customers-table .action-btn:hover{background:var(--bg-secondary);color:#3b82f6}.customers-table .action-btn.delete:hover{background:#fee2e2;color:#dc2626}.customers-table .action-btn.message{background:#d1fae5;color:#059669}.customers-table .action-btn.message:hover{background:#a7f3d0;color:#047857}.customers-page .empty-state{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.customers-page .empty-state svg{color:#d1d5db;margin-bottom:16px}.customers-page .empty-state h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.customers-page .empty-state p{color:var(--text-secondary);margin:0 0 24px}.customers-page .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.customers-page .loading-state .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #3b82f6;height:40px;width:40px}.customers-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.customers-page .modal-content{background:#fff;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.customers-page .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.customers-page .modal-header h2{font-size:18px;font-weight:600;margin:0}.customers-page .modal-header .close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.customers-page .modal-header .close-btn:hover{background:var(--bg-secondary)}.customers-page .modal-body{padding:24px}.customers-page .modal-body .form-row{margin-bottom:16px}.customers-page .modal-body .form-row.two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.customers-page .modal-body label{color:var(--text-primary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.customers-page .modal-body input,.customers-page .modal-body textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.customers-page .modal-body input:focus,.customers-page .modal-body textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.customers-page .modal-body textarea{min-height:80px;resize:vertical}.customers-page .modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}@media (max-width:1024px){.customers-table .table-header,.customers-table .table-row{grid-template-columns:2fr 2fr 1fr 80px}.customers-table .col-company,.customers-table .col-date,.customers-table .col-source{display:none}}@media (max-width:768px){.customers-page{padding:16px}.customers-filters{align-items:stretch;flex-direction:column}.customers-filters .search-box{max-width:none}.customers-filters .customer-count{margin-left:0}.customers-table .table-header{display:none}.customers-table .table-row{align-items:flex-start;display:flex;flex-direction:column;gap:8px;padding:16px}.customers-table .col-tags{display:none}.customers-table .col-actions{position:absolute;right:16px;top:16px}.customers-page .modal-body .form-row.two-col{grid-template-columns:1fr}}.load-more-container{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:center;padding:20px}.load-more-btn{min-width:200px}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.forms-page{animation:fadeInPage .4s ease;margin:0 auto;max-width:1400px;padding:24px}.forms-page .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.forms-page .spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #25d366;height:32px;width:32px}.forms-page .forms-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.forms-page .header-left{align-items:center;display:flex;gap:12px}.forms-page .header-left h1{color:#1a365d;font-size:24px;font-weight:700;margin:0}.forms-page .header-left svg{color:#25d366}.forms-page .header-actions{display:flex;gap:8px}.forms-page .btn-primary,.forms-page .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.forms-page .btn-primary{background:linear-gradient(135deg,#25d366,#128c7e);border:none;color:#fff}.forms-page .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#128c7e,#075e54)}.forms-page .btn-secondary{background:#fff;border:1px solid var(--border-color);color:var(--text-primary)}.forms-page .btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.forms-page .btn-primary:disabled,.forms-page .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.forms-page .forms-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.forms-page .search-box{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;gap:8px;max-width:300px;padding:10px 14px}.forms-page .search-box input{border:none;flex:1 1;font-size:14px;outline:none}.forms-page .clear-search,.forms-page .search-box svg{color:var(--text-secondary)}.forms-page .clear-search{background:none;border:none;cursor:pointer;padding:2px}.forms-page .filter-group select{background:#fff;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:14px;padding:10px 14px}.forms-page .active-filter{align-items:center;background:#e0f2fe;border-radius:20px;color:#0369a1;display:flex;font-size:13px;gap:6px;padding:6px 12px}.forms-page .active-filter button{background:none;border:none;color:#0369a1;cursor:pointer;padding:2px}.forms-page .selection-info{margin-left:auto}.forms-page .select-all-checkbox{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px}.forms-page .select-all-checkbox input{cursor:pointer;height:16px;width:16px}.forms-page .forms-content{background:#fff;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.forms-page .submissions-list{display:flex;flex-direction:column}.forms-page .submission-item{border-bottom:1px solid var(--border-color)}.forms-page .submission-item:last-child{border-bottom:none}.forms-page .submission-item.selected{background:#f0fdf4}.forms-page .submission-row{align-items:center;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:background .2s}.forms-page .submission-row:hover{background:var(--bg-secondary)}.forms-page .submission-item.selected .submission-row:hover{background:#dcfce7}.forms-page .submission-checkbox{flex-shrink:0}.forms-page .submission-checkbox input{cursor:pointer;height:18px;width:18px}.forms-page .submission-info{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:space-between}.forms-page .submission-main{display:flex;flex-direction:column;gap:4px}.forms-page .submission-main h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.forms-page .submission-main .flow-name{color:var(--text-secondary);font-size:13px}.forms-page .submission-meta{align-items:center;display:flex;gap:12px}.forms-page .submission-meta span{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.forms-page .status-badge{border-radius:20px;font-size:11px;font-weight:500;padding:4px 10px;text-transform:uppercase}.forms-page .status-badge.completed{background:#dcfce7;color:#166534}.forms-page .status-badge.in_progress{background:#fef3c7;color:#92400e}.forms-page .submission-expand{color:var(--text-secondary)}.forms-page .submission-details{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:0 20px 20px 54px}.forms-page .submission-details .detail-section{border-bottom:1px solid var(--border-color);padding:16px 0}.forms-page .submission-details .detail-section:last-of-type{border-bottom:none}.forms-page .submission-details h5{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.forms-page .detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.forms-page .detail-grid>div{display:flex;flex-direction:column;gap:2px}.forms-page .detail-grid label{color:var(--text-secondary);font-size:11px;text-transform:uppercase}.forms-page .detail-grid span{color:var(--text-primary);font-size:14px}.forms-page .detail-actions{padding-top:12px}.forms-page .btn-link{align-items:center;background:none;border:none;color:#25d366;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px}.forms-page .btn-link:hover{text-decoration:underline}.forms-page .no-data{color:var(--text-secondary);font-size:13px;font-style:italic}.forms-page .empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.forms-page .empty-state svg{margin-bottom:16px;opacity:.5}.forms-page .empty-state h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.forms-page .empty-state p{font-size:14px;margin:0}@media (max-width:768px){.forms-page .forms-header{align-items:flex-start;flex-direction:column;gap:16px}.forms-page .header-actions{flex-wrap:wrap;width:100%}.forms-page .forms-filters{align-items:stretch;flex-direction:column}.forms-page .search-box{max-width:none}.forms-page .selection-info{margin-left:0}.forms-page .submission-info{align-items:flex-start;flex-direction:column}.forms-page .submission-details{padding-left:20px}}.ai-agents-page{background:var(--bg-primary);min-height:100%;padding:24px}.ai-agents-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.ai-agents-page .page-header .header-content h1{align-items:center;color:#1a365d;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.ai-agents-page .page-header .header-content p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.ai-agents-page .agents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.ai-agents-page .agent-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.ai-agents-page .agent-card:hover{box-shadow:0 4px 12px #00000014}.ai-agents-page .agent-header{display:flex;gap:16px;margin-bottom:16px}.ai-agents-page .agent-icon{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ai-agents-page .agent-info h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.ai-agents-page .agent-info p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;margin:0;overflow:hidden}.ai-agents-page .agent-stats{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:16px;margin-bottom:16px;padding:12px 0}.ai-agents-page .agent-stats .stat{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.ai-agents-page .agent-actions{display:flex;gap:8px}.ai-agents-page .agent-actions .btn-icon{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.ai-agents-page .agent-actions .btn-icon.delete:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.ai-agents-page .empty-state{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.ai-agents-page .empty-state svg{color:#d1d5db;margin-bottom:16px}.ai-agents-page .empty-state h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.ai-agents-page .empty-state p{color:var(--text-secondary);margin:0 0 24px}.ai-agents-page .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.ai-agents-page .loading-state .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #25d366;height:40px;width:40px}.ai-agents-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ai-agents-page .modal-content{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.ai-agents-page .modal-content.large{max-width:700px}.ai-agents-page .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.ai-agents-page .modal-header h2{font-size:18px;font-weight:600;margin:0}.ai-agents-page .modal-header .close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.ai-agents-page .modal-header .close-btn:hover,.ai-agents-page .modal-tabs{background:var(--bg-secondary)}.ai-agents-page .modal-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:4px;padding:12px 24px}.ai-agents-page .modal-tabs button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.ai-agents-page .modal-tabs button:hover{background:#fff;color:var(--text-primary)}.ai-agents-page .modal-tabs button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1a365d}.ai-agents-page .modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.ai-agents-page .tab-content{animation:fadeIn .2s ease}.ai-agents-page .tab-description{color:var(--text-secondary);font-size:13px;margin:0 0 20px}.ai-agents-page .form-row{margin-bottom:16px}.ai-agents-page .form-row.two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ai-agents-page .form-row label{color:var(--text-primary);display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:6px}.ai-agents-page .form-row label svg{display:inline;margin-right:6px}.ai-agents-page .form-row small{color:var(--text-secondary);font-weight:400}.ai-agents-page .form-row input,.ai-agents-page .form-row select,.ai-agents-page .form-row textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s}.ai-agents-page .form-row input:focus,.ai-agents-page .form-row select:focus,.ai-agents-page .form-row textarea:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.ai-agents-page .form-row textarea{font-family:inherit;min-height:80px;resize:vertical}.ai-agents-page .form-row input[type=range]{background:#0000;padding:0}.ai-agents-page .knowledge-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ai-agents-page .knowledge-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px}.ai-agents-page .knowledge-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.ai-agents-page .knowledge-header svg{color:#25d366}.ai-agents-page .knowledge-header strong{flex:1 1;font-size:14px}.ai-agents-page .knowledge-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.ai-agents-page .knowledge-header button:hover{color:#dc2626}.ai-agents-page .knowledge-item p{color:var(--text-secondary);font-size:13px;margin:0}.ai-agents-page .add-knowledge{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;padding:16px}.ai-agents-page .add-knowledge h4{font-size:13px;font-weight:600;margin:0 0 12px}.ai-agents-page .add-knowledge input,.ai-agents-page .add-knowledge textarea{background:#fff;border:1px solid var(--border-color);border-radius:8px;font-size:13px;margin-bottom:12px;padding:10px 12px;width:100%}.ai-agents-page .add-knowledge button{width:100%}.ai-agents-page .test-tab .test-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ai-agents-page .test-tab .test-header p{color:var(--text-secondary);font-size:13px;margin:0}.ai-agents-page .test-chat{border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;overflow:visible}.ai-agents-page .chat-messages{background:var(--bg-secondary);border-radius:12px 12px 0 0;height:300px;overflow-y:auto;padding:16px}.ai-agents-page .empty-chat{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center}.ai-agents-page .empty-chat svg{margin-bottom:8px;opacity:.5}.ai-agents-page .chat-message{display:flex;margin-bottom:12px}.ai-agents-page .chat-message.user{justify-content:flex-end}.ai-agents-page .chat-message .message-content{border-radius:12px;font-size:14px;line-height:1.4;max-width:80%;padding:10px 14px}.ai-agents-page .chat-message.user .message-content{background:#25d366;border-bottom-right-radius:4px;color:#fff}.ai-agents-page .chat-message.assistant .message-content{background:#fff;border:1px solid var(--border-color);border-bottom-left-radius:4px;color:var(--text-primary)}.ai-agents-page .message-content.typing{display:flex;gap:4px;padding:14px 18px}.ai-agents-page .message-content.typing span{animation:typing 1.4s infinite;background:#d1d5db;border-radius:50%;height:8px;width:8px}.ai-agents-page .message-content.typing span:nth-child(2){animation-delay:.2s}.ai-agents-page .message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.ai-agents-page .chat-input{background:#fff;border-top:1px solid var(--border-color);box-sizing:border-box;display:flex;gap:8px;padding:12px;width:100%}.ai-agents-page .chat-input input{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;flex:1 1;font-size:14px;min-width:0;padding:10px 14px;width:100%}.ai-agents-page .chat-input input:focus{border-color:#25d366;outline:none}.ai-agents-page .chat-input button{align-items:center;background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.ai-agents-page .chat-input button:disabled{cursor:not-allowed;opacity:.5}.ai-agents-page .clear-chat{width:100%}.ai-agents-page .modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.ai-agents-page .agent-editor-page{animation:fadeInPage .3s ease;background:var(--bg-primary);min-height:100%;padding:24px}.ai-agents-page .editor-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.ai-agents-page .editor-header h2{align-items:center;color:#1a365d;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.ai-agents-page .editor-header .back-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.ai-agents-page .editor-header .back-btn:hover{background:#eff6ff}.ai-agents-page .editor-header .header-buttons{align-items:center;display:flex;gap:12px;margin-left:auto}.ai-agents-page .generate-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;color:#fff!important}.ai-agents-page .generate-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}.ai-agents-page .generate-modal{max-width:550px}.ai-agents-page .generate-intro{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.ai-agents-page .generate-examples{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.ai-agents-page .generate-examples p{color:var(--text-secondary);font-size:13px;margin:0 0 10px}.ai-agents-page .generate-examples button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:12px;margin-bottom:8px;margin-right:8px;padding:8px 14px;transition:all .2s}.ai-agents-page .generate-examples button:hover{background:#dbeafe;border-color:#3b82f6;color:#3b82f6}.ai-agents-page .editor-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:0;margin-bottom:24px;overflow-x:auto}.ai-agents-page .editor-tabs button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:-1px;padding:12px 20px;transition:all .2s;white-space:nowrap}.ai-agents-page .editor-tabs button:hover{color:#3b82f6}.ai-agents-page .editor-tabs button.active{border-bottom-color:#3b82f6;color:#3b82f6}.ai-agents-page .agent-editor-page .modal-body{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.ai-agents-page .agent-editor-page .modal-body .tab-content{max-width:100%}.ai-agents-page .editor-actions{display:flex;gap:12px;margin-bottom:20px}.ai-agents-page .editor-actions button{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.ai-agents-page .editor-actions .enhance-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.ai-agents-page .editor-actions .enhance-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.ai-agents-page .editor-actions .enhance-btn:disabled{cursor:not-allowed;opacity:.5}.ai-agents-page .editor-actions .versions-btn{background:#fff;border:1px solid var(--border-color);color:var(--text-secondary)}.ai-agents-page .editor-actions .versions-btn:hover{border-color:#3b82f6;color:#3b82f6}.ai-agents-page .versions-panel{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px 24px}.ai-agents-page .versions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ai-agents-page .versions-header h4{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:8px;margin:0}.ai-agents-page .save-version-form{display:flex;gap:8px}.ai-agents-page .save-version-form input{border:1px solid var(--border-color);border-radius:6px;font-size:13px;padding:8px 12px;width:200px}.ai-agents-page .save-version-form button{font-size:13px;padding:8px 12px}.ai-agents-page .versions-list{display:flex;flex-direction:column;gap:8px}.ai-agents-page .version-item{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.ai-agents-page .version-info strong{color:var(--text-primary);display:block;font-size:13px}.ai-agents-page .version-info span{color:var(--text-secondary);font-size:11px}.ai-agents-page .version-actions{display:flex;gap:4px}.ai-agents-page .version-actions button{align-items:center;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.ai-agents-page .version-actions button:hover{background:var(--bg-secondary);color:var(--text-primary)}.ai-agents-page .no-versions{color:var(--text-secondary);font-size:13px;padding:12px;text-align:center}.ai-agents-page .guidance-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ai-agents-page .guidance-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px}.ai-agents-page .guidance-question{align-items:center;display:flex;gap:8px;margin-bottom:8px}.ai-agents-page .guidance-question svg{color:#25d366;flex-shrink:0}.ai-agents-page .guidance-question strong{color:var(--text-primary);flex:1 1;font-size:13px}.ai-agents-page .guidance-question button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.ai-agents-page .guidance-question button:hover{color:#dc2626}.ai-agents-page .guidance-answer{color:var(--text-secondary);font-size:13px;margin:0;padding-left:24px}.ai-agents-page .add-guidance{background:var(--bg-secondary);border-radius:8px;padding:16px}.ai-agents-page .add-guidance h4{color:var(--text-primary);font-size:14px;margin:0 0 12px}.ai-agents-page .add-guidance input,.ai-agents-page .add-guidance textarea{border:1px solid var(--border-color);border-radius:6px;font-size:13px;margin-bottom:12px;padding:10px 12px;width:100%}.ai-agents-page .add-guidance button{align-items:center;display:flex;gap:6px}.ai-agents-page .enhance-modal{max-height:80vh;max-width:700px}.ai-agents-page .enhance-preview{max-height:60vh;overflow-y:auto}.ai-agents-page .enhance-intro{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.ai-agents-page .enhance-field{margin-bottom:20px}.ai-agents-page .enhance-field>label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ai-agents-page .enhance-comparison{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ai-agents-page .enhance-comparison .enhanced,.ai-agents-page .enhance-comparison .original{border-radius:8px;font-size:13px;padding:12px}.ai-agents-page .enhance-comparison .original{background:var(--bg-secondary);border:1px solid var(--border-color)}.ai-agents-page .enhance-comparison .enhanced{background:#f0fdf4;border:1px solid #86efac}.ai-agents-page .enhance-comparison small{color:var(--text-secondary);display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.ai-agents-page .enhance-comparison .enhanced small{color:#16a34a}.ai-agents-page .enhance-comparison p,.ai-agents-page .enhance-comparison pre{color:var(--text-primary);font-size:13px;margin:0;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.ai-agents-page{padding:16px}.ai-agents-page .agents-grid,.ai-agents-page .form-row.two-col{grid-template-columns:1fr}.ai-agents-page .modal-tabs{overflow-x:auto}.ai-agents-page .enhance-comparison{grid-template-columns:1fr}.ai-agents-page .versions-header{align-items:flex-start;flex-direction:column;gap:12px}}.kanban-boards-page{animation:fadeInPage .4s ease;background:var(--bg-primary);min-height:100vh;padding:24px}.kanban-boards-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.kanban-boards-page .header-left{align-items:center;display:flex;gap:12px}.kanban-boards-page .header-icon{color:#25d366;height:24px;width:24px}.kanban-boards-page .page-header h1{color:#1a365d;font-size:24px;font-weight:700;margin:0}.kanban-board-page .loading-state,.kanban-boards-page .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.kanban-board-page .spinner,.kanban-boards-page .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #25d366;height:40px;width:40px}.kanban-boards-page .empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.kanban-boards-page .empty-state svg{color:#25d366;margin-bottom:16px}.kanban-boards-page .empty-state h2{color:#1a365d;font-size:20px;margin:0 0 8px}.kanban-boards-page .empty-state p{margin:0 0 20px}.kanban-boards-page .boards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.kanban-boards-page .board-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s}.kanban-boards-page .board-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.kanban-boards-page .board-color-bar{height:6px}.kanban-boards-page .board-content{padding:16px}.kanban-boards-page .board-header{align-items:flex-start;display:flex;justify-content:space-between;position:relative}.kanban-boards-page .board-header h3{color:#1a365d;font-size:16px;font-weight:600;margin:0}.kanban-boards-page .menu-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px}.kanban-boards-page .menu-btn:hover{background:var(--bg-secondary)}.kanban-boards-page .dropdown-menu{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.kanban-boards-page .dropdown-menu button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;text-align:left;width:100%}.kanban-boards-page .dropdown-menu button:hover{background:var(--bg-secondary)}.kanban-boards-page .dropdown-menu button.danger{color:#ef4444}.kanban-boards-page .board-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;margin:8px 0 0;overflow:hidden}.kanban-boards-page .board-meta{border-top:1px solid var(--border-color);display:flex;gap:16px;margin-top:12px;padding-top:12px}.kanban-boards-page .board-meta span{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.kanban-boards-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.kanban-boards-page .modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:450px;overflow-y:auto;padding:24px;width:100%}.kanban-boards-page .modal-content h2{color:#1a365d;font-size:18px;font-weight:600;margin:0 0 20px}.kanban-boards-page .form-group{margin-bottom:16px}.kanban-boards-page .form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.kanban-boards-page .form-group input,.kanban-boards-page .form-group textarea{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.kanban-boards-page .form-group input:focus,.kanban-boards-page .form-group textarea:focus{border-color:#25d366;outline:none}.kanban-boards-page .color-picker{display:flex;flex-wrap:wrap;gap:8px}.kanban-boards-page .color-option{border:2px solid #0000;border-radius:8px;cursor:pointer;height:32px;transition:all .2s;width:32px}.kanban-boards-page .color-option:hover{transform:scale(1.1)}.kanban-boards-page .color-option.selected{border-color:#1a365d;box-shadow:0 0 0 2px #fff,0 0 0 4px #1a365d}.kanban-boards-page .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.btn-primary:hover{background:linear-gradient(135deg,#128c7e,#075e54)}.btn-primary:disabled{opacity:.5}.btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s}.btn-secondary:hover,.kanban-board-page{background:var(--bg-primary)}.kanban-board-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.kanban-board-page .board-header{align-items:center;background:#fff;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.kanban-board-page .header-left{align-items:center;display:flex;gap:12px}.kanban-board-page .back-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.kanban-board-page .back-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.kanban-board-page .board-color-dot{border-radius:50%;height:12px;width:12px}.kanban-board-page .board-header h1{color:#1a365d;font-size:18px;font-weight:600;margin:0}.kanban-board-page .board-members{align-items:center;display:flex}.kanban-board-page .member-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;margin-left:-8px;width:32px}.kanban-board-page .member-avatar:first-child{margin-left:0}.kanban-board-page .member-avatar.more{background:var(--bg-secondary);color:var(--text-secondary)}.kanban-board-page .add-member-btn{align-items:center;background:#fff;border:2px dashed var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:8px;transition:all .2s;width:32px}.kanban-board-page .add-member-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.kanban-board-page .member-search-container{margin-bottom:12px;position:relative}.kanban-board-page .member-search-icon{color:var(--text-secondary);font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.kanban-board-page .member-search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 12px 10px 38px;transition:border-color .2s;width:100%}.kanban-board-page .member-search-input:focus{border-color:#3b82f6;outline:none}.kanban-board-page .member-search-input::placeholder{color:var(--text-secondary)}.kanban-board-page .no-members-found{color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.kanban-board-page .members-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.kanban-board-page .member-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s}.kanban-board-page .member-item:hover{background:var(--bg-secondary)}.kanban-board-page .member-item.is-member{background:#eff6ff}.kanban-board-page .member-item-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:36px;justify-content:center;width:36px}.kanban-board-page .member-item-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.kanban-board-page .member-name{color:var(--text-primary);font-size:14px;font-weight:500}.kanban-board-page .member-email{color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-board-page .member-check{color:#3b82f6;flex-shrink:0}.kanban-board-page .board-settings-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:12px;transition:all .2s;width:36px}.kanban-board-page .board-settings-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.kanban-board-page .settings-modal{max-width:480px}.kanban-board-page .settings-section{margin-bottom:24px}.kanban-board-page .settings-section h4{align-items:center;color:#1a365d;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 8px}.kanban-board-page .settings-hint{color:var(--text-secondary);font-size:13px;margin:0 0 16px}.kanban-board-page .settings-toggle-group{margin-bottom:16px}.kanban-board-page .settings-toggle{align-items:center;cursor:pointer;display:flex;gap:12px}.settings-modal .sa-toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.settings-modal .sa-toggle-switch input{height:0;opacity:0;position:absolute;width:0}.settings-modal .sa-toggle-slider{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.settings-modal .sa-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.settings-modal .sa-toggle-switch input:checked+.sa-toggle-slider{background-color:#3b82f6}.settings-modal .sa-toggle-switch input:checked+.sa-toggle-slider:before{transform:translateX(20px)}.kanban-board-page .settings-sub-options{display:flex;flex-direction:column;gap:12px;padding-left:56px}.kanban-board-page .settings-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px}.kanban-board-page .settings-checkbox input{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.kanban-board-page .board-pan-container{cursor:grab;flex:1 1;overflow:auto;position:relative}.kanban-board-page .board-pan-container.panning{cursor:grabbing}.kanban-board-page .board-pan-container.panning *{-webkit-user-select:none;user-select:none}.kanban-board-page .columns-container{align-items:flex-start;display:flex;gap:16px;min-height:calc(100vh - 140px);padding:20px 24px}.kanban-board-page .kanban-column{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 140px);width:300px}.kanban-board-page .kanban-column.dragging{box-shadow:0 8px 24px #00000026;opacity:.8}.kanban-board-page .column-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;border-top:3px solid;display:flex;gap:8px;padding:14px 16px;position:relative}.kanban-board-page .column-color{border-radius:50%;flex-shrink:0;height:8px;width:8px}.kanban-board-page .column-header h3{color:#1a365d;flex:1 1;font-size:14px;font-weight:600;margin:0}.kanban-board-page .card-count{background:var(--bg-primary);border-radius:10px;color:var(--text-secondary);font-size:12px;padding:2px 8px}.kanban-board-page .column-menu-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;opacity:0;padding:4px;transition:opacity .2s}.kanban-board-page .column-header:hover .column-menu-btn{opacity:1}.kanban-board-page .column-menu-btn:hover{background:var(--bg-primary)}.kanban-board-page .column-name-edit{align-items:center;display:flex;flex:1 1;gap:4px}.kanban-board-page .column-name-edit input{border:1px solid #25d366;border-radius:4px;flex:1 1;font-size:14px;padding:4px 8px}.kanban-board-page .column-name-edit button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.kanban-board-page .column-name-edit button:hover{color:#25d366}.kanban-board-page .column-dropdown{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;overflow:hidden;position:absolute;right:8px;top:100%;z-index:100}.kanban-board-page .column-dropdown button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;text-align:left;width:100%}.kanban-board-page .column-dropdown button:hover{background:var(--bg-secondary)}.kanban-board-page .column-dropdown button.danger{color:#ef4444}.kanban-board-page .column-dropdown .color-options{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px}.kanban-board-page .column-dropdown .color-btn{border:2px solid #0000;border-radius:6px;cursor:pointer;height:24px;padding:0;width:24px}.kanban-board-page .column-dropdown .color-btn.selected{border-color:#1a365d}.kanban-board-page .column-cards{flex:1 1;min-height:100px;overflow-y:auto;padding:8px}.kanban-board-page .column-cards.dragging-over{background:#25d3660d}.kanban-board-page .kanban-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s}.kanban-board-page .kanban-card:hover{box-shadow:0 2px 8px #0000001a}.kanban-board-page .kanban-card.dragging{box-shadow:0 8px 24px #00000026;transform:rotate(3deg)}.kanban-board-page .kanban-card h4{color:#1a365d;font-size:14px;font-weight:500;line-height:1.4;margin:0}.kanban-board-page .card-labels{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.kanban-board-page .card-label{border-radius:4px;color:#fff;font-size:10px;font-weight:500;padding:2px 8px}.kanban-board-page .card-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.kanban-board-page .card-meta span{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:4px}.kanban-board-page .card-meta .due-date{background:var(--bg-secondary);border-radius:4px;padding:2px 6px}.kanban-board-page .card-meta .due-date.overdue{background:#fee2e2;color:#ef4444}.kanban-board-page .card-meta .due-date.today{background:#fef3c7;color:#d97706}.kanban-board-page .card-assignees{display:flex;margin-top:10px}.kanban-board-page .assignee-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;margin-left:-6px;width:24px}.kanban-board-page .assignee-avatar:first-child{margin-left:0}.kanban-board-page .assignee-avatar.more{background:var(--bg-secondary);color:var(--text-secondary)}.kanban-board-page .add-card-btn{align-items:center;background:none;border:none;border-radius:0 0 12px 12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 14px;transition:all .2s;width:100%}.kanban-board-page .add-card-btn:hover{background:#25d3661a;color:#25d366}.kanban-board-page .add-card-form{padding:8px}.kanban-board-page .add-card-form textarea{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-size:14px;min-height:60px;padding:10px;resize:none;width:100%}.kanban-board-page .add-card-form textarea:focus{border-color:#25d366;outline:none}.kanban-board-page .add-card-actions{display:flex;gap:8px;margin-top:8px}.kanban-board-page .add-card-actions .btn-primary{font-size:13px;padding:8px 14px}.kanban-board-page .add-card-actions .btn-secondary{padding:8px}.kanban-board-page .add-column-btn{align-items:center;background:#25d3661a;border:2px dashed #25d366;border-radius:12px;color:#25d366;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;padding:12px 20px;transition:all .2s;white-space:nowrap}.kanban-board-page .add-column-btn:hover{background:#25d36633}.kanban-board-page .add-column-form{background:var(--bg-secondary);border-radius:12px;flex-shrink:0;padding:12px;width:300px}.kanban-board-page .add-column-form input{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.kanban-board-page .add-column-form input:focus{border-color:#25d366;outline:none}.kanban-board-page .add-column-actions{display:flex;gap:8px;margin-top:8px}.kanban-board-page .add-column-actions .btn-primary{font-size:13px;padding:8px 14px}.kanban-board-page .add-column-actions .btn-secondary{padding:8px}.card-modal-overlay{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:40px 20px;position:fixed;right:0;top:0;z-index:1000}.card-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 80px);max-width:800px;width:100%}.card-modal-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:20px 24px}.card-modal-header .card-title-input{background:none;border:none;color:#1a365d;flex:1 1;font-size:18px;font-weight:600;padding:0}.card-modal-header .card-title-input:focus{outline:none}.card-modal-header .close-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px}.card-modal-header .close-btn:hover{background:var(--bg-secondary)}.card-modal-body{display:flex;flex:1 1;overflow:hidden}.card-modal .card-main{flex:1 1;overflow-y:auto;padding:20px 24px}.card-modal .card-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-color);overflow-y:auto;padding:20px;width:220px}.card-modal .card-labels-section{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.card-modal .card-label{align-items:center;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 10px}.card-modal .card-label:hover{opacity:.8}.card-modal .card-section{margin-bottom:24px}.card-modal .card-section h4{align-items:center;color:#1a365d;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.card-modal .card-section textarea{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;resize:vertical;width:100%}.card-modal .card-section textarea:focus{border-color:#25d366;outline:none}.card-modal .checklist-progress{align-items:center;display:flex;gap:10px;margin-bottom:12px}.card-modal .progress-bar{background:var(--bg-secondary);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.card-modal .progress-fill{background:#25d366;height:100%;transition:width .3s}.card-modal .checklist-progress span{color:var(--text-secondary);font-size:12px}.card-modal .checklist-items{margin-bottom:12px}.card-modal .checklist-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:10px;padding:8px 0}.card-modal .checklist-item:last-child{border-bottom:none}.card-modal .checklist-item input[type=checkbox]{accent-color:#25d366;cursor:pointer;height:18px;width:18px}.card-modal .checklist-item span{flex:1 1;font-size:14px}.card-modal .checklist-item.done span{color:var(--text-secondary);text-decoration:line-through}.card-modal .checklist-item button{background:none;border:none;color:var(--text-secondary);cursor:pointer;opacity:0;padding:4px;transition:opacity .2s}.card-modal .checklist-item:hover button{opacity:1}.card-modal .checklist-item button:hover{color:#ef4444}.card-modal .add-checklist-item{display:flex;gap:8px}.card-modal .add-checklist-item input{border:1px solid var(--border-color);border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px}.card-modal .add-checklist-item input:focus{border-color:#25d366;outline:none}.card-modal .add-checklist-item button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:8px}.card-modal .add-checklist-item button:hover{background:var(--bg-primary);color:#25d366}.card-modal .attachments-list{margin-bottom:12px}.card-modal .attachment-item{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;gap:10px;margin-bottom:8px;padding:10px 12px}.card-modal .attachment-item svg{color:#3b82f6;flex-shrink:0}.card-modal .attachment-info{flex:1 1;min-width:0}.card-modal .attachment-info a{color:#1a365d;display:block;font-size:13px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.card-modal .attachment-info a:hover{color:#3b82f6;text-decoration:underline}.card-modal .attachment-meta{color:var(--text-secondary);font-size:11px}.card-modal .attachment-actions{display:flex;gap:4px}.card-modal .attachment-actions a,.card-modal .attachment-actions button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px}.card-modal .attachment-actions a:hover{background:#dbeafe;color:#3b82f6}.card-modal .attachment-actions button:hover{background:#fee2e2;color:#ef4444}.card-modal .upload-btn{align-items:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s}.card-modal .upload-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.card-modal .assignee-search{border:none;border-bottom:1px solid var(--border-color);box-sizing:border-box;font-size:13px;padding:8px 12px;width:100%}.card-modal .assignee-search:focus{border-bottom-color:#3b82f6;outline:none}.card-modal .dropdown-menu-list{max-height:200px;overflow-y:auto}.card-modal .comments-list{margin-bottom:16px}.card-modal .comment{border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:12px 0}.card-modal .comment:last-child{border-bottom:none}.card-modal .comment-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.card-modal .comment-content{flex:1 1}.card-modal .comment-header{align-items:center;display:flex;gap:10px;margin-bottom:4px}.card-modal .comment-header strong{color:#1a365d;font-size:13px}.card-modal .comment-header span{color:var(--text-secondary);font-size:11px}.card-modal .comment-content p{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}.card-modal .add-comment textarea{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;resize:none;width:100%}.card-modal .add-comment textarea:focus{border-color:#25d366;outline:none}.card-modal .add-comment .btn-primary{font-size:13px;margin-top:8px;padding:8px 14px}.card-modal .sidebar-section{margin-bottom:20px}.card-modal .sidebar-section h5{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.card-modal .assignees-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.card-modal .assignee-chip{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 10px}.card-modal .assignee-chip:hover{background:#fee2e2;border-color:#ef4444}.card-modal .assignee-chip .assignee-avatar{border:none;font-size:10px;height:24px;margin:0;width:24px}.card-modal .assignee-chip span{flex:1 1;font-size:13px}.card-modal .assignee-chip svg{color:var(--text-secondary)}.card-modal .dropdown-container{position:relative}.card-modal .add-btn{align-items:center;background:#fff;border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;width:100%}.card-modal .add-btn:hover{border-color:#25d366;color:#25d366}.card-modal .dropdown-menu{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.card-modal .dropdown-menu button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;text-align:left;width:100%}.card-modal .dropdown-menu button:hover{background:var(--bg-secondary)}.card-modal .dropdown-menu button.selected{background:#25d3661a}.card-modal .dropdown-menu .member-avatar{border:none;font-size:10px;height:24px;margin:0;width:24px}.card-modal .label-dropdown{padding:12px}.card-modal .label-dropdown input{border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;font-size:13px;margin-bottom:10px;padding:8px 10px;width:100%}.card-modal .label-dropdown input:focus{border-color:#25d366;outline:none}.card-modal .label-colors{display:flex;gap:6px;margin-bottom:10px}.card-modal .label-colors .color-btn{border:2px solid #0000;border-radius:6px;cursor:pointer;height:24px;padding:0;width:24px}.card-modal .label-colors .color-btn.selected{border-color:#1a365d}.card-modal .label-dropdown .btn-primary{font-size:13px;justify-content:center;padding:8px;width:100%}.card-modal .sidebar-section input[type=date]{border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;font-size:13px;padding:8px 10px;width:100%}.card-modal .sidebar-section input[type=date]:focus{border-color:#25d366;outline:none}.card-modal .clear-date{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;margin-top:6px;padding:4px 8px}.card-modal .clear-date:hover{color:#ef4444}.card-modal .sidebar-section.actions{border-top:1px solid var(--border-color);margin-top:auto;padding-top:20px}.card-modal .delete-btn{align-items:center;background:none;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;padding:10px;width:100%}.card-modal .delete-btn:hover{background:#fee2e2}.card-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}@media (max-width:768px){.card-modal-body{flex-direction:column}.card-modal .card-sidebar{border-left:none;border-top:1px solid var(--border-color);width:100%}.kanban-board-page .kanban-column{width:280px}}.campaign-analytics{background:#f8f9fa;background:var(--bg-primary,#f8f9fa);min-height:100vh;overflow-x:hidden;padding:24px 32px}[data-theme=dark] .campaign-analytics{background:var(--bg-primary);color:var(--text-primary)}.campaign-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.campaign-header h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 4px}.campaign-header p{color:#6b7280;font-size:14px;margin:0}.upload-section{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:600px;padding:40px 0}.upload-card{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;padding:48px;text-align:center;transition:all .3s ease}.upload-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.upload-icon{color:#10b981;font-size:48px;margin-bottom:16px}.upload-card h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px}.upload-card p{color:#6b7280;font-size:14px;margin:0 0 24px}.file-input{display:none}.upload-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.upload-btn:hover{background:#059669;transform:translateY(-1px)}.file-info{align-items:center;color:#10b981;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:16px}.process-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .2s ease}.process-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.process-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{border-radius:8px;gap:8px}.stats-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{background:#fff;box-shadow:0 1px 3px #0000001a;padding:24px}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-icon-wrapper{border-radius:12px;font-size:24px;height:56px;width:56px}.stat-content{flex:1 1}.stat-value{font-size:28px;margin-bottom:4px}.stat-label{font-size:13px;margin-bottom:4px}.stat-detail{color:#9ca3af;font-size:12px}.data-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-box{flex:1 1;min-width:300px}.search-box input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 16px;transition:all .2s ease;width:100%}.search-box input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.filter-buttons{display:flex;gap:8px}.filter-buttons button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.filter-buttons button:hover{background:#f9fafb;border-color:#d1d5db}.filter-buttons button.active{background:#10b981;border-color:#10b981;color:#fff}.export-btn,.export-buttons{display:flex;gap:8px}.export-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.export-btn:hover{background:#2563eb}.export-btn.export-by-desk{background:#10b981}.export-btn.export-by-desk:hover{background:#059669}.data-table thead{border-bottom:2px solid #e5e7eb}.data-table th{font-weight:700;white-space:nowrap}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr.bounced-row{background:#fef2f2}.data-table tbody tr.bounced-row:hover{background:#fee2e2}.data-table td{padding:14px 16px}.email-cell{color:#3b82f6;font-family:Courier New,monospace}.metric-cell{text-align:center}.badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px}.badge.opens{background:#dbeafe;color:#1e40af}.badge.clicks{background:#dcfce7;color:#166534}.status-cell{text-align:center}.status-badge.clicked{background:#dcfce7;color:#166534}.status-badge.opened{background:#dbeafe;color:#1e40af}.status-badge.delivered{background:#e0e7ff;color:#4338ca}.status-badge.bounced{background:#fee2e2;color:#991b1b}.status-badge.pending{background:#f3f4f6;color:#6b7280}.table-footer{background:#f9fafb;border-top:1px solid #e5e7eb;color:#6b7280;font-size:13px;padding:12px 16px;text-align:center}@media (max-width:1024px){.campaign-analytics{padding:16px}.stats-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.data-table-container{overflow-x:auto}.data-table{min-width:1000px}}.campaign-header-actions{align-items:center;display:flex;gap:12px}.back-to-list-btn,.check-new-campaign-btn,.open-brevo-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #10b98133;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.check-new-campaign-btn{background:#10b981;color:#fff}.check-new-campaign-btn:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-2px)}.back-to-list-btn{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;color:#374151}.back-to-list-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.open-brevo-btn{background:#667dff;box-shadow:0 2px 4px #667dff33;color:#fff}.open-brevo-btn:hover{background:#5568e5;box-shadow:0 4px 8px #667dff4d;transform:translateY(-2px)}.campaigns-dashboard{padding:24px 0}.dashboard-title{color:#111827;font-size:24px;font-weight:700;margin-bottom:24px}.empty-dashboard{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;padding:80px 40px;text-align:center}.empty-icon{color:#d1d5db;margin-bottom:16px}.empty-dashboard h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.empty-dashboard p{color:#9ca3af;font-size:14px;margin:0}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));overflow-x:hidden}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.saved-campaign-card{display:flex;flex-direction:column;min-width:0;overflow-wrap:break-word;transition:all .3s ease}.saved-campaign-card:hover{border-color:#10b981;box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.saved-campaign-card .campaign-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.saved-campaign-card .campaign-card-header h3{color:#111827;font-size:16px;font-weight:600;margin:0;min-width:0;word-break:break-word}.campaign-card-title-section{flex:1 1;flex-direction:column;gap:8px}.data-type-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.data-type-badge.campaign{background:#dbeafe;color:#1e40af}.data-type-badge.transactional{background:#e0e7ff;color:#4338ca}.delete-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.delete-icon-btn:hover{background:#fee2e2}.brevo-type-tabs{background:#f9fafb;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.brevo-type-tab{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.brevo-type-tab:hover{background:#f5f3ff;border-color:#8b5cf6}.brevo-type-tab.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.transactional-search-section{padding:20px}.search-box{display:flex;gap:12px;margin-bottom:20px}.subject-search-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.subject-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-subjects-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;white-space:nowrap}.search-subjects-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.search-subjects-btn:disabled{background:#d1d5db;cursor:not-allowed}.subjects-list{margin-top:20px}.subjects-list h4{color:#111827;font-size:16px;margin:0 0 16px}.subject-result-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s}.subject-result-card:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.subject-result-info{flex:1 1;min-width:0}.subject-result-info h5{color:#111827;font-size:14px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-subject-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-left:16px;padding:10px 20px;transition:all .2s;white-space:nowrap}.import-subject-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.import-subject-btn:disabled{background:#d1d5db;cursor:not-allowed}.checkbox-cell{padding:8px!important;text-align:center;width:40px}.checkbox-cell input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:16px;width:16px}.data-table tbody tr.selected-row{background:#f5f3ff!important}.data-table tbody tr.selected-row:hover{background:#ede9fe!important}.selection-info{align-items:center;background:#f5f3ff;border:1px solid #8b5cf6;border-radius:8px;display:flex;gap:12px;margin-right:12px;padding:8px 16px}.selection-info span{color:#6d28d9;font-size:14px;font-weight:600}.clear-selection-btn{align-items:center;background:#fff;border:1px solid #8b5cf6;border-radius:6px;color:#8b5cf6;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px 12px;transition:all .2s}.clear-selection-btn:hover{background:#8b5cf6;color:#fff}.fullscreen-modal{background:#f9fafb;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;z-index:10000}.fullscreen-modal-content{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.fullscreen-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.fullscreen-modal-header .header-left h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 4px}.fullscreen-modal-header .header-left p{color:#6b7280;font-size:14px;margin:0}.close-fullscreen-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.close-fullscreen-btn:hover{background:#e5e7eb;color:#111827}.fullscreen-modal-body{flex:1 1;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:32px;width:100%}.campaign-filters{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.campaign-search-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.campaign-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.campaign-stats-summary{display:flex;gap:12px}.stat-badge{background:#f5f3ff;border:1px solid #8b5cf6;border-radius:8px;color:#6d28d9;display:inline-block;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.saved-campaign-card .campaign-card-stats{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 0}.saved-campaign-card .stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:70px;padding:8px 4px}.saved-campaign-card .stat-item .stat-icon-wrapper{align-items:center;border-radius:8px;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.saved-campaign-card .stat-icon{color:#10b981;flex-shrink:0;font-size:14px}.saved-campaign-card .stat-value{color:#111827;font-size:18px;font-weight:700;line-height:1;margin-bottom:2px;text-align:center}.saved-campaign-card .stat-label{color:#9ca3af;font-size:9px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase;white-space:nowrap}.view-campaign-btn{margin-top:auto;transition:all .2s ease}.import-method-tabs{display:flex;gap:8px;margin-bottom:24px}.method-tab{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.method-tab:hover{background:#f3f4f6}.method-tab.active{background:#10b981;border-color:#10b981;color:#fff}.brevo-import-section,.csv-upload-section{min-height:300px}.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));overflow-x:hidden;padding:4px}.fullscreen-modal .campaigns-grid{max-height:calc(100vh - 350px);overflow-x:hidden;overflow-y:auto;padding-right:8px}.fullscreen-modal .campaigns-grid::-webkit-scrollbar{width:8px}.fullscreen-modal .campaigns-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.fullscreen-modal .campaigns-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.fullscreen-modal .campaigns-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.brevo-campaign-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:16px;min-width:0;overflow-wrap:break-word;padding:24px;transition:all .2s}.brevo-campaign-card:hover{border-color:#8b5cf6;box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.brevo-campaign-card .campaign-card-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.campaign-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.brevo-campaign-card h4{color:#111827;flex:1 1;font-size:16px;font-weight:600;line-height:1.4;margin:0}.campaign-status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.campaign-status-badge.sent{background:#d1fae5;color:#065f46}.campaign-status-badge.draft{background:#fee2e2;color:#991b1b}.campaign-status-badge.scheduled{background:#dbeafe;color:#1e40af}.campaign-subject{font-size:13px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-date{font-size:12px;white-space:nowrap}.brevo-campaign-card .campaign-card-stats{grid-gap:16px;border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:16px 0}.brevo-campaign-card .stat-item{align-items:center;display:flex;gap:12px}.stat-icon{font-size:24px}.stat-details{display:flex;flex-direction:column;gap:2px;min-width:0}.brevo-campaign-card .stat-label{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}.brevo-campaign-card .stat-value{color:#111827;font-size:18px;font-weight:700;line-height:1}.import-campaign-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 2px 4px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.import-campaign-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px #8b5cf666;transform:translateY(-1px)}.csv-upload-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.upload-instructions{margin-bottom:24px;text-align:center}.upload-instructions p{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.help-text{color:#6b7280!important;font-size:13px!important;font-weight:400!important}.upload-btn-large{align-items:center;background:#10b981;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .2s ease}.upload-btn-large:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.loading-state{padding:60px 40px}.spinner{animation:spin .8s linear infinite;border-top-color:#10b981;margin-bottom:16px}.large-modal .modal-content{max-width:900px}.campaigns-sidebar{animation:slideInRight .3s ease;background:#fff;box-shadow:-4px 0 12px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:380px;z-index:1000}.campaigns-sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.campaigns-sidebar-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.campaigns-sidebar-header button{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.campaigns-sidebar-header button:hover{background:#e5e7eb;color:#374151}.campaigns-list{flex:1 1;overflow-y:auto;padding:16px}.campaign-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;transition:all .2s ease}.campaign-item:hover{border-color:#10b981;box-shadow:0 2px 8px #0000001a}.campaign-item.active{background:#f0fdf4;border-color:#10b981}.campaign-item-content{cursor:pointer;flex:1 1;padding:16px}.campaign-item-name{color:#111827;font-size:14px;font-weight:600;margin-bottom:6px}.campaign-item-date{color:#6b7280;font-size:12px;margin-bottom:4px}.campaign-item-stats{color:#9ca3af;font-size:12px}.delete-campaign-btn{background:#0000;border-radius:6px;height:36px;margin-right:8px;transition:all .2s ease;width:36px}.empty-state{font-size:14px}.modal-overlay{z-index:2000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a}.modal-header{border-bottom:1px solid #e5e7eb;padding:24px 24px 16px}.modal-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.modal-header button{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-header button:hover{background:#e5e7eb;color:#374151}.modal-body{padding:24px}.modal-body p{color:#6b7280;font-size:14px;margin:0 0 16px}.modal-body input{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.modal-body input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.modal-stats{background:#f9fafb;border-radius:8px;display:flex;gap:16px;margin-top:16px;padding:12px}.modal-stats div{color:#6b7280;font-size:13px;font-weight:500}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.modal-btn-primary,.modal-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.modal-btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#374151}.modal-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.modal-btn-primary{background:#10b981;color:#fff}.modal-btn-primary:hover{background:#059669;transform:translateY(-1px)}@media (max-width:768px){.data-controls{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.filter-buttons{flex-wrap:wrap}.export-buttons{flex-direction:column;width:100%}.export-btn{justify-content:center;width:100%}.campaigns-sidebar{width:100%}.campaign-header{align-items:flex-start;flex-direction:column;gap:16px}.campaign-header-actions{justify-content:space-between;width:100%}}.transactional-analytics{margin:0 auto;max-width:1400px;padding:24px}.analytics-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.analytics-header h1{color:#111827;font-size:28px;font-weight:700;margin:0}.subtitle{color:#6b7280;font-size:14px;margin:8px 0 0}.header-actions{flex-wrap:wrap}.back-btn,.export-btn,.export-desk-btn,.import-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.import-btn{box-shadow:0 2px 4px #8b5cf64d}.import-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px #8b5cf666;transform:translateY(-1px)}.export-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;color:#fff}.export-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.export-desk-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f64d;color:#fff}.export-desk-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.back-btn{margin-bottom:8px;padding:10px 16px}.subject-filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.subject-filter-section h3{color:#111827;font-size:18px;margin:0 0 16px}.subject-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.subject-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:16px}.subject-info h4{font-size:14px;margin:0 0 8px}.subject-stats{color:#6b7280;display:flex;font-size:12px;gap:12px}.subject-actions{display:flex;flex-shrink:0;gap:8px}.export-subject-btn,.export-subject-desk-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s;white-space:nowrap}.export-subject-btn{background:#10b981;color:#fff}.export-subject-btn:hover{background:#059669}.export-subject-desk-btn{background:#3b82f6;color:#fff}.export-subject-desk-btn:hover{background:#2563eb}.filters-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-input,.status-filter{border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:10px 16px;transition:all .2s}.search-input{flex:1 1;min-width:250px}.search-input:focus,.status-filter:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.status-filter{min-width:180px}.data-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f9fafb}.data-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table td{color:#374151;font-size:14px;padding:12px 16px}.subject-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:12px;font-size:13px}.status-badge.first-opening{background:#dbeafe;color:#1e40af}.status-badge.opened{background:#d1fae5;color:#065f46}.status-badge.loaded-by-proxy{background:#fef3c7;color:#92400e}.yes-no-cell{font-size:13px;font-weight:600;text-align:center}.data-table tbody tr td.yes-no-cell{color:#6b7280}.no-data{color:#9ca3af;font-size:14px;padding:40px;text-align:center}.campaigns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.saved-campaign-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:20px;transition:all .2s}.saved-campaign-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.campaign-card-header{margin-bottom:12px}.campaign-card-title-section{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.campaign-card-title-section h3{color:#111827;flex:1 1;font-size:16px;font-weight:600;margin:0;word-break:break-word}.delete-campaign-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:4px;transition:all .2s;width:28px}.delete-campaign-btn:hover{background:#fee2e2}.campaign-card-date{color:#6b7280;font-size:12px;margin-bottom:16px}.campaign-card-stats{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 0}.stat-item{flex:1 1;flex-direction:column;gap:6px;min-width:70px;padding:8px 4px}.stat-icon-wrapper,.stat-item{align-items:center;display:flex}.stat-icon-wrapper{border-radius:8px;color:#fff;font-size:16px;height:36px;justify-content:center;width:36px}.stat-value{font-size:18px;margin-bottom:2px;text-align:center}.stat-label{font-size:9px;text-align:center;white-space:nowrap}.view-campaign-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s;width:100%}.view-campaign-btn:hover{background:#059669;transform:translateY(-1px)}.empty-state{padding:60px 20px}.empty-state svg{margin-bottom:16px}.empty-state h3{color:#6b7280;font-size:18px;margin:0 0 8px}.loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-overlay p{color:#fff;font-size:16px;font-weight:500}.spinner{border:4px solid #ffffff4d;border-top-color:#fff}@media (max-width:768px){.transactional-analytics{padding:16px}.analytics-header{flex-direction:column}.campaigns-grid,.subject-buttons{grid-template-columns:1fr}.subject-card{align-items:flex-start;flex-direction:column}.subject-actions{justify-content:flex-end;width:100%}.data-table-container{overflow-x:auto}.data-table{min-width:800px}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.schools-map-container{background:#f9fafb;display:flex;flex-direction:column;height:100vh;position:relative}.map-top-bar{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:nowrap;gap:10px;height:60px;left:0;overflow:visible;padding:0 10px;position:fixed;right:0;top:0;z-index:1000}.map-top-bar h1{color:var(--text-primary);font-size:20px;font-weight:600;margin:0;white-space:nowrap}.header-stats{align-items:center;flex:1 1;flex-wrap:nowrap;gap:6px;justify-content:center;min-width:0}.header-stats .stat-card{align-items:center;display:flex;flex-shrink:0;gap:6px;padding:4px 10px}.header-stats .stat-value{font-size:20px;font-weight:700;line-height:1}.header-stats .stat-label{color:#6b7280;font-size:10px;font-weight:500;letter-spacing:.3px;line-height:1;text-transform:uppercase;white-space:nowrap}.back-btn{border-radius:50%}.back-btn,.refresh-btn{box-sizing:border-box;height:36px;margin:0;vertical-align:middle;width:36px}.refresh-btn{align-items:center;background:#10b981;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:all .2s}.refresh-btn:hover{background:#059669;transform:rotate(180deg)}.header-actions{gap:6px}.cache-btn,.header-actions{align-items:center;flex-shrink:0;justify-content:center}.cache-btn{background:#fff;border:2px solid;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;font-size:16px;height:36px;margin:0;padding:0;transition:all .2s;vertical-align:middle;width:36px}.cache-btn.save-cache{border-color:#10b981;color:#10b981}.cache-btn.save-cache:hover:not(:disabled){background:#10b981;color:#fff}.cache-btn.load-cache{border-color:#3b82f6;color:#3b82f6}.cache-btn.load-cache:hover:not(:disabled){background:#3b82f6;color:#fff}.cache-btn.export-btn{border-color:#8b5cf6;color:#8b5cf6}.cache-btn.export-btn:hover:not(:disabled){background:#8b5cf6;color:#fff}.cache-btn:disabled{cursor:not-allowed;opacity:.5}.cache-btn .spinning{animation:spin 1s linear infinite}.map-wrapper{bottom:0;display:flex;left:0;position:fixed;right:0;top:60px}.map-controls-top{display:flex;flex-direction:column;gap:8px;pointer-events:auto;position:absolute;right:10px;top:10px;z-index:1002}.map-control-btn{align-items:center;background:#fff;border:2px solid #0003;border-radius:4px;box-shadow:0 1px 4px #0000004d;color:#333;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;padding:0;transition:all .2s;width:34px}.map-control-btn:hover{background:#f4f4f4}.map-control-btn.active{background:#10b981;border-color:#10b981;color:#fff}.map-control-btn.candidates.active{background:#6366f1;border-color:#6366f1;color:#fff}.map-view-fullscreen{flex:1 1;position:relative;width:100%;z-index:1}.map-overlay-message{background:#fff;border-left:4px solid #10b981;border-radius:8px;bottom:20px;box-shadow:0 2px 12px #00000026;left:50%;max-width:320px;padding:16px 20px;position:absolute;transform:translateX(-50%);z-index:1000}.overlay-content{align-items:center;display:flex;gap:12px;text-align:left}.overlay-content svg{color:#10b981;flex-shrink:0;font-size:20px}.overlay-content h2{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.overlay-content p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.map-info-message{background:#6366f1;border-radius:8px;box-shadow:0 4px 12px #6366f14d;color:#fff;left:50%;max-width:500px;padding:12px 20px;position:absolute;top:20px;transform:translateX(-50%);z-index:1000}.info-content{align-items:center;display:flex;font-size:14px;font-weight:500;gap:10px}.info-content svg{flex-shrink:0}.open-sidebar-btn{align-items:center;animation:fadeIn .3s ease-out;background:#fff;border:2px solid #10b981;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#10b981;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 20px;position:absolute;right:10px;top:70px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1002}.open-sidebar-btn:hover{background:#10b981;box-shadow:0 6px 16px #10b98166;color:#fff;transform:translateY(-2px)}.filters-sidebar{animation:slideIn .3s ease-out;background:#fff;border-left:2px solid #e5e7eb;bottom:0;box-shadow:-4px 0 16px #0000001a;display:flex;flex-direction:column;overflow-y:auto;position:absolute;right:0;top:60px;width:350px;z-index:1001}.sidebar-actions{align-items:center;background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;gap:8px;padding:16px 12px 12px}.view-mode-toggle{background:#fff;border:2px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1;gap:4px;padding:4px}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:6px 8px;transition:all .2s;white-space:nowrap}.view-mode-btn:hover{background:#f3f4f6;color:#374151}.view-mode-btn.active{background:#10b981;color:#fff}.view-mode-btn svg{font-size:14px}.sidebar-action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.sidebar-action-btn:hover{border-color:#6366f1;color:#6366f1}.sidebar-action-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.sidebar-close-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.sidebar-close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.filters-sidebar-content{display:flex;flex-direction:column;gap:20px;padding:20px}@media (max-width:768px){.filters-sidebar{max-width:350px;width:100%}.filters-sidebar.closed{transform:translateX(100%)}}.map-stats{display:flex;flex-direction:column;gap:12px}.stat-card{background:#f9fafb;border-left:4px solid;border-radius:8px;padding:12px 16px}.stat-card.total{border-left-color:#6366f1}.stat-card.active{border-left-color:#10b981}.stat-card.lapsed{border-left-color:#f59e0b}.stat-card.dormant{border-left-color:#ef4444}.stat-card.never{border-left-color:#9ca3af}.stat-value{font-size:24px}.stat-label{color:#6b7280;margin-top:4px}.map-filters{border-bottom:1px solid #e5e7eb;padding:20px}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.filter-header h3{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0}.clear-filters-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 10px;transition:all .2s}.clear-filters-btn:hover{background:#fee2e2;border-color:#ef4444}.filter-group{margin-bottom:20px}.filter-group label{color:#374151;display:block;font-size:14px;margin-bottom:8px}.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:10px;width:100%}.checkbox-filter{display:flex;flex-direction:column;gap:8px}.filter-search{background:#fff;border:2px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.filter-search:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.checkbox-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;overflow-y:auto;padding:8px}.checkbox-list::-webkit-scrollbar{width:8px}.checkbox-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.checkbox-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.checkbox-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.checkbox-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .2s;-webkit-user-select:none;user-select:none}.checkbox-item:hover{background:#e5e7eb}.checkbox-item input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.checkbox-item span{color:#374151;flex:1 1;font-size:14px}.checkbox-item input[type=checkbox]:checked+span{color:#10b981;font-weight:600}.filter-group select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.status-filters{display:flex;flex-direction:column;gap:8px}.status-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;transition:all .2s}.status-btn:hover{background:#f9fafb;border-color:#d1d5db}.status-btn.selected{background:#f0fdf4;border-color:#10b981;color:#10b981}.status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.map-legend{background:#fff;border-radius:8px;bottom:20px;box-shadow:0 2px 8px #00000026;left:20px;max-width:250px;padding:16px;position:absolute;z-index:1000}.map-legend h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 12px}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px}.legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.map-view{flex:1 1;position:relative}.loading-state{height:100%;padding:40px}.loading-spinner{border:4px solid #e5e7eb;flex-shrink:0;margin:0 auto 16px}.loading-state p{font-size:14px}.school-popup{min-width:250px}.school-popup h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 12px}.popup-details p{color:#374151;font-size:13px;margin:6px 0}.popup-details strong{color:#6b7280;font-weight:500}.status-badge{border-radius:4px;padding:2px 8px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.lapsed{background:#fef3c7;color:#92400e}.status-badge.dormant{background:#fee2e2;color:#991b1b}.status-badge.never_used{background:#f3f4f6;color:#374151}.status-btn.never .status-dot{background:#9ca3af}.checkbox-label{background:#f9fafb;border:2px solid #0000;border-radius:6px;gap:10px;padding:10px 12px;transition:all .2s}.checkbox-label:hover{background:#f3f4f6;border-color:#10b981}.checkbox-label input[type=checkbox]{accent-color:#10b981;cursor:pointer;flex-shrink:0}.checkbox-label span{color:#374151;font-size:13px;line-height:1.4}.filters-footer{border-top:1px solid #e5e7eb;margin-top:auto;padding:16px}.close-filters-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.close-filters-btn:hover{background:#e5e7eb;border-color:#9ca3af}.contact-flags{border-top:1px solid #e5e7eb;margin-top:10px;padding-top:10px}.contact-badge{background:#e0f2fe;border-radius:3px;color:#075985;display:inline-block;font-size:10px;font-weight:500;margin-right:4px;margin-top:4px;padding:2px 6px}.custom-marker{background:none;border:none}@media (max-width:1024px){.schools-map-container{flex-direction:column}.map-sidebar{max-height:40vh;width:100%}.map-view{height:60vh}}@media (max-width:768px){.map-top-bar{padding:5px 10px}.map-top-bar h1{font-size:16px}.header-stats{gap:4px}.header-stats .stat-card{min-width:70px;padding:8px 10px}.header-stats .stat-value{font-size:18px;margin-bottom:2px}.header-stats .stat-label{font-size:9px}.map-controls-top{gap:5px;right:10px;top:5px}.map-control-btn{font-size:16px;height:30px;width:30px}.map-filters,.map-legend{padding:12px}.map-legend{bottom:10px;left:10px;max-width:180px}.map-legend h4{font-size:12px;margin-bottom:8px}.legend-item{font-size:10px;gap:6px}.legend-dot{height:10px;width:10px}.map-overlay-message{bottom:10px;left:50%;max-width:calc(100% - 20px);padding:12px 16px;transform:translateX(-50%)}.overlay-content h2{font-size:12px}.overlay-content p{font-size:11px}}.wizard-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.wizard-container{animation:slideUp .3s ease;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;width:700px}.wizard-close{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s;z-index:10}.wizard-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.wizard-progress{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:center;padding:24px 40px}.wizard-progress,.wizard-progress-step{align-items:center;display:flex;position:relative}.wizard-progress-step{flex:1 1;flex-direction:column;max-width:120px}.step-circle{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s;width:40px;z-index:2}.wizard-progress-step.active .step-circle,.wizard-progress-step.completed .step-circle{background:#1a365d;border-color:#1a365d;color:#fff}.step-title{color:var(--text-secondary);font-size:12px;font-weight:500;margin-top:8px;text-align:center}.wizard-progress-step.active .step-title{color:#1a365d;font-weight:600}.wizard-progress-step.completed .step-title{color:#1a365d}.step-line{background:var(--border-color);height:2px;left:50%;position:absolute;top:20px;width:100%;z-index:1}.wizard-progress-step.completed .step-line{background:#1a365d}.wizard-content{flex:1 1;overflow-y:auto;padding:32px 40px}.wizard-step-content{animation:fadeInContent .3s ease}@keyframes fadeInContent{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.wizard-step-content h2{color:#1a365d;font-size:24px;font-weight:700;margin:0 0 8px}.wizard-step-content>p{color:var(--text-secondary);font-size:15px;margin:0 0 24px}.welcome-step{padding:20px 0;text-align:center}.welcome-icon{font-size:64px;margin-bottom:16px}.welcome-list{list-style:none;margin:24px auto;max-width:300px;padding:0;text-align:left}.welcome-list li{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:15px;gap:12px;padding:12px 0}.welcome-list li:last-child{border-bottom:none}.welcome-list li svg{color:#1a365d;flex-shrink:0}.welcome-note{color:var(--text-secondary);font-size:13px;margin-top:24px}.wizard-form{display:flex;flex-direction:column;gap:20px}.wizard-form-row label{color:var(--text-primary);display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:6px}.wizard-form-row input,.wizard-form-row select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 14px;transition:border-color .2s}.wizard-form-row input:focus,.wizard-form-row select:focus{border-color:#1a365d;outline:none}.wizard-form-row small{color:var(--text-secondary);font-size:12px;font-weight:400}.color-picker-row{align-items:center;display:flex;gap:12px}.color-picker-row input[type=color]{cursor:pointer;height:40px;padding:4px;width:50px}.color-picker-row input[type=text]{flex:1 1}.logo-upload-box{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:40px;text-align:center;transition:all .2s}.logo-upload-box:hover{background:var(--bg-primary);border-color:#1a365d}.logo-upload-box.uploading{cursor:wait;opacity:.7}.logo-upload-box.has-logo{border-style:solid;padding:20px}.upload-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px}.upload-placeholder svg{color:#1a365d}.upload-placeholder span{color:var(--text-primary);font-size:16px;font-weight:600}.upload-placeholder small{color:var(--text-secondary);font-size:13px}.upload-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px}.upload-loading svg{color:#1a365d}.logo-preview-box{display:inline-block;position:relative}.logo-preview-box img{border-radius:8px;max-height:120px;max-width:250px;object-fit:contain}.logo-overlay{align-items:center;background:#1a365dcc;border-radius:8px;bottom:0;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.logo-upload-box:hover .logo-overlay{opacity:1}.logo-overlay span{font-size:14px;font-weight:600}.whatsapp-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.whatsapp-info-box svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.whatsapp-info-box strong{color:#1e40af;display:block;margin-bottom:4px}.whatsapp-info-box p{color:#1e40af;font-size:13px;margin:0}.fetch-phones-btn{align-items:center;background:linear-gradient(135deg,#1a365d,#2d4a7c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.fetch-phones-btn:hover{box-shadow:0 4px 12px #1a365d4d;transform:translateY(-1px)}.fetch-phones-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.copy-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.webhook-config-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.phone-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:12px;padding:16px}.phone-error svg{color:#ef4444;flex-shrink:0;margin-top:2px}.phone-error strong{color:#991b1b;display:block;margin-bottom:4px}.phone-error p{color:#991b1b;font-size:13px;margin:0}.phone-list{margin-top:8px}.phone-list>label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:12px}.phone-option{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:14px 16px;transition:all .2s}.phone-option:hover{border-color:#1a365d}.phone-option.selected{background:#eff6ff;border-color:#1a365d}.phone-info{align-items:center;display:flex;gap:12px}.phone-info svg{color:var(--text-secondary)}.phone-option.selected .phone-info svg{color:#1a365d}.phone-info strong{color:var(--text-primary);display:block}.phone-info span{color:var(--text-secondary);font-size:12px}.check-icon{color:#1a365d}.skip-section{border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:32px;padding-top:24px}.skip-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;padding:12px 20px;transition:all .2s}.skip-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.help-btn{align-items:center;background:#0000;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 20px;transition:all .2s}.help-btn:hover{background:#eff6ff}.complete-step{text-align:center}.complete-icon{font-size:64px;margin-bottom:16px}.setup-summary{background:var(--bg-secondary);border-radius:12px;margin:24px 0;padding:20px;text-align:left}.setup-summary h3{color:var(--text-primary);font-size:16px;margin:0 0 16px}.summary-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:12px 0}.summary-item:last-child{border-bottom:none}.summary-item>svg{color:var(--text-secondary);flex-shrink:0}.summary-item>div{flex:1 1}.summary-item strong{color:var(--text-primary);display:block;font-size:14px}.summary-item span{color:var(--text-secondary);font-size:12px}.summary-item .check{color:#1a365d}.summary-item .pending{color:#f59e0b;font-size:12px;font-weight:500}.next-steps{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:20px;text-align:left}.next-steps h3{color:#1a365d;font-size:16px;margin:0 0 12px}.next-steps ul{margin:0;padding-left:20px}.next-steps li{color:#1a365d;font-size:14px;padding:4px 0}.wizard-navigation{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 40px}.wizard-nav-right{align-items:center;display:flex;gap:16px;margin-left:auto}.saving-indicator{color:var(--text-secondary);font-size:13px}.wizard-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.wizard-btn.primary{background:linear-gradient(135deg,#1a365d,#2d4a7c);border:none;color:#fff}.wizard-btn.primary:hover{box-shadow:0 4px 12px #1a365d4d;transform:translateY(-1px)}.wizard-btn.primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.wizard-btn.primary.complete{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.wizard-btn.secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.wizard-btn.secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width:768px){.wizard-container{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.wizard-progress{overflow-x:auto;padding:16px 20px}.step-title{display:none}.wizard-content{padding:24px 20px}.wizard-navigation{padding:16px 20px}.skip-section{flex-direction:column}}.dashboard{background-color:#fff;font-family:Outfit,system-ui,sans-serif;min-height:100vh;min-height:var(--app-height,100vh)}.nav-debug-button{align-items:center;background:none;border:1px dashed var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.nav-debug-button span{font-size:12px;font-weight:600}.nav-debug-button.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.nav-debug-button:hover{border-color:#3b82f6;color:#3b82f6;transform:scale(1.02)}.sidebar-header{background:#fff;flex:0 0 auto;gap:12px;overflow:visible;position:relative;z-index:1}.sidebar-header,.sidebar-user-section{justify-content:space-between;padding:12px 16px}.sidebar-user-section{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin:0}.sidebar-user-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:12px;margin:-4px;min-width:0;padding:4px;transition:background .2s ease}.sidebar-user-profile:hover{background:#f3f4f6}.user-avatar-ring{align-items:center;border:2px solid #3b82f6;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:2px;width:44px}.user-avatar-img{border-radius:50%;height:36px;object-fit:cover;width:36px}.user-avatar-placeholder{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.sidebar-user-profile .user-info{display:flex;flex-direction:column;gap:4px;min-width:0}.sidebar-user-profile .user-name{color:#1a365d;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.user-role-badge.admin{background:#3b82f6;color:#fff}.user-role-badge.supervisor{background:#8b5cf6;color:#fff}.user-role-badge.agent{background:#10b981;color:#fff}.user-role-badge.freelancer{background:#f59e0b;color:#fff}.user-role-badge.superadmin{background:#ef4444;color:#fff}.app-logo{display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-height:45px;max-width:100%;object-fit:contain}.app-title-text{-webkit-text-fill-color:unset;background:none;color:#3b82f6;font-family:Outfit,system-ui,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0;padding:4px 0;white-space:nowrap}.sidebar-company-logo{max-height:40px;max-width:140px;object-fit:contain}.sidebar-logo-container{align-items:center;display:flex;gap:10px}.sidebar-whatsie-logo{height:36px;object-fit:contain;width:36px}[data-theme=dark] .app-logo{filter:invert(1) brightness(1.1)}.sidebar-collapse-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:#1a365d;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:12px;top:20px;transition:all .2s ease;width:32px;z-index:10}.sidebar-collapse-btn svg{color:#1a365d!important}.sidebar-collapse-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.05)}.sidebar-collapse-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapse-btn:active{transform:scale(.95)}.sidebar-header .app-title{width:100%}.app-title{background:none;color:#3b82f6;flex:1 1;font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0}.nav-exit-company{background:#ff6b6b!important;color:#fff!important;margin-bottom:8px}.nav-exit-company:hover{background:#ee5a5a!important}.company-viewing-banner{align-items:center;background:#f59e0b;color:#fff;display:flex;gap:12px;justify-content:space-between;margin:0;padding:10px 16px}.company-viewing-banner .viewing-info{align-items:center;display:flex;font-size:13px;gap:8px;min-width:0;overflow:hidden}.company-viewing-banner .viewing-icon{flex-shrink:0}.company-viewing-banner .viewing-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-viewing-banner .exit-company-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.company-viewing-banner .exit-company-btn:hover{background:#ffffff4d}.dashboard-nav{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-x:hidden;overflow-y:scroll!important;padding:12px 12px 16px;scrollbar-width:none}.dashboard-sidebar.collapsed .dashboard-nav{overflow-x:visible}.nav-section-divider{border-top:1px solid var(--border-color);margin-top:12px;padding:16px 20px 8px}.nav-section-divider span{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.nav-section-toggle{position:relative}.nav-chevron{position:absolute;right:16px;transition:transform .3s ease}.nav-chevron.rotated{transform:rotate(180deg)}.nav-submenu-wrapper{display:none;opacity:0;transition:opacity .2s ease}.nav-submenu-wrapper.expanded{display:block;opacity:1}.nav-sub-item{background:var(--bg-tertiary);font-family:var(--font-body);font-size:var(--text-sm)!important;font-weight:var(--font-medium);letter-spacing:var(--tracking-tight);min-height:auto;padding-left:38px!important;padding-right:10px!important;position:relative}.nav-sub-item:hover{background:var(--bg-secondary)}.nav-sub-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-subsection-toggle{font-weight:600!important;padding-left:38px!important}.nav-subsection-toggle .nav-chevron{margin-left:auto;transition:transform .3s ease}.nav-subsection-toggle .nav-chevron.rotated{transform:rotate(180deg)}.nav-sub-section-toggle{background:var(--bg-tertiary);font-size:13px!important;font-weight:500;min-height:auto;padding-left:38px!important;padding-right:10px!important;position:relative}.nav-sub-section-toggle:hover{background:var(--bg-secondary)}.nav-sub-section-toggle.expanded{color:#3b82f6;font-weight:600}.nav-sub-section-toggle .nav-chevron{font-size:10px;margin-left:auto;transition:transform .2s ease}.nav-sub-section-toggle .nav-chevron.rotated{transform:rotate(180deg)}.nav-sub-sub-item{background:var(--bg-tertiary);font-size:12px!important;font-weight:400;min-height:auto;opacity:.9;padding-left:56px!important;padding-right:10px!important;position:relative}.nav-sub-sub-item:hover{background:var(--bg-secondary);opacity:1}.nav-sub-sub-item.active{background:#eff6ff;color:#3b82f6;opacity:1}.nav-sub-sub-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-utility-wrapper{border-top:1px solid var(--border-color);margin-top:auto;padding-top:12px}.nav-branch-group{border-left:2px solid #ffffff0d;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-left:12px}.nav-nested-toggle{background:#0000;font-size:13px!important;padding-left:36px!important}.nav-nested-children{border-left:2px solid #25d36626;display:flex;flex-direction:column;gap:6px;margin-left:16px;padding-left:12px}.nav-nested-item{background:var(--bg-tertiary);padding-left:36px!important}.nav-theme-toggle{background:var(--bg-secondary);border-top:1px solid var(--border-color);flex:0 0 auto;padding:8px 12px}.nav-theme-toggle,.whats-new-button{align-items:center;display:flex;gap:8px}.whats-new-button{background:none;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:18px;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all .2s ease;width:auto}.whats-new-button .version-number{color:var(--text-secondary);font-size:12px;font-weight:500;transition:color .2s ease}.whats-new-button:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6;transform:scale(1.02)}.whats-new-button:hover .version-number{color:#3b82f6}.nav-logout-button{align-items:center;background:#ef444414;border:none;border-radius:12px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;gap:8px;justify-content:center;padding:10px 14px;transition:all .2s ease}.nav-logout-button:hover{background:#ef444426;color:#dc2626;transform:translateY(-1px)}.user-avatar{background:#3b82f6;border-radius:50%!important;font-size:16px;font-weight:600;height:40px;min-height:40px;min-width:40px;width:40px}.user-avatar img{border-radius:50%!important;height:100%;object-fit:cover;width:100%}.user-avatar span{font-size:20px}.user-info{gap:4px;overflow:visible}.user-name{font-size:13px;font-weight:500;line-height:1.3;max-width:100%;overflow:visible;white-space:normal;word-break:break-word}.user-role{display:inline-block;font-size:10px;margin-top:0;white-space:nowrap}.dashboard-header{background:#3b82f6;color:#fff;padding:16px 24px;position:relative;z-index:10}.dashboard-header:before{display:none}.header-content{justify-content:space-between;margin:0;max-width:none;padding:0}.header-content,.header-right{align-items:center;display:flex}.header-right{gap:24px}.dashboard-title{align-items:center;display:flex;font-size:28px;font-weight:600;gap:12px}.whatsapp-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:32px}.header-stats{display:flex;gap:32px}.user-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:16px;padding:8px 16px}.user-avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.user-name{color:var(--text-primary);font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.user-role{background:#3b82f6;border-radius:9999px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.05em;margin-top:4px;padding:3px 8px;text-transform:uppercase}.user-info svg{height:16px;opacity:.8;width:16px}.logout-button{background:#ffffff1a;border:1px solid #fff3;color:#fff;padding:8px}.logout-button:hover{background:#fff3;transform:translateY(-1px)}.logout-button svg{height:16px;width:16px}.stat-item{text-align:center}.stat-number{display:block;font-size:24px;font-weight:700;line-height:1}.stat-label{font-size:12px;opacity:.9}.dashboard-content{display:flex;height:100vh;margin:0;max-width:none}.dashboard-content.no-sidebar .dashboard-main{margin-left:0;width:100%}.dashboard-sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;position:relative;transition:width .3s ease;width:240px;z-index:100}.dashboard-sidebar.collapsed{overflow:visible;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;width:80px}.dashboard-sidebar.collapsed *{transition:opacity .2s ease,transform .2s ease}.dashboard-sidebar.collapsed-hovered{box-shadow:4px 0 20px #00000026;width:280px;z-index:1000}.dashboard-sidebar.collapsed-hovered .sidebar-header{padding:20px 24px}.dashboard-sidebar.collapsed-hovered .sidebar-collapse-btn{height:auto;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:auto}.dashboard-sidebar.collapsed-hovered .nav-button span:not(.nav-badge):not(.nav-popout span),.dashboard-sidebar.collapsed-hovered .stat-label,.dashboard-sidebar.collapsed-hovered .user-info .user-name,.dashboard-sidebar.collapsed-hovered .user-info .user-role{display:inline!important}.dashboard-sidebar.collapsed-hovered .nav-button{justify-content:flex-start;padding:16px 20px}.dashboard-sidebar.collapsed-hovered .nav-button svg{font-size:20px;margin-right:14px}.dashboard-sidebar.collapsed-hovered .nav-unread-badge{margin-left:auto;position:static}.dashboard-sidebar.collapsed-hovered .nav-chevron,.dashboard-sidebar.collapsed-hovered .nav-sub-item,.dashboard-sidebar.collapsed-hovered .nav-sub-sub-item,.dashboard-sidebar.collapsed-hovered .nav-theme-toggle,.dashboard-sidebar.collapsed-hovered .sidebar-recent-chats,.dashboard-sidebar.collapsed-hovered .sidebar-stats,.dashboard-sidebar.collapsed-hovered .user-actions{display:flex!important}.dashboard-sidebar.collapsed-hovered .nav-chevron{display:inline-block!important}.dashboard-sidebar.collapsed-hovered .sidebar-stats{flex-direction:row}.dashboard-sidebar.collapsed-hovered .sidebar-stats .stat-item{min-height:auto;padding:16px}.dashboard-sidebar.collapsed-hovered .user-info{display:flex!important}.dashboard-sidebar.collapsed-hovered .user-avatar{height:40px;margin-right:12px;width:40px}.dashboard-sidebar.collapsed-hovered .nav-popout{display:none!important}.dashboard-sidebar.collapsed .sidebar-header{align-items:center;padding:20px 10px}.dashboard-sidebar.collapsed .sidebar-collapse-btn{font-size:20px;height:36px;margin:0 auto;position:static;width:36px}.dashboard-sidebar.collapsed .nav-button span:not(.nav-badge):not(.nav-popout span),.dashboard-sidebar.collapsed .stat-label,.dashboard-sidebar.collapsed .user-info .user-name,.dashboard-sidebar.collapsed .user-info .user-role{display:none}.dashboard-sidebar.collapsed .nav-popout .popout-title,.dashboard-sidebar.collapsed .nav-popout span{display:inline!important}.dashboard-sidebar.collapsed .nav-popout .popout-title{display:block!important}.dashboard-sidebar.collapsed .nav-button{justify-content:center;min-height:52px;padding:16px 10px;position:relative}.dashboard-sidebar.collapsed .nav-button svg{font-size:24px;margin:0}.dashboard-sidebar.collapsed .nav-unread-badge{font-size:10px;height:18px;min-width:18px;padding:2px 5px;position:absolute;right:6px;top:6px}.dashboard-sidebar.collapsed .sidebar-stats{flex-direction:column;gap:8px}.dashboard-sidebar.collapsed .sidebar-stats .stat-item{justify-content:center;min-height:65px;padding:12px 8px}.dashboard-sidebar.collapsed .sidebar-stats .stat-item svg{font-size:22px}.dashboard-sidebar.collapsed .stat-number{font-size:18px;font-weight:700}.dashboard-sidebar.collapsed .sidebar-footer{align-items:center;display:flex;flex-direction:column;padding:16px 10px}.dashboard-sidebar.collapsed .user-dropdown{align-items:center;display:flex;justify-content:center}.dashboard-sidebar.collapsed .user-dropdown-trigger{justify-content:center;padding:8px;width:auto}.dashboard-sidebar.collapsed .user-info{display:none}.dashboard-sidebar.collapsed .user-profile{justify-content:center;padding:12px}.dashboard-sidebar.collapsed .user-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;margin:0;min-height:48px;min-width:48px;overflow:hidden;width:48px}.dashboard-sidebar.collapsed .user-avatar span{font-size:20px}.dashboard-sidebar.collapsed .user-avatar img{border-radius:50%}.dashboard-sidebar.collapsed .nav-chevron,.dashboard-sidebar.collapsed .nav-section-divider,.dashboard-sidebar.collapsed .nav-sub-item,.dashboard-sidebar.collapsed .nav-sub-sub-item,.dashboard-sidebar.collapsed .nav-theme-toggle,.dashboard-sidebar.collapsed .sidebar-recent-chats,.dashboard-sidebar.collapsed .sidebar-stats,.dashboard-sidebar.collapsed .user-actions{display:none}.sidebar-recent-chats{flex:0 0 auto;margin:16px 0;padding:0 8px}.sidebar-recent-chats .recent-chats{background:#0000;border:none;box-shadow:none}.sidebar-recent-chats .recent-chats-header h4{color:#6b7280;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sidebar-recent-chats .recent-chat-item{border:1px solid #0000;border-radius:10px;cursor:pointer;margin-bottom:4px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-recent-chats .recent-chat-item:hover{background:linear-gradient(135deg,#25d3660f,#128c7e0a);border-color:#25d36633;box-shadow:0 2px 8px #25d36614;transform:translateX(4px)}.sidebar-recent-chats .chat-avatar{font-size:12px;height:32px;width:32px}.sidebar-recent-chats .chat-name{font-size:13px;font-weight:500}.sidebar-recent-chats .chat-preview{color:#6b7280;font-size:11px}.sidebar-recent-chats .chat-time{font-size:10px}.sidebar-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);flex:0 0 auto;padding:8px 12px}.sidebar-stats{display:flex;gap:8px;margin-bottom:8px}.sidebar-stats .stat-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-height:65px;min-width:90px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-stats .stat-item:hover{background:#eff6ff;border-color:#3b82f6;transform:scale(1.02)}.sidebar-stats .stat-item svg{color:#3b82f6;font-size:14px}.sidebar-stats .stat-item.usage-stat{background:#ffffff08;border-color:#ffffff1a}.sidebar-stats .stat-item.usage-stat:hover{background:#ffffff0f;border-color:currentColor;box-shadow:0 6px 16px #0000001a}.sidebar-stats .stat-item.usage-stat:first-child svg{color:#4caf50}.sidebar-stats .stat-item.usage-stat:last-child svg{color:#3b82f6}.sidebar-stats .stat-item.usage-stat .stat-number{font-weight:800;text-shadow:0 2px 4px #0003}.sidebar-stats .stat-number{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1}.sidebar-stats .stat-label{word-wrap:break-word;color:var(--text-secondary);font-size:7px;font-weight:600;letter-spacing:.3px;line-height:1.2;max-width:100%;overflow-wrap:break-word;text-align:center;text-transform:uppercase;white-space:normal}.settings-button{align-items:center;background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:12px;transition:all .2s ease}.settings-button:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.dashboard-nav::-webkit-scrollbar{display:none;width:0}.dashboard-nav::-webkit-scrollbar-thumb,.dashboard-nav::-webkit-scrollbar-track{background:#0000}.nav-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);letter-spacing:var(--tracking-tight);overflow:visible;padding:var(--space-3) var(--space-3);position:relative;text-align:left;transition:all var(--transition-normal) var(--ease-out);white-space:nowrap;width:100%}.nav-button span{display:block;flex:1 1;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-button:before{background:#3b82f6;border-radius:3px 0 0 3px;bottom:0;content:"";position:absolute;right:0;top:0;transform:scaleY(0);transition:all .2s ease;width:3px}.nav-button:hover{background:#f3f4f6;border-radius:8px;transform:scale(1.02)}.nav-button:hover .nav-icon{color:#3b82f6}.nav-button:hover:before{transform:scaleY(.5)}.nav-button.active{background:#eff6ff;border-radius:8px;color:#3b82f6;font-weight:600}.nav-button.active:before{transform:scaleY(1)}@keyframes iconPulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.15)}}.nav-icon{color:var(--text-secondary);font-size:18px;min-width:18px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:18px}.nav-button.active .nav-icon{color:#3b82f6}.nav-unread-badge{align-items:center;background:#3b82f6;border-radius:9999px;color:#fff;display:flex;font-size:11px;font-weight:600;height:22px;justify-content:center;margin-left:auto;min-width:22px;padding:3px 8px;transition:all .2s ease}.nav-unread-badge:hover{transform:scale(1.05)}.nav-usage-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:60px;padding:6px 8px;transition:all .3s ease}.nav-usage-badge:hover{background:#ffffff26;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.usage-bar-container{background:#0003;height:6px;overflow:hidden;width:100%}.usage-bar,.usage-bar-container{border-radius:3px;position:relative}.usage-bar{box-shadow:0 0 8px currentColor;height:100%;transition:width .5s ease,background-color .3s ease}.usage-text{color:var(--text-primary);font-size:10px;font-weight:700;letter-spacing:.5px;text-align:center;text-shadow:0 1px 2px #0003}.dashboard-sidebar.collapsed .nav-usage-badge{min-width:40px;padding:4px 6px;position:absolute;right:6px;top:6px}.dashboard-sidebar.collapsed .usage-text{font-size:9px}.dashboard-sidebar.collapsed-hovered .nav-usage-badge{margin-left:auto;min-width:60px;padding:6px 8px;position:static}@keyframes badgePulse{0%,to{box-shadow:0 2px 6px #25d36666}50%{box-shadow:0 4px 12px #25d36699}}.nav-badge{align-items:center;background:#3b82f6;border-radius:9999px;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;margin-left:auto;min-width:18px;padding:2px 6px;transition:all .2s ease}.nav-badge:hover{transform:scale(1.05)}.nav-new-badge{background:#10b981;border-radius:9999px;color:#fff;font-size:10px;font-weight:600;margin-left:auto;padding:2px 6px}@keyframes glow{0%,to{box-shadow:0 2px 6px #3b82f666}50%{box-shadow:0 4px 12px #3b82f699}}.dashboard-main{align-items:stretch!important;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative}.dashboard-main>*{align-self:stretch!important;width:100%!important}.split-screen-container{display:flex;height:100%;overflow:hidden;position:relative;width:100%}.split-screen-list{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;max-width:380px;min-width:380px;overflow:hidden;width:380px}.split-screen-container:not(.dragging) .split-screen-list{transition:width .3s ease,min-width .3s ease}.split-screen-list.full-width{border-right:none;max-width:100%;width:100%}.split-screen-list.collapsed{border-right:none;max-width:0!important;min-width:0!important;overflow:hidden;padding:0;width:0!important}.split-screen-divider{align-items:center;background:#e5e7eb;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:background .2s;width:6px}.split-screen-divider:hover{background:#d1d5db}.split-screen-divider:hover .divider-handle{opacity:1}.divider-handle{background:#9ca3af;border-radius:2px;height:40px;opacity:.5;transition:opacity .2s;width:4px}.split-screen-container.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.split-screen-container.dragging *{pointer-events:none}.split-screen-container.dragging .split-screen-divider{background:#3b82f6;pointer-events:auto}.split-screen-container.dragging .divider-handle{background:#fff;opacity:1}.split-screen-chat{animation:slideInChat .3s ease-out forwards;display:flex;flex:1 1;flex-direction:column;overflow:hidden}@keyframes slideInChat{0%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);opacity:0}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}.split-screen-chat.expanded{flex:1 1}.hamburger-menu{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:24px;height:48px;justify-content:center;position:fixed;right:16px;top:16px;transition:all .2s ease;width:48px;z-index:1001}.hamburger-menu:hover{background:#2563eb;transform:scale(1.05)}.hamburger-menu:active{transform:scale(.98)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}.sidebar-overlay.visible{opacity:1}.global-maintenance-banner{align-items:center;animation:slideDown .3s ease-out;background:#3b82f6;color:#fff;display:flex;gap:16px;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.global-maintenance-banner .banner-icon-wrapper{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.global-maintenance-banner .banner-icon{color:#fff;font-size:20px}.global-maintenance-banner .banner-content{display:flex;flex-direction:column;gap:2px}.global-maintenance-banner .banner-content strong{color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px}.global-maintenance-banner .banner-content span{color:#ffffffe6;font-size:13px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav-button.maintenance-disabled{background:#0000!important;opacity:.5;position:relative}.nav-button.maintenance-disabled:hover{background:#0000!important;color:var(--text-secondary)!important;transform:none!important}.nav-button.maintenance-disabled:after{content:"🔒";font-size:12px;opacity:.7;position:absolute;right:12px}.maintenance-banner{align-items:center;background:#fffbeb;border:none;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:32px;min-height:400px;padding:48px 24px;text-align:center}.maintenance-icon{animation:pulse 2s ease-in-out infinite;color:#f59e0b;font-size:64px;margin-bottom:24px}.maintenance-content{max-width:600px}.maintenance-content h3{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:16px}.maintenance-content p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:32px}.maintenance-btn{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s ease}.maintenance-btn:hover{background:#d97706;transform:scale(1.02)}.nav-button.maintenance-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.nav-button.maintenance-disabled .nav-icon,.nav-button.maintenance-disabled span{opacity:.5}@media (max-width:1024px){.hamburger-menu{display:flex}.sidebar-overlay{display:block}.sidebar-overlay:not(.visible){pointer-events:none}.dashboard-sidebar{border-radius:0;box-shadow:-4px 0 12px #00000026;height:100vh;height:var(--app-height,100vh);margin:0;max-width:80vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.dashboard-sidebar.mobile-visible{transform:translateX(0)}.sidebar-collapse-btn{display:none}.dashboard-sidebar.collapsed{width:240px}.dashboard-content{margin-left:0;padding:0}.conversation-view{border-radius:0;height:100vh;height:var(--app-height,100vh);margin:0}.notes-panel,.recent-chats{display:none}}.nav-button-wrapper{position:relative}.nav-popout{animation:popoutSlideIn .2s ease;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:84px;margin-left:0;min-width:200px;padding:8px 0;position:fixed;z-index:10000}.nav-popout:before{bottom:0;content:"";position:absolute;right:100%;top:0;width:12px}.dashboard-sidebar:not(.collapsed) .nav-popout{display:none}@keyframes popoutSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.popout-title{border-bottom:1px solid var(--border-color);color:var(--text-tertiary);font-size:12px;margin-bottom:4px;padding:8px 16px}.popout-subtitle,.popout-title{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.popout-subtitle{color:var(--text-secondary);font-size:11px;margin-bottom:2px;margin-top:8px;opacity:.7;padding:10px 16px 6px}.popout-subtitle:first-of-type{margin-top:0}.popout-item{border-radius:0!important;justify-content:flex-start!important;margin:0!important;padding:10px 16px!important;width:100%}.popout-item:hover{background:var(--hover-bg)!important}.popout-item.active{background:var(--primary-color)!important;color:#fff!important}.popout-item .nav-icon{font-size:16px;margin-right:12px}.nav-popout.single-item{padding:4px 0}.nav-popout.single-item .popout-item{padding:12px 16px!important}.mobile-bottom-nav{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;height:64px;justify-content:space-around;left:0;padding:0 8px env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1000}.bottom-nav-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;max-width:80px;padding:8px 16px;transition:all .2s ease}.bottom-nav-item svg{font-size:22px}.bottom-nav-item span{font-size:11px;font-weight:500}.bottom-nav-item.active{color:#3b82f6}.bottom-nav-item.active svg{transform:scale(1.1)}.dashboard.has-bottom-nav .main-content{padding-bottom:80px}.mobile-chat-list{background:var(--bg-secondary);display:flex;flex-direction:column;height:100vh}.mobile-chat-header{align-items:flex-start;background:var(--whatsapp-green);box-shadow:0 2px 4px #00000014;color:#fff;display:flex;justify-content:space-between;min-height:56px;padding:16px 20px 12px;position:relative}.mobile-chat-header h1{font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.mobile-header-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:12px}.mobile-new-chat-fab,.mobile-notification-toggle{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.mobile-new-chat-fab svg,.mobile-notification-toggle svg{fill:currentColor;stroke:currentColor;stroke-width:0;height:20px;width:20px}.mobile-new-chat-fab:hover,.mobile-notification-toggle:hover{background:#ffffff40;transform:scale(1.05)}.mobile-new-chat-fab:active,.mobile-notification-toggle:active{transform:scale(.95)}.mobile-search{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px 16px}.mobile-search-container{align-items:center;display:flex;position:relative}.mobile-search-container .search-icon{color:var(--text-tertiary);font-size:18px;left:14px;pointer-events:none;position:absolute;z-index:1}.mobile-search-container .search-icon svg{fill:currentColor;stroke:currentColor;height:18px;width:18px}.mobile-search-input{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:15px;outline:none;padding:11px 16px 11px 44px;transition:all .2s ease;width:100%}.mobile-search-input:focus{background:var(--bg-secondary);border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d36614}.mobile-chat-list-container{background:var(--bg-secondary);flex:1 1;overflow-y:auto}.mobile-chat-item{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;padding:12px 16px;transition:all .15s ease}.mobile-chat-item:hover{background:var(--bg-tertiary)}.mobile-chat-item:active{background:#25d3660d}.mobile-chat-item.unread{background:#25d36608;border-left:3px solid var(--whatsapp-green)}.mobile-chat-item.unread .mobile-chat-name{color:var(--text-primary);font-weight:600}.mobile-chat-item.unread .mobile-last-message{color:var(--text-primary);font-weight:500}.mobile-chat-avatar{border-radius:50%;flex-shrink:0;height:52px;margin-right:12px;overflow:hidden;width:52px}.mobile-chat-avatar .avatar-image{height:100%;object-fit:cover;width:100%}.mobile-chat-list .mobile-chat-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);color:#fff;display:flex;font-size:19px;font-weight:600;height:100%;justify-content:center;letter-spacing:-.5px;width:100%}.mobile-chat-content{flex:1 1;min-width:0}.mobile-chat-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.mobile-chat-name{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:500;letter-spacing:-.1px;margin:0 8px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-chat-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.mobile-chat-time{color:var(--text-tertiary);font-size:11px;font-weight:500;white-space:nowrap}.mobile-unread-badge{background:var(--whatsapp-green);border-radius:10px;color:#fff;font-size:11px;font-weight:700;line-height:1;min-width:20px;padding:3px 7px;text-align:center}.mobile-chat-preview{align-items:center;display:flex;gap:8px}.mobile-last-message{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;font-size:13px;gap:4px;line-height:1.4;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-type-icon{color:var(--text-tertiary);font-size:14px}.message-type-icon svg{fill:currentColor;stroke:currentColor;height:14px;width:14px}.mobile-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:200px;justify-content:center}.loading-spinner{border:3px solid #e9edef;border-top:3px solid var(--whatsapp-green);height:32px;width:32px}.mobile-empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.mobile-empty-state .empty-icon{color:var(--border-color);font-size:64px;margin-bottom:16px}.mobile-empty-state .empty-icon svg{fill:currentColor;stroke:currentColor;height:64px;width:64px}.mobile-empty-state h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.mobile-empty-state p{font-size:14px;margin:0 0 24px}.start-chat-btn{background:var(--whatsapp-green);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.start-chat-btn:hover{background:var(--whatsapp-green-dark);transform:translateY(-1px)}.mobile-chat-list-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@supports (padding:max(0px)){.mobile-chat-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:max(16px,env(safe-area-inset-top))}}.mobile-chat-list-container{overscroll-behavior-y:contain}.mobile-dashboard{background:var(--bg-secondary);height:100vh;height:var(--app-height,100vh);left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.mobile-dashboard.loading{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center}.mobile-chat-list,.mobile-chat-view{background:var(--bg-secondary);height:100vh;height:var(--app-height,100vh);width:100vw}.mobile-chat-list .conversation-list,.mobile-chat-view .conversation-view{border-radius:0;height:100vh;height:var(--app-height,100vh);margin:0}.mobile-chat-list .conversation-list-header{background:var(--whatsapp-green);color:#fff;padding:20px 16px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-chat-list .conversation-list-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.mobile-chat-list .conversation-search{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px}.mobile-chat-list .conversations{background:var(--bg-secondary);height:calc(100vh - 140px);overflow-y:auto;padding-bottom:80px;position:relative;top:0}.mobile-chat-list .conversation-item{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;padding:16px;transition:background-color .2s ease}.mobile-chat-list .conversation-item:hover{background:var(--bg-tertiary)}.mobile-chat-list .conversation-item:active{background:#25d3661a}.mobile-new-chat-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #00a88466;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:20px;transition:all .2s ease;width:56px;z-index:1001}.mobile-new-chat-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 6px 16px #00a88480;transform:scale(1.05)}.mobile-new-chat-btn:active{transform:scale(.95)}.mobile-header-actions{position:absolute;right:16px;top:20px}.mobile-menu-button{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;padding:8px;transition:all .2s ease}.mobile-menu-button:hover{background:#ffffff4d}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid var(--whatsapp-green);margin-bottom:16px}.mobile-dashboard.loading p{color:var(--text-secondary);font-size:16px;margin:0}@media (min-width:769px){.mobile-dashboard{display:none}}.new-conversation-modal-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.new-conversation{animation:modalFadeIn .3s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;height:auto;left:50%;max-height:calc(100vh - 80px);max-width:calc(100vw - 48px);overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:440px;z-index:10000}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.new-conversation.closing{animation:modalFadeOut .2s ease forwards}@keyframes modalFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}@keyframes expandFromButton{0%{border-radius:50%;opacity:0;transform:scale(.1)}to{border-radius:20px;opacity:1;transform:scale(1)}}@keyframes collapseToButton{0%{border-radius:20px;opacity:1;transform:scale(1)}to{border-radius:50%;opacity:0;transform:scale(.1)}}.new-conversation-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.back-button{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:1.5rem;margin-right:1rem;padding:.5rem;transition:all .2s ease}.back-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.new-conversation-header h2{color:#1a365d;flex:1 1;font-size:18px;font-weight:600;margin:0}.new-conversation-header .close-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.new-conversation-header .close-button:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.new-conversation-content{flex:1 1;overflow-y:auto;padding:0;width:100%}.contacts-section{overflow:hidden}.contacts-header{background:var(--bg-primary);padding:16px 20px}.contacts-header h3{color:#1a365d;font-size:15px;font-weight:600;margin:0 0 12px}.search-container{position:relative}.search-icon{color:var(--text-secondary);font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:10px 12px 10px 38px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.contacts-list{flex:1 1;max-height:350px;overflow-y:auto}.contact-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;padding:12px 20px;transition:all .2s ease}.contact-item:hover{background-color:var(--bg-secondary)}.contact-item:last-child{border-bottom:none}.contact-item.new-contact{background:linear-gradient(135deg,#25d36614,#25d3660a);border-bottom:1px solid var(--border-color)}.contact-item.new-contact:hover{background:linear-gradient(135deg,#25d3661f,#25d36614)}.contact-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;height:40px;margin-right:12px;width:40px}.contact-avatar.new{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));font-size:16px}.contact-name{color:#1a365d;font-size:14px;margin-bottom:2px}.contact-details{color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-contacts{color:var(--text-secondary);padding:40px 24px;text-align:center}.no-contacts-icon{color:var(--border-color);font-size:48px;margin-bottom:12px}.no-contacts p{font-size:14px;margin:0 0 16px}.form-section{overflow:hidden}.form-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:12px 20px}.form-header h3{color:#1a365d;font-size:15px;font-weight:600;margin:0}.back-to-contacts{align-items:center;background:none;border:none;border-radius:6px;color:var(--whatsapp-green);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.back-to-contacts:hover{background-color:#25d3661a}.new-conversation-form{padding:20px 24px}.form-group{margin-bottom:16px}.form-group label{color:#1a365d}.form-icon{color:var(--whatsapp-green);font-size:16px}.form-input,.form-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.form-input::placeholder{color:var(--text-secondary);opacity:.7}.form-input:focus,.form-textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-help{color:var(--text-secondary);display:block;font-size:12px;margin-top:6px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn{border-radius:8px;display:flex;padding:10px 20px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));font-weight:600}.btn-primary:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:var(--bg-secondary);font-weight:500}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}@media (max-width:768px){.new-conversation{animation:expandFromButtonMobile .3s cubic-bezier(.34,1.56,.64,1);border-radius:20px 20px 0 0;bottom:0;left:0;max-height:100vh;max-width:100%;right:0;width:100%}@keyframes expandFromButtonMobile{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contacts-header{padding:1rem}.contacts-header h3{font-size:1.1rem;margin-bottom:.75rem}.contact-item{padding:.75rem 1rem}.contact-avatar{font-size:1rem;height:40px;margin-right:.75rem;width:40px}.contact-name{font-size:.9rem}.contact-details{font-size:.8rem}.form-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.form-header h3{font-size:1.1rem}.back-to-contacts{font-size:.85rem}.no-contacts{padding:2rem 1rem}.no-contacts-icon{font-size:2.5rem}.new-conversation-header{border-radius:20px 20px 0 0;flex-shrink:0;padding:.75rem 1rem}.new-conversation-header h2{font-size:1.25rem}.back-button{margin-right:.75rem;padding:.375rem}.new-conversation-content{-webkit-overflow-scrolling:touch;flex:1 1;max-width:none;overflow-y:auto;padding:.75rem}.new-conversation-form{border-radius:8px;margin:0;min-height:auto;padding:1rem}.form-group{margin-bottom:1rem}.form-input,.form-textarea{font-size:16px;padding:.875rem}.form-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-bottom:1rem;padding-top:1rem}.btn{justify-content:center;padding:.875rem 1.5rem;width:100%}}.confirmation-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:500px;padding:20px;text-align:center}.confirmation-header{margin-bottom:30px}.confirmation-header h3{color:var(--text-primary);margin-bottom:8px}.confirmation-header p{color:var(--text-secondary);margin:0}.contact-preview{background:var(--bg-tertiary);border-radius:12px;gap:20px;margin-bottom:30px;padding:20px}.contact-avatar.large,.contact-preview{align-items:center;display:flex;justify-content:center}.contact-avatar.large{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:32px;font-weight:700;height:80px;width:80px}.contact-details h4{color:var(--text-primary);font-size:24px;margin:0 0 8px}.contact-details p{color:var(--text-secondary);font-size:16px;margin:0}.template-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;margin-bottom:30px;padding:20px;text-align:left}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:12px;margin-bottom:8px}.checkbox-label input[type=checkbox]{accent-color:#007bff;height:18px;width:18px}.template-option small{color:#666;display:block;font-size:14px;margin-left:30px}.confirmation-actions{display:flex;gap:15px;justify-content:center}.confirmation-actions .btn{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:8px;justify-content:center;min-width:140px;padding:12px 24px}@media (max-width:768px){.new-conversation{animation:slideUp .3s ease;border-radius:0;bottom:0;height:100%;left:0;max-height:100%;max-width:100%;right:0;top:0;transform:none;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.new-conversation.closing{animation:slideDown .25s ease forwards}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.new-conversation-header{border-radius:0;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.new-conversation-header h2{font-size:18px}.close-button{font-size:24px;height:40px;width:40px}.new-conversation-content{flex:1 1;overflow-y:auto;padding-bottom:20px}.contact-list{padding:0}.contact-item{border-bottom:1px solid var(--border-color);border-radius:0;padding:16px 20px}.contact-item:last-child{border-bottom:none}.new-contact-form{padding:20px}.form-input{font-size:16px;padding:14px 16px}.search-bar{border-radius:12px;margin:12px 16px}.search-bar input{font-size:16px;padding:14px 16px 14px 44px}.confirmation-content{padding:24px 20px}.confirmation-actions{flex-direction:column;padding:0 20px 20px}.confirmation-actions .btn{font-size:16px;padding:16px;width:100%}}.login-container{background:#fff;display:flex;font-family:Outfit,system-ui,sans-serif;min-height:100vh}.login-brand-panel{background:#3b82f6;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:64px;position:relative}.login-brand-panel:before{background:#ffffff14;height:400px;right:-100px;top:-100px;width:400px}.login-brand-panel:after,.login-brand-panel:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.login-brand-panel:after{background:#ffffff0d;bottom:-50px;height:300px;left:-50px;width:300px}.brand-content{max-width:480px;position:relative;z-index:1}.brand-title{-webkit-text-fill-color:unset;background:none;color:#fff;font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 12px}.brand-tagline{color:#ffffffe6;font-size:18px;font-weight:400;line-height:1.6;margin:0 0 48px}.brand-features{display:flex;flex-direction:column;gap:16px}.feature-item{align-items:flex-start;background:#ffffff1a;border:none;border-radius:8px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.feature-item:hover{background:#ffffff26;transform:translateX(8px) scale(1.02)}.feature-icon-box{align-items:center;background:#fff;border-radius:50%;color:#3b82f6;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.feature-text h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.feature-text p{color:#fffc;font-size:14px;line-height:1.5;margin:0}.brand-footer{bottom:40px;left:64px;position:absolute;z-index:1}.brand-footer p{color:#fff9;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;margin:0;text-transform:uppercase}.login-form-panel{align-items:center;background:#f3f4f6;display:flex;flex:1 1;justify-content:center;padding:40px}.login-card{animation:fadeInUp .3s ease-out;background:#fff;border-radius:8px;max-width:420px;padding:48px;width:100%}.login-form-header{margin-bottom:32px;text-align:center}.mobile-brand-title{color:#3b82f6;display:none;font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.login-logo-small{height:auto;margin-bottom:24px;width:56px}@media (max-width:1024px){.login-brand-panel{display:none}.login-form-panel{align-items:flex-start;background:#f3f4f6;display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:8vh 24px 24px}.login-card{background:#0000;border-radius:0;box-shadow:none;max-width:380px;padding:0;width:100%}.mobile-brand-title{display:block}.input-group input{font-size:16px}}.login-icon{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;display:flex;height:72px;justify-content:center;margin:0 auto 24px;width:72px}.login-title{color:#111827;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 8px;text-align:center}.login-subtitle{color:#6b7280;font-size:16px;font-weight:400;line-height:1.5;margin:0 0 32px;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px}.input-icon{color:#9ca3af!important;z-index:10}.input-group input{background:#f3f4f6;border:0;border-radius:6px;font-family:Outfit,system-ui,sans-serif;font-size:16px;height:56px;padding:0 16px 0 48px;transition:all .2s ease}.input-group input::placeholder{font-weight:400}.input-group input:focus{border:2px solid #3b82f6}.password-toggle{transition:color .15s ease}.forgot-password-row{text-align:right}.forgot-password-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:0;text-decoration:none;transition:color .15s ease}.forgot-password-link:hover{color:#3b82f6}.submit-button{height:56px}.submit-button:active:not(:disabled){transform:scale(.98)}.animated-fill-btn{border:none!important}.animated-fill-btn span{align-items:center;display:flex;gap:10px;justify-content:center;position:relative;z-index:2}.animated-fill-btn:after{display:none}.animated-fill-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.02)}.toggle-method-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#111827;cursor:pointer;display:flex;font-family:Outfit,system-ui,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:14px 20px;text-decoration:none;transition:all .2s ease;width:100%}.toggle-method-btn:hover:not(:disabled){background:#e5e7eb;transform:scale(1.02)}.toggle-method-btn:disabled{cursor:not-allowed;opacity:.5}.forgot-password-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;margin-top:8px;padding:8px 0;transition:color .15s ease}.forgot-password-btn:hover:not(:disabled){color:#2563eb}.forgot-password-btn:disabled{cursor:not-allowed;opacity:.5}.back-btn-login{background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:12px;transition:all .2s;width:100%}.back-btn-login:hover:not(:disabled){background:#eee;background:var(--bg-tertiary,#eee)}.back-btn-login:disabled{cursor:not-allowed;opacity:.5}.back-link{margin-top:8px;padding:12px 24px;transition:color .15s ease;width:100%}.back-link:hover{color:#111827}.error-message,.success-message{align-items:center;animation:fadeInUp .3s ease-out;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:20px;padding:16px}.success-message{background:#d1fae5;border:none;color:#065f46}.error-message{border:none}.phone-input-group{gap:8px;width:100%}.country-code-dropdown{flex-shrink:0;position:relative}.country-code-trigger{align-items:center;background:#f3f4f6;border:0;border-radius:6px;color:#111827;cursor:pointer;display:flex;font-family:Outfit,system-ui,sans-serif;font-size:14px;gap:8px;height:56px;padding:0 12px;transition:all .2s ease;white-space:nowrap}.country-code-trigger:hover:not(:disabled){background:#e5e7eb}.country-code-trigger:disabled{cursor:not-allowed;opacity:.6}.country-flag{border-radius:2px;box-shadow:0 0 0 1px #0000001a;height:18px;object-fit:cover;width:24px}.dropdown-arrow{color:#6b7280;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.country-code-options{animation:dropdownFadeIn .15s ease;background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000026;left:0;margin-top:4px;max-height:280px;min-width:180px;overflow-y:auto;position:absolute;top:100%;z-index:100}.country-option{align-items:center;background:none;border:none;color:#111827;cursor:pointer;display:flex;font-family:Outfit,system-ui,sans-serif;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.country-option:hover{background:#f3f4f6}.country-option.selected{background:#dbeafe;color:#1e40af}.country-option:first-child{border-radius:8px 8px 0 0}.country-option:last-child{border-radius:0 0 8px 8px}.phone-number-input{flex:1 1}.phone-number-input input{padding-left:16px!important}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.brand-header{margin-bottom:48px;text-align:left}.brand-icon{align-items:center;background:#fff;border-radius:50%;color:#3b82f6;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.brand-title.org-name{-webkit-text-fill-color:unset;background:none;color:#fff;font-size:42px}.brand-subtitle{color:#ffffffe6;font-size:18px;font-weight:400;margin:0}.feature-icon{align-items:center;background:#fff;border-radius:50%;color:#3b82f6;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.feature-content h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.feature-content p{color:#fffc;font-size:14px;line-height:1.5;margin:0}.login-form-side{align-items:center;background:#f3f4f6;display:flex;flex:1 1;justify-content:center;padding:48px;position:relative}.form-container{animation:fadeInUp .3s ease-out;background:#fff;border-radius:8px;max-width:420px;padding:48px;width:100%}.form-header{margin-bottom:32px}.org-login-logo{margin-bottom:24px;max-height:120px;max-width:280px;object-fit:contain}.mobile-org-logo{display:block;margin:0 auto 16px;max-height:80px;max-width:200px;object-fit:contain}.form-header h2{color:#111827;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.form-header p{color:#6b7280;font-size:16px;font-weight:400;margin:0}.form-group label{color:#111827;letter-spacing:.05em;text-transform:uppercase}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{background:#f3f4f6;border:0;border-radius:6px;color:#111827;font-size:16px;padding:14px 16px;transition:all .2s ease;width:100%}.input-wrapper input:focus{background:#fff;border:2px solid #3b82f6;outline:none}.login-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;overflow:hidden;padding:16px 24px;position:relative;transition:all .2s ease;width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);display:none;height:100%;transition:left .6s cubic-bezier(.4,0,.2,1)}.login-button:hover:before{left:100%}.login-button:hover:not(:disabled){background:#2563eb;transform:scale(1.02)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{animation:spin 1s linear infinite}.login-footer{margin-top:24px;text-align:center}.back-to-login-link,.forgot-password-link{background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:14px;padding:4px 8px;text-decoration:none;transition:all .2s ease}.back-to-login-link:hover,.forgot-password-link:hover{background-color:#eff6ff;color:#2563eb}.back-to-login-link:disabled,.forgot-password-link:disabled{cursor:not-allowed;opacity:.5}.login-info{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px;text-align:center}.security-badge{align-items:center;background:#dbeafe;border:none;border-radius:9999px;color:#1d4ed8;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.05em;margin-bottom:8px;padding:8px 16px;text-transform:uppercase}.security-icon{height:12px;width:12px}.login-info p{color:var(--text-tertiary);font-size:12px;line-height:1.4;margin:0}@media (max-width:768px){.login-container{align-items:stretch;padding:0}.login-card{border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;min-height:100vh;padding:60px 28px 36px}.login-title{font-size:24px}.login-subtitle{font-size:14px}.login-container:after,.login-container:before{display:none}}.security-info{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s backwards;margin-top:20px;text-align:center}.security-info .security-badge{align-items:center;background:#dbeafe;border:none;border-radius:9999px;color:#1d4ed8;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:12px;padding:10px 20px;text-transform:uppercase}.security-info p{color:#6b7280;font-size:13px;margin:0}.access-code-info{align-items:center;background:#eff6ff;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:20px;text-align:center}.access-code-info svg{color:#3b82f6}.access-code-info p{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.access-code-info.success{background:#d1fae5}.access-code-info.success svg{color:#10b981}.contact-method-toggle{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:10px;display:flex;gap:8px;margin-bottom:20px;padding:4px}.method-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.method-btn:hover{color:#374151}.method-btn.active{background:#fff;color:#3b82f6}.modal-overlay{background:#00000080;z-index:1000}.modal-content.success-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;max-width:360px;padding:32px;text-align:center;width:90%}.success-modal .success-icon{align-items:center;background:#dcfce7;border-radius:50%;color:#22c55e;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.success-modal h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.success-modal p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 24px}.success-modal .modal-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:background .2s}.success-modal .modal-btn:hover{background:#2563eb}.register-org-link{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:8px;bottom:24px;box-shadow:0 4px 20px #3b82f666;color:#fff;font-size:14px;padding:14px 24px;position:fixed;right:24px}.register-org-link a{color:#dbeafe;font-weight:700;margin-left:4px;text-decoration:none}.register-org-link a:hover{color:#fff;text-decoration:underline}.terms-notice-fixed{bottom:24px;color:#ffffffb3;font-size:12px;left:24px;position:fixed;z-index:10}.terms-notice-fixed a{color:#ffffffe6;font-weight:500;text-decoration:none}.terms-notice-fixed a:hover{color:#fff;text-decoration:underline}@media (max-width:968px){.terms-notice-fixed{background:var(--bg-primary);bottom:16px;color:var(--text-secondary);left:0;margin-top:0;padding:16px;position:fixed;right:0;text-align:center;top:auto}.terms-notice-fixed a{color:#1a365d}}@media (max-width:768px){.register-org-link{bottom:16px;left:16px;right:16px;text-align:center}}@media (max-width:480px){.login-container{padding:0}.login-card{border-radius:0;justify-content:flex-start;max-width:100%;min-height:100vh;padding:48px 24px 32px}.login-icon{height:60px;width:60px}.login-title{font-size:26px}.login-subtitle{font-size:14px}.input-group input{font-size:16px;padding:14px 16px 14px 46px}.submit-button{font-size:15px;padding:14px 24px}.login-container:after,.login-container:before{display:none}}.signup-container{background:var(--color-background);display:flex;font-family:var(--font-body);min-height:100vh}.signup-branding{align-items:center;background:var(--color-foreground);border:none;color:var(--color-background);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:var(--space-16);position:relative}.signup-branding *{border:none;outline:none}.signup-branding:before{background-image:radial-gradient(circle,#ffffff08 1px,#0000 0);background-size:32px 32px;inset:0}.signup-branding:after,.signup-branding:before{content:"";pointer-events:none;position:absolute}.signup-branding:after{background:radial-gradient(circle,var(--color-accent) 0,#0000 70%);border-radius:50%;height:600px;opacity:.08;right:-200px;top:-200px;width:600px}.signup-branding p{color:var(--color-foreground-subtle);font-size:var(--text-lg);line-height:var(--leading-relaxed);max-width:320px;position:relative;text-align:center;z-index:1}.signup-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 0,var(--color-accent-light) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-normal);letter-spacing:var(--tracking-tighter);margin:0 0 var(--space-6) 0;position:relative;z-index:1}.signup-company-logo{border:none;margin-bottom:var(--space-6);max-height:80px;max-width:200px;object-fit:contain;outline:none;position:relative;z-index:1}.signup-method-toggle{background:var(--color-muted);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:4px}.signup-method-toggle .method-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-foreground-muted);cursor:pointer;display:flex;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:all var(--transition-fast)}.signup-method-toggle .method-btn:hover{color:var(--color-foreground)}.signup-method-toggle .method-btn.active{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-accent)}.phone-input-group{display:flex;gap:var(--space-2)}.phone-input-group .country-code-dropdown{flex-shrink:0;position:relative}.phone-input-group .country-code-trigger{align-items:center;background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;gap:8px;height:52px;padding:0 12px;transition:all .2s;white-space:nowrap}.phone-input-group .country-code-trigger:hover{background:var(--color-surface)}.phone-input-group .country-flag{border-radius:2px;box-shadow:0 0 0 1px #0000001a;height:18px;object-fit:cover;width:24px}.phone-input-group .dropdown-arrow{color:var(--color-foreground-subtle);transition:transform .2s}.phone-input-group .dropdown-arrow.open{transform:rotate(180deg)}.phone-input-group .country-code-options{animation:dropdownFadeIn .15s ease;background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000026;left:0;margin-top:4px;max-height:240px;min-width:180px;overflow-y:auto;position:absolute;top:100%;z-index:100}.phone-input-group .country-option{align-items:center;background:none;border:none;color:var(--color-foreground);cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.phone-input-group .country-option:hover{background:#f3f4f6}.phone-input-group .country-option.selected{background:#dbeafe;color:#1e40af}.phone-input-group .country-option:first-child{border-radius:8px 8px 0 0}.phone-input-group .country-option:last-child{border-radius:0 0 8px 8px}.phone-input-group input{flex:1 1}.phone-verify-section{padding:var(--space-4) 0;text-align:center}.signup-card{align-items:center;background:var(--color-surface);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:var(--space-10);position:relative;z-index:1}.signup-card-inner{animation:fadeInUp .6s var(--ease-out);max-width:420px;width:100%}.signup-icon{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:2px solid #3b82f633;border-radius:var(--radius-xl);box-shadow:var(--shadow-accent);color:var(--color-accent);height:72px;margin:0 auto var(--space-6);width:72px}.progress-steps,.signup-icon{align-items:center;display:flex;justify-content:center}.progress-steps{gap:var(--space-4);margin-bottom:var(--space-6);overflow:visible;position:relative}.progress-steps .step{align-items:center;background:var(--color-muted);border:2px solid var(--color-border);border-radius:50%;color:var(--color-foreground-muted);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);height:40px;justify-content:center;min-height:40px;min-width:40px;transition:all var(--transition-normal) var(--ease-out);width:40px}.progress-steps .step.active{background:linear-gradient(135deg,var(--color-accent-gradient-start),var(--color-accent-gradient-end));border-color:#0000;box-shadow:var(--shadow-accent);color:#fff;transform:scale(1.1)}.progress-steps .step-line{display:none}.signup-branding .step-line,.signup-container>.step-line{display:none!important}.signup-title{color:var(--color-foreground);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-normal);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 var(--space-2) 0;text-align:center}.signup-subtitle{color:var(--color-foreground-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0;text-align:center}.signup-subtitle strong{color:var(--color-accent)}.role-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.role-badge{border-radius:12px;display:inline-block;font-size:13px;font-weight:600;margin-bottom:12px;padding:6px 16px;text-transform:capitalize}.role-badge.agent{background:#dbeafe;color:#1e40af}.role-badge.helpdesk{background:#fef3c7;color:#92400e}.role-badge.supervisor{background:#e9d5ff;color:#6b21a8}.permissions-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.permissions-list span{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:11px;padding:4px 10px}.review-section{display:flex;flex-direction:column;gap:12px}.review-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.review-item svg{color:#3b82f6;flex-shrink:0}.review-item>div{display:flex;flex:1 1;flex-direction:column;gap:4px}.review-label{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.review-value{color:#111827;font-size:14px;font-weight:600}.button-group{display:flex;gap:10px;margin-top:8px;width:100%}.button-group .back-button{align-items:center;background:#f3f4f6!important;border:none!important;border-radius:10px;color:#374151!important;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;padding:12px!important;transition:all .2s}.button-group .back-button.icon-only{border-radius:12px;flex:0 0 auto;height:48px;padding:0!important;width:48px}.button-group .back-button:hover:not(:disabled){background:#e5e7eb!important}.button-group .back-button:disabled{cursor:not-allowed;opacity:.5}.button-group .submit-button{flex:1 1;margin:0}.error-icon{color:#dc2626;display:flex;justify-content:center;margin-bottom:24px}.signup-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group,.form-group label{gap:var(--space-2)}.form-group label{color:var(--color-foreground);font-size:var(--text-sm);font-weight:var(--font-medium)}.form-group label svg{color:#3b82f6}.form-group input{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);font-family:var(--font-body);font-size:var(--text-base);height:52px;padding:0 var(--space-4);transition:all var(--transition-normal) var(--ease-out);width:100%}.form-group input::placeholder{color:var(--color-foreground-subtle)}.form-group input:focus{background:var(--color-surface);border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.form-group select,.role-select{-webkit-appearance:none;appearance:none;background:var(--color-muted);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);height:52px;padding:0 var(--space-4);transition:all var(--transition-normal) var(--ease-out);width:100%}.form-group select:focus,.role-select:focus{background:var(--color-surface);border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f626;outline:none}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:45px}.password-input-wrapper .password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s}.field-hint,.password-input-wrapper .password-toggle:hover{color:#6b7280}.field-hint{font-size:13px;margin:4px 0 0}.input-group{align-items:center;display:flex;position:relative}.input-icon{align-items:center;color:#6b7280!important;display:flex!important;height:20px;justify-content:center;left:16px;opacity:1!important;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);visibility:visible!important;width:20px;z-index:100!important}.input-group input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-size:15px;padding:14px 16px 14px 46px;position:relative;transition:all .2s;width:100%;z-index:1}.input-group input::placeholder{color:#9ca3af}.input-group input:focus{background:#fff;border-color:#3b82f6;outline:none}.input-group input:disabled{cursor:not-allowed;opacity:.6}.password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:10}.password-toggle:hover{color:#6b7280}.submit-button{border-radius:6px;font-family:Outfit,system-ui,sans-serif;height:52px;margin-top:16px;padding:0 24px;transition:all .2s ease;width:100%}.submit-button:active:not(:disabled){transform:translateY(0) scale(.98)}.submit-button:disabled{opacity:.5}.login-link{color:var(--color-foreground-muted);font-size:var(--text-sm);margin-top:var(--space-6);text-align:center}.login-link a{color:var(--color-accent);font-weight:var(--font-semibold);text-decoration:none;transition:color var(--transition-fast)}.login-link a:hover{color:var(--color-accent-dark)}.error-message{align-items:center;animation:fadeInUp .4s var(--ease-out);background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;border-radius:var(--radius-lg);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4)}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:20px;margin:0 auto;width:20px}@media (max-width:1024px){.signup-branding{display:none}.signup-card{align-items:flex-start;background:var(--color-surface);display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:var(--space-6);padding-top:8vh}.signup-card-inner{background:#0000;max-width:380px;padding:0;width:100%}.form-group input,.form-group select{font-size:16px}}@media (max-width:768px){.signup-card{padding:var(--space-6);padding-top:6vh}.signup-title{font-size:var(--text-2xl)}.signup-subtitle{font-size:var(--text-sm)}}@media (max-width:480px){.signup-card{padding:var(--space-4);padding-top:4vh}.signup-icon{height:56px;width:56px}.progress-steps{gap:var(--space-2)}.progress-steps .step{font-size:var(--text-xs);height:32px;width:32px}.progress-steps .step-line{width:24px}.button-group .back-button.icon-only{height:44px;width:44px}}.success-icon{background:#dbeafe;color:#3b82f6;height:80px;margin:0 auto 24px;width:80px}.success-message{color:#4b5563;font-size:15px;margin:0 0 16px;text-align:center}.success-box{background:#dbeafe;border-radius:12px;margin:24px 0;padding:20px;text-align:left}.success-box p{color:#1e40af;font-size:14px;line-height:1.6;margin:0}.success-box strong{color:#1e3a8a;font-weight:600}.register-org-page{background:#fff;display:flex;font-family:Outfit,system-ui,sans-serif;min-height:100vh}.register-brand-panel{align-items:flex-start;background:#3b82f6;color:#fff;display:flex;flex:1 1;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:64px;position:relative;position:-webkit-sticky;position:sticky;top:0}.register-brand-panel:before{background:#ffffff14;height:400px;right:-100px;top:-100px;width:400px}.register-brand-panel:after,.register-brand-panel:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.register-brand-panel:after{background:#ffffff0d;bottom:-50px;height:300px;left:-50px;width:300px}.register-brand-panel .brand-content{position:relative;z-index:1}.register-brand-panel .brand-title{font-size:48px;font-weight:800;letter-spacing:-1px;margin:0 0 8px}.register-brand-panel .brand-tagline{font-size:18px;margin:0 0 48px;opacity:.9}.register-brand-panel .brand-features{display:flex;flex-direction:column;gap:16px}.register-brand-panel .feature-item{align-items:flex-start;background:#ffffff1a;border-radius:8px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.register-brand-panel .feature-item:hover{background:#ffffff26;transform:translateX(8px) scale(1.02)}.register-brand-panel .feature-icon-box{align-items:center;background:#fff;border-radius:50%;color:#3b82f6;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.register-brand-panel .feature-text h3{font-size:16px;font-weight:600;margin:0 0 4px}.register-brand-panel .feature-text p{font-size:14px;margin:0;opacity:.8}.register-form-panel{align-items:flex-start;display:flex;flex:1 1;justify-content:center;max-height:100vh;overflow-y:auto;padding:40px}.register-card{max-width:480px;padding:40px 0 60px;width:100%}.back-link{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;margin-bottom:24px;padding:0;transition:color .2s}.back-link:hover{color:#3b82f6}.register-header{margin-bottom:24px}.register-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.register-header p{color:#6b7280;font-size:15px;line-height:1.5;margin:0}.reg-progress{justify-content:center;margin-bottom:32px}.reg-progress,.reg-step{align-items:center;display:flex}.reg-step{flex-direction:column;gap:6px}.reg-step-num{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:15px;font-weight:600;height:40px;justify-content:center;width:40px}.reg-step.active .reg-step-num,.reg-step.completed .reg-step-num{background:#3b82f6;color:#fff}.reg-step.completed .reg-step-num svg{height:18px;width:18px}.reg-step-label{color:#9ca3af;font-size:13px;font-weight:500}.reg-step.active .reg-step-label{color:#3b82f6;font-weight:600}.reg-step-line{background:#e5e7eb;height:2px;margin:0 12px 20px;width:80px}.form-buttons{display:flex;gap:12px;margin-top:8px}.back-step-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.back-step-btn:hover{background:#e5e7eb}.form-buttons .submit-btn{flex:2 1}.register-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{gap:6px}.form-group label{font-size:13px;gap:6px}.form-group label svg{color:#3b82f6!important;height:14px;width:14px}.form-group input,.form-group select,.form-group textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-family:inherit;font-size:15px;padding:12px 14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-group textarea{min-height:100px}.custom-dropdown{position:relative}.dropdown-trigger{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;display:flex;font-family:inherit;font-size:15px;justify-content:space-between;padding:12px 14px;text-align:left;transition:all .2s;width:100%}.dropdown-trigger:hover{background:#f3f4f6}.dropdown-trigger .dropdown-arrow{color:#6b7280;flex-shrink:0;transition:transform .2s}.dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.dropdown-options{animation:dropdownFadeIn .15s ease;background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000026;left:0;margin-top:4px;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{background:none;border:none;color:#374151;cursor:pointer;display:block;font-family:inherit;font-size:14px;padding:12px 14px;text-align:left;transition:background .15s;width:100%}.dropdown-option:hover{background:#f3f4f6}.dropdown-option.selected{background:#dbeafe;color:#1e40af}.dropdown-option:first-child{border-radius:8px 8px 0 0}.dropdown-option:last-child{border-radius:0 0 8px 8px}.register-form .submit-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s;width:100%}.register-form .submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.submit-btn:hover{background:#2563eb}.terms-text{color:#9ca3af;font-size:12px;margin:0;text-align:center}.success-state{padding:40px 20px;text-align:center}.success-state .success-icon{align-items:center;background:#dbeafe;border-radius:50%;color:#3b82f6;display:flex;height:96px;justify-content:center;margin:0 auto 24px;width:96px}.success-state h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 12px}.success-state p{color:#6b7280;font-size:15px;line-height:1.6;margin:0 auto 32px;max-width:400px}.back-btn{background:#f3f4f6;color:#374151;display:inline-flex;font-size:15px;gap:8px;white-space:nowrap}.back-btn:hover{background:#e5e7eb}.back-btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 28px;transition:all .2s;white-space:nowrap}.back-btn-primary:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@media (max-width:968px){.register-org-page{flex-direction:column}.register-brand-panel{min-height:auto;padding:40px 24px}.register-brand-panel .brand-title{font-size:36px}.register-brand-panel .brand-tagline{margin-bottom:32px}.register-brand-panel .brand-features{display:none}.register-form-panel{padding:32px 24px}}@media (max-width:640px){.form-row{grid-template-columns:1fr}.register-header h1{font-size:24px}.register-brand-panel{padding:32px 20px}.register-brand-panel .brand-title{font-size:28px}}.token-login-container{align-items:center;background:#3b82f6;display:flex;justify-content:center;min-height:100vh;padding:20px}.token-login-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:400px;padding:48px 40px;text-align:center;width:100%}.status-icon{align-items:center;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.status-icon.verifying{background:#25d3661a}.status-icon.success{background:#4caf501a;color:#4caf50}.status-icon.error{background:#f443361a;color:#f44336}.spinner{border:4px solid #25d36633;border-top-color:#3b82f6;height:40px;width:40px}.checkmark,.cross{font-weight:700}.token-login-card h2{color:#333;font-size:24px;margin:0 0 12px}.token-login-card p{color:#666;font-size:16px;line-height:1.5;margin:0 0 24px}.back-btn{background:#3b82f6;display:block;font-size:14px;margin:0 auto;padding:12px 24px;transition:all .2s ease}.back-btn:hover{background:#2563eb;box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}[data-theme=dark] .token-login-card{background:var(--bg-secondary)}[data-theme=dark] .token-login-card h2{color:var(--text-primary)}[data-theme=dark] .token-login-card p{color:var(--text-secondary)}.pwa-install-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.pwa-install-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:480px;padding:32px;position:relative;width:90%}.pwa-close-btn{background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;font-size:24px;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.pwa-close-btn:hover{background:#f0f2f5;color:#111b21}.pwa-install-content{text-align:center}.pwa-install-icon{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green),var(--whatsapp-green-dark));border-radius:50%;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.pwa-install-content h3{color:#111b21;font-size:24px;font-weight:600;margin:0 0 8px}.pwa-install-content p{color:#667781;font-size:16px;line-height:1.4;margin:0 0 24px}.pwa-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:left}.pwa-benefit{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.benefit-icon{color:var(--whatsapp-green);font-size:20px}.pwa-benefit span{color:#111b21;font-weight:500}.pwa-ios-instructions{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin-bottom:24px;padding:16px;text-align:left}.pwa-ios-instructions p{color:#1976d2;font-weight:600;margin:0 0 12px}.pwa-ios-instructions ol{color:#1565c0;margin:0;padding-left:20px}.pwa-ios-instructions li{margin-bottom:4px}.pwa-install-actions{margin-bottom:24px}.pwa-install-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 auto;padding:16px 32px;transition:all .2s ease}.pwa-install-btn:hover{background:var(--whatsapp-green-dark);transform:translateY(-1px)}.pwa-manual-install{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;padding:16px}.pwa-manual-install p{color:#856404;margin:0 0 8px}.pwa-manual-install p:last-child{margin:0}.pwa-prompt-actions{display:flex;gap:12px;justify-content:center}.pwa-dismiss-btn,.pwa-remind-btn{background:none;border:1px solid #e9edef;border-radius:8px;color:#667781;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .2s ease}.pwa-remind-btn:hover{background:#f0f2f5;border-color:var(--whatsapp-green);color:var(--whatsapp-green)}.pwa-dismiss-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}@media (max-width:640px){.pwa-install-modal{margin:16px;padding:24px}.pwa-benefits{gap:8px}.pwa-benefit{padding:8px 12px}.pwa-prompt-actions{flex-direction:column}.pwa-dismiss-btn,.pwa-remind-btn{width:100%}}.desktop-notification{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;opacity:0;overflow:hidden;position:fixed;right:20px;top:20px;transform:translateX(400px);transition:all .3s cubic-bezier(.4,0,.2,1);width:360px;z-index:10000}.desktop-notification.visible{opacity:1;transform:translateX(0)}.desktop-notification.exiting{opacity:0;transform:translateX(400px)}.notification-header{align-items:center;background:linear-gradient(135deg,#6264a7,#5b5fc7);color:#fff;display:flex;padding:16px 16px 12px;position:relative}.notification-avatar{margin-right:12px;position:relative}.avatar-circle{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.status-indicator{border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.status-indicator.online{background:#10b981}.notification-info{flex:1 1}.notification-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.notification-subtitle{color:#fffc;font-size:12px}.notification-close{background:none;border:none;border-radius:4px;color:#fffc;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.notification-close:hover{background:#ffffff1a;color:#fff}.notification-body{background:#fff;padding:16px}.notification-message{word-wrap:break-word;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#323130;display:-webkit-box;font-size:14px;line-height:1.4;margin-bottom:8px;max-height:60px;overflow:hidden}.notification-attachment{background:#f3f2f1;border-radius:6px;color:#605e5c;display:inline-block;font-size:12px;padding:6px 10px}.notification-actions{background:#faf9f8;border-top:1px solid #edebe9;display:flex;gap:8px;padding:12px 16px}.action-btn{background:#fff;border:1px solid #d2d0ce;border-radius:6px;color:#323130;flex:1 1;font-size:12px;font-weight:500;gap:4px;padding:8px 12px}.action-btn:hover{background:#f3f2f1;border-color:#c8c6c4}.reply-btn:hover{background:#deecf9;border-color:#0078d4;color:#0078d4}.mark-read-btn:hover{background:#dff6dd;border-color:#107c10;color:#107c10}.notification-timestamp{bottom:8px;color:#a19f9d;font-size:11px;position:absolute;right:16px}.desktop-notification:nth-child(2){top:110px}.desktop-notification:nth-child(3){top:200px}.desktop-notification:nth-child(4){top:290px}@media (max-width:768px){.desktop-notification{left:20px;right:20px;transform:translateY(-100px);width:calc(100vw - 40px)}.desktop-notification.visible{transform:translateY(0)}.desktop-notification.exiting{transform:translateY(-100px)}}@media (prefers-color-scheme:dark){.desktop-notification{background:#2d2c2c;border-color:#484644}.notification-body{background:#2d2c2c}.notification-message{color:#fff}.notification-actions{background:#3b3a39;border-color:#484644}.action-btn{background:#2d2c2c;border-color:#484644;color:#fff}.action-btn:hover{background:#3b3a39}}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.desktop-notification:hover{box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a;transform:translateY(-2px)}.desktop-notification:hover.visible{transform:translateX(0) translateY(-2px)}.contacts-page{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;width:100%}.contacts-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.loading-icon{color:var(--whatsapp-green);font-size:48px}.spinning{animation:spin 1s linear infinite}.contacts-stats{grid-gap:16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px 24px}.stat-card{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:var(--whatsapp-green);box-shadow:var(--shadow-medium);transform:translateY(-2px)}[data-theme=dark] .stat-card:hover{box-shadow:0 8px 24px #0006}.stat-card .stat-icon{align-items:center;background:#25d3661a;border-radius:12px;color:var(--whatsapp-green);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}[data-theme=dark] .stat-card .stat-icon{background:#25d36633}.stat-card .stat-content{display:flex;flex-direction:column;gap:4px}.stat-card .stat-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1}.stat-card .stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.contacts-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 24px 16px}.header-left h1{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.header-left p{color:var(--text-secondary);font-size:14px;margin:0}.add-contact-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.add-contact-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}[data-theme=dark] .add-contact-btn{box-shadow:0 2px 8px #25d36633}[data-theme=dark] .add-contact-btn:hover{box-shadow:0 4px 12px #25d36666}.contacts-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:16px 24px}.search-bar{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;gap:10px;padding:10px 16px;position:relative;transition:all .2s ease}.search-bar:focus-within{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d36614}.search-bar svg{color:var(--text-secondary);flex-shrink:0;font-size:18px}.search-bar input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.search-bar input::placeholder{color:var(--text-tertiary)}.view-toggle{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;display:flex;gap:4px;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all .2s ease}.view-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.view-btn.active{background:var(--whatsapp-green);color:#fff}.contacts-container{flex:1 1;overflow-y:auto;padding:24px}.contacts-container.grid-view{grid-gap:16px;align-content:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.contacts-container.list-view{display:flex;flex-direction:column;gap:12px}.contact-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.contact-card:hover{border-color:var(--whatsapp-green);box-shadow:var(--shadow-medium);transform:translateY(-2px)}[data-theme=dark] .contact-card:hover{box-shadow:0 8px 24px #0006}.grid-view .contact-card{align-items:center;flex-direction:column;text-align:center}.list-view .contact-card{align-items:flex-start;flex-direction:row}.contact-avatar{align-items:center;background:linear-gradient(135deg,var(--whatsapp-green) 0,var(--whatsapp-green-dark) 100%);border-radius:50%;box-shadow:0 4px 12px #25d36633;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}[data-theme=dark] .contact-avatar{box-shadow:0 4px 12px #25d3664d}.list-view .contact-avatar{height:56px;width:56px}.contact-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initials{font-size:28px;font-weight:700;letter-spacing:1px}.list-view .avatar-initials{font-size:20px}.contact-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.grid-view .contact-info{align-items:center;width:100%}.contact-name{color:var(--text-primary);font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-view .contact-name{font-size:16px}.contact-detail{align-items:center;display:flex;gap:8px}.contact-detail,.contact-detail svg{color:var(--text-secondary);font-size:14px}.contact-detail svg{flex-shrink:0}.contact-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.grid-view .contact-tags{justify-content:center}.tag{background:#25d3661a;border:1px solid #25d36633;border-radius:12px;color:var(--whatsapp-green);font-size:12px;font-weight:500;padding:4px 10px}[data-theme=dark] .tag{background:#25d36626;border-color:#25d3664d}.tag.more-tags{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.contact-actions{display:flex;gap:8px}.grid-view .contact-actions{border-top:1px solid var(--border-color);justify-content:center;padding-top:12px;width:100%}.action-btn{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:10px;transition:all .2s ease}.action-btn:hover{box-shadow:var(--shadow-light);transform:translateY(-1px)}[data-theme=dark] .action-btn:hover{box-shadow:0 4px 12px #0006}.action-btn.primary{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}.action-btn.primary:hover{background:var(--whatsapp-green-dark)}.action-btn.danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.action-btn.danger:hover{background:#ef444433;border-color:#ef444480}.empty-state{padding:80px 40px}.empty-icon{color:var(--border-color);font-size:80px;opacity:.5}[data-theme=dark] .empty-icon{opacity:.3}.empty-state h3{color:var(--text-primary);font-size:24px}.empty-state p{color:var(--text-secondary);font-size:16px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-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:10000}[data-theme=dark] .modal-overlay{background:#000000d9}.modal-content{animation:slideUp .3s ease;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-heavy);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1.5px solid var(--border-color);justify-content:space-between;padding:24px}.modal-header h2{font-size:22px}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:all .2s ease}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .modal-content{box-shadow:0 20px 60px #0009}.modal-content form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group textarea{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:var(--bg-secondary);border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d36614;outline:none}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{background:var(--bg-tertiary);border-radius:0 0 16px 16px;border-top:1.5px solid var(--border-color);display:flex;gap:12px;padding:20px 24px}.cancel-btn,.submit-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-primary)}.cancel-btn:hover{background:var(--bg-tertiary)}.submit-btn{background:var(--whatsapp-green)}.submit-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}[data-theme=dark] .submit-btn:hover{box-shadow:0 4px 12px #25d36666}@media (max-width:768px){.contacts-stats{gap:12px;grid-template-columns:1fr;padding:16px}.stat-card{padding:16px}.contacts-header{align-items:flex-start;flex-direction:column;gap:16px}.add-contact-btn{justify-content:center;width:100%}.contacts-toolbar{flex-direction:column;padding:12px 16px}.contacts-container.grid-view{grid-template-columns:1fr;padding:16px}.contact-card,.contacts-container{padding:16px}.list-view .contact-card{align-items:center;flex-direction:column;text-align:center}.list-view .contact-info{align-items:center}.list-view .contact-tags{justify-content:center}.list-view .contact-actions{border-top:1px solid var(--border-color);justify-content:center;padding-top:12px;width:100%}}.profile-completion-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.profile-completion-modal{animation:slideUp .4s ease-out;background:var(--bg-secondary);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:40px;width:100%}.modal-header{align-items:center;flex-direction:column;margin-bottom:32px}.modal-header,.modal-header h2{display:flex;gap:8px;justify-content:center;text-align:center;width:100%}.modal-header h2{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.modal-header p{color:var(--text-secondary);font-size:15px;margin:0;text-align:center;width:100%}.profile-form{display:flex;flex-direction:column;gap:24px}.photo-upload-section{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:24px}.photo-preview{background:var(--bg-tertiary);border:4px solid var(--bg-secondary);border-radius:50%;box-shadow:var(--shadow-medium);height:120px;overflow:hidden;width:120px}.photo-preview img{height:100%;object-fit:cover;width:100%}.photo-placeholder{align-items:center;background:var(--bg-tertiary);color:var(--text-tertiary);display:flex;height:100%;justify-content:center;width:100%}.photo-upload-button{align-items:center;background:#3b82f6;border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.photo-upload-button:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}.photo-hint{color:var(--text-tertiary);font-size:12px;margin:0}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.form-field label svg{color:var(--text-secondary);height:16px;width:16px}.form-field input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;padding:14px 16px;transition:all .3s ease}.form-field input:focus{border-color:#3b82f6;outline:none}.form-field input::placeholder{color:var(--text-tertiary)}.error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;color:#991b1b;font-size:14px;font-weight:500;padding:12px 16px}.submit-button{align-items:center;background:#3b82f6;border:none;border-radius:12px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:16px 24px;transition:all .3s ease}.submit-button:hover:not(:disabled){background:#2563eb;transform:scale(1.02)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.logout-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:12px;padding:12px 20px;transition:all .2s ease;width:100%}.logout-button:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}@media (max-width:480px){.profile-completion-modal{border-radius:16px;padding:28px 20px}.modal-header h2{font-size:24px}.modal-header p{font-size:14px}.photo-upload-section{padding:20px}.photo-preview{height:100px;width:100px}.form-field input{font-size:14px;padding:12px 14px}.submit-button{font-size:15px;padding:14px 20px}}.ticket-detail-redesign{background:#f3f4f6;display:flex;flex-direction:column;font-family:Outfit,system-ui,sans-serif;height:100vh;overflow:hidden}.ticket-header-fixed{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:20px;justify-content:space-between;padding:12px 24px 12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{flex:0 0 auto;gap:4px;min-width:0;overflow:visible}.back-btn-icon,.info-btn-icon{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin:0;padding:6px;transition:all .2s;width:32px}.back-btn-icon:hover,.info-btn-icon:hover{background:#f3f4f6;color:#3b82f6}.back-btn-icon svg,.info-btn-icon svg{font-size:20px}.header-title-section{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.ticket-title-header{color:#111827;font-size:16px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.ticket-id-badge{align-self:flex-start;background:#3b82f6;border-radius:9999px;color:#fff;flex-shrink:0;font-size:13px;font-weight:600;margin-top:0;padding:4px 12px;white-space:nowrap}.header-controls{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px}.control-item{align-items:flex-start;display:flex;flex-direction:column;gap:2px;justify-content:center}.control-item label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.3px;line-height:1;text-transform:uppercase}.select-control{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;min-width:110px;padding:5px 8px;transition:all .2s}.select-control:hover{border-color:#3b82f6}.select-control:focus{border-color:#3b82f6;outline:none}.assignment-dropdown-container{position:relative}.assignment-select{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;min-width:150px;padding:5px 8px;transition:all .2s}.assignment-select.active{border-color:#3b82f6}.assignment-selected{align-items:center;display:flex;gap:8px}.assignment-avatar{background:#e0e0e0;border-radius:50%;height:24px;object-fit:cover;width:24px}.assignment-avatar-initials{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;width:24px}.assignment-avatar-empty{background:#e5e7eb;border:2px dashed #9ca3af;border-radius:50%;height:24px;width:24px}.assignment-dropdown-list{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;left:0;max-height:400px;max-width:400px;min-width:100%;overflow:hidden;position:absolute;top:calc(100% + 4px);width:-webkit-max-content;width:max-content;z-index:1000}.assignment-search-input{background:#f9fafb;border:none;border-bottom:2px solid #e5e7eb;font-size:14px;outline:none;padding:10px 12px}.assignment-search-input:focus{background:#fff;border-bottom-color:#3b82f6}.assignment-options{max-height:350px;overflow-y:auto}.assignment-option{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s;width:100%}.assignment-option:last-child{border-bottom:none}.assignment-option:hover{background:#eff6ff}.assignment-option-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.assignment-option-name{color:#111827;font-size:13px;font-weight:500}.assignment-option-email{color:#6b7280;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resolve-btn-header{align-items:center;background:#6b7280;border:none;border-radius:6px;box-shadow:0 1px 3px #6b728033;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;height:32px;padding:6px 12px;transition:all .2s;white-space:nowrap}.resolve-btn-header.has-resolution{background:#10b981}.stripe-search-btn{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;height:32px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.stripe-search-btn:hover{background:#4f46e5;transform:scale(1.02)}.resolve-btn-header:hover{transform:translateY(-1px)}.resolve-btn-header:hover:not(.has-resolution){background:#4b5563;box-shadow:0 4px 12px #6b72804d}.resolve-btn-header.has-resolution:hover{box-shadow:0 4px 12px #10b9814d}.notes-toggle-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;height:32px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.notes-toggle-btn:hover{background:#2563eb;transform:scale(1.02)}.notes-count-badge{background:#ffffff4d;border-radius:10px;font-size:11px;min-width:18px;padding:2px 6px;text-align:center}.content-wrapper{display:flex;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;transition:all .3s ease}.content-wrapper.notes-open .ticket-main-layout{width:calc(100% - 500px)}.notes-slide-panel-push{animation:slideIn .3s ease;background:#fff;border-left:2px solid #e5e7eb;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;max-width:500px;min-width:500px;overflow:hidden;width:500px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.notes-panel-header{align-items:center;background:#fff;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.notes-panel-title{align-items:center;display:flex;gap:12px}.notes-panel-title svg{color:#3b82f6;font-size:22px}.notes-panel-title h3{color:#111827;font-size:18px;font-weight:600;margin:0}.close-panel-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.close-panel-btn:hover{background:#f3f4f6;color:#ef4444}.notes-panel-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding-bottom:0}.notes-panel-content .notes-list{flex:1 1;overflow-y:auto;padding:20px 24px 10px}.add-note-input-fixed{background:#fff;border-top:2px solid #f3f4f6;bottom:0;box-shadow:0 -4px 12px #0000000d;padding:16px 24px 20px;position:-webkit-sticky;position:sticky;z-index:10}.messages-section-main{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-height:400px;padding:20px}.ticket-main-layout{display:flex;flex:1 1;gap:24px;margin:0 auto;max-width:1800px;overflow-x:hidden;padding:24px 32px;transition:width .3s ease;width:100%}.ticket-content-area{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:0}.user-info-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:24px;padding:20px;position:relative}.user-info-left{align-items:center;display:flex;flex-shrink:0;gap:16px}.ticket-title-section{flex:1 1;min-width:0;padding-top:4px}.ticket-title-main{word-wrap:break-word;color:#1a202c;font-size:20px;font-weight:600;line-height:1.3;margin:0;overflow-wrap:break-word}.user-info-attachment-section{align-items:flex-end;display:flex;flex-direction:column;gap:8px;margin-left:auto}.attach-ticket-btn-header{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.attach-ticket-btn-header:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.upload-ticket-btn-header{background:#667dff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s;white-space:nowrap}.upload-ticket-btn-header:hover{background:#5568e5;transform:translateY(-1px)}.upload-ticket-btn-header:disabled{cursor:not-allowed;opacity:.6;transform:none}.attachment-previews-inline{display:flex;flex-direction:column;gap:6px;margin-top:4px;max-width:300px}.attachment-preview-inline{align-items:center;background:#10b98114;border:1px solid #10b98133;border-radius:6px;display:flex;gap:8px;padding:6px 10px}.attachment-name-inline{color:var(--text-primary);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-inline-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s}.remove-inline-btn:hover{background:#ef44441a}.user-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;overflow:hidden;width:56px}.avatar-wrapper{position:relative}.avatar-wrapper,.avatar-wrapper .avatar-initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-wrapper .avatar-initials{color:#fff;font-size:20px;font-weight:600;position:absolute;text-transform:uppercase;transition:opacity .3s ease;z-index:1}.avatar-wrapper .avatar-initials.hidden{opacity:0}.user-avatar .avatar-img{border-radius:12px;height:100%;object-fit:cover;opacity:0;position:absolute;transition:opacity .3s ease;width:100%;z-index:2}.user-avatar .avatar-img.loaded{opacity:1}.user-avatar .avatar-initials{color:#fff;font-size:20px;font-weight:600;text-transform:uppercase}.user-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.user-details h3{color:#111827;font-size:16px;font-weight:600;margin:0}.user-name-row .ticket-id-badge{font-size:11px;padding:3px 10px}.user-email{color:#6b7280;font-size:14px;margin:0 0 8px}.user-meta{color:#9ca3af;display:flex;font-size:13px;gap:16px}.user-meta span{align-items:center;display:flex;gap:6px}.description-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px}.description-card h3{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.description-card p{color:#374151;line-height:1.6;margin:0}.additional-info-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;margin-top:20px;padding:20px;text-align:left}.additional-info-card .card-header{align-items:center;align-self:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;text-align:left;width:100%}.additional-info-card .card-header h3{flex:1 1;margin:0;text-align:left}.additional-info-card .card-header svg{color:#667dff;flex-shrink:0;height:20px;margin-left:auto;width:20px}.additional-items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.additional-items-grid .info-item{display:flex;flex-direction:column;gap:6px}.additional-items-grid .info-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.additional-items-grid .info-value{color:#111827;font-size:14px;word-break:break-word}.additional-items-grid .info-empty{color:#9ca3af;font-style:italic}.additional-items-grid .info-email,.additional-items-grid .info-link{color:#667dff;font-size:14px;text-decoration:none;transition:color .2s;word-break:break-all}.additional-items-grid .info-email:hover,.additional-items-grid .info-link:hover{color:#4f5fe0;text-decoration:underline}.empty-additional-info{color:#9ca3af;font-size:14px;font-style:italic;margin:0;padding:20px;text-align:center}.ticket-link{border-bottom:1px solid #0000;color:#3b82f6;font-weight:500;text-decoration:none;transition:all .2s;word-break:break-all}.ticket-link:hover{border-bottom-color:#2563eb;color:#2563eb;text-decoration:none}.ticket-attachments-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.ticket-attachments-section h4{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.ticket-attachments-section h4 svg{color:#10b981}.tabbed-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex:1 1;flex-direction:column;max-height:800px;min-height:500px;overflow:hidden}.tab-header{background:#fafafa;border-bottom:2px solid #f3f4f6;display:flex;padding:0}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 20px;position:relative;transition:all .2s}.tab-button:hover{background:#f3f4f6;color:#10b981}.tab-button.active{background:#fff;border-bottom-color:#10b981;color:#10b981}.tab-button svg{flex-shrink:0}.tab-count{background:#e5e7eb;border-radius:10px;color:#6b7280;font-size:11px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.tab-button.active .tab-count{background:#d1fae5;color:#10b981}.tab-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages-section-tabbed,.notes-section-tabbed{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.split-view-container{display:flex;flex:1 1;flex-direction:column;gap:20px}.messages-section,.notes-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;padding:20px}.notes-section{max-height:400px;min-height:300px}.messages-section{flex:1 1;min-height:350px}.section-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.section-header h3{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.count-badge{background:#10b981;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.notes-list{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:16px;max-height:500px;min-height:300px;overflow-y:auto}.note-item{background:#f9fafb;border-left:3px solid #10b981;border-radius:8px;padding:12px}.note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.note-header strong{color:#111827;font-size:14px}.note-time{color:#9ca3af;font-size:12px}.note-content{color:#374151;font-size:14px;line-height:1.5;margin:0 0 8px}.note-actions{gap:8px;margin-top:8px}.like-btn,.note-actions{align-items:center;display:flex}.like-btn{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s}.like-btn:hover{background:#f3f4f6;color:#ef4444}.like-btn.liked{color:#ef4444}.like-btn.liked svg{fill:#ef4444}.like-btn svg{height:16px;transition:all .2s;width:16px}.like-count{font-size:13px;font-weight:600}.attachment-viewer-modal{animation:fadeIn .2s ease;background:#000000f2;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.attachment-viewer-content,.attachment-viewer-modal{align-items:center;display:flex;justify-content:center}.attachment-viewer-content{height:100%;max-height:90vh;max-width:90vw;position:relative;width:100%}.viewer-close-btn,.viewer-download-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;top:20px;transition:all .2s;width:44px;z-index:10001}.viewer-close-btn{right:20px}.viewer-download-btn{right:80px}.viewer-close-btn:hover,.viewer-download-btn:hover{background:#fff3;transform:scale(1.1)}.viewer-close-btn svg,.viewer-download-btn svg{height:24px;width:24px}.viewer-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:54px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:54px;z-index:10001}.viewer-prev-btn{left:20px}.viewer-next-btn{right:20px}.viewer-nav-btn:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.viewer-nav-btn svg{height:32px;width:32px}.viewer-attachment-container{align-items:center;display:flex;justify-content:center;max-height:100%;max-width:100%}.viewer-image{border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:100%;object-fit:contain}.viewer-pdf{background:#fff;border:none;border-radius:8px;height:90vh;width:90vw}.viewer-file-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;color:#fff;padding:40px;text-align:center}.viewer-file-info svg{color:#ffffff80;margin-bottom:20px}.viewer-file-info p{font-size:16px;margin:10px 0}.viewer-filename{color:#ffffffb3;font-size:14px;word-break:break-word}.viewer-download-link{align-items:center;background:#10b981;border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:8px;margin-top:20px;padding:12px 24px;text-decoration:none;transition:all .2s}.viewer-download-link:hover{background:#059669;transform:scale(1.05)}.viewer-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;bottom:20px;color:#fff;font-size:14px;font-weight:600;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.add-note-input{display:flex;flex-direction:column;gap:12px}.add-note-input textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s;width:100%}.add-note-input textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.add-note-btn{align-items:center;align-self:flex-end;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s}.add-note-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.add-note-btn:disabled{cursor:not-allowed;opacity:.5}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto}.message-item{border:1px solid #e5e7eb;border-radius:12px;padding:16px}.message-item.user{background:#f0fdf4;border-left:3px solid #10b981}.message-item.assistant{background:#f9fafb;border-left:3px solid #6b7280}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-header strong{color:#111827;font-size:14px}.message-time{color:#9ca3af;font-size:12px}.message-content{color:#374151;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.empty-state{color:#9ca3af;padding:40px 20px}.empty-state svg{margin-bottom:12px;opacity:.5}.resolution-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px;transition:all .3s}.resolution-card.highlight{animation:highlightPulse 1s ease-out;box-shadow:0 0 0 3px #10b9814d}@keyframes highlightPulse{0%{box-shadow:0 0 0 0 #10b98180}50%{box-shadow:0 0 0 8px #10b98133}to{box-shadow:0 2px 8px #0000000a}}.resolution-card h3{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.resolution-card textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;resize:vertical;transition:all .2s;width:100%}.resolution-card textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.resolve-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.resolve-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.resolve-btn:disabled{cursor:not-allowed;opacity:.5}.resolution-display{background:#f0fdf4;border:2px solid #10b981;border-radius:12px;padding:20px}.resolution-display h3{align-items:center;color:#059669;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.resolution-display p{color:#166534;line-height:1.6;margin:0 0 12px}.resolution-meta{color:#059669;display:flex;font-size:13px;gap:16px}.ai-flow-sidebar{align-self:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;flex-shrink:0;max-height:calc(100vh - 140px);overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:24px;width:320px}.sidebar-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:10px;margin-bottom:20px;padding-bottom:16px}.sidebar-header svg{color:#10b981;font-size:20px}.sidebar-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.flow-map{display:flex;flex-direction:column;gap:16px}.flow-step{word-wrap:break-word;background:#fff;border:1px solid #e5e7eb;border-left:3px solid #10b981;border-radius:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s}.flow-step.active{animation:pulse 2s ease-in-out infinite;background:#f0fdf4;border-left-color:#10b981}.flow-step.completed{background:#fff;border-left-color:#10b981}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.flow-step-header{justify-content:space-between;margin-bottom:8px;max-width:100%}.flow-step-header,.flow-step-title{align-items:center;display:flex;gap:8px;overflow:hidden}.flow-step-title{flex:1 1;min-width:0}.flow-step-title h4{color:#111827;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-icon{align-items:center;color:#10b981;display:flex;font-size:16px;height:20px;justify-content:center;width:20px}.flow-content{max-width:100%;overflow:hidden;word-break:break-word}.flow-content,.flow-content h4{word-wrap:break-word;overflow-wrap:break-word}.flow-content h4{color:#111827;font-size:14px;font-weight:600;margin:0}.flow-content p{word-wrap:break-word;color:#6b7280;font-size:13px;line-height:1.6;margin:4px 0 0;max-width:100%;overflow-wrap:break-word;white-space:normal}.flow-time{color:#9ca3af;font-size:12px;white-space:nowrap}.flow-connector{animation:flowDown 2s ease-in-out infinite;background:linear-gradient(180deg,#10b981,#0000);bottom:-18px;height:18px;left:18px;position:absolute;width:2px}@keyframes flowDown{0%,to{opacity:.3}50%{opacity:1}}.step-indicators{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.step-badge{background:#10b981;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.status-text{display:inline-block;font-size:13px;font-weight:600;margin-top:0}.resolution-preview{color:#059669;font-size:13px;font-style:italic;line-height:1.6;margin-top:8px}.empty-flow-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-flow-state svg{margin-bottom:12px;opacity:.5}.empty-flow-state p{font-size:14px;margin:0 0 4px}.empty-flow-state small{color:#d1d5db;font-size:12px}.additional-info-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden}.additional-info-box .sidebar-header{align-items:center;background:linear-gradient(135deg,#6772e5,#5469d4);border-bottom:none;color:#fff;display:flex;gap:8px;padding:12px 16px}.additional-info-box .sidebar-header h3{color:#fff;font-size:14px}.additional-items-list{padding:16px}.info-item{border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:6px;padding-bottom:16px}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item .info-value{color:#1f2937;font-size:14px;word-break:break-word}.info-item .info-email,.info-item .info-link{color:#6772e5;font-size:14px;text-decoration:none;transition:color .2s;word-break:break-all}.info-item .info-email:hover,.info-item .info-link:hover{color:#5469d4;text-decoration:underline}.info-item .info-empty{color:#9ca3af;font-size:13px;font-style:italic}.ticket-detail-error,.ticket-detail-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}.ticket-detail-error svg{color:#ef4444}.back-btn{background:#10b981;color:#fff;font-weight:600;padding:10px 20px}.back-btn:hover{background:#059669;transform:translateY(-1px)}.ai-flow-sidebar::-webkit-scrollbar,.messages-list::-webkit-scrollbar,.notes-list::-webkit-scrollbar{width:6px}.ai-flow-sidebar::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track,.notes-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.ai-flow-sidebar::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb,.notes-list::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.ai-flow-sidebar::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover,.notes-list::-webkit-scrollbar-thumb:hover{background:#059669}@media (max-width:1400px){.ai-flow-sidebar{width:280px}}@media (max-width:1200px){.ticket-main-layout{flex-direction:column}.ai-flow-sidebar{max-height:500px;position:static;width:100%}.split-view-container{max-height:none}}@media (max-width:768px){.ticket-header-fixed{align-items:flex-start;flex-direction:column;gap:16px}.header-controls{justify-content:flex-end;width:100%}.ticket-main-layout{flex-direction:column}.ai-flow-sidebar,.ticket-content-area{width:100%}}[data-theme=dark] .ticket-detail-redesign{background:#0b141a}[data-theme=dark] .ticket-header-fixed{background:#111b21;border-bottom-color:#2a3942;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .back-btn-icon,[data-theme=dark] .info-btn-icon{color:#8696a0}[data-theme=dark] .back-btn-icon:hover,[data-theme=dark] .info-btn-icon:hover{background:#2a3942;color:#3b82f6}[data-theme=dark] .ticket-title-header{color:#e9edef}[data-theme=dark] .additional-info-box,[data-theme=dark] .additional-info-card,[data-theme=dark] .admin-notes-card,[data-theme=dark] .description-card,[data-theme=dark] .messages-section,[data-theme=dark] .messages-section-main,[data-theme=dark] .notes-section,[data-theme=dark] .user-info-card{background:#111b21;border-color:#2a3942}[data-theme=dark] .attach-ticket-btn-header{background:#3b82f6}[data-theme=dark] .attach-ticket-btn-header:hover{background:#20ba5a}[data-theme=dark] .upload-ticket-btn-header{background:#8696ff}[data-theme=dark] .upload-ticket-btn-header:hover{background:#7080e5}[data-theme=dark] .attachment-preview-inline{background:#25d3661a;border-color:#25d36633}[data-theme=dark] .attachment-name-inline{color:#e9edef}[data-theme=dark] .remove-inline-btn{color:#ff6b6b}[data-theme=dark] .remove-inline-btn:hover{background:#ff6b6b1a}[data-theme=dark] .messages-section-tabbed{background:#111b21;border-color:#2a3942}[data-theme=dark] .additional-info-card .card-header h3,[data-theme=dark] .admin-notes-card h3,[data-theme=dark] .description-card h3,[data-theme=dark] .section-header h3,[data-theme=dark] .ticket-title-main,[data-theme=dark] .user-details h3{color:#e9edef}[data-theme=dark] .additional-info-card .card-header svg{color:#8696ff}[data-theme=dark] .additional-items-grid .info-item label{color:#8696a0}[data-theme=dark] .additional-items-grid .info-value{color:#e9edef}[data-theme=dark] .additional-items-grid .info-email,[data-theme=dark] .additional-items-grid .info-link{color:#8696ff}[data-theme=dark] .additional-items-grid .info-email:hover,[data-theme=dark] .additional-items-grid .info-link:hover{color:#a0b0ff}[data-theme=dark] .empty-additional-info{color:#667781}[data-theme=dark] .user-email,[data-theme=dark] .user-meta{color:#8696a0}[data-theme=dark] .description-card p,[data-theme=dark] .description-text,[data-theme=dark] .message-content,[data-theme=dark] .note-content{color:#e9edef}[data-theme=dark] .like-btn{color:#8696a0}[data-theme=dark] .like-btn:hover{background:#2a3942;color:#ff6b6b}[data-theme=dark] .like-btn.liked{color:#ff6b6b}[data-theme=dark] .like-btn.liked svg{fill:#ff6b6b}[data-theme=dark] .message-item,[data-theme=dark] .note-item{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .message-header strong,[data-theme=dark] .note-header strong{color:#e9edef}[data-theme=dark] .empty-messages,[data-theme=dark] .empty-notes,[data-theme=dark] .message-time,[data-theme=dark] .note-time{color:#667781}[data-theme=dark] .add-note-container textarea{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .add-note-container textarea::placeholder{color:#667781}[data-theme=dark] .add-note-container textarea:focus{border-color:#3b82f6}[data-theme=dark] .ai-flow-sidebar{background:#111b21;border-left-color:#2a3942}[data-theme=dark] .sidebar-header{color:#e9edef}[data-theme=dark] .flow-step{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .flow-step.active{border-color:#3b82f6}[data-theme=dark] .flow-content p,[data-theme=dark] .flow-step-title h4{color:#e9edef}[data-theme=dark] .flow-time{color:#667781}[data-theme=dark] .step-badge{background:#2a3942;color:#8696a0}[data-theme=dark] .flow-connector{background:#2a3942}[data-theme=dark] .empty-flow-state{color:#667781}[data-theme=dark] .additional-info-box{background:#111b21;border-color:#2a3942}[data-theme=dark] .additional-info-box .sidebar-header{background:linear-gradient(135deg,#5469d4,#4353b8)}[data-theme=dark] .info-item label{color:#8696a0}[data-theme=dark] .info-item .info-value{color:#e9edef}[data-theme=dark] .info-item .info-email,[data-theme=dark] .info-item .info-link{color:#53bdeb}[data-theme=dark] .info-item .info-email:hover,[data-theme=dark] .info-item .info-link:hover{color:#8cd3f7}[data-theme=dark] .info-empty{color:#667781}[data-theme=dark] .status-badge.open{background:#1e3a5f;color:#3b82f6}[data-theme=dark] .status-badge.in_progress{background:#3d3520;color:#fbbf24}[data-theme=dark] .status-badge.resolved{background:#1e3a5f;color:#60a5fa}[data-theme=dark] .status-badge.closed{background:#2a2a2a;color:#9ca3af}[data-theme=dark] .priority-badge.urgent{background:#4a1f1f;color:#ef4444}[data-theme=dark] .priority-badge.high{background:#4a2f1f;color:#f97316}[data-theme=dark] .priority-badge.medium{background:#4a4520;color:#eab308}[data-theme=dark] .priority-badge.low{background:#1f3a2e;color:#22c55e}[data-theme=dark] .action-btn{background:#1f2c34;border-color:#2a3942;color:#8696a0}[data-theme=dark] .action-btn:hover{background:#2a3942;border-color:#3b82f6;color:#e9edef}[data-theme=dark] .action-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#111b21}[data-theme=dark] .action-btn.primary:hover{background:#20bd5a}[data-theme=dark] .action-btn.danger{background:#dc2626}[data-theme=dark] .action-btn.danger:hover{background:#b91c1c}[data-theme=dark] .count-badge{background:#2a3942;color:#8696a0}[data-theme=dark] .resolution-card{background:#1e3a5f;border-color:#3b82f6}[data-theme=dark] .resolution-content{color:#e9edef}[data-theme=dark] .resolution-meta,[data-theme=dark] .ticket-detail-error,[data-theme=dark] .ticket-detail-loading{color:#8696a0}[data-theme=dark] .ticket-detail-error{color:#ef4444}[data-theme=dark] .ticket-id-badge{background:#3b82f6;color:#111b21}[data-theme=dark] .category-dropdown select,[data-theme=dark] .priority-dropdown select,[data-theme=dark] .status-dropdown select{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .category-dropdown select:focus,[data-theme=dark] .priority-dropdown select:focus,[data-theme=dark] .status-dropdown select:focus{background:#111b21;border-color:#3b82f6}[data-theme=dark] .category-dropdown label,[data-theme=dark] .priority-dropdown label,[data-theme=dark] .status-dropdown label{color:#8696a0}[data-theme=dark] .add-note-header,[data-theme=dark] .admin-notes-header{color:#e9edef}[data-theme=dark] .add-note-btn{background:#1f2c34;border-color:#2a3942;color:#8696a0}[data-theme=dark] .add-note-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#111b21}[data-theme=dark] select option{background:#1f2c34;color:#e9edef}[data-theme=dark] .add-note-input{background:#0000}[data-theme=dark] .add-note-input textarea{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .add-note-input textarea::placeholder{color:#667781}[data-theme=dark] .add-note-input textarea:focus{border-color:#3b82f6}[data-theme=dark] .control-item label{color:#8696a0}[data-theme=dark] .select-control{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .select-control:focus{background:#111b21;border-color:#3b82f6}[data-theme=dark] .select-control option{background:#1f2c34;color:#e9edef}[data-theme=dark] .assignment-select{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .assignment-select.active{border-color:#3b82f6}[data-theme=dark] .assignment-avatar-empty{background:#2a3942;border-color:#667781}[data-theme=dark] .assignment-dropdown-list{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .assignment-search-input{background:#111b21;border-bottom-color:#2a3942;color:#e9edef}[data-theme=dark] .assignment-search-input:focus{background:#1f2c34;border-bottom-color:#3b82f6}[data-theme=dark] .assignment-option{border-bottom-color:#2a3942}[data-theme=dark] .assignment-option:hover{background:#0d3b2e}[data-theme=dark] .assignment-option-name{color:#e9edef}[data-theme=dark] .assignment-option-email{color:#8696a0}[data-theme=dark] .section-header{border-bottom-color:#2a3942}[data-theme=dark] .section-header h3 svg{color:#3b82f6}[data-theme=dark] .ai-flow-sidebar::-webkit-scrollbar-track,[data-theme=dark] .messages-list::-webkit-scrollbar-track,[data-theme=dark] .notes-list::-webkit-scrollbar-track{background:#2a3942}[data-theme=dark] .ai-flow-sidebar::-webkit-scrollbar-thumb,[data-theme=dark] .messages-list::-webkit-scrollbar-thumb,[data-theme=dark] .notes-list::-webkit-scrollbar-thumb{background:#3b82f6}[data-theme=dark] .ai-flow-sidebar::-webkit-scrollbar-thumb:hover,[data-theme=dark] .messages-list::-webkit-scrollbar-thumb:hover,[data-theme=dark] .notes-list::-webkit-scrollbar-thumb:hover{background:#20bd5a}@media (max-width:1024px){.ticket-title-header{font-size:17px}.header-controls{gap:8px}.control-item label{font-size:10px}.select-control{font-size:12px;min-width:100px;padding:5px 8px}}@media (max-width:768px){.ticket-header-fixed{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.header-left{width:100%}.ticket-title-header{word-wrap:break-word;font-size:15px;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal}.ticket-id-badge{font-size:11px;padding:3px 8px}.header-controls{flex-wrap:wrap;gap:6px;justify-content:flex-start;width:100%}.control-item{flex:1 1;min-width:100px}.user-info-card{align-items:flex-start;flex-direction:column;gap:16px}.ticket-title-section,.user-info-left{width:100%}.ticket-title-main{font-size:18px}.user-info-attachment-section{align-items:flex-start;margin-left:0;width:100%}}.note-attachments{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px}.attachment-link{display:block;text-decoration:none;transition:transform .2s}.attachment-link:hover{transform:translateY(-2px)}.attachment-image-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative;width:150px}.attachment-image-preview img{display:block;height:120px;object-fit:cover;width:100%}.attachment-image-preview .attachment-name{background:#fff;color:#6b7280;display:block;font-size:11px;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.attachment-file{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;min-width:200px;padding:10px 14px;transition:all .2s}.attachment-file:hover{background:#f3f4f6;border-color:#10b981}.attachment-file svg{color:#10b981;flex-shrink:0;font-size:20px}.attachment-info{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-info .attachment-name{color:#1f2937;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-info .attachment-size{color:#9ca3af;font-size:11px}.note-mentions{align-items:center;border-top:1px solid #f3f4f6;color:#6b7280;display:flex;font-size:12px;gap:6px;margin-top:8px;padding-top:8px}.mention-badge{background:#dbeafe;border-radius:12px;color:#1e40af;font-size:11px;font-weight:600;padding:2px 8px}.note-input-actions{align-items:center;display:flex;gap:8px;margin-top:8px}.attach-file-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.attach-file-btn:hover{background:#e5e7eb;border-color:#10b981;color:#10b981}.attach-file-btn svg{font-size:16px}.attachment-previews{background:#f9fafb;flex-direction:column;gap:8px;margin-top:12px;padding:12px}.attachment-preview-item,.attachment-previews{border:1px solid #e5e7eb;border-radius:8px;display:flex}.attachment-preview-item{align-items:center;background:#fff;gap:12px;padding:10px}.preview-thumbnail{object-fit:cover}.file-preview-icon,.preview-thumbnail{border-radius:6px;flex-shrink:0;height:50px;width:50px}.file-preview-icon{align-items:center;background:#f3f4f6;color:#6b7280;display:flex;justify-content:center}.attachment-preview-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.preview-name{color:#1f2937;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-size{color:#9ca3af;font-size:11px}.remove-attachment-btn{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-attachment-btn:hover:not(:disabled){background:#fee2e2;transform:scale(1.05)}.remove-attachment-btn:disabled{cursor:not-allowed;opacity:.5}.add-note-btn{flex:1 1;margin-left:auto}[data-theme=dark] .note-attachments{border-top-color:#2a3942}[data-theme=dark] .attachment-image-preview{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .attachment-image-preview .attachment-name{background:#1f2c34;color:#8696a0}[data-theme=dark] .attachment-file{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .attachment-file:hover{background:#2a3942;border-color:#3b82f6}[data-theme=dark] .attachment-info .attachment-name{color:#e9edef}[data-theme=dark] .mention-badge{background:#1e3a5f;color:#60a5fa}[data-theme=dark] .attach-file-btn{background:#1f2c34;border-color:#2a3942;color:#8696a0}[data-theme=dark] .attach-file-btn:hover{background:#2a3942;border-color:#3b82f6;color:#3b82f6}[data-theme=dark] .attachment-previews{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .attachment-preview-item{background:#111b21;border-color:#2a3942}[data-theme=dark] .file-preview-icon{background:#2a3942;color:#8696a0}[data-theme=dark] .preview-name{color:#e9edef}[data-theme=dark] .remove-attachment-btn{background:#4a1f1f;color:#f87171}[data-theme=dark] .remove-attachment-btn:hover:not(:disabled){background:#5c2020}.textarea-wrapper{position:relative}.add-note-input-fixed textarea,.textarea-wrapper textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:12px 14px;resize:vertical;transition:all .2s;width:100%}.add-note-input-fixed textarea:focus,.textarea-wrapper textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.add-note-input-fixed textarea::placeholder,.textarea-wrapper textarea::placeholder{color:#9ca3af}.mention-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px 8px 0 0;bottom:100%;box-shadow:0 -4px 12px #0000001a;left:0;margin-bottom:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;z-index:1000}.mention-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:all .2s}.mention-item:last-child{border-bottom:none}.mention-item:hover{background:#f9fafb}.mention-avatar{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.mention-avatar img{height:100%;object-fit:cover;width:100%}.mention-initials{color:#10b981;font-size:14px;font-weight:600}.mention-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.mention-name{color:#1f2937;font-size:14px;font-weight:600}.mention-email{color:#9ca3af;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-attachment-upload{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.ticket-attachment-upload h4{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0 0 12px}.ticket-attachment-upload h4 svg{color:#10b981}.attachment-previews-mini{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.attachment-preview-mini{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:8px}.attachment-preview-mini img{border-radius:4px;height:32px;object-fit:cover;width:32px}.preview-name-mini{color:#374151;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-mini-btn{align-items:center;background:#fee2e2;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.remove-mini-btn:hover{background:#fecaca;transform:scale(1.05)}.ticket-attachment-actions{display:flex;gap:8px}.attach-ticket-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.attach-ticket-btn:hover{background:#e5e7eb;border-color:#10b981;color:#10b981}.upload-ticket-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s;white-space:nowrap}.upload-ticket-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.upload-ticket-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .mention-dropdown{background:#1f2c34;border-color:#2a3942}[data-theme=dark] .mention-item{border-bottom-color:#2a3942}[data-theme=dark] .mention-avatar,[data-theme=dark] .mention-item:hover{background:#2a3942}[data-theme=dark] .mention-name{color:#e9edef}[data-theme=dark] .ticket-attachment-upload{border-top-color:#2a3942}[data-theme=dark] .ticket-attachment-upload h4{color:#e9edef}[data-theme=dark] .attachment-preview-mini{background:#2a3942;border-color:#374151}[data-theme=dark] .preview-name-mini{color:#e9edef}[data-theme=dark] .attach-ticket-btn{background:#2a3942;border-color:#374151;color:#8696a0}[data-theme=dark] .attach-ticket-btn:hover{background:#374151;border-color:#3b82f6;color:#3b82f6}[data-theme=dark] .tab-header{background:#1f2c34;border-bottom-color:#2a3942}[data-theme=dark] .tab-button{color:#8696a0}[data-theme=dark] .tab-button:hover{background:#2a3942;color:#3b82f6}[data-theme=dark] .tab-button.active{background:#111b21;border-bottom-color:#3b82f6;color:#3b82f6}[data-theme=dark] .tab-count{background:#2a3942;color:#8696a0}[data-theme=dark] .tab-button.active .tab-count{background:#1e3a5f;color:#3b82f6}[data-theme=dark] .notes-slide-panel-push{background:#111b21;border-left-color:#2a3942}[data-theme=dark] .notes-panel-header{background:#111b21;border-bottom-color:#2a3942}[data-theme=dark] .notes-panel-title h3{color:#e9edef}[data-theme=dark] .close-panel-btn{color:#8696a0}[data-theme=dark] .close-panel-btn:hover{background:#2a3942;color:#f87171}[data-theme=dark] .add-note-input-fixed{background:#111b21;border-top-color:#2a3942;box-shadow:0 -4px 12px #0000004d}[data-theme=dark] .add-note-input-fixed textarea,[data-theme=dark] .textarea-wrapper textarea{background:#1f2c34;border-color:#2a3942;color:#e9edef}[data-theme=dark] .add-note-input-fixed textarea::placeholder,[data-theme=dark] .textarea-wrapper textarea::placeholder{color:#667781}[data-theme=dark] .add-note-input-fixed textarea:focus,[data-theme=dark] .textarea-wrapper textarea:focus{border-color:#3b82f6}[data-theme=dark] .messages-section-main{background:#111b21;border-color:#2a3942}.task-detail-page{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:24px}.task-detail-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);height:40px;width:40px}.back-btn:hover{background:var(--bg-tertiary);border-color:var(--whatsapp-green);color:var(--whatsapp-green);transform:translateX(-2px)}.header-actions{display:flex;gap:12px;margin-left:auto}.complete-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.complete-btn:hover{background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.complete-btn.completed{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.task-detail-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px;margin:0 auto;max-width:1400px}.task-detail-main{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px}.task-title-section{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.task-title-section h1{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.3;margin:0}.task-title-section h1.completed{color:var(--text-secondary);text-decoration:line-through}.task-description-section{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:24px}.task-description-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.task-description-section p{color:var(--text-secondary);line-height:1.6;margin:0;white-space:pre-wrap}.task-subtasks-section{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:24px}.task-subtasks-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.subtasks-progress{margin-bottom:20px}.progress-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:6px}.progress-fill{background:var(--whatsapp-green);height:100%;transition:width .3s ease}.progress-text{color:var(--text-tertiary);font-size:12px;font-weight:500}.subtasks-list{margin-bottom:16px}.subtask-item{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.subtask-item:hover{background:var(--bg-secondary);box-shadow:0 2px 4px #0000000d}.subtask-item.completed{opacity:.6}.subtask-checkbox{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;padding:0;transition:all .2s}.subtask-checkbox:hover{transform:scale(1.1)}.subtask-checkbox:hover,.subtask-item.completed .subtask-checkbox{color:var(--whatsapp-green)}.subtask-text{color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.4}.subtask-item.completed .subtask-text{color:var(--text-tertiary);text-decoration:line-through}.subtask-delete{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;opacity:0;padding:4px;transition:all .2s}.subtask-item:hover .subtask-delete{opacity:1}.subtask-delete:hover{color:#ef4444}.add-subtask-section{align-items:center;display:flex;gap:8px}.subtask-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s}.subtask-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.add-subtask-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.add-subtask-btn:hover:not(:disabled){background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff;transform:translateY(-1px)}.add-subtask-btn:disabled{cursor:not-allowed;opacity:.5}.task-updates-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.updates-list{margin-bottom:24px;max-height:500px;overflow-y:auto}.update-item{border-bottom:1px solid var(--border-color);display:flex;gap:12px;margin-bottom:20px;padding-bottom:20px}.update-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.update-avatar{flex-shrink:0}.update-avatar img{border:2px solid var(--whatsapp-green);border-radius:50%;height:40px;object-fit:cover;width:40px}.avatar-initials{align-items:center;background:var(--whatsapp-green);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.update-content{flex:1 1;min-width:0}.update-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.update-author{color:var(--text-primary);font-size:14px;font-weight:600}.update-time{color:var(--text-tertiary);font-size:12px}.update-text{color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.no-updates{color:var(--text-tertiary);padding:40px 20px;text-align:center}.no-updates svg{font-size:48px;margin-bottom:12px;opacity:.3}.no-updates p{font-size:14px;margin:0}.add-update-section{border-top:2px solid var(--border-color);margin-top:24px;padding-top:24px}.update-textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;margin-bottom:12px;min-height:80px;padding:12px;resize:vertical;transition:all .2s;width:100%}.update-textarea:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.send-update-btn{align-items:center;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.send-update-btn:hover:not(:disabled){background:var(--whatsapp-green-dark);box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.send-update-btn:disabled{cursor:not-allowed;opacity:.5}.task-detail-sidebar{display:flex;flex-direction:column;gap:16px}.info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px}.info-card h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.info-item{margin-bottom:16px}.info-item:last-child{margin-bottom:0}.info-label{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;font-weight:500;gap:6px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:14px;font-weight:500}.status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.active{background:#fbbf2433;color:#f59e0b}.status-badge.completed{background:#10b98133;color:#10b981}.error-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner-large{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top:4px solid #3b82f6;height:48px;margin-bottom:16px;width:48px}@media (max-width:1024px){.task-detail-container{grid-template-columns:1fr}.task-detail-sidebar{order:-1}}@media (max-width:768px){.task-detail-page{padding:16px}.task-detail-header{align-items:stretch;flex-direction:column;gap:12px}.header-actions{width:100%}.complete-btn{justify-content:center;width:100%}.task-title-section{flex-direction:column}.task-title-section h1{font-size:22px}}body,html{max-width:100vw;overflow-x:hidden}.public-c2a-page{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;max-height:100vh;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:3vh 16px}.c2a-container,.public-c2a-page{background:#fff;box-sizing:border-box;overflow-y:auto;width:100%}.c2a-container{animation:fadeInUp .6s ease-out;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 20px #00000014;max-height:94vh;max-width:700px;padding:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.c2a-logo{margin-bottom:16px;text-align:center}.c2a-logo img{height:auto;max-width:160px}.c2a-header{margin-bottom:20px;text-align:center}.c2a-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.c2a-header p{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.c2a-form{grid-gap:16px 20px;box-sizing:border-box;display:grid;gap:16px 20px;grid-template-columns:1fr 1fr;width:100%}.c2a-form .form-group:first-child,.c2a-form .form-group:nth-child(2){grid-column:1/-1}.c2a-form .submit-btn{grid-column:1/-1;margin-top:8px}.form-group{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:100%}.form-group label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.form-group label svg{color:#10b981;color:var(--primary-color,#10b981);flex-shrink:0;height:16px;width:16px}.required{color:#ef4444}.form-group input,.form-group select{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#10b981;border-color:var(--primary-color,#10b981);box-shadow:0 0 0 3px #10b9811a;outline:none}.form-error{background:#fef2f2;border:2px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;grid-column:1/-1;margin-bottom:16px;padding:14px 18px}.submit-btn{background:#10b981;background:var(--primary-color,#10b981);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:12px 24px;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){background:#059669;background:var(--secondary-color,#059669);box-shadow:0 10px 20px #10b9814d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.c2a-footer{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px;text-align:center}.c2a-footer p{color:#6b7280;font-size:14px;margin:0}.c2a-success{padding:40px 20px;text-align:center}.success-icon{align-items:center;animation:successPop .6s cubic-bezier(.68,-.55,.265,1.55);background:#10b981;border-radius:50%;box-shadow:0 8px 24px #10b9814d;display:flex;height:100px;justify-content:center;margin:0 auto 32px;width:100px}@keyframes successPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.1) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.success-icon svg{stroke-width:3.5;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:56px;width:56px}.c2a-success h1{color:#10b981;font-size:36px;font-weight:700;margin:0 0 20px}.c2a-success p{color:#4b5563;font-size:18px;line-height:1.7;margin:0 auto 32px;max-width:500px}.rtriibe-login-btn{background:#ff6b35;border-radius:8px;box-shadow:0 4px 12px #ff6b354d;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .2s}.rtriibe-login-btn:hover{background:#e85a28;box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.c2a-loading{color:#6b7280}.c2a-error,.c2a-loading{font-size:18px;padding:40px;text-align:center}.c2a-error{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;color:#dc2626;font-weight:600;margin:20px}@media (max-width:1024px){.c2a-container{max-width:650px;padding:28px}}@media (max-width:768px){.public-c2a-page{padding:2vh 16px}.c2a-form{gap:14px;grid-template-columns:1fr}.c2a-container{max-height:96vh;max-width:100%;padding:20px}.c2a-header{margin-bottom:16px}.c2a-header h1{font-size:24px}.c2a-header p{font-size:14px}}@media (max-width:640px){.public-c2a-page{padding:2vh 12px}.c2a-container{border-radius:12px;max-height:96vh;padding:20px 16px}.c2a-header h1{font-size:22px}.c2a-header p{font-size:14px}.c2a-logo{margin-bottom:14px}.c2a-header{margin-bottom:16px}.c2a-form{gap:14px}.form-group input,.form-group select{font-size:14px;padding:9px 12px}.submit-btn{font-size:15px;padding:14px 24px}.c2a-success h1{font-size:24px}.c2a-success p{font-size:16px}.rtriibe-login-btn{font-size:15px;padding:12px 28px}.success-icon{height:80px;width:80px}.success-icon svg{height:44px;width:44px}}@media (max-width:480px){.public-c2a-page{padding:2vh 10px}.c2a-container{max-height:96vh;padding:16px 12px}.c2a-logo{margin-bottom:12px}.c2a-logo img{max-width:140px}.c2a-header{margin-bottom:14px}.c2a-header h1{font-size:20px}.c2a-form{gap:12px}.form-group input,.form-group select{font-size:15px;padding:9px 11px}.c2a-success h1{font-size:22px}.c2a-success p{font-size:15px}.rtriibe-login-btn{font-size:14px;padding:11px 24px}}.email-campaign-browser{background:#f8f9fa;background:var(--bg-primary,#f8f9fa);display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;padding:0}.browser-header{background:#fff;background:var(--bg-secondary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;justify-content:flex-start;padding:20px 32px}.header-left{gap:12px}.back-btn,.header-left{align-items:center;display:flex}.back-btn{background:#0000;border:none;border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;flex-shrink:0;font-size:20px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.back-btn:hover{background:#f3f4f6;background:var(--bg-primary,#f3f4f6)}.back-btn:hover,.browser-header h1{color:#111827;color:var(--text-primary,#111827)}.browser-header h1{font-size:20px;font-weight:600;line-height:1;margin:0}.browser-header p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;margin:4px 0 0}.browser-content{background:#f8f9fa;background:var(--bg-primary,#f8f9fa);flex:1 1;overflow-y:auto;padding:32px}.search-section{margin-bottom:32px}.search-filters{align-items:flex-end;display:flex;gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-group label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.match-mode-buttons{display:flex;gap:8px}.match-btn{background:#fff;background:var(--bg-secondary,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.match-btn:hover{border-color:#3b82f6;color:#111827;color:var(--text-primary,#111827);transform:translateY(-1px)}.match-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.date-input,.days-filter,.filter-mode{background:#f9fafb;background:var(--bg-primary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;font-size:15px;font-weight:500;outline:none;padding:12px 16px;transition:all .2s}.date-input{cursor:text}.date-input:focus,.date-input:hover,.days-filter:focus,.days-filter:hover,.filter-mode:focus,.filter-mode:hover{background:#fff;background:var(--bg-secondary,#fff);border-color:#3b82f6}.browser-search-input{background:#f9fafb;background:var(--bg-primary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;color:#111827;color:var(--text-primary,#111827);font-size:15px;outline:none;padding:16px 20px;transition:all .2s;width:100%}.browser-search-input:focus{background:#fff;background:var(--bg-secondary,#fff);border-color:#3b82f6}.browser-search-input::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.transactional-search{align-items:center;display:flex;gap:12px}.subject-info,.transactional-search .browser-search-input{flex:1 1}.match-btn-action{align-items:center;background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s;white-space:nowrap}.match-btn-action:hover:not(:disabled){box-shadow:0 4px 12px #25d36666;transform:translateY(-2px)}.match-btn-action:disabled{cursor:not-allowed;opacity:.7}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.search-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;box-shadow:0 2px 8px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:16px 28px;transition:all .2s;white-space:nowrap}.search-btn:hover:not(:disabled){box-shadow:0 4px 12px #25d36666;transform:translateY(-2px)}.search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.search-help{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;margin-top:12px}.results-count{color:#3b82f6;font-size:14px;font-weight:600;margin-top:12px}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.results-header h3{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:600;margin:0}.match-all-btn{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:12px;box-shadow:0 4px 12px #ff6b354d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:14px 32px;transition:all .3s;white-space:nowrap}.match-all-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff6b3580;transform:translateY(-2px)}.match-all-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.campaigns-grid,.subjects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr))}.campaign-card,.subject-card{background:#f9fafb;background:var(--bg-primary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:16px;display:flex;flex-direction:column;gap:20px;padding:24px;transition:all .3s}.campaign-card:hover,.subject-card:hover{border-color:#3b82f6;transform:translateY(-4px)}.card-header{display:flex;flex-direction:column;gap:12px}.card-title-section{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.card-title-section h3{color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:18px;font-weight:600;line-height:1.4;margin:0}.status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.status-badge.sent{background:#d1fae5;color:#065f46}.campaign-subject{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-style:italic;line-height:1.5;margin:0}.campaign-date{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:13px;margin:0}.card-stats{grid-gap:16px;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color,#e5e7eb);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));padding:20px 0}.stat{align-items:center;display:flex;gap:12px}.stat-icon{flex-shrink:0;font-size:28px}.stat-info{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-value{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:700;line-height:1}.stat-label{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:10px;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}.subject-info h4{color:#111827;color:var(--text-primary,#111827);font-size:16px;font-weight:600;line-height:1.5;margin:0 0 12px}.subject-meta{color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:13px;gap:16px}.import-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s;width:100%}.import-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.import-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.loading-state p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:15px;margin:0}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border:4px solid var(--border-color,#e5e7eb);border-radius:50%;border-top:4px solid #3b82f6;height:48px;width:48px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px;text-align:center}.empty-state svg{color:#d1d5db;color:var(--text-tertiary,#d1d5db)}.empty-state h3{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:600;margin:0}.empty-state p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.matching-modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-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:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.matching-modal{animation:slideUp .4s ease-out;background:#fff;background:var(--bg-secondary,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.matching-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);padding:32px 32px 24px;text-align:center}.matching-spinner-large{animation:spin 1s linear infinite;border:5px solid #e5e7eb;border:5px solid var(--border-color,#e5e7eb);border-radius:50%;border-top:5px solid #3b82f6;height:64px;margin:0 auto 20px;width:64px}.matching-header h2{color:#111827;color:var(--text-primary,#111827);font-size:24px;font-weight:700;margin:0 0 8px}.matching-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.matching-logs{flex:1 1;max-height:400px;overflow-y:auto;padding:24px 32px}.log-entry{animation:logFadeIn .3s ease-in-out;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-color,#f3f4f6);display:flex;gap:12px;padding:10px 0}@keyframes logFadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.log-entry:last-child{border-bottom:none}.log-time{color:#9ca3af;color:var(--text-tertiary,#9ca3af);flex-shrink:0;font-family:monospace;font-size:12px;font-weight:600}.log-message{color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:14px;line-height:1.5}.matching-footer{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color,#e5e7eb);padding:20px 32px 32px}.progress-bar{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:10px;height:6px;overflow:hidden}.progress-bar-fill{animation:progress 2s ease-in-out infinite;background:#3b82f6;height:100%}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}@media (max-width:768px){.browser-header{padding:16px 20px}.browser-content{padding:20px}.header-left{gap:10px}.back-btn,.browser-header h1{font-size:18px}.back-btn{height:28px;width:28px}.campaigns-grid,.subjects-grid{grid-template-columns:1fr}.search-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}.match-mode-buttons{flex-direction:column}.match-btn{width:100%}.transactional-search{flex-direction:column}.search-btn{width:100%}.card-stats{grid-template-columns:repeat(2,1fr)}}.legal-page{animation:fadeInPage .4s ease;background:var(--bg-primary);min-height:100vh;padding:40px 20px}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}.legal-container{margin:0 auto;max-width:800px}.legal-back-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin-bottom:24px;padding:10px 16px;transition:all .2s}.legal-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.legal-header{margin-bottom:32px;text-align:center}.legal-header svg{color:#1a365d;margin-bottom:16px}.legal-header h1{color:#1a365d;font-size:32px;font-weight:700;margin:0 0 8px}.legal-updated{color:var(--text-secondary);font-size:14px;margin:0}.legal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;line-height:1.7;padding:32px}.legal-content h2{color:#1a365d;font-size:20px;font-weight:600;margin:24px 0 12px}.legal-content h2:first-child{margin-top:0}.legal-content p{margin:0 0 16px}.legal-content ol,.legal-content ul{margin:0 0 16px;padding-left:24px}.legal-content li{margin-bottom:8px}.legal-empty{color:var(--text-secondary);font-style:italic;padding:40px 0;text-align:center}.legal-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:50vh}.legal-loading .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #1a365d;height:32px;width:32px}@media (max-width:768px){.legal-page{padding:20px 16px}.legal-header h1{font-size:24px}.legal-content{padding:20px}}.whatsapp-callback-page{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;justify-content:center;min-height:100vh;padding:20px}.callback-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:48px;text-align:center;width:100%}.callback-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.callback-icon.processing{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.callback-icon.success{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.callback-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.callback-icon .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.callback-card h2{color:#1a365d;font-size:24px;font-weight:700;margin:0 0 12px}.callback-card p{color:#64748b;font-size:15px;margin:0 0 8px}.callback-card p.hint{color:#94a3b8;font-size:13px;margin-top:16px}.callback-card p.error-message{background:#fef2f2;border-radius:8px;color:#ef4444;margin:16px 0;padding:12px 16px}.callback-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.callback-card .btn-primary{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.callback-card .btn-primary:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.callback-card .btn-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s}.callback-card .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}*{box-sizing:border-box;margin:0;padding:0}.app-loading-screen{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.app-loading-screen .loading-content{text-align:center}.app-loading-screen .loading-logo{margin-bottom:32px}.app-loading-screen .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800}.app-loading-screen .loading-spinner{animation:app-spin 1s linear infinite;border:4px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;margin:0 auto 24px;width:48px}@keyframes app-spin{to{transform:rotate(1turn)}}.app-loading-screen .loading-text{color:#ffffffb3;font-size:14px;font-weight:500;letter-spacing:1px}:root{--app-height:100vh}body,html{height:100%;height:100vh;height:var(--app-height);overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);margin:0;overflow-x:hidden;padding:0;position:fixed;width:100%}body,h1,h2,h3{color:#111827;color:var(--text-primary);font-family:var(--font-body)}h1,h2,h3{font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}#root{height:100%;height:100vh;height:var(--app-height);overflow:hidden}.App{display:flex;flex-direction:column;height:100%;min-height:100vh;min-height:var(--app-height)}@media (max-width:768px){body{background-color:#fff}.App{height:100%;height:100vh;height:var(--app-height);overflow:hidden}}:root{--whatsapp-green:#3b82f6;--whatsapp-green-dark:#2563eb;--whatsapp-green-light:#dbeafe;--whatsapp-green-hover:#2563eb;--whatsapp-teal:#3b82f6;--whatsapp-light-green:#dbeafe;--whatsapp-blue:#3b82f6;--whatsapp-gray:#f3f4f6;--whatsapp-dark-gray:#6b7280;--whatsapp-light-gray:#f3f4f6;--whatsapp-dark:#2563eb;--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f3f4f6;--bg-chat:#fff;--bg-message-sent:#dbeafe;--bg-message-received:#fff;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-color:#e5e7eb;--header-bg:#3b82f6;--shadow-light:none;--shadow-medium:none;--shadow-heavy:none;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:none;box-shadow:var(--shadow-light);transition:all .2s ease}.card:hover{box-shadow:none;box-shadow:var(--shadow-medium)}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;line-height:1.4;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.btn:hover:before{opacity:1}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:#f3f4f6;background-color:var(--whatsapp-light-gray);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#111827;color:var(--text-primary)}.btn-secondary:hover{background-color:#e8eaed;border-color:#9ca3af;border-color:var(--text-tertiary)}.input{border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.input,.input:focus{background-color:#fff}.input:focus{border-color:#3b82f6;outline:none}.input::placeholder{color:#9ca3af;color:var(--text-tertiary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.p-4{padding:16px}.p-6{padding:24px}.mb-4{margin-bottom:16px}.text-sm{font-size:14px}.text-gray{color:#6b7280;color:var(--text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}[data-theme=dark] .brevo-campaign-card,[data-theme=dark] .campaign-card,[data-theme=dark] .card,[data-theme=dark] .dashboard-card,[data-theme=dark] .saved-campaign-card,[data-theme=dark] .stat-card{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .campaign-header h1,[data-theme=dark] .dashboard-title,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:var(--text-primary)}[data-theme=dark] .campaign-header p,[data-theme=dark] .subtitle,[data-theme=dark] p{color:var(--text-secondary)}[data-theme=dark] .modal-overlay{background:#000c}[data-theme=dark] .fullscreen-modal-content,[data-theme=dark] .modal-content{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .fullscreen-modal{background:var(--bg-primary)}[data-theme=dark] .fullscreen-modal-header,[data-theme=dark] .modal-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}[data-theme=dark] .modal-header h3{color:var(--text-primary)}[data-theme=dark] .campaign-search-input,[data-theme=dark] .search-input,[data-theme=dark] .subject-search-input,[data-theme=dark] input[type=search],[data-theme=dark] input[type=text],[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .search-input::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-tertiary)}[data-theme=dark] .search-input:focus,[data-theme=dark] input:focus,[data-theme=dark] textarea:focus{background:var(--bg-secondary);border-color:var(--whatsapp-green)}[data-theme=dark] .campaign-filters,[data-theme=dark] .campaign-search,[data-theme=dark] .data-table-container{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .data-table thead{background:var(--bg-tertiary)}[data-theme=dark] .data-table th{color:var(--text-secondary)}[data-theme=dark] .data-table tbody tr,[data-theme=dark] .data-table th{border-bottom-color:var(--border-color)}[data-theme=dark] .data-table tbody tr:hover{background:var(--bg-tertiary)}[data-theme=dark] .data-table td{color:var(--text-primary)}[data-theme=dark] .brevo-type-tabs,[data-theme=dark] .import-method-tabs{background:var(--bg-tertiary)}[data-theme=dark] .brevo-type-tab,[data-theme=dark] .method-tab{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .brevo-type-tab:hover,[data-theme=dark] .method-tab:hover{background:var(--bg-tertiary);border-color:var(--whatsapp-green)}[data-theme=dark] .brevo-type-tab.active,[data-theme=dark] .method-tab.active{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}[data-theme=dark] .empty-dashboard,[data-theme=dark] .empty-state{color:var(--text-secondary)}[data-theme=dark] .empty-icon{color:var(--text-tertiary)}[data-theme=dark] .loading-state{color:var(--text-secondary)}[data-theme=dark] .spinner{border-color:var(--border-color);border-top-color:var(--whatsapp-green)}[data-theme=dark] .loading-overlay{background:#111b21e6}[data-theme=dark] .stat-badge{background:var(--bg-tertiary);border-color:var(--whatsapp-green);color:var(--text-primary)}[data-theme=dark] .brevo-campaign-card:hover,[data-theme=dark] .saved-campaign-card:hover{border-color:var(--whatsapp-green);box-shadow:0 8px 20px #0006}[data-theme=dark] .campaign-card-header h3,[data-theme=dark] .campaign-card-header h4,[data-theme=dark] .campaign-title-row h4{color:var(--text-primary)}[data-theme=dark] .campaign-date,[data-theme=dark] .campaign-subject{color:var(--text-secondary)}[data-theme=dark] .campaign-status-badge.sent{background:#10b98133;color:#34d399}[data-theme=dark] .campaign-status-badge.draft{background:#ef444433;color:#f87171}[data-theme=dark] .campaign-status-badge.scheduled{background:#3b82f633;color:#60a5fa}[data-theme=dark] .transactional-search-section{background:var(--bg-secondary)}[data-theme=dark] .search-box{background:var(--bg-tertiary)}[data-theme=dark] .subjects-list h4{color:var(--text-primary)}[data-theme=dark] .subject-result-card{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .subject-result-card:hover{border-color:var(--whatsapp-green);box-shadow:0 2px 8px #25d36633}[data-theme=dark] .subject-result-info h5{color:var(--text-primary)}[data-theme=dark] .subject-stats{color:var(--text-secondary)}[data-theme=dark] .close-fullscreen-btn{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .close-fullscreen-btn:hover{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .selected-row{background:#25d3661a!important}[data-theme=dark] .selection-info{background:#25d36626;border-color:var(--whatsapp-green)}[data-theme=dark] .clear-selection-btn{background:var(--bg-secondary);border-color:var(--whatsapp-green);color:var(--whatsapp-green)}[data-theme=dark] .clear-selection-btn:hover{background:var(--whatsapp-green);color:#fff}[data-theme=dark] .fullscreen-modal .campaigns-grid::-webkit-scrollbar-track{background:var(--bg-tertiary)}[data-theme=dark] .fullscreen-modal .campaigns-grid::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme=dark] .fullscreen-modal .campaigns-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}[data-theme=dark] .csv-upload-section{background:var(--bg-secondary)}[data-theme=dark] .upload-instructions p{color:var(--text-primary)}[data-theme=dark] .help-text{color:var(--text-secondary)}[data-theme=dark] .filter-buttons button{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .filter-buttons button:hover{background:var(--bg-secondary);border-color:var(--whatsapp-green)}[data-theme=dark] .filter-buttons button.active{background:var(--whatsapp-green);border-color:var(--whatsapp-green);color:#fff}[data-theme=dark] .campaign-manager,[data-theme=dark] .leads-dashboard{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .delete-icon-btn{background:#0000;color:#ef4444}[data-theme=dark] .delete-icon-btn:hover{background:#ef44441a}[data-theme=dark] .data-type-badge.campaign{background:#3b82f633;color:#60a5fa}[data-theme=dark] .data-type-badge.transactional{background:#8b5cf633;color:#a78bfa}[data-theme=dark] .email-campaign-browser{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .browser-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}[data-theme=dark] .browser-header h1{color:var(--text-primary)}[data-theme=dark] .browser-header p{color:var(--text-secondary)}[data-theme=dark] .back-btn{background:#0000;color:var(--text-secondary)}[data-theme=dark] .back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .browser-content{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .browser-search-input,[data-theme=dark] .date-input,[data-theme=dark] .days-filter,[data-theme=dark] .filter-mode{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .date-input:focus,[data-theme=dark] .date-input:hover,[data-theme=dark] .days-filter:focus,[data-theme=dark] .days-filter:hover,[data-theme=dark] .filter-mode:focus,[data-theme=dark] .filter-mode:hover{background:var(--bg-primary);border-color:var(--whatsapp-green)}[data-theme=dark] .filter-group label{color:var(--text-secondary)}[data-theme=dark] .match-btn{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .match-btn:hover{background:var(--bg-primary);border-color:var(--whatsapp-green);color:var(--text-primary)}[data-theme=dark] .match-btn.active{border-color:var(--whatsapp-green)}[data-theme=dark] .match-btn-action,[data-theme=dark] .match-btn.active{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}[data-theme=dark] .match-btn-action:hover:not(:disabled){box-shadow:0 4px 12px #25d36680}[data-theme=dark] .match-all-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}[data-theme=dark] .match-all-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff6b3599}[data-theme=dark] .browser-search-input:focus{background:var(--bg-secondary)}[data-theme=dark] .browser-search-input::placeholder{color:var(--text-tertiary)}[data-theme=dark] .results-header h3{color:var(--text-primary)}[data-theme=dark] .matching-modal{background:var(--bg-secondary);box-shadow:0 20px 60px #000c}[data-theme=dark] .matching-header{border-bottom-color:var(--border-color)}[data-theme=dark] .matching-header h2{color:var(--text-primary)}[data-theme=dark] .matching-subtitle{color:var(--text-secondary)}[data-theme=dark] .matching-spinner-large{border-color:var(--border-color);border-top-color:var(--whatsapp-green)}[data-theme=dark] .log-entry{border-bottom-color:var(--border-color)}[data-theme=dark] .log-time{color:var(--text-tertiary)}[data-theme=dark] .log-message{color:var(--text-primary)}[data-theme=dark] .matching-footer{border-top-color:var(--border-color)}[data-theme=dark] .progress-bar{background:var(--border-color)}[data-theme=dark] .campaign-card,[data-theme=dark] .subject-card{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .campaign-card:hover,[data-theme=dark] .subject-card:hover{border-color:var(--whatsapp-green);box-shadow:0 8px 24px #25d36633}[data-theme=dark] .card-title-section h3,[data-theme=dark] .subject-info h4{color:var(--text-primary)}[data-theme=dark] .campaign-subject{color:var(--text-secondary)}[data-theme=dark] .campaign-date,[data-theme=dark] .subject-meta{color:var(--text-tertiary)}[data-theme=dark] .card-stats{border-bottom-color:var(--border-color);border-top-color:var(--border-color)}[data-theme=dark] .stat-value{color:var(--text-primary)}[data-theme=dark] .stat-label{color:var(--text-secondary)}
/*# sourceMappingURL=main.0781994c.css.map*/