body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f4;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{background-color:#eaeaea;border-radius:4px;font-family:Courier New,Consolas,Courier,monospace;padding:.2rem .4rem}:root{--brand-primary:#1e3a8a;--brand-primary-hover:#1e40af;--brand-primary-active:#1d4ed8;--brand-secondary:#8b5cf6;--brand-secondary-hover:#7c3aed;--brand-secondary-active:#6d28d9;--brand-accent:#10b981;--brand-accent-hover:#059669;--brand-accent-active:#047857;--header-bg-primary:#0f1b3c;--header-bg-secondary:#1e3a8a;--header-bg-tertiary:#f8fafc;--header-text:#fff;--header-text-secondary:#e2e8f0;--header-border:#ffffff1a;--header-gradient:linear-gradient(135deg,#0f1b3c,#1e3a8a);--pane-bg-primary:#fff;--pane-bg-secondary:#f8fafc;--pane-bg-tertiary:#f1f5f9;--pane-border:#e2e8f0;--pane-shadow:0 1px 3px #0000001a;--pane-shadow-hover:0 4px 6px #0000001a;--card-bg-primary:#fff;--card-bg-secondary:#f8fafc;--card-bg-hover:#f1f5f9;--card-bg-active:#e2e8f0;--card-border:#e2e8f0;--card-border-hover:#cbd5e1;--card-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;--card-shadow-hover:0 4px 6px #0000001f,0 2px 4px #00000014;--card-shadow-active:0 10px 15px #00000026,0 4px 6px #0000001a;--section-bg-primary:#fff;--section-bg-secondary:#f9fafb;--section-bg-tertiary:#f3f4f6;--section-header-bg:#f8fafc;--section-border:#e5e7eb;--section-text:#111827;--section-text-secondary:#6b7280;--subsection-bg-primary:#fafafa;--subsection-bg-secondary:#f5f5f5;--subsection-bg-highlight:#eff6ff;--subsection-border:#e0e0e0;--subsection-text:#374151;--subsection-text-secondary:#6b7280;--input-bg:#fff;--input-bg-disabled:#f3f4f6;--input-bg-readonly:#f9fafb;--input-bg-focus:#fff;--input-border:#d1d5db;--input-border-hover:#9ca3af;--input-border-focus:#3b82f6;--input-border-error:#ef4444;--input-border-success:#10b981;--input-text:#111827;--input-text-placeholder:#9ca3af;--input-text-disabled:#6b7280;--input-shadow-focus:0 0 0 3px #3b82f61a;--dropdown-bg:#fff;--dropdown-bg-hover:#f3f4f6;--dropdown-bg-active:#e5e7eb;--dropdown-bg-selected:#eff6ff;--dropdown-border:#e5e7eb;--dropdown-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;--dropdown-text:#111827;--dropdown-text-hover:#1f2937;--dropdown-text-disabled:#9ca3af;--dropdown-divider:#e5e7eb;--grid-bg-primary:#fff;--grid-bg-alternate:#f9fafb;--grid-bg-hover:#f3f4f6;--grid-bg-selected:#dbeafe;--grid-border:#e5e7eb;--grid-header-bg:#f8fafc;--grid-header-text:#374151;--grid-text:#111827;--grid-text-secondary:#6b7280;--status-success-bg:#d1fae5;--status-success-border:#6ee7b7;--status-success-text:#065f46;--status-success-icon:#10b981;--status-info-bg:#dbeafe;--status-info-border:#93c5fd;--status-info-text:#1e40af;--status-info-icon:#3b82f6;--status-warning-bg:#fef3c7;--status-warning-border:#fcd34d;--status-warning-text:#92400e;--status-warning-icon:#f59e0b;--status-error-bg:#fee2e2;--status-error-border:#fca5a5;--status-error-text:#991b1b;--status-error-icon:#ef4444;--status-pending-bg:#e0e7ff;--status-pending-border:#a5b4fc;--status-pending-text:#3730a3;--status-pending-icon:#6366f1;--status-disabled-bg:#f3f4f6;--status-disabled-border:#d1d5db;--status-disabled-text:#9ca3af;--status-disabled-icon:#6b7280;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-disabled:#d1d5db;--text-link:#2563eb;--text-link-hover:#1d4ed8;--text-link-visited:#7c3aed;--text-on-secondary:#fff;--text-on-accent:#fff;--btn-primary-bg:#1e3a8a;--btn-primary-bg-hover:#1e40af;--btn-primary-bg-active:#1d4ed8;--btn-primary-bg-disabled:#e5e7eb;--btn-primary-text:#fff;--btn-primary-text-disabled:#9ca3af;--btn-primary-border:#1e3a8a;--btn-primary-border-hover:#1e40af;--btn-primary-border-disabled:#e5e7eb;--btn-primary-shadow:0 1px 2px #0000000d;--btn-primary-shadow-hover:0 4px 6px #1e3a8a40;--btn-primary-shadow-active:0 2px 4px #1e3a8a33;--btn-secondary-bg:#fff;--btn-secondary-bg-hover:#f9fafb;--btn-secondary-bg-active:#f3f4f6;--btn-secondary-bg-disabled:#f9fafb;--btn-secondary-text:#374151;--btn-secondary-text-hover:#111827;--btn-secondary-text-disabled:#d1d5db;--btn-secondary-border:#d1d5db;--btn-secondary-border-hover:#9ca3af;--btn-secondary-border-disabled:#e5e7eb;--btn-secondary-shadow:0 1px 2px #0000000d;--btn-secondary-shadow-hover:0 2px 4px #0000001a;--btn-tertiary-bg:#0000;--btn-tertiary-bg-hover:#f3f4f6;--btn-tertiary-bg-active:#e5e7eb;--btn-tertiary-bg-disabled:#0000;--btn-tertiary-text:#374151;--btn-tertiary-text-hover:#111827;--btn-tertiary-text-disabled:#d1d5db;--btn-tertiary-border:#0000;--btn-danger-bg:#ef4444;--btn-danger-bg-hover:#dc2626;--btn-danger-bg-active:#b91c1c;--btn-danger-bg-disabled:#fee2e2;--btn-danger-text:#fff;--btn-danger-text-disabled:#fca5a5;--btn-danger-border:#ef4444;--btn-danger-shadow-hover:0 4px 6px #ef444440;--btn-success-bg:#10b981;--btn-success-bg-hover:#059669;--btn-success-bg-active:#047857;--btn-success-bg-disabled:#d1fae5;--btn-success-text:#fff;--btn-success-text-disabled:#6ee7b7;--btn-success-shadow-hover:0 4px 6px #10b98140;--spacing-4xl:40px;--spacing-5xl:48px;--spacing-6xl:64px;--radius-none:0;--radius-2xl:16px;--radius-3xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-2xl:0 25px 50px #00000026;--shadow-inner:inset 0 2px 4px #0000000f;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-all:all var(--transition-normal);--transition-colors:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);--transition-transform:transform var(--transition-normal);--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-serif:Georgia,Cambria,"Times New Roman",Times,serif;--font-family-mono:"Courier New",Courier,monospace;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--primary-navy:var(--header-bg-primary);--primary-blue:var(--brand-primary);--accent-green:var(--brand-accent);--bg-primary:var(--pane-bg-primary);--bg-secondary:var(--pane-bg-secondary);--bg-card:var(--card-bg-primary)}.dark-theme,[data-theme=dark]{--brand-primary:#3b82f6;--brand-primary-hover:#60a5fa;--brand-primary-active:#2563eb;--brand-secondary:#a78bfa;--brand-secondary-hover:#c4b5fd;--brand-secondary-active:#8b5cf6;--brand-accent:#00e197;--brand-accent-hover:#6ee7b7;--brand-accent-active:#10b981;--header-bg-primary:#0f172a;--header-bg-secondary:#1e293b;--header-bg-tertiary:#334155;--header-text:#f1f5f9;--header-text-secondary:#cbd5e1;--header-border:#94a3b81a;--header-gradient:linear-gradient(135deg,#0f172a,#1e293b);--pane-bg-primary:#1e293b;--pane-bg-secondary:#0f172a;--pane-bg-tertiary:#334155;--pane-border:#334155;--pane-shadow:0 1px 3px #0000004d;--pane-shadow-hover:0 4px 6px #0006;--card-bg-primary:#1e293b;--card-bg-secondary:#0f172a;--card-bg-hover:#334155;--card-bg-active:#475569;--card-border:#334155;--card-border-hover:#475569;--card-shadow:0 1px 3px #0006,0 1px 2px #0000004d;--card-shadow-hover:0 4px 6px #00000080,0 2px 4px #0006;--card-shadow-active:0 10px 15px #0009,0 4px 6px #00000080;--section-bg-primary:#1e293b;--section-bg-secondary:#0f172a;--section-bg-tertiary:#334155;--section-header-bg:#334155;--section-border:#475569;--section-text:#f1f5f9;--section-text-secondary:#94a3b8;--subsection-bg-primary:#334155;--subsection-bg-secondary:#475569;--subsection-bg-highlight:#1e3a5f;--subsection-border:#475569;--subsection-text:#e2e8f0;--subsection-text-secondary:#94a3b8;--input-bg:#334155;--input-bg-disabled:#1e293b;--input-bg-readonly:#475569;--input-bg-focus:#334155;--input-border:#475569;--input-border-hover:#64748b;--input-border-focus:#3b82f6;--input-border-error:#f87171;--input-border-success:#34d399;--input-text:#f1f5f9;--input-text-placeholder:#94a3b8;--input-text-disabled:#64748b;--input-shadow-focus:0 0 0 3px #3b82f633;--dropdown-bg:#1e293b;--dropdown-bg-hover:#334155;--dropdown-bg-active:#475569;--dropdown-bg-selected:#1e3a5f;--dropdown-border:#475569;--dropdown-shadow:0 10px 15px #00000080,0 4px 6px #0006;--dropdown-text:#f1f5f9;--dropdown-text-hover:#fff;--dropdown-text-disabled:#64748b;--dropdown-divider:#475569;--grid-bg-primary:#1e293b;--grid-bg-alternate:#0f172a;--grid-bg-hover:#334155;--grid-bg-selected:#1e3a5f;--grid-border:#475569;--grid-header-bg:#334155;--grid-header-text:#f1f5f9;--grid-text:#e2e8f0;--grid-text-secondary:#94a3b8;--status-success-bg:#064e3b;--status-success-border:#059669;--status-success-text:#6ee7b7;--status-success-icon:#34d399;--status-info-bg:#1e3a8a;--status-info-border:#3b82f6;--status-info-text:#93c5fd;--status-info-icon:#60a5fa;--status-warning-bg:#78350f;--status-warning-border:#f59e0b;--status-warning-text:#fcd34d;--status-warning-icon:#fbbf24;--status-error-bg:#7f1d1d;--status-error-border:#ef4444;--status-error-text:#fca5a5;--status-error-icon:#f87171;--status-pending-bg:#312e81;--status-pending-border:#6366f1;--status-pending-text:#c7d2fe;--status-pending-icon:#a5b4fc;--status-disabled-bg:#334155;--status-disabled-border:#475569;--status-disabled-text:#64748b;--status-disabled-icon:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-disabled:#475569;--text-link:#60a5fa;--text-link-hover:#93c5fd;--text-link-visited:#c4b5fd;--text-on-primary:#fff;--text-on-secondary:#fff;--text-on-accent:#fff;--btn-primary-bg:#3b82f6;--btn-primary-bg-hover:#2563eb;--btn-primary-bg-active:#1d4ed8;--btn-primary-bg-disabled:#334155;--btn-primary-text:#fff;--btn-primary-text-disabled:#64748b;--btn-primary-border:#3b82f6;--btn-primary-border-hover:#2563eb;--btn-primary-border-disabled:#334155;--btn-primary-shadow:0 1px 2px #0000004d;--btn-primary-shadow-hover:0 4px 6px #3b82f666;--btn-primary-shadow-active:0 2px 4px #3b82f64d;--btn-secondary-bg:#334155;--btn-secondary-bg-hover:#475569;--btn-secondary-bg-active:#64748b;--btn-secondary-bg-disabled:#1e293b;--btn-secondary-text:#f1f5f9;--btn-secondary-text-hover:#fff;--btn-secondary-text-disabled:#475569;--btn-secondary-border:#475569;--btn-secondary-border-hover:#64748b;--btn-secondary-border-disabled:#334155;--btn-secondary-shadow:0 1px 2px #0000004d;--btn-secondary-shadow-hover:0 2px 4px #0006;--btn-tertiary-bg:#0000;--btn-tertiary-bg-hover:#334155;--btn-tertiary-bg-active:#475569;--btn-tertiary-bg-disabled:#0000;--btn-tertiary-text:#cbd5e1;--btn-tertiary-text-hover:#f1f5f9;--btn-tertiary-text-disabled:#475569;--btn-tertiary-border:#0000;--btn-danger-bg:#ef4444;--btn-danger-bg-hover:#dc2626;--btn-danger-bg-active:#b91c1c;--btn-danger-bg-disabled:#7f1d1d;--btn-danger-text:#fff;--btn-danger-text-disabled:#991b1b;--btn-danger-border:#ef4444;--btn-danger-shadow-hover:0 4px 6px #ef444466;--btn-success-bg:#10b981;--btn-success-bg-hover:#059669;--btn-success-bg-active:#047857;--btn-success-bg-disabled:#064e3b;--btn-success-text:#fff;--btn-success-text-disabled:#065f46;--btn-success-shadow-hover:0 4px 6px #10b98166}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible:focus-visible{outline:2px solid #1e3a8a;outline:2px solid var(--brand-primary);outline-offset:2px}.animate-fade-in{animation:fadeIn ease-out .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp ease-out .3s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-normal) ease-out}.animate-slide-down{animation:slideDown ease-out .3s cubic-bezier(.4,0,.2,1);animation:slideDown var(--transition-normal) ease-out}.animate-spin{animation:spin 1s linear infinite}:root{--breakpoint-xs:0;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--elevation-0:none;--elevation-1:var(--shadow-sm);--elevation-2:var(--shadow-md);--elevation-3:var(--shadow-lg);--elevation-4:var(--shadow-xl);--elevation-5:var(--shadow-2xl);--focus-ring-width:3px;--focus-ring-color:var(--brand-primary);--focus-ring-offset:2px;--focus-ring:0 0 0 var(--focus-ring-width) #3b82f64d;--overlay-bg:#0f173cbf;--modal-bg:var(--pane-bg-primary);--modal-border:var(--pane-border);--modal-shadow:var(--shadow-2xl)}[data-theme=dark]{--overlay-bg:#000c;--modal-bg:var(--pane-bg-primary)}:root{--scrollbar-width:8px;--scrollbar-track:var(--pane-bg-secondary);--scrollbar-thumb:var(--text-muted);--scrollbar-thumb-hover:var(--text-tertiary)}::-webkit-scrollbar{height:8px;height:var(--scrollbar-width);width:8px;width:var(--scrollbar-width)}::-webkit-scrollbar-track{background:#f8fafc;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--scrollbar-thumb-hover)}.App{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;text-align:center}.App-logo{border-radius:50%;filter:drop-shadow(0 10px 15px rgba(16,185,129,.1));height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 10s linear infinite}}.App-header{align-items:center;background:linear-gradient(135deg,#0f1b3c,#1e3a8a);color:#fff;display:flex;flex-direction:column;font-size:calc(12px + 2vmin);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.App-header:before{background:radial-gradient(circle at 30% 20%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 70% 80%,#10b9811a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.App-header>*{position:relative;z-index:2}.App-link{border:1px solid #34d3994d;border-radius:8px;color:#34d399;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.App-link:hover{background:#34d3991a;box-shadow:0 10px 15px #10b98133;color:#10b981;transform:translateY(-2px)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-container{background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:2rem auto;max-width:1200px;padding:2rem}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f1b3c,#1e3a8a);box-shadow:0 4px 6px -1px #0000001a;right:0;width:100%}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f1b3c99}.modal-content{border:1px solid #e5e7eb80;border-radius:16px;box-shadow:0 25px 50px -12px #00000040}[data-theme=dark] .modal-content{border-color:var(--theme-border)}.side-panel{background-color:var(--theme-bg-side-panel-menu);border-right:2px solid var(--theme-border-accent);box-sizing:border-box;color:var(--theme-text-header);display:flex;flex-direction:column;font-size:1rem;height:100%;overflow-x:hidden;overflow-y:auto;padding:.5rem;position:relative;transition:width .3s;width:265px}.side-panel.minimized{margin-left:0;overflow-x:hidden;overflow-y:auto;text-align:left;width:100px}.side-panel.dimmed{filter:brightness(50%);pointer-events:none}.side-panel:after{background-color:var(--theme-border);content:"";height:0;left:0;position:absolute;top:43px;width:100%}.toggle-arrow{background-color:var(--button-primary-bg);box-shadow:0 2px 4px var(--theme-shadow);color:var(--button-text);cursor:pointer;font-size:1.5rem;padding:10px;position:absolute;right:0;text-align:center;top:2%;transform:translateY(-50%)}.toggle-arrow:hover{background-color:var(--button-primary-bg-hover)}.side-panel.minimized .account-admin-menu-item,.side-panel.minimized .platform-admin-menu-item,.side-panel.minimized .reports-menu-item,.side-panel.minimized .scam-detector-menu-item,.side-panel.minimized .simulations-menu-item,.side-panel.minimized .top-level-menu-item,.side-panel.minimized .user-admin-menu-item{display:flex;font-size:1.5rem;justify-content:start;padding-left:8px}.side-panel.minimized .menu-item.submenu-parent,.side-panel.minimized .menu-item:not(.submenu-parent){display:flex;font-size:1.3rem;justify-content:start;margin-left:0;padding-left:20px}.side-panel.minimized .submenu-item{display:flex;font-size:1.1rem;justify-content:start;margin-left:0;padding:.3rem .3rem .3rem 32px}.side-panel ul{background-color:var(--theme-bg-side-panel);list-style:none;padding:0}.side-panel ul:hover{background-color:var(--theme-bg-side-panel);color:#1e3a8a!important}.side-panel ul:hover,.top-level-menu-item{cursor:pointer;transition:background-color .3s}.top-level-menu-item{align-items:center;background-color:var(--theme-bg-side-panel-menu);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--theme-text-header);display:flex;font-size:1rem;margin-bottom:0;margin-left:0;margin-top:5px;padding:.3rem .3rem .3rem .5rem;text-align:left;width:100%}.first-top-level-menu-item{margin-top:50px}.top-level-menu-item:hover{background-color:var(--theme-menu-hover-bg)!important;color:var(--theme-menu-hover-text)!important}.top-level-menu-item.active{background-color:var(--theme-menu-active-bg)!important;color:var(--theme-menu-active-text)!important}.direct-menu-item{position:relative}.direct-menu-item:hover{background-color:var(--theme-menu-hover-bg)!important;color:var(--theme-menu-hover-text)!important}.direct-menu-item.active{background-color:var(--theme-menu-active-bg)!important;color:var(--theme-menu-active-text)!important}.menu-spacer{height:10px}.menu-item{align-items:center;background-color:var(--theme-bg-side-panel);border-radius:14px;box-sizing:border-box;color:var(--theme-text-header)!important;cursor:pointer;display:flex;font-size:.9rem;margin-bottom:0;margin-left:0;padding:.3rem .3rem .6rem 20px;text-align:left;transition:background-color .3s;width:100%}.menu-item:hover{background-color:var(--theme-menu-hover-bg)!important;color:var(--theme-menu-hover-text)!important}.menu-item.active{background-color:var(--theme-menu-active-bg)!important;color:var(--theme-menu-active-text)!important}.caret{border:solid var(--theme-text-primary);border-width:0 2px 2px 0;cursor:pointer;display:inline-block;font-size:1.1rem;margin-left:auto;margin-right:15px;padding:3px;position:absolute;right:5px;transform:rotate(45deg);transition:transform .3s}.caret.expanded{transform:rotate(-135deg)}.icon{align-items:center;color:var(--theme-text-secondary);display:inline-flex;font-size:1.5rem;justify-content:center;margin-right:15px;min-width:1.5rem;text-align:center;width:1.5rem}.direct-menu-item.active .icon,.menu-item.active .icon,.submenu-item.active .icon,.submenu-parent.active .icon,.top-level-menu-item.active .icon{color:var(--theme-menu-active-text)!important}.direct-menu-item.active .caret,.menu-item.active .caret,.submenu-item.active .caret,.submenu-parent.active .caret,.top-level-menu-item.active .caret{border-color:var(--theme-menu-active-text)!important}.submenu-item{align-items:center;background-color:var(--theme-bg-side-panel-submenu);border-radius:14px;box-sizing:border-box;color:var(--theme-text-header);cursor:pointer;display:flex;font-size:.85rem;font-weight:400;margin-bottom:0;margin-left:0;opacity:.95;padding:.3rem .3rem .6rem 40px;text-align:left;width:100%}.submenu-item:first-child{margin-top:0}.submenu-item .icon{align-items:center;color:var(--theme-text-secondary);display:inline-flex;font-size:1.2rem;justify-content:center;margin-right:15px;min-width:1.2rem;text-align:center;width:1.2rem}.submenu-item:hover{background-color:var(--theme-menu-hover-bg)!important;color:var(--theme-menu-hover-text)!important}.submenu-item:hover .icon{color:var(--theme-menu-hover-text)}.submenu-item.active{background-color:var(--theme-menu-active-bg)!important;color:var(--theme-menu-active-text)!important}.submenu-parent{align-items:center;background-color:var(--theme-bg-side-panel-submenu);border-left:3px solid var(--theme-border-accent);border-radius:14px;box-sizing:border-box;color:var(--theme-text-header);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;margin-bottom:5px;margin-left:0;margin-top:10px;padding:.3rem .3rem .3rem 20px;text-align:left;width:100%}.submenu-parent .icon{color:var(--theme-text-secondary);min-width:1.5rem;text-align:center}.submenu-parent .caret{margin-left:auto;transition:transform .3s}.submenu-parent:hover{background-color:var(--theme-menu-hover-bg)!important;color:var(--theme-menu-hover-text)!important}.submenu-parent:hover .icon{color:var(--theme-menu-hover-text)}.submenu-parent.active{background-color:var(--theme-menu-active-bg)!important;color:var(--theme-menu-active-text)!important}.submenu-parent .caret.expanded{transform:rotate(-135deg)}.submenu-parent .icon{font-size:1.5rem;margin-right:15px}.submenu .submenu{margin-left:20px}.primary-menu-item{border:2px solid var(--theme-border-accent);font-weight:600}.primary-menu-item:hover{border-color:var(--theme-menu-active-text)}.side-panel .menu-item.disabled,.side-panel .submenu-item.disabled{background-color:var(--theme-bg-side-panel-item)!important;color:var(--theme-text-muted)!important;cursor:not-allowed!important;pointer-events:auto!important}.side-panel .menu-item.disabled .icon,.side-panel .submenu-item.disabled .icon{background-color:var(--theme-bg-elevated);color:var(--theme-text-muted)!important}.side-panel .menu-item.disabled:hover,.side-panel .submenu-item.disabled:hover{background-color:var(--theme-bg-elevated)!important;color:var(--theme-text-muted)!important;cursor:not-allowed!important}.side-panel::-webkit-scrollbar{width:8px}.side-panel::-webkit-scrollbar-track{background:var(--theme-bg-main);border-radius:4px}.side-panel::-webkit-scrollbar-thumb{background:var(--theme-text-secondary);border-radius:4px;-webkit-transition:background-color .3s;transition:background-color .3s}.side-panel::-webkit-scrollbar-thumb:hover{background:var(--theme-text-primary)}.side-panel{scrollbar-color:var(--theme-text-secondary) var(--theme-bg-main);scrollbar-width:thin}.admin-menu-header,.platform-admin-menu-header,.reports-menu-header,.scam-detector-menu-header,.simulations-menu-header{border-top:1px solid var(--theme-border);padding-top:8px}.sign-in-message{align-items:center;color:var(--theme-text-secondary);display:flex;font-size:1.1rem;height:100%;justify-content:center;padding:var(--spacing-lg);text-align:center}.sign-in-message p{margin:0}.no-subscription-message{align-items:center;color:var(--theme-text-secondary);display:flex;font-size:1.1rem;height:100%;justify-content:center;padding:var(--spacing-lg);text-align:center}.no-subscription-message p{margin:0}.session-timeout-empty{align-items:center;color:var(--theme-text-secondary);display:flex;font-size:1.1rem;height:100%;justify-content:center;padding:var(--spacing-lg);text-align:center}.session-timeout-empty p{margin:0}@media (min-width:769px){.side-panel{height:100%}}.requested-action-error{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px auto;max-width:600px;padding:24px}.error-content{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.error-icon{font-size:32px;margin-top:4px}.error-details{flex:1 1}.error-title{color:#d32f2f;font-size:20px;font-weight:600;margin:0 0 12px}.error-messages{margin-bottom:12px}.error-description{color:#333;font-size:16px;line-height:1.5;margin:0 0 8px}.error-action-context{color:#666;font-size:14px;font-style:italic;margin:0 0 8px}.error-suggestion{color:#666;font-size:14px;line-height:1.4;margin:0}.error-code{margin-top:8px}.error-code small{color:#999;font-family:monospace;font-size:12px}.error-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.close-button,.retry-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.retry-button{background-color:#1976d2;border-color:#1976d2}.retry-button:hover{background-color:#1565c0;border-color:#1565c0}.close-button:hover{background-color:#f5f5f5;border-color:#ccc}.close-button:disabled,.retry-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.requested-action-error{margin:16px;padding:16px}.error-content{gap:12px}.error-icon{font-size:24px}.error-title{font-size:18px}.error-actions{flex-direction:column}.close-button,.retry-button{width:100%}}.requested-action-error[data-status="403"]{border-left:4px solid #f44336}.requested-action-error[data-status="401"]{border-left:4px solid #ff9800}.requested-action-error[data-status="404"]{border-left:4px solid #9c27b0}.requested-action-error[data-status="500"]{border-left:4px solid #f44336}.requested-action-error[data-status="429"]{border-left:4px solid #ffeb3b}.error-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.error-modal-content{animation:errorModalSlideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes errorModalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.error-modal-content .requested-action-error{border:none;border-radius:0;box-shadow:none;margin:0}@media (max-width:600px){.error-modal-overlay{padding:10px}.error-modal-content{border-radius:0;max-width:100%}}.tooltip-wrapper{display:inline-flex;position:relative;width:100%}.tooltip{animation:tooltipFadeIn .15s ease-out;pointer-events:none;z-index:10000}.tooltip-content{background-color:#1e293b;background-color:var(--theme-bg-elevated,#1e293b);border:1px solid #ffffff1a;border:1px solid var(--theme-border-accent,#ffffff1a);border-radius:6px;box-shadow:0 4px 12px #00000040,0 2px 4px #0000001a;color:#f8fafc;color:var(--theme-text-inverse,#f8fafc);font-size:.85rem;font-weight:500;max-width:300px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.tooltip-arrow{border:6px solid #0000;height:0;position:absolute;width:0}.tooltip-arrow-right{border-left:none;border-right-color:#1e293b;border-right-color:var(--theme-bg-elevated,#1e293b);left:-6px;top:50%;transform:translateY(-50%)}.tooltip-arrow-left{border-left-color:#1e293b;border-left-color:var(--theme-bg-elevated,#1e293b);border-right:none;right:-6px;top:50%;transform:translateY(-50%)}.tooltip-arrow-top{border-bottom:none;border-top-color:#1e293b;border-top-color:var(--theme-bg-elevated,#1e293b);bottom:-6px;left:50%;transform:translateX(-50%)}.tooltip-arrow-bottom{border-bottom-color:#1e293b;border-bottom-color:var(--theme-bg-elevated,#1e293b);border-top:none;left:50%;top:-6px;transform:translateX(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root[data-theme=light] .tooltip-content,[data-theme=light] .tooltip-content{background-color:#1e293b;color:#f8fafc}:root[data-theme=light] .tooltip-arrow-right,[data-theme=light] .tooltip-arrow-right{border-right-color:#1e293b}:root[data-theme=light] .tooltip-arrow-left,[data-theme=light] .tooltip-arrow-left{border-left-color:#1e293b}:root[data-theme=light] .tooltip-arrow-top,[data-theme=light] .tooltip-arrow-top{border-top-color:#1e293b}:root[data-theme=light] .tooltip-arrow-bottom,[data-theme=light] .tooltip-arrow-bottom{border-bottom-color:#1e293b}.alert-container{align-items:center;box-shadow:0 2px 4px #0000001a;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;height:40px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%;z-index:100}.alert-container.clickable:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.alert-container.clickable:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.alert-info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-bottom:2px solid #1976d2;color:#0d47a1}.alert-warning{background:#fef3c7;border-bottom:2px solid #f57c00;color:#92400e}.alert-error{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-bottom:2px solid #d32f2f;color:#b71c1c}.alert-success{background:linear-gradient(135deg,#e8f5e8,#a5d6a7);border-bottom:2px solid #388e3c;color:#1b5e20}.alert-info .alert-dismiss-btn,.alert-info .alert-indicator,.alert-info .alert-text{color:#0d47a1}.alert-warning .alert-dismiss-btn,.alert-warning .alert-indicator,.alert-warning .alert-text{color:#e65100}.alert-error .alert-dismiss-btn,.alert-error .alert-indicator,.alert-error .alert-text{color:#b71c1c}.alert-success .alert-dismiss-btn,.alert-success .alert-indicator,.alert-success .alert-text{color:#1b5e20}.alert-content{justify-content:space-between;padding:0 20px;position:relative;width:100%}.alert-content,.alert-text-wrapper{align-items:center;display:flex;height:100%}.alert-text-wrapper{flex:1 1;justify-content:center;overflow:hidden}.alert-text-wrapper.scrolling{justify-content:flex-start;mask-image:linear-gradient(90deg,#0000 0,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10%,#000 90%,#0000)}.alert-text{display:inline-block;letter-spacing:.5px;line-height:40px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-text a{border-radius:3px;color:inherit;cursor:pointer;font-weight:600;margin:0 2px;padding:2px 4px;text-decoration:underline;transition:all .2s ease}.alert-text a:hover{background-color:#00000026;filter:brightness(.8);text-decoration:none}.scrolling-text{animation:scroll-left 20s linear infinite;max-width:none;padding-left:100%;text-overflow:clip}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.alert-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001a;border:1px solid #00000026;border-radius:12px;color:inherit;font-size:11px;font-weight:600;margin-right:8px;min-width:40px;padding:2px 8px;text-align:center}.alert-right-section{align-items:center;display:flex;gap:8px}.alert-dismiss-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001a;border:1px solid #00000026;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:24px}.alert-dismiss-btn:hover{background:#00000026;border-color:#00000040;transform:scale(1.1)}.alert-dismiss-btn:active{transform:scale(.95)}@media (max-width:768px){.alert-container{font-size:13px;height:35px}.alert-text{line-height:35px;min-width:-webkit-max-content;min-width:max-content;padding-right:10px}.alert-content{padding:0 15px}.alert-text-wrapper{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none}.alert-text-wrapper::-webkit-scrollbar{display:none}.alert-text-wrapper:after{background:linear-gradient(90deg,#0000,currentColor);bottom:0;content:"";opacity:.1;pointer-events:none;position:absolute;right:0;top:0;width:20px;z-index:1}.scrolling-text{animation:scroll-left 15s linear infinite}.alert-dismiss-btn{font-size:15px;height:22px;width:22px}}@media (max-width:480px){.alert-container{font-size:12px;height:30px}.alert-text{line-height:30px;min-width:-webkit-max-content;min-width:max-content;padding-right:10px}.alert-content{padding:0 10px}.alert-text-wrapper{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none}.alert-text-wrapper::-webkit-scrollbar{display:none}.alert-text-wrapper:after{background:linear-gradient(90deg,#0000,currentColor);bottom:0;content:"";opacity:.1;pointer-events:none;position:absolute;right:0;top:0;width:15px;z-index:1}.alert-indicator{display:none}.alert-dismiss-btn{font-size:14px;height:20px;width:20px}.alert-right-section{gap:4px}}.alert-container:hover{.scrolling-text{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.scrolling-text{animation:none;padding-left:0;transform:none}.alert-text-wrapper{justify-content:center;text-align:center}}[data-theme=dark] .alert-info{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-bottom-color:#3b82f6;color:#93c5fd}[data-theme=dark] .alert-warning{background:linear-gradient(135deg,#422006,#1c1917);border-bottom-color:#f59e0b;color:#fcd34d}[data-theme=dark] .alert-error{background:linear-gradient(135deg,#450a0a,#1c1917);border-bottom-color:#dc2626;color:#fca5a5}[data-theme=dark] .alert-success{background:linear-gradient(135deg,#14532d,#1c1917);border-bottom-color:#22c55e;color:#86efac}[data-theme=dark] .alert-info .alert-dismiss-btn,[data-theme=dark] .alert-info .alert-indicator,[data-theme=dark] .alert-info .alert-text{color:#93c5fd}[data-theme=dark] .alert-warning .alert-dismiss-btn,[data-theme=dark] .alert-warning .alert-indicator,[data-theme=dark] .alert-warning .alert-text{color:#fcd34d}[data-theme=dark] .alert-error .alert-dismiss-btn,[data-theme=dark] .alert-error .alert-indicator,[data-theme=dark] .alert-error .alert-text{color:#fca5a5}[data-theme=dark] .alert-success .alert-dismiss-btn,[data-theme=dark] .alert-success .alert-indicator,[data-theme=dark] .alert-success .alert-text{color:#86efac}[data-theme=dark] .alert-dismiss-btn,[data-theme=dark] .alert-indicator{background:#ffffff26;border-color:#fff3}[data-theme=dark] .alert-text a:hover{background-color:#fff3;filter:brightness(1.2)}[data-theme=dark] .alert-dismiss-btn:hover{background:#ffffff40;border-color:#ffffff4d}.hero{background:var(--bg-primary);border:none;border-radius:0;bottom:0;box-shadow:none;box-sizing:border-box;color:#333;display:flex;flex-direction:column;font-size:1.5rem;font-size:1.2rem;left:0;margin:0;min-height:100%;outline:none;overflow-y:visible;padding:0 0 120px;position:absolute;right:0;text-align:center;text-align:left;top:0;width:100%}.hero.with-alerts{top:40px}.hero.without-alerts{top:0}.hero.dimmed{filter:brightness(50%);pointer-events:none}.hero-welcome-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.hero-welcome-title{color:#1f2937;color:var(--theme-hero-title,#1f2937);font-size:3rem;font-weight:600;margin-bottom:1rem}.hero-welcome-subtitle{color:#4b5563;color:var(--theme-hero-subtitle,#4b5563);font-size:1.5rem;margin:0;opacity:.9}@media (max-width:1024px){.hero-welcome-title{font-size:2.5rem}.hero-welcome-subtitle{font-size:1.3rem}}@media (max-width:768px){.hero{height:calc(100vh - 40px);min-height:calc(100vh - 40px);width:100%}.hero-welcome-container{padding:1.5rem}.hero-welcome-title{font-size:2rem;margin-bottom:1.5rem}.hero-welcome-subtitle{font-size:1.2rem}}@media (max-width:480px){.hero{height:calc(100vh - 60px);min-height:calc(100vh - 60px);padding-bottom:40px}.hero-welcome-container{padding:1rem}.hero-welcome-title{font-size:1.8rem;line-height:1.2}.hero-welcome-subtitle{font-size:1.1rem;line-height:1.4}}.control-group{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;min-height:140px;padding:24px;position:relative;transition:all .2s ease}.control-group:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #00000014}.control-label-container{align-items:center;display:flex;gap:12px;margin-bottom:16px}.control-label{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.4;margin:0}.control-icon{color:#64748b;cursor:help;font-size:16px;transition:color .2s ease}.control-icon:hover{color:#3b82f6}.control-tooltip{font-size:.8125rem}.control-tooltip:before{border:4px solid #0000;border-right-color:#1e293b;content:"";left:-4px;position:absolute;top:50%;transform:translateY(-50%)}.control-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.range-container{align-items:center;box-sizing:border-box;display:flex;gap:16px;margin-bottom:8px;max-width:100%;overflow:hidden;width:100%}.range-labels{font-size:.8125rem}.range-input{-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:4px;box-sizing:border-box;cursor:pointer;flex:1 1;height:8px;max-width:100%;outline:none;width:100%}.range-input::-webkit-slider-thumb{-webkit-appearance:none;background:#3b82f6;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.range-input::-webkit-slider-thumb:hover{background:#2563eb;cursor:pointer;transform:scale(1.1)}.range-input::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.range-input::-moz-range-thumb:hover{cursor:pointer}.range-value{background:#f1f5f9;border-radius:8px;color:#3b82f6;font-size:.875rem;font-weight:600;min-width:36px;padding:6px 10px;text-align:center}.control-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;cursor:pointer;font-size:.9375rem;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.control-select:hover{border-color:#3b82f6}.control-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-container{display:flex;flex-direction:column;gap:2px}.checkbox-item{align-items:center;cursor:pointer;gap:5px;margin:0 -12px;padding:4px 12px;transition:background-color .2s ease}.checkbox-item:hover{background-color:#f8fafc}.checkbox-input{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.checkbox-label{color:#374151;cursor:pointer;font-size:.9375rem;line-height:1.4;-webkit-user-select:none;user-select:none}.radio-container{display:flex;flex-direction:column;gap:12px}.radio-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin:0 -12px;padding:8px 12px;transition:background-color .2s ease}.radio-item:hover{background-color:#f8fafc}.radio-input{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.radio-label{color:#374151;cursor:pointer;font-size:.9375rem;line-height:1.4;-webkit-user-select:none;user-select:none}.checkbox-input,.checkbox-item,.checkbox-label,.control-select,.radio-input,.radio-item,.radio-label,.range-input{cursor:pointer!important}.checkbox-input:disabled,.control-select:disabled,.radio-input:disabled,.range-input:disabled{cursor:not-allowed!important}.checkbox-item:has(.checkbox-input:disabled),.radio-item:has(.radio-input:disabled){cursor:not-allowed!important}.checkbox-item:has(.checkbox-input:disabled) .checkbox-label,.radio-item:has(.radio-input:disabled) .radio-label{cursor:not-allowed!important}@media (max-width:768px){.control-group{min-height:auto;padding:16px}.control-label-container{align-items:center;flex-direction:row;gap:8px;margin-bottom:12px}.control-label{font-size:16px;line-height:1.3}.control-icon{align-self:center}.range-container{align-items:stretch;flex-direction:column;gap:12px;max-width:100%;overflow:hidden;width:100%}.range-input{box-sizing:border-box;margin:0;max-width:100%;width:100%}.range-value{align-self:center;margin:0}.range-input{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:3px}.range-input::-webkit-slider-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:2px;height:3px}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:28px;margin-top:-12px;width:28px}.range-input::-moz-range-thumb{background:#3b82f6;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:28px;width:28px}}@media (max-width:480px){.control-group{margin-bottom:16px;min-height:auto;padding:12px}.control-label-container{gap:6px;margin-bottom:10px}.control-label{font-size:15px}.control-icon{font-size:18px}.range-container{gap:10px;max-width:100%;overflow:hidden;width:100%}.range-value{font-size:14px;min-width:50px;padding:6px 12px}.control-tooltip{font-size:13px;max-width:200px;padding:6px 10px}.range-input{height:2px;max-width:100%;width:100%}.range-input::-webkit-slider-track{border-radius:1px;height:2px}.range-input::-webkit-slider-thumb{border:2px solid #fff;height:24px;margin-top:-11px;width:24px}.range-input::-moz-range-thumb{border:2px solid #fff;height:24px;width:24px}}.sophistication-slider{background:#fff;border:2px solid #d1d5db;border-radius:6px;box-shadow:0 2px 4px #000000b3;height:10px!important}.sophistication-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:4px solid #3b82f6;border-radius:50%;box-shadow:0 3px 12px #0000004d;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.sophistication-slider::-webkit-slider-thumb:hover{border-color:#2563eb;box-shadow:0 4px 16px #0006;transform:scale(1.15)}.sophistication-slider::-moz-range-thumb{background:#fff;border:4px solid #3b82f6;border-radius:50%;box-shadow:0 3px 12px #0000004d;cursor:pointer;height:24px;width:24px}.sophistication-info{margin-top:12px}.sophistication-description{font-size:.9375rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-align:center;text-transform:uppercase}.sophistication-detail{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 8px;text-align:center}@media (max-width:768px){.sophistication-slider{border-width:1px;height:2px!important}.sophistication-slider::-webkit-slider-thumb{border:3px solid #3b82f6;height:20px;margin-top:-9px;width:20px}.sophistication-slider::-moz-range-thumb{border:3px solid #3b82f6;height:20px;width:20px}.sophistication-info{margin-top:8px}.sophistication-description{font-size:16px;margin-bottom:3px}.sophistication-detail{font-size:14px;margin-bottom:6px}.range-labels{font-size:12px;margin-top:3px}}@media (max-width:480px){.sophistication-slider{border-radius:2px;border-width:1px;height:1px!important;max-width:95%;padding-left:0!important}.sophistication-slider::-webkit-slider-thumb{border:2px solid #3b82f6;height:18px;margin-top:-8px;width:18px}.sophistication-slider::-moz-range-thumb{border:2px solid #3b82f6;height:18px;width:18px}.sophistication-info{margin-top:6px}.sophistication-description{font-size:14px;letter-spacing:.3px;margin-bottom:2px}.sophistication-detail{font-size:13px;margin-bottom:4px}.range-labels{font-size:11px;margin-top:2px}}.frequency-slider{background:#f8f9fa;border:2px solid #d1d5db;border-radius:6px;box-shadow:0 2px 4px #000000b3;height:10px!important}.frequency-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:4px solid #3b82f6;border-radius:50%;box-shadow:0 3px 12px #0000004d;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.frequency-slider::-webkit-slider-thumb:hover{border-color:#2563eb;box-shadow:0 4px 16px #0006;transform:scale(1.15)}.frequency-slider::-moz-range-thumb{background:#fff;border:4px solid #3b82f6;border-radius:50%;box-shadow:0 3px 12px #0000004d;cursor:pointer;height:24px;width:24px}.frequency-info{margin-top:12px;text-align:center}.frequency-description{font-size:18px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.frequency-detail{color:#64748b;font-size:15px;font-weight:500;margin-bottom:8px}.range-labels{color:#64748b;display:flex;font-size:13px;justify-content:space-between;margin-top:4px}.contact-frequency-tooltip{background-color:#999;border-radius:3px;color:#fff;display:none;font-size:15px;padding:5px;position:absolute;white-space:nowrap;z-index:1000}.contact-frequency-label-container{align-items:center;display:flex;text-align:left;width:100%}.contact-frequency-label{margin-right:20px}.contact-frequency-icon{color:#999;cursor:pointer;font-size:24px;margin-left:20px}.contact-frequency-range-container{display:flex;font-size:.8rem;justify-content:space-between;width:100%}.contact-frequency-value-display{font-size:1.2rem;font-weight:700}@media (max-width:768px){.frequency-slider{border-width:1px;height:2px!important}.frequency-slider::-webkit-slider-thumb{border:3px solid #3b82f6;height:20px;margin-top:-9px;width:20px}.frequency-slider::-moz-range-thumb{border:3px solid #3b82f6;height:20px;width:20px}.frequency-info{margin-top:8px}.frequency-description{font-size:16px;margin-bottom:3px}.frequency-detail{font-size:14px;margin-bottom:6px}.range-labels{font-size:12px;margin-top:3px}.contact-frequency-label-container{align-items:flex-start;flex-direction:column;gap:6px}.contact-frequency-label{font-size:15px;margin-right:0}.contact-frequency-icon{align-self:flex-start;font-size:18px;margin-left:0}}@media (max-width:480px){.frequency-slider{border-radius:2px;border-width:1px;height:1px!important;max-width:95%;padding-left:0!important}.frequency-slider::-webkit-slider-thumb{border:2px solid #3b82f6;height:18px;margin-top:-8px;width:18px}.frequency-slider::-moz-range-thumb{border:2px solid #3b82f6;height:18px;width:18px}.frequency-info{margin-top:6px}.frequency-description{font-size:14px;letter-spacing:.3px;margin-bottom:2px}.frequency-detail{font-size:13px;margin-bottom:4px}.range-labels{font-size:11px;margin-top:2px}.contact-frequency-label{font-size:14px}.contact-frequency-icon{font-size:16px}}:root{--accent-green:##00e197;--focus-border-color:#06c;--focus-border-width:2px;--focus-shadow:0 0 0 3px #0066cc26;--focus-transition:all 0.2s ease;--focus-outline:none;--button-background:var(--brand-blue);--button-hover-background:var(--brand-blue-light);--bg-primary:#f8fafc;--bg-card:#f8fafc;--header-blue:#1976d2;--warning-orange:#fef3c7;--warning-orange-dark:#92400e;--purple-light:#ede9fe;--text-primary:#1f2937;--font-size-title:2.5rem;--main-title-color:var(--text-primary);--bg-main-container-green:linear-gradient(135deg,#f8fafc,#e2e8f0);--bg-main-container-gradient-2:linear-gradient(135deg,#f8fafc,#e2e8f0);--bg-card-container-purple:var(--bg-card);--bg-card-container-gray:var(--gray-100);--bg-block-container-purple:#8b5cf61a;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-800:#1f2937}@media (max-width:480px){.common-container{box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden!important;padding:0 var(--spacing-sm)!important;width:100vw!important}}.common-nav{align-items:flex-start}.common-nav-item{justify-content:flex-start;width:100%}.common-nav-text{text-align:left}.common-nav-text h4,.common-nav-text p{margin:0;text-align:left}.common-nav-item:hover{background:#10b9811a!important}.common-nav-item:hover .common-nav-text h4{color:var(--accent-green)!important}.common-nav-item:hover .common-nav-text p{color:var(--text-primary)!important}.common-nav-item:hover .common-nav-icon{color:var(--accent-green)!important}.common-nav-item.disabled{cursor:pointer;opacity:.8}.common-nav-item.disabled .common-nav-arrow,.common-nav-item.disabled .common-nav-icon,.common-nav-item.disabled .common-nav-text h4,.common-nav-item.disabled .common-nav-text p{color:#888!important}.common-nav-item.disabled:hover{background:#8888881a!important}.common-nav-item.disabled:hover .common-nav-icon,.common-nav-item.disabled:hover .common-nav-text h4,.common-nav-item.disabled:hover .common-nav-text p{color:#888!important}.common-nav-item.disabled.active .common-nav-arrow,.common-nav-item.disabled.active .common-nav-icon,.common-nav-item.disabled.active .common-nav-text h4,.common-nav-item.disabled.active .common-nav-text p{color:#666!important}.common-dropdown-item.disabled{cursor:pointer;opacity:.5}.common-dropdown-item.disabled .common-dropdown-item-description,.common-dropdown-item.disabled .common-dropdown-item-icon,.common-dropdown-item.disabled .common-dropdown-item-title{color:#888!important}.common-dropdown-item.disabled:hover{background:#8888881a!important}.common-dropdown-item.disabled:hover .common-dropdown-item-description,.common-dropdown-item.disabled:hover .common-dropdown-item-icon,.common-dropdown-item.disabled:hover .common-dropdown-item-title{color:#888!important}@media (max-width:480px){.common-sidebar-mobile .common-dropdown-container{box-sizing:border-box;margin-bottom:var(--spacing-md);max-width:100%!important;padding:0 var(--spacing-sm);width:100%!important}.common-sidebar-mobile .common-dropdown-trigger{box-sizing:border-box;font-size:var(--font-size-sm)!important;max-width:100%!important;min-height:48px;padding:var(--spacing-md)!important;width:100%!important}.common-sidebar-mobile .common-dropdown-current{gap:var(--spacing-sm);max-width:calc(100% - 30px);overflow:hidden;width:100%}.common-sidebar-mobile .common-dropdown-current span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.common-sidebar-mobile .common-dropdown-menu{box-sizing:border-box;left:var(--spacing-sm)!important;margin-left:0!important;margin-right:0!important;max-height:50vh;max-width:calc(100% - var(--spacing-sm)*2)!important;right:var(--spacing-sm)!important;width:auto!important}.common-sidebar-mobile .common-dropdown-item{box-sizing:border-box;gap:var(--spacing-sm);padding:var(--spacing-md)!important;width:100%}.common-sidebar-mobile .common-dropdown-item-text{flex:1 1;min-width:0;overflow:hidden}.common-sidebar-mobile .common-dropdown-item-title{font-size:var(--font-size-sm)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.common-sidebar-mobile .common-dropdown-item-desc{font-size:var(--font-size-xs)!important;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.common-sidebar-mobile .common-dropdown-icon,.common-sidebar-mobile .common-dropdown-item-icon{flex-shrink:0;font-size:var(--font-size-sm)}.common-layout .common-sidebar-mobile{box-sizing:border-box;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}}@media (max-width:360px){.common-sidebar-mobile .common-dropdown-menu{left:0!important;margin:0!important;max-width:100vw!important;right:0!important;width:100vw!important}.common-sidebar-mobile .common-dropdown-container{padding:0!important}.common-sidebar-mobile .common-dropdown-trigger{border-radius:var(--radius-sm)!important}.common-dropdown-trigger.disabled{cursor:not-allowed!important;opacity:.6!important}.common-dropdown-trigger.disabled,.common-dropdown-trigger.disabled:hover{background-color:#f5f5f5!important}.common-dropdown-trigger.disabled .common-dropdown-arrow{display:none!important}}.pause-status-banner{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:24px;padding:20px;transition:all .3s ease}.pause-status-banner.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50}.pause-status-banner.paused{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #ff9800}.pause-status-content{align-items:center;display:flex;gap:20px}.pause-status-icon{flex-shrink:0;font-size:32px}.pause-status-banner.active .pause-status-icon{color:var(--brand-green)}.pause-status-banner.paused .pause-status-icon{color:#ff9800}.pause-status-info{flex:1 1;min-width:0}.pause-status-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.pause-status-label{color:#666;color:var(--text-secondary,#666);font-size:14px;font-weight:500}.pause-status-value{font-size:16px;font-weight:700;letter-spacing:.5px}.pause-status-banner.active .pause-status-value{color:var(--brand-green)}.pause-status-banner.paused .pause-status-value{color:#e65100}.pause-status-message{color:#333;color:var(--text-primary,#333);font-size:14px;margin-bottom:4px}.pause-status-reason{color:#666;color:var(--text-secondary,#666);font-size:13px;font-style:italic;margin-top:6px}.pause-status-reason .reason-label{font-style:normal;font-weight:600}.pause-status-actions{display:flex;flex-shrink:0;gap:12px}.pause-action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.pause-action-button svg{font-size:16px}.pause-action-button.resume{background:var(--brand-green);color:#fff}.pause-action-button.resume:hover{background:var(--brand-green);box-shadow:0 4px 8px #4caf504d;transform:translateY(-1px)}.pause-action-button.pause{background:#ff9800;color:#fff}.pause-action-button.pause:hover{background:#f57c00;box-shadow:0 4px 8px #ff98004d;transform:translateY(-1px)}.pause-action-button.edit{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);color:#333;color:var(--text-primary,#333)}.pause-action-button.edit:hover{background:#e0e0e0;background:var(--bg-hover,#e0e0e0);transform:translateY(-1px)}@media (max-width:768px){.pause-status-banner{padding:14px}.pause-status-content{flex-wrap:wrap;gap:12px}.pause-status-icon{font-size:24px}.pause-status-info{flex:1 1;min-width:200px}.pause-status-header{gap:6px;margin-bottom:2px}.pause-status-label{font-size:13px}.pause-status-value{font-size:15px}.pause-status-message{font-size:13px;margin-bottom:2px}.pause-status-actions{justify-content:stretch;width:100%}.pause-action-button{flex:1 1;justify-content:center;padding:12px 16px}}@media (max-width:480px){.pause-status-header{align-items:flex-start;flex-direction:column;gap:4px}.pause-status-value{font-size:18px}.pause-action-button span{font-size:13px}}[data-theme=dark] .pause-status-banner.active{background:linear-gradient(135deg,#1b5e20,#2e7d32)}[data-theme=dark] .pause-status-banner.paused{background:linear-gradient(135deg,#e65100,#f57c00)}[data-theme=dark] .pause-action-button.edit{background:#424242;border-color:#616161;color:#fff}[data-theme=dark] .pause-action-button.edit:hover{background:#616161}.pause-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pause-modal-content{animation:slideUp .3s ease;background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.pause-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:24px}.pause-modal-header h2{color:#333;color:var(--text-primary,#333);font-size:24px;font-weight:600;margin:0}.pause-modal-close{background:none;border:none;border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:20px;padding:8px;transition:all .2s ease}.pause-modal-close:hover{background:#f5f5f5;background:var(--bg-hover,#f5f5f5);color:#333;color:var(--text-primary,#333)}.pause-modal-body{padding:24px}.pause-modal-description{color:#666;color:var(--text-secondary,#666);font-size:14px;line-height:1.5;margin:0 0 24px}.pause-option-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.pause-option{align-items:flex-start;border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.pause-option:hover{background:#f5f5f5;background:var(--bg-hover,#f5f5f5);border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.pause-option input[type=radio]{cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.pause-option input[type=radio]:checked+.pause-option-content .pause-option-title{color:#1976d2;color:var(--primary-color,#1976d2);font-weight:600}.pause-option-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.pause-option-title{color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:500}.pause-option-desc{color:#666;color:var(--text-secondary,#666);font-size:13px;line-height:1.4}.pause-option-input{margin-bottom:4px;margin-left:30px;margin-top:8px}.pause-date-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#333;color:var(--text-primary,#333);font-size:14px;max-width:200px;padding:10px 12px;transition:border-color .2s ease;width:100%}.pause-date-input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.pause-duration-input-group{align-items:center;display:flex;gap:8px}.pause-duration-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#333;color:var(--text-primary,#333);font-size:14px;max-width:20%;padding:10px 12px;transition:border-color .2s ease}.pause-duration-input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.pause-duration-label{color:#666;color:var(--text-secondary,#666);font-size:14px}.pause-reason-group{display:flex;flex-direction:column;gap:8px}.pause-reason-label{font-weight:500}.pause-reason-label,.pause-reason-textarea{color:#333;color:var(--text-primary,#333);font-size:14px}.pause-reason-textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;font-family:inherit;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.pause-reason-textarea:focus{border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 0 0 3px #1976d21a;outline:none}.pause-reason-textarea::placeholder{color:#999;color:var(--text-tertiary,#999)}.pause-reason-counter{color:#666;color:var(--text-secondary,#666);font-size:12px;text-align:right}.pause-modal-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.pause-modal-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.pause-modal-button.cancel{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);color:#333;color:var(--text-primary,#333)}.pause-modal-button.cancel:hover{background:#e0e0e0;background:var(--bg-hover,#e0e0e0)}.pause-modal-button.confirm{background:#ff9800;color:#fff}.pause-modal-button.confirm:hover:not(:disabled){background:#f57c00;box-shadow:0 4px 8px #ff98004d;transform:translateY(-1px)}.pause-modal-button.confirm:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.pause-modal-content{border-radius:12px 12px 0 0;margin-top:auto;max-width:100%}.pause-modal-header{padding:20px}.pause-modal-header h2{font-size:20px}.pause-modal-body{padding:20px}.pause-modal-footer{flex-direction:column-reverse;padding:16px 20px}.pause-modal-button{width:100%}}[data-theme=dark] .pause-modal-overlay{background:#000000b3}[data-theme=dark] .pause-option:hover{background:#ffffff0d}[data-theme=dark] .pause-modal-button.cancel{background:#424242;color:#fff}[data-theme=dark] .pause-modal-button.cancel:hover{background:#616161}@media (min-width:769px){.mobile-profile-preset,.mobile-section-header{display:none!important}.desktop-profile-preset,.desktop-section-header{display:block!important}.simulation-profile-container .common-content{flex:0 0 620px}.profile-preset-section .common-form-group{align-items:flex-start;display:flex;gap:var(--spacing-xl)}.profile-preset-section .common-form-field{flex:0 0 auto;min-width:-webkit-fit-content;min-width:fit-content;width:auto}.profile-preset-section .common-form-field .common-select{min-width:300px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.profile-preset-section .common-alert-info{flex:1 1 auto;min-width:0}.profile-preset-section .common-alert-info .common-alert{margin-bottom:0}.profile-preset-section .common-form-field label{color:#3b82f6;display:block;font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md)}.profile-preset-section .common-select{font-size:1.0625rem}.profile-preset-section .subscription-note{color:var(--text-secondary);font-size:.8125rem;font-style:italic;margin-top:var(--spacing-sm)}}@media (min-width:1200px){.simulation-profile-container .common-layout{gap:var(--spacing-3xl)}.simulation-profile-container .common-sidebar{width:240px}.simulation-profile-container{padding:0}.main-content.expanded .simulation-profile-container .common-header{max-width:calc(100vw - 130px);width:calc(100vw - 130px)}}@media (max-width:1199px) and (min-width:768px){.simulation-profile-container .common-layout{gap:var(--spacing-xl)}.simulation-profile-container .common-sidebar{width:220px}.simulation-profile-container{padding:var(--spacing-xl)}.simulation-profile-container .common-form-group{padding:var(--spacing-md)}.main-content.expanded .simulation-profile-container .common-header{max-width:calc(100vw - 130px);width:calc(100vw - 130px)}}@media (min-width:769px){.user-config-info{color:var(--text-secondary);font-size:.8em;font-weight:500;margin-top:5px;padding:0 0 10px 22.4px}.simulation-profile-container .main-title{color:var(--text-primary)}.simulation-profile-container .common-subtitle{color:var(--text-secondary)}.error-state,.loading-state{color:var(--text-primary);font-weight:500}.error-state p{color:var(--text-secondary)}:root.dark-theme .simulation-profile-container .common-section-header p,[data-theme=dark] .simulation-profile-container .common-section-header p{background-color:initial!important;color:#f9fafb!important;font-weight:500!important;opacity:1!important}:root.dark-theme .simulation-profile-container .config-summary .summary-item strong,[data-theme=dark] .simulation-profile-container .config-summary .summary-item strong{color:#f9fafb!important;opacity:1!important}:root.dark-theme .simulation-profile-container .config-summary .summary-item,[data-theme=dark] .simulation-profile-container .config-summary .summary-item{color:#d1d5db!important;opacity:1!important}:root.dark-theme .simulation-profile-container h3,:root.dark-theme .simulation-profile-container h4,[data-theme=dark] .simulation-profile-container h3,[data-theme=dark] .simulation-profile-container h4{color:#f9fafb!important}:root.dark-theme .common-alert p,[data-theme=dark] .common-alert p{background:#0000!important;color:var(--text-primary)!important;font-weight:500!important;opacity:1!important}:root.dark-theme .common-alert h4,[data-theme=dark] .common-alert h4{background:#0000!important;color:var(--text-primary)!important;font-weight:600!important;opacity:1!important}:root.dark-theme .profile-preset-section .common-alert-info .common-alert h4,[data-theme=dark] .profile-preset-section .common-alert-info .common-alert h4{background:#0000!important;color:#93c5fd!important;font-weight:600!important;opacity:1!important}:root.dark-theme .profile-preset-section .common-alert-info .common-alert p,[data-theme=dark] .profile-preset-section .common-alert-info .common-alert p{background:#0000!important;color:#bfdbfe!important;font-weight:400!important;opacity:1!important}.profile-preset-section .common-alert-info .common-alert h4{border-bottom:1px solid #1e40af!important;color:#1e40af!important;font-weight:600!important;margin-bottom:8px!important;padding-bottom:4px!important}.profile-preset-section .common-alert-info .common-alert p{color:#1e40af!important;font-weight:400!important}:root.dark-theme .profile-preset-section .common-alert-info .common-alert h4,[data-theme=dark] .profile-preset-section .common-alert-info .common-alert h4{border-bottom:1px solid #1e40af!important}:root.dark-theme .common-form-group label,:root.dark-theme .desktop-profile-preset label,:root.dark-theme .preset-label,[data-theme=dark] .common-form-group label,[data-theme=dark] .desktop-profile-preset label,[data-theme=dark] .preset-label{color:#000!important;font-weight:600!important;opacity:1!important}.profile-preset-section .common-alert-info .common-alert{font-size:var(--font-size-sm)}.profile-preset-section .common-alert-info .common-alert h4{color:var(--text-primary);font-size:var(--font-size-md)}.profile-preset-section .common-alert-info .common-alert p{color:var(--text-secondary);line-height:1.4}@media (max-width:1199px) and (min-width:769px){.profile-preset-section .common-form-group{flex-direction:column;gap:var(--spacing-md)}.profile-preset-section .common-alert-info{max-width:100%}}.schedule-control-section{display:flex;flex-direction:column;gap:24px}.schedule-status-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:24px}.schedule-status-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.schedule-status-icon{border-radius:8px;font-size:36px;padding:12px}.schedule-status-icon.active{background:#e8f5e9;color:#4caf50}.schedule-status-icon.paused{background:#fff3e0;color:#ff9800}.schedule-status-title{color:#333;color:var(--text-primary,#333);font-size:20px;font-weight:600;margin:0 0 4px}.schedule-status-subtitle{color:#666;color:var(--text-secondary,#666);font-size:14px;margin:0}.schedule-pause-details{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border-radius:6px;margin-bottom:24px;padding:20px}.schedule-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.schedule-detail-item{display:flex;flex-direction:column;gap:4px}.schedule-detail-item label{color:#666;color:var(--text-secondary,#666);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.schedule-detail-item span{color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:500}.schedule-detail-item.highlight{background:#fff3e0;border-left:3px solid #ff9800;border-radius:6px;padding:12px}.days-badge{background:#ff9800;border-radius:4px;color:#fff;display:inline-block;font-size:14px!important;font-weight:600!important;padding:4px 12px}.schedule-pause-reason{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);margin-top:16px;padding-top:16px}.schedule-pause-reason label{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:8px}.schedule-pause-reason p{color:#333;color:var(--text-primary,#333);font-size:14px;font-style:italic;line-height:1.5;margin:0}.schedule-pause-metadata{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);margin-top:12px;padding-top:12px}.schedule-pause-metadata small{color:#999;color:var(--text-tertiary,#999);font-size:12px}.schedule-control-actions{display:flex;flex-wrap:wrap;gap:12px}.schedule-control-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.schedule-control-button svg{font-size:16px}.schedule-control-button.primary{background:#4caf50;color:#fff}.schedule-control-button.primary:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-1px)}.schedule-control-button.warning{background:#ff9800;color:#fff}.schedule-control-button.warning:hover{background:#f57c00;box-shadow:0 4px 8px #ff98004d;transform:translateY(-1px)}.schedule-control-button.secondary{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);color:#333;color:var(--text-primary,#333)}.schedule-control-button.secondary:hover{background:#e0e0e0;background:var(--bg-hover,#e0e0e0)}.schedule-info-box{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:6px;display:flex;gap:16px;padding:20px}.schedule-info-box .info-icon{color:#2196f3;flex-shrink:0;font-size:24px;margin-top:2px}.schedule-info-box .info-content h5{color:#1976d2;font-size:16px;font-weight:600;margin:0 0 8px}.schedule-info-box .info-content p{color:#0d47a1;font-size:14px;line-height:1.5;margin:0 0 12px}.schedule-info-box .info-content ul{color:#0d47a1;font-size:13px;margin:0;padding-left:20px}.schedule-info-box .info-content li{line-height:1.4;margin-bottom:6px}:root.dark-theme .schedule-status-icon.active,[data-theme=dark] .schedule-status-icon.active{background:#1b5e20;color:#4caf50}:root.dark-theme .schedule-status-icon.paused,[data-theme=dark] .schedule-status-icon.paused{background:#e65100;color:#ff9800}:root.dark-theme .schedule-pause-details,[data-theme=dark] .schedule-pause-details{background:#ffffff0d}:root.dark-theme .schedule-detail-item.highlight,[data-theme=dark] .schedule-detail-item.highlight{background:#ff98001a}:root.dark-theme .schedule-control-button.secondary,[data-theme=dark] .schedule-control-button.secondary{background:#424242;border-color:#616161;color:#fff}:root.dark-theme .schedule-control-button.secondary:hover,[data-theme=dark] .schedule-control-button.secondary:hover{background:#616161}:root.dark-theme .schedule-info-box,[data-theme=dark] .schedule-info-box{background:#2196f31a;border-left-color:#2196f3}}@media (max-width:768px){.desktop-profile-preset,.desktop-section-header{display:none!important}.mobile-profile-preset{display:block!important;margin-bottom:var(--spacing-md);order:1}.common-layout .common-sidebar-mobile{order:2}.mobile-section-header{display:block!important;margin-bottom:var(--spacing-md);order:3}.common-layout .common-content{order:4}.simulation-profile-container .common-layout{flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-md)}.simulation-profile-container{padding:var(--spacing-md)}.simulation-profile-container .common-header{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0;text-align:center}.simulation-profile-container .common-header .main-title{margin:0 auto;padding:0;text-align:center}.user-config-info{color:var(--text-secondary);font-size:.8em;font-weight:500;margin-top:5px}.simulation-profile-container .common-section-header p{color:var(--text-secondary)!important;font-size:var(--font-size-sm)!important;font-weight:400!important;line-height:1.5!important;margin-bottom:var(--spacing-md)!important;margin-top:var(--spacing-xs)!important;opacity:1!important}.simulation-profile-container .common-content .common-section-header p{color:var(--text-primary)!important;font-weight:500!important;opacity:1!important}:root.dark-theme .simulation-profile-container .common-content .common-section-header p,[data-theme=dark] .simulation-profile-container .common-content .common-section-header p{background-color:initial!important;color:#f9fafb!important;font-weight:500!important;opacity:1!important}:root.dark-theme .common-section-header p,[data-theme=dark] .common-section-header p{color:#f9fafb!important;opacity:1!important;text-shadow:none!important}:root.dark-theme .common-content .common-section .common-section-header p,[data-theme=dark] .common-content .common-section .common-section-header p{background:#0000!important;border:none!important;color:#fff!important;font-weight:600!important;opacity:1!important;outline:none!important;text-shadow:1px 1px 2px #000c!important}:root.dark-theme .common-alert p,[data-theme=dark] .common-alert p{background:#0000!important;color:#fff!important;font-weight:600!important;opacity:1!important;text-shadow:1px 1px 2px #000c!important}.common-container .common-content .config-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0;margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.common-container .common-content .config-summary h3,.common-container .common-content .config-summary h4{color:var(--text-primary)!important;margin-bottom:var(--spacing-sm)!important}.common-container .common-content .config-summary .summary-item{align-items:flex-start!important;border-radius:.2rem!important;color:var(--text-primary)!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:var(--spacing-md)!important;justify-content:space-between!important;line-height:1.4!important;margin-bottom:var(--spacing-xs)!important;margin-left:0!important;min-height:1.5em!important;padding:var(--spacing-xs)!important;white-space:normal!important}.common-container .common-content .config-summary .summary-item strong{color:var(--text-primary)!important;display:inline-block!important;flex-grow:0!important;flex-shrink:0!important;font-weight:600!important;margin-right:0!important;max-width:45%!important;min-width:auto!important;text-align:left!important;white-space:nowrap!important;width:auto!important}.common-container .common-content .config-summary .summary-item>:not(strong),.common-container .common-content .config-summary .summary-item>span:not(:first-child){word-wrap:break-word!important;color:var(--text-secondary)!important;display:inline-block!important;flex-shrink:1!important;font-weight:500!important;-webkit-hyphens:auto!important;hyphens:auto!important;margin-left:auto!important;max-width:50%!important;overflow-wrap:break-word!important;text-align:right!important;white-space:normal!important}.common-container .common-content .config-summary .summary-item:after{content:none!important}.common-layout .common-sidebar.disabled .common-dropdown-trigger,.common-layout .common-sidebar[aria-disabled=true] .common-dropdown-trigger{cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important}.common-layout .common-sidebar.disabled .nav-item,.common-layout .common-sidebar[aria-disabled=true] .nav-item{cursor:not-allowed!important;opacity:.6!important;pointer-events:none!important}.common-dropdown-trigger{position:relative!important;z-index:960!important}.common-dropdown-content,.common-dropdown-menu{z-index:961!important}.common-container .common-layout .common-sidebar .common-dropdown-trigger,.common-layout .common-sidebar-mobile .common-dropdown-trigger{margin-left:0!important;padding:var(--spacing-sm)!important;position:relative!important;z-index:960!important}.common-container .common-layout .common-sidebar .common-dropdown-content,.common-container .common-layout .common-sidebar .common-dropdown-menu,.common-layout .common-sidebar-mobile .common-dropdown-content,.common-layout .common-sidebar-mobile .common-dropdown-menu{z-index:961!important}.common-form-group,.common-message,.common-section-content,.profile-notification{position:relative!important;z-index:1!important}.preset-overlay{z-index:5!important}.common-layout .common-sidebar,.common-layout .common-sidebar-mobile{position:relative!important;z-index:970!important}.common-layout .common-content{position:relative!important;z-index:1!important}.common-dropdown-item.disabled,.common-nav-item.disabled{background:var(--bg-input)!important;border:1px solid var(--border-color)!important;opacity:1!important}.common-dropdown-item.disabled:hover,.common-nav-item.disabled:hover{background:var(--bg-input-focus)!important;border-color:var(--border-color)!important;opacity:1!important}.simulation-profile-container .common-form-group{margin-bottom:var(--spacing-md)}.mobile-profile-preset{box-sizing:border-box;margin-bottom:var(--spacing-lg);max-width:100%;padding:0 var(--spacing-md);width:-webkit-fit-content;width:fit-content}.mobile-profile-preset .common-dropdown-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-profile-preset .common-dropdown-item,.mobile-profile-preset .common-dropdown-trigger{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.preset-form-container{box-sizing:border-box;max-width:100%;width:-webkit-fit-content;width:fit-content}.preset-form-field{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.preset-label{color:#3b82f6;display:block;font-size:1.125rem;font-weight:700;margin-bottom:var(--spacing-sm)}.preset-select-wrapper{box-sizing:border-box;position:relative;width:100%}.preset-select-mobile{animation:pulse-subtle-mobile 3s ease-in-out infinite;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(to right,var(--bg-input),#3b82f608);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.25rem;border:3px solid #3b82f6;border-radius:var(--radius-md);box-shadow:0 4px 12px #3b82f640,0 0 0 0 #3b82f666;box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-md);font-weight:700;max-width:100%;min-height:50px;padding:var(--spacing-md);padding-right:calc(var(--spacing-md) + 2rem);transition:all .3s ease;width:100%}@keyframes pulse-subtle-mobile{0%,to{box-shadow:0 4px 12px #3b82f640,0 0 0 0 #3b82f666}50%{box-shadow:0 4px 16px #3b82f659,0 0 0 4px #3b82f626}}.preset-select-mobile:focus{animation:none;border-color:var(--accent-green);box-shadow:0 0 0 5px #10b98133,0 6px 20px #3b82f666;outline:none}.preset-select-mobile:disabled{background-color:var(--bg-input);cursor:not-allowed;opacity:.6}.preset-select-mobile option{background:var(--bg-input);color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;padding:var(--spacing-sm);text-shadow:0 1px 2px #0000001a}.preset-select-mobile option:disabled{background:var(--bg-input-focus);color:var(--text-muted)}.preset-warning-message{align-items:flex-start;background:#fef3c7;border:1px solid #f59e0b;border-radius:0;display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.warning-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.warning-icon,.warning-text{font-size:var(--font-size-sm)}.warning-text{color:#92400e;line-height:1.4}.preset-subscription-note{color:var(--text-secondary);font-size:.75rem;font-style:italic;margin-top:var(--spacing-xs);padding:0 var(--spacing-xs)}.simulation-profile-container .common-input,.simulation-profile-container .common-select{box-sizing:border-box;width:100%}.simulation-profile-container .common-button-group{flex-direction:column;gap:var(--spacing-sm)}.mobile-profile-preset .common-dropdown-container{box-sizing:border-box;max-width:100%;width:-webkit-fit-content;width:fit-content;z-index:980}.mobile-profile-preset .common-dropdown-trigger{align-items:center!important;box-sizing:border-box!important;display:flex!important;font-size:var(--font-size-sm)!important;height:auto!important;justify-content:space-between!important;line-height:1.4!important;max-width:100%!important;min-height:44px!important;overflow:hidden!important;padding:var(--spacing-sm)!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:-webkit-fit-content!important;width:fit-content!important;z-index:981}.mobile-profile-preset .common-dropdown-menu{box-sizing:border-box!important;max-width:100%!important;width:100%!important;z-index:982}.mobile-profile-preset .common-dropdown-item{box-sizing:border-box!important;font-size:var(--font-size-sm)!important;max-width:100%!important;padding:var(--spacing-sm)!important;width:100%!important;z-index:983}.mobile-profile-preset .dropdown-chevron{color:var(--text-secondary);flex-shrink:0;font-size:.875rem;margin-left:var(--spacing-xs);transition:transform .2s ease-in-out}.mobile-profile-preset .dropdown-chevron.rotated{transform:rotate(180deg)}.simulation-profile-container .common-button{font-size:var(--font-size-base);min-height:44px;width:100%}.simulation-profile-container table{font-size:.8rem}.simulation-profile-container .table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:480px){.simulation-profile-container .main-title{font-size:1.5rem}.simulation-profile-container .common-form-group{padding:var(--spacing-xs) 0}.simulation-profile-container .common-button{margin-bottom:var(--spacing-sm);width:100%}.simulation-profile-container .title-with-user{align-items:center;flex-direction:column;gap:var(--spacing-sm)}.simulation-profile-container .user-name-inline{order:-1}#presetSelectionMobile.common-select,.mobile-profile-preset .common-select{font-size:var(--font-size-sm)!important}.common-dropdown-trigger{z-index:960!important}.common-dropdown-content,.common-dropdown-menu{z-index:961!important}.common-form-group,.common-section-content,.profile-notification{z-index:1!important}:root.dark-theme .common-alert-info .common-alert h4,[data-theme=dark] .common-alert-info .common-alert h4{background:#0000!important;border-bottom:1px solid #fff!important;color:#fff!important;font-weight:600!important;margin-bottom:8px!important;opacity:1!important;padding-bottom:4px!important;text-shadow:none!important}:root.dark-theme .common-alert-info .common-alert p,[data-theme=dark] .common-alert-info .common-alert p{background:#0000!important;color:#fff!important;font-weight:400!important;opacity:1!important;text-shadow:none!important}.common-alert-info .common-alert h4{border-bottom:1px solid #1e40af!important;color:#1e40af!important;font-weight:600!important;margin-bottom:8px!important;padding-bottom:4px!important}.common-alert-info .common-alert p{color:#1e40af!important;font-weight:400!important}:root.dark-theme .common-dropdown-menu .common-dropdown-item,[data-theme=dark] .common-dropdown-menu .common-dropdown-item{background:#0000!important;color:#fff!important}:root.dark-theme .common-dropdown-menu .common-dropdown-item:hover,[data-theme=dark] .common-dropdown-menu .common-dropdown-item:hover{background:#fff!important;color:#000!important}:root.dark-theme .common-dropdown-menu .common-dropdown-item.disabled,[data-theme=dark] .common-dropdown-menu .common-dropdown-item.disabled{background:#0000!important;color:#666!important}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}.simulation-profile-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;max-width:1200px;padding:0;width:100%}.profile-preset-section{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:24px;padding:24px}.preset-title{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:8px;margin-bottom:12px}.preset-selection{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.preset-option{background:var(--bg-card);border:2px solid #e5e5e5;border:2px solid var(--border-color,#e5e5e5);border-radius:8px;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.preset-option:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.preset-option.selected{background:#007bff0d;border-color:#007bff}.preset-option h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.preset-option p{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.save-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:12px 24px;transition:background-color .3s ease}.save-button:hover{background:#0056b3}.save-button:disabled{background:#ccc;cursor:not-allowed}.save-button:disabled:hover{background:#ccc}.dashboard{background:var(--bg-main-container-gradient-2);box-sizing:border-box;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-3xl)}.dashboard-header>div:first-child{flex:1 1;min-width:240px}.dashboard-header .main-title{color:var(--text-title);font-size:var(--font-size-title);font-weight:700;line-height:1.2;margin:0}.dashboard-header p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:8px 0 0}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.dashboard-header>div:first-child{min-width:0;min-width:auto;width:100%}.dashboard-header .main-title{font-size:2rem}.dashboard-header p{font-size:.9rem}.dashboard-header-actions{justify-content:center}.dashboard-settings-dropdown{left:50%!important;max-width:265px!important;min-width:0!important;min-width:auto!important;right:auto!important;transform:translateX(-50%)!important;width:calc(100vw - 40px)!important}}@media (max-width:480px){.dashboard-header .main-title{font-size:1.75rem}.dashboard-header{gap:var(--spacing-sm)}.dashboard-settings-dropdown{max-width:300px!important;width:calc(100vw - 20px)!important}}.dashboard-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.dashboard-buttons button{color:#fff}.dashboard-buttons button,.primary-button{background:linear-gradient(135deg,var(--header-bg-secondary) 0,var(--secondary-blue) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;min-width:140px;padding:14px var(--spacing-2xl);transition:var(--transition-normal);white-space:nowrap}.primary-button{width:20%}.primary-button:hover{box-shadow:0 6px 20px #17399766;transform:translateY(-2px)}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.dashboard-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:100%;margin-bottom:8px}.dashboard-content:last-child{margin-bottom:0}.stat-card{background-color:#374151;border:1px solid #4b5563;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;color:#fff;padding:20px;width:100%}.stat-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-4px)}.simulation-results span{margin:0 5px}.success{color:#22c55e}.failure{color:#ef4444}.family-scores div{display:flex;justify-content:space-between}@media (max-width:1200px){.dashboard{padding:18px}.dashboard-content,.dashboard-stats{gap:18px}}@media (max-width:1024px){.dashboard{padding:16px}.dashboard-header h1{font-size:1.8rem}.dashboard-content,.dashboard-stats{gap:16px}.stat-card{padding:18px}.recent-activities,.recommended-simulations{padding:20px}}@media (max-width:992px){.dashboard-header{align-items:center;text-align:center}.dashboard-header>div:first-child{min-width:250px}.dashboard-content{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.dashboard{padding:15px}.dashboard-header{flex-direction:column;gap:16px;text-align:center}.dashboard-header>div:first-child{min-width:auto;width:100%}.dashboard-header h1{font-size:1.6rem}.dashboard-header p{font-size:.95rem}.dashboard-buttons{gap:10px;justify-content:center}.dashboard-buttons button{font-size:.9rem;min-width:120px;padding:10px 20px}.dashboard-stats{gap:15px;grid-template-columns:1fr;margin-bottom:25px}.stat-card{padding:16px}.dashboard-content{gap:18px}.recent-activities,.recommended-simulations{padding:18px}}@media (max-width:480px){.dashboard{padding:12px}.dashboard-header h1{font-size:1.4rem}.dashboard-header p{font-size:.9rem}.dashboard-buttons{align-items:center;flex-direction:column;gap:8px}.dashboard-buttons button{max-width:250px;min-width:auto;padding:12px 16px;width:100%}.dashboard-stats{gap:12px;margin-bottom:20px}.stat-card{padding:14px}.dashboard-content{gap:16px}.recent-activities,.recommended-simulations{padding:16px}}@media (max-width:360px){.dashboard{padding:10px}.dashboard-header h1{font-size:1.3rem}.dashboard-header p{font-size:.85rem}.dashboard-buttons button{font-size:.85rem;padding:10px 14px}.stat-card{padding:12px}.recent-activities,.recommended-simulations{padding:14px}}.dashboard-header-actions{align-items:center;display:flex;gap:var(--spacing-sm);position:relative}.dashboard-settings-button{align-items:center;background-color:var(--button-primary-bg);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.dashboard-settings-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.dashboard-settings-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);min-width:280px;padding:var(--spacing-md);position:absolute;right:0;top:100%;z-index:1000}.dashboard-settings-content{gap:var(--spacing-md)}.dashboard-settings-content,.dashboard-settings-section{display:flex;flex-direction:column}.dashboard-settings-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-sm) 0}.dashboard-settings-row{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.dashboard-settings-label{font-size:var(--font-size-sm)}.dashboard-settings-description{color:var(--text-secondary);font-size:var(--font-size-xs);margin:var(--spacing-xs) 0 0 0}.dashboard-settings-separator{background-color:var(--border-color);height:1px;margin:0 calc(var(--spacing-md)*-1)}.dashboard-settings-switch-button{background-color:var(--button-secondary-bg);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-fast)}.dashboard-settings-switch-button:hover{background-color:var(--button-secondary-bg-hover)}.dashboard-journey-wrapper{margin-top:0;overflow:visible;padding:20px}.simple-dashboard-container{background-color:var(--bg-primary);box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:auto;padding:1rem 1rem 80px}.simple-header{background:#1976d2;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;margin-bottom:2rem;padding:2rem}.simple-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.simple-header-main{flex:1 1;min-width:240px}.simple-header h1{font-size:2.5rem;font-weight:600;margin:0 0 .5rem;text-shadow:1px 1px 2px #0000001a}.simple-header .subtitle{color:var(--bg-primary);font-size:1.25rem;font-weight:300;margin:0;opacity:.9}.simple-header-settings{align-self:flex-start;flex-shrink:0;position:relative}.simple-settings-button{align-items:center;background-color:var(--button-primary-bg);border:none;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:400;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease;white-space:nowrap}.simple-settings-button:hover{background-color:var(--button-primary-hover-bg);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.simple-settings-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;color:var(--text-primary);margin-top:.5rem;max-height:80vh;min-width:300px;overflow-y:auto;padding:1.5rem;position:absolute;right:0;top:100%;z-index:1000}.simple-settings-content{display:flex;flex-direction:column;gap:1.5rem}.simple-settings-section-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.simple-settings-section-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.simple-settings-label{color:var(--text-primary);font-size:1rem}.simple-settings-separator{background-color:var(--border-color);height:1px;margin:0 -1.5rem}.simple-settings-switch-button{background-color:var(--button-secondary-bg);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.simple-settings-switch-button:hover{opacity:.9;transform:translateY(-1px)}.simple-journey-wrapper{margin-top:0;overflow:visible;padding:0}.simple-toggle-section{margin-bottom:2rem;text-align:center}.simple-toggle-button{background:var(--button-primary-bg);border:none;border-radius:8px;box-shadow:0 4px 12px #4f46e54d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;margin:0 .5rem;padding:1rem 2rem;transition:all .3s ease}.simple-toggle-button:hover{background:var(--button-primary-bg-hover);box-shadow:0 6px 16px #4f46e566;transform:translateY(-2px)}.simple-main-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.simple-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px #00000014;padding:0 1rem 1rem;transition:all .3s ease}.simple-card:hover{border-color:var(--border-color);box-shadow:0 8px 24px #0000001f}.simple-card-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:auto 0;text-align:left}.simple-score-display{margin:1.5rem 0 1.3rem;text-align:center}.simple-score-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1;margin:0}.simple-score-label{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.9rem;font-weight:400;margin:.25rem 0 0}.simple-status-good{color:var(--shield-strong-text)}.simple-status-warning{color:var(--shield-medium-text)}.simple-status-danger{color:var(--shield-weak-text)}.simple-status-message{background:var(--bg-secondary);border-left:4px solid var(--border-color);border-radius:12px;margin:1rem 0;padding:1.5rem}.simple-status-message.good{background:var(--shield-strong-bg);border-left-color:var(--shield-strong-border)}.simple-status-message.warning{background:var(--shield-medium-bg);border-left-color:var(--shield-medium-border)}.simple-status-message.danger{background:var(--shield-weak-bg);border-left-color:var(--shield-weak-border)}.simple-status-text{color:var(--text-primary);font-size:1.125rem;line-height:1.6;margin:0}.simple-activity-list{list-style:none;margin:.5rem 0 0;padding:0}.simple-activity-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:.95rem;padding:.75rem 0}.simple-activity-item:last-child{border-bottom:none}.simple-activity-icon{font-size:1.25rem;margin-right:.75rem;min-width:1.5rem}.simple-activity-text{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:600}.simple-activity-date{color:var(--text-secondary);font-size:.9rem;font-weight:400}.simple-progress-bar{background:var(--progress-bg);border-radius:6px;height:24px;margin:1rem 0;overflow:hidden;width:100%}.simple-progress-fill{background:var(--progress-strong);border-radius:.5rem;height:100%;transition:width .5s ease}.simple-progress-fill.warning{background:var(--progress-medium)}.simple-progress-fill.danger{background:var(--progress-weak)}.training-explanation{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0 0 1.3rem;padding:0 .5rem;text-align:center}.simple-large-text{color:var(--text-primary);font-size:1.25rem;line-height:1.6}.simple-emphasis{color:var(--text-primary);font-weight:600}.simple-button{background:var(--shield-strong-text);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;margin-top:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.simple-button:hover{background:var(--shield-strong-border);transform:translateY(-1px)}.simple-button.warning{background:var(--shield-medium-text)}.simple-button.warning:hover{background:var(--shield-medium-border)}.simple-shield-display{align-items:center;display:flex;justify-content:center;margin:2rem 0}.simple-shield-icon{font-size:6rem;margin-right:1rem}.simple-shield-text{text-align:left}.simple-footer{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.simple-help-text{color:var(--text-tertiary);font-size:.95rem;font-weight:400;margin:0}.simple-contact-info{color:var(--text-secondary);font-size:1rem;font-weight:600;margin:.5rem 0 0}@media (max-width:768px){.simple-dashboard-container{padding:1rem}.simple-header{margin-bottom:1.5rem;padding:1.5rem}.simple-header-content{align-items:stretch;flex-direction:column;gap:1.5rem}.simple-header-main{min-width:0;min-width:auto}.simple-header h1{font-size:2rem;margin-bottom:.5rem}.simple-header .subtitle{font-size:1.1rem}.simple-header-settings{align-self:flex-end}.simple-settings-button{font-size:1rem;padding:.875rem 1.25rem}.simple-settings-dropdown{left:auto;max-height:70vh;max-width:calc(100vw - 40px);min-width:0;min-width:auto;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);transform:translateX(0);width:265px}.simple-main-grid{gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}.simple-card{padding:0}}@media (max-width:480px){.simple-dashboard-container{padding:.5rem}.simple-header{padding:1rem}.simple-header h1{font-size:1.75rem}.simple-header .subtitle{font-size:1rem}.simple-settings-button{font-size:.9rem;padding:.75rem 1rem}.simple-settings-dropdown{max-width:calc(100vw - 20px);right:-5px;width:280px}.simple-main-grid{gap:1rem}.simple-card{padding:0}}@media (max-width:400px){.simple-settings-dropdown{right:-10px;width:300px}.simple-card{padding:0}}.safety-score-card{position:relative}.safety-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5 rem}.safety-refresh-btn{background:#0000;border:none;cursor:pointer;font-size:2rem;opacity:.6;padding:.25rem;transition:transform .2s ease}.safety-refresh-btn:hover{opacity:1;transform:scale(1.1)}.safety-refresh-btn:disabled{cursor:not-allowed;opacity:.3}.safety-refresh-btn .spinning{animation:spin 1s linear infinite;display:inline-block}.safety-loading-container{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:2rem 1rem}.safety-loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #6366f1;height:32px;width:32px}.safety-loading-text{color:var(--text-secondary);font-size:.95rem}.safety-error-message{padding:1.5rem;text-align:center}.safety-error-text{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.safety-retry-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.safety-retry-btn:hover{background:var(--primary-hover)}.shield-score-hero{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-bottom:1rem;padding-top:1rem;text-align:center}.shield-score-value{color:var(--text-primary);display:block;font-size:1.5rem;font-weight:700;line-height:1}.safety-score-card .shield-score-period{border:none!important;color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:block;font-size:.9rem;margin-top:.25rem;padding:0}.shield-explanation{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0 0 1.5rem;padding:0 .5rem;text-align:center}.shield-bar-container{margin-bottom:1.3rem}.shield-bar{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);height:24px}.shield-bar,.shield-bar-filled{border-radius:6px;overflow:hidden}.shield-bar-filled{display:flex;height:100%;transition:width .5s ease}.shield-bar-segment{box-shadow:inset -1px 0 0 0 #fffc;height:100%;min-width:1px;transition:width .5s ease}.shield-bar-segment:last-child{box-shadow:none}.shield-legend{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.shield-legend-item{align-items:center;display:flex;gap:.5rem;padding:.5rem 0}.shield-legend-dot{border-radius:3px;flex-shrink:0;height:12px;width:12px}.shield-legend-label{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.shield-legend-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.shield-legend-value{color:var(--text-secondary);font-size:.9rem}@media (max-width:480px){.shield-score-value{font-size:3rem}.shield-legend{gap:.5rem;grid-template-columns:1fr}.shield-bar{height:20px}}.sim-recent-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;max-height:280px;overflow-y:auto}.sim-recent-item{align-items:flex-start;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;display:flex;font-size:.95rem;gap:.75rem;min-width:0;padding:.75rem}.sim-item-avoided{background:#ecfdf5;border:1px solid #a7f3d0}.sim-item-clicked{background:#fef2f2;border:1px solid #fecaca}.sim-avoided{color:#10b981;flex-shrink:0}.sim-clicked{color:#ef4444;flex-shrink:0}.sim-content{word-wrap:break-word;color:var(--text-primary);flex:1 1;font-size:.9rem;min-width:0;overflow-wrap:break-word}.sim-date{color:#9ca3af;color:var(--text-tertiary,#9ca3af);flex-shrink:0;font-size:.85rem;font-weight:400}.shield-areas-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:1rem;padding-top:.75rem}.shield-areas-toggle{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;text-align:left;transition:all .2s ease;width:100%}.shield-areas-toggle:hover{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.shield-areas-toggle:focus{box-shadow:0 0 0 2px #6366f1;box-shadow:0 0 0 2px var(--primary-color,#6366f1);outline:none}.dark-theme .sim-item-avoided,:root.dark-theme .sim-item-avoided,[data-theme=dark] .sim-item-avoided{background:#15803d33!important;border-color:#15803d66!important}.dark-theme .sim-item-clicked,:root.dark-theme .sim-item-clicked,[data-theme=dark] .sim-item-clicked{background:#b91c1c33!important;border-color:#b91c1c66!important}.shield-score-widget{min-height:350px}.shield-score-circle{align-items:center;background:linear-gradient(135deg,#4f46e50d,#7c3aed0d);border:6px solid #4f46e5;border:6px solid var(--primary-color,#4f46e5);border-radius:50%;display:flex;flex-direction:column;height:140px;justify-content:center;margin:var(--spacing-md) auto;transition:all .3s ease;width:140px}.shield-score-circle:hover{box-shadow:0 4px 12px #4f46e533;transform:scale(1.02)}.shield-score-circle.loading{animation:pulse 1.5s infinite}.shield-score-circle.empty,.shield-score-circle.loading{border-color:#e5e7eb;border-color:var(--border-color,#e5e7eb)}.shield-score-circle.empty{background:#f9fafb;background:var(--surface-secondary,#f9fafb)}.shield-score-circle .score-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:42px;font-weight:700;line-height:1}.shield-score-circle .score-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-size:var(--font-size-xs,12px);letter-spacing:.5px;margin-top:4px;margin-top:var(--spacing-xs,4px);text-transform:uppercase}.shield-score-circle .score-icon{font-size:32px;margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.shield-score-empty{text-align:center}.shield-score-message{color:#6b7280;color:var(--text-secondary,#6b7280);line-height:1.5;margin:16px 0;margin:var(--spacing-md,16px) 0}.shield-score-message,.shield-score-trend{font-size:14px;font-size:var(--font-size-sm,14px)}.shield-score-trend{align-items:center;background:#f9fafb;background:var(--surface-secondary,#f9fafb);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;gap:4px;gap:var(--spacing-xs,4px);justify-content:center;margin:16px auto;margin:var(--spacing-md,16px) auto;padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);width:-webkit-fit-content;width:fit-content}.shield-score-trend .trend-icon{font-size:18px}.shield-score-trend .trend-text{font-weight:600}.shield-score-trend .trend-comparison{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:400}.shield-score-trend.new{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff!important}.shield-score-trend.new .trend-text{color:#fff}.shield-score-components{margin:24px 0;margin:var(--spacing-lg,24px) 0}.component-grid{grid-gap:8px;grid-gap:var(--spacing-sm,8px);display:grid;gap:8px;gap:var(--spacing-sm,8px);grid-template-columns:repeat(2,1fr)}.component-item{align-items:center;background:#f9fafb;background:var(--surface-secondary,#f9fafb);border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;font-size:12px;font-size:var(--font-size-xs,12px);gap:4px;gap:var(--spacing-xs,4px);padding:8px;padding:var(--spacing-sm,8px)}.component-item .component-icon{font-size:14px}.component-item .component-label{color:#6b7280;color:var(--text-secondary,#6b7280);flex:1 1}.component-item .component-score{background:#fff;border-radius:6px;border-radius:var(--radius-sm,6px);color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600;min-width:32px;padding:2px 8px;text-align:center}.shield-score-period{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:12px;font-size:var(--font-size-xs,12px);justify-content:space-between;margin-top:16px;margin-top:var(--spacing-md,16px);padding:8px 0;padding:var(--spacing-sm,8px) 0}.shield-score-period .period-label{font-weight:500}.shield-score-actions{margin-top:16px;margin-top:var(--spacing-md,16px)}.shield-score-cta{border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:block;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;padding:12px 16px;padding:var(--spacing-sm,12px) var(--spacing-md,16px);text-align:center;transition:all .2s ease;width:100%}.shield-score-cta.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.shield-score-cta.primary:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.shield-score-cta:not(.primary){background:#f9fafb;background:var(--surface-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#4f46e5;color:var(--primary-color,#4f46e5)}.shield-score-cta:not(.primary):hover{background:#f3f4f6;background:var(--surface-hover,#f3f4f6)}@media (max-width:480px){.shield-score-circle{height:120px;width:120px}.shield-score-circle .score-value{font-size:36px}.component-grid{grid-template-columns:1fr}}:root{--shield-excellent:#10b981;--shield-good:#3b82f6;--shield-fair:#f59e0b;--shield-needs-improvement:#ef4444;--shield-at-risk:#dc2626}.account-setup-journey{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px #00000014;box-sizing:border-box;color:var(--text-primary);margin-bottom:1rem;max-width:100%;overflow:visible;padding:16px 16px 5px;width:100%}.account-setup-journey.completed{background:var(--bg-card);color:var(--text-secondary)}.account-setup-journey.completed .journey-title{color:var(--text-primary);text-shadow:none}.account-setup-journey.completed .journey-progress-text{color:var(--text-secondary)}.journey-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.journey-title-section{align-items:center;display:flex;gap:25px}.journey-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.journey-complete-icon-wrapper{align-items:center;display:inline-flex;position:relative}.journey-complete-icon{animation:checkmarkPulse 2s ease-in-out infinite;background:#fff;border-radius:50%;color:var(--brand-green);cursor:help;filter:drop-shadow(0 2px 4px rgba(74,222,128,.4));font-size:1.8rem}.journey-complete-tooltip{background:#1e1e28fa;border:1px solid #ffffff1a;border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 4px 16px #0000004d;color:#fff;font-size:.9rem;font-weight:400;left:50%;line-height:1.5;opacity:0;padding:12px 16px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;white-space:nowrap;z-index:10000}.journey-complete-tooltip:after{border:8px solid #0000;border-top-color:#1e1e28fa;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.journey-complete-icon-wrapper:hover .journey-complete-tooltip{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}@keyframes checkmarkPulse{0%,to{filter:drop-shadow(0 2px 4px rgba(74,222,128,.4));transform:scale(1)}50%{filter:drop-shadow(0 4px 8px rgba(74,222,128,.6));transform:scale(1.1)}}.journey-progress-bar{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);border-radius:4px;flex:1 1;height:8px;min-width:200px;overflow:hidden;position:relative}.journey-progress-fill{background:var(--brand-green);border-radius:4px;box-shadow:0 0 10px var(--brand-green);height:100%;transition:width .5s ease}.journey-progress-text{color:var(--text-secondary);font-size:.9rem;font-weight:500;min-width:100px;text-align:right;white-space:nowrap}.journey-toggle-button{align-items:center;background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s ease}.account-setup-journey.completed .journey-toggle-button{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);border:1px solid var(--border-color);color:var(--text-secondary)}.account-setup-journey.completed .journey-toggle-button:hover,.journey-toggle-button:hover{background:var(--bg-secondary)}.journey-toggle-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.journey-toggle-button:active{transform:translateY(0)}.toggle-icon{font-size:1.2rem;transition:transform .3s ease}.journey-stages{align-items:center;display:flex;gap:0;justify-content:space-between;margin-top:0;max-width:100%;overflow-x:visible;overflow-y:visible;padding:20px 0;width:100%}.journey-stage-wrapper{flex:1 1;min-width:0;z-index:1}.journey-stage-button,.journey-stage-wrapper{align-items:center;display:flex;position:relative}.journey-stage-button{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;flex-direction:column;flex-shrink:0;gap:6px;justify-content:center;max-width:110px;min-height:95px;min-width:85px;padding:12px 8px;transition:all .3s ease;width:100%}.journey-stage-button:hover:not(.disabled){background:var(--bg-secondary);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.journey-stage-button.completed{background:#4ade804d;border-color:#4ade80}.journey-stage-button.completed:hover{background:#4ade8066;border-color:#22c55e}.journey-stage-button.partial{background:#fbbf2440;border-color:#fbbf24}.journey-stage-button.partial:hover{background:#fbbf2459;border-color:#f59e0b;box-shadow:0 6px 16px #0003;transform:translateY(-4px)}.journey-stage-button.disabled{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);border-color:var(--border-color);cursor:not-allowed;opacity:.5}.journey-stage-button.optional{border-style:dashed}.account-setup-journey.completed .journey-stage-button{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);border-color:var(--border-color);color:var(--text-secondary)}.account-setup-journey.completed .journey-stage-button.optional{border-color:var(--border-color);border-style:dashed}.account-setup-journey.completed .journey-stage-button:hover:not(.disabled){background:var(--bg-secondary);border-color:var(--border-color)}.account-setup-journey.completed .journey-stage-button.completed{background:#4ade8026;border-color:#22c55e;color:#6b7280}.account-setup-journey.completed .journey-stage-button.completed:hover{background:#4ade8040}.stage-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.stage-icon{font-size:1.6rem;margin-bottom:2px}.optional-badge,.partial-badge{background:#fbbf24;border-radius:8px;color:#78350f;font-size:.75rem;font-weight:500;padding:3px 6px;position:absolute;right:-8px;top:-8px;white-space:nowrap}.stage-label{font-size:.85rem;font-weight:400;line-height:1.2;text-align:center}.account-setup-journey.completed .stage-label{color:var(--text-secondary)}.stage-check-icon{background:#fff;border-radius:50%;color:#4ade80;filter:drop-shadow(0 2px 4px rgba(74,222,128,.4));font-size:1.5rem;position:absolute;right:-8px;top:-8px}.stage-tooltip{background:#1e1e28fa;border:1px solid #ffffff1a;border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 4px 16px #0000004d;color:#fff;font-size:.9rem;font-weight:400;left:50%;line-height:1.5;max-width:280px;min-width:220px;opacity:0;padding:12px 16px;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;white-space:normal;width:-webkit-max-content;width:max-content;z-index:10000}.journey-stage-wrapper:first-child .stage-tooltip,.journey-stage-wrapper:nth-child(2) .stage-tooltip{left:0;transform:translateX(0)}.journey-stage-wrapper:last-child .stage-tooltip{left:auto;right:0;transform:translateX(0)}.stage-tooltip:after{border:8px solid #0000;border-top-color:#1e1e28fa;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.journey-stage-wrapper:first-child .stage-tooltip:after,.journey-stage-wrapper:nth-child(2) .stage-tooltip:after{left:48px;transform:translateX(0)}.journey-stage-wrapper:last-child .stage-tooltip:after{left:auto;right:48px;transform:translateX(0)}.journey-stage-button:hover .stage-tooltip{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.journey-stage-wrapper:first-child .journey-stage-button:hover .stage-tooltip,.journey-stage-wrapper:last-child .journey-stage-button:hover .stage-tooltip,.journey-stage-wrapper:nth-child(2) .journey-stage-button:hover .stage-tooltip{transform:translateX(0) translateY(-4px)}.journey-connector{background:#e5e7eb;background:var(--border-color,#e5e7eb);flex:1 1;height:3px;max-width:100px;min-width:20px;position:relative;transition:background .3s ease}.journey-connector:after{border-bottom:5px solid #0000;border-left:8px solid #e5e7eb;border-left:8px solid var(--border-color,#e5e7eb);border-top:5px solid #0000;content:"";height:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:border-left-color .3s ease;width:0}.journey-connector.completed{background:#4ade80}.journey-connector.completed:after{border-left-color:#4ade80}@media (max-width:1200px){.journey-stages{justify-content:flex-start;overflow-x:auto;padding-bottom:16px}.journey-stage-button{min-height:100px;min-width:100px;padding:12px 10px}.stage-icon{font-size:1.75rem}.stage-label{font-size:.8rem}.journey-connector{width:16px}}@media (max-width:768px){.account-setup-journey{padding:16px}.journey-header{align-items:flex-start;flex-direction:column;gap:12px}.journey-title{font-size:1.25rem}.journey-progress-bar{min-width:0;min-width:auto;width:100%}.journey-progress-text{text-align:left;width:100%}.journey-stage-button{min-height:90px;min-width:80px;padding:10px 6px}.journey-connector{max-width:40px}.stage-icon{font-size:1.5rem}.stage-label{font-size:.75rem}.optional-badge,.partial-badge{font-size:.6rem;padding:1px 4px}.journey-connector{height:2px;width:12px}}@media (max-width:480px){.account-setup-journey{padding:12px}.journey-title{font-size:1.1rem}.journey-stages{gap:6px;justify-content:flex-start;overflow-x:auto;width:100%}.journey-stage-wrapper{flex:0 0 auto}.journey-stage-button{min-height:80px;min-width:75px;padding:8px 4px;width:75px}.journey-connector{flex:0 0 auto;max-width:8px;min-width:8px;width:8px}.stage-icon{font-size:1.3rem}.stage-label{font-size:.7rem}}.journey-stages::-webkit-scrollbar{height:8px}.journey-stages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.journey-stages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.journey-stages::-webkit-scrollbar-thumb:hover{background:#ffffff80}.trial-reminder-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.trial-reminder-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:90%}.trial-reminder-header{background:var(--brand-blue-light);border-radius:12px 12px 0 0;color:#fff;padding:20px}.trial-reminder-header h3{font-size:22px;font-weight:600;margin:0}.trial-reminder-body{padding:30px 20px;text-align:center}.trial-reminder-icon{color:var(--brand-blue-light);font-size:64px;margin-bottom:20px}.trial-reminder-icon,.trial-reminder-icon.trial-reminder-icon--static{align-items:center;display:flex;justify-content:center}.trial-reminder-message{color:#333;font-size:18px;margin-bottom:15px}.trial-reminder-message strong{color:var(--brand-blue);font-size:20px}.trial-reminder-date{color:#666;font-size:16px;margin-bottom:20px}.trial-reminder-date strong{color:#333;font-weight:600}.trial-reminder-info{background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;padding:15px;text-align:left}.trial-reminder-info p{color:#555;font-size:14px;line-height:1.6;margin:0}.trial-reminder-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;padding:20px}.trial-reminder-footer--centered{justify-content:center}.trial-reminder-footer--centered .trial-reminder-button{flex:none;min-width:200px;width:auto}.trial-reminder-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease}.trial-reminder-button--primary{background:var(--brand-blue);color:#fff}.trial-reminder-button--primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.trial-reminder-button--secondary{background-color:#f8f9fa;border:1px solid #dee2e6;color:#666}.trial-reminder-button--secondary:hover{background-color:#e9ecef;border-color:#adb5bd}@media (max-width:600px){.trial-reminder-modal{max-width:95%}.trial-reminder-footer{flex-direction:column}.trial-reminder-button{width:100%}}.send-email-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:800px;padding:20px}.send-email-container h2{color:#173997;margin-bottom:20px;text-align:center}.email-form{display:flex;flex-direction:column;gap:15px}.form-group{gap:5px}.form-group label{color:#444}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px}.form-note{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin:10px 0;padding:12px}.form-note p{color:#6c757d;font-size:14px;line-height:1.4;margin:0}.send-button{background-color:#29b335;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:12px;transition:background-color .3s}.send-button:hover{background-color:#1c8025}.status-message{border-radius:4px;margin-bottom:15px;padding:10px;text-align:center}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.heuristics-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;height:100vh - 140px;margin:0 auto;max-width:1600px;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.heuristics-container h2{color:#000;font-size:2.5rem;font-weight:400;letter-spacing:-.02em;margin-bottom:32px}.heuristics-description{line-height:1.5;margin-bottom:32px}.heuristics-description,.heuristics-loading{color:#000;font-size:1.25rem;font-weight:400}.heuristics-loading{padding:60px;text-align:center}.heuristics-error{background-color:#ffebee;border-radius:6px;color:#d32f2f;font-weight:400;margin:32px 0;padding:24px;text-align:center}.heuristics-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.heuristics-item{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:20px;transition:transform .2s ease}.heuristics-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-5px)}.heuristics-item h3{color:#173997;font-size:1.3rem;margin-bottom:10px;margin-top:0}.match-reason{color:#444;flex-grow:1;margin-bottom:15px}.match-details{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:15px}.match-score{color:#173997;font-weight:700}.match-score-cell{color:#000;font-size:1rem;font-weight:500;text-align:center;vertical-align:middle}.match-score-cell:hover{background-color:#f8f9fa;transition:background-color .2s ease}.risk-level{background-color:#e3f2fd;border-radius:12px;font-weight:500;padding:3px 8px}.start-simulation-btn{background-color:#173997;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 15px;transition:background-color .2s ease}.start-simulation-btn:hover{background-color:#0d2b7a}.no-recommendations{background-color:#f9f9f9;border-radius:8px;color:#666;padding:30px;text-align:center}.no-recommendations ul{margin:15px auto;max-width:400px;text-align:left}.no-recommendations li{margin-bottom:8px}.admin-actions{border-top:1px solid #e5e5e5;color:#fff;margin-top:48px;padding-top:32px}.admin-btn{background-color:#2c3fce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;margin-top:16px;padding:12px 20px}.admin-btn:hover{background-color:#e55a2b}.messages-table-container{border:1px solid #e5e5e5;border-radius:8px;margin-top:32px;overflow-x:hidden;width:100%}.messages-table{background-color:#fff;border:none;border-collapse:collapse;border-radius:0;box-shadow:none;margin-bottom:0;table-layout:fixed;width:100%}.messages-table td,.messages-table th{word-wrap:break-word;border-bottom:1px solid #e5e5e5;font-family:inherit;overflow-wrap:break-word;padding:16px 20px;text-align:left;vertical-align:top;white-space:normal;word-break:break-word}.messages-table td:first-child,.messages-table th:first-child{width:8%}.messages-table td:nth-child(2),.messages-table th:nth-child(2){width:20%}.messages-table td:nth-child(3),.messages-table th:nth-child(3){word-wrap:break-word;overflow-wrap:break-word;white-space:normal;width:30%;word-break:break-word}.messages-table td:nth-child(4),.messages-table th:nth-child(4){word-wrap:break-word;overflow-wrap:break-word;white-space:normal;width:18%;word-break:break-word}.messages-table td:nth-child(5),.messages-table th:nth-child(5){width:8%}.messages-table td:nth-child(6),.messages-table td:nth-child(7),.messages-table th:nth-child(6),.messages-table th:nth-child(7){width:6%}.messages-table td:nth-child(8),.messages-table th:nth-child(8){width:12%}.messages-table th{background-color:#f8f9fa;border-bottom:2px solid #e5e5e5;color:#000;font-weight:500}.messages-table th:first-child{border-top-left-radius:0}.messages-table th:last-child{border-top-right-radius:0}.messages-table tr:hover{background-color:#f8f9fa}.messages-table .message-row:last-child td{border-bottom:none}.send-message-btn{background-color:#3538ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 20px;transition:background-color .2s}.send-message-btn:hover{background-color:#e55a2b}.message-content-cell{max-width:none;min-width:auto}.message-content{background-color:#f8f9fa;border-left:3px solid #ff6b35;border-radius:6px;font-family:inherit;font-size:.9rem;margin:8px 0;padding:16px}.message-subject{font-weight:500}.message-body,.message-subject{margin-bottom:8px}.message-body p{color:#000;line-height:1.5;margin:8px 0;white-space:pre-line}.message-sender{color:#666;font-size:.85rem;margin-top:8px}.loading-message{color:#666;font-style:italic;padding:10px 0}.load-message-btn{background-color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background-color .2s}.load-message-btn:hover{background-color:#d0d0d0}.reload-message-btn{background-color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;margin-left:10px;padding:4px 10px;transition:background-color .2s}.reload-message-btn:hover{background-color:#d0d0d0}.channel-cell{text-align:center;vertical-align:middle}.channel-icon{margin:0 4px}.channel-icon,.messages-table .channel-icon{font-size:3rem!important}.channel-icon.email{color:#4265ef!important;font-size:2.5rem!important}.channel-icon.sms{color:#29c91d!important;font-size:2.5rem!important}.channel-icon.voice{color:#d4a41f!important;font-size:2.5rem!important}.channel-icon.social-media{color:#761d99!important;font-size:2.5rem!important}.channel-text{color:#666;font-size:1.5rem;font-style:italic}@media (max-width:1400px){.heuristics-container{padding:20px}}@media (max-width:1200px){.messages-table td:nth-child(3),.messages-table th:nth-child(3){width:25%}.messages-table td:nth-child(4),.messages-table th:nth-child(4){width:22%}}@media (max-width:768px){.heuristics-container{padding:15px}.heuristics-container h2{font-size:2rem}.messages-table{font-size:.9rem}.messages-table td,.messages-table th{padding:12px 16px}.channel-icon.email,.channel-icon.sms,.channel-icon.social-media,.channel-icon.voice{font-size:2rem!important}}@media (max-width:480px){.heuristics-container{padding:10px}.messages-table{font-size:.8rem}.messages-table td,.messages-table th{padding:8px 12px}.send-message-btn{font-size:12px;padding:8px 16px}}.training-search-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:background .2s ease}.training-search-icon-btn:hover{background:#0000000d}.training-search-container{align-items:flex-start;animation:fadeIn .2s ease-in-out;display:flex;flex-direction:column;gap:8px}.training-search-row{align-items:center;display:flex;gap:8px}.training-search-input-wrapper{align-items:center;display:flex;position:relative}.training-search-input{border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:8px 32px 8px 14px;transition:border-color .2s ease;width:200px}.training-search-input:focus{border-color:#173997;outline:none}.training-search-clear-btn{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px}.training-search-clear-btn:hover{color:#666}.training-search-submit-btn{padding:8px 14px;white-space:nowrap}.training-search-criteria{align-items:center;background-color:#e8f0fe;border-radius:16px;display:flex;font-size:.85rem;gap:6px;padding:6px 10px}.training-search-criteria-label{color:#666;font-weight:500}.training-search-criteria-term{color:#173997;font-weight:600}.training-search-criteria-clear{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:2px;transition:background-color .2s ease,color .2s ease}.training-search-criteria-clear:hover{background-color:#0000001a;color:#333}.training-page{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:0 auto;overflow-x:hidden;padding:var(--space-xl);text-align:left;width:100%}.training-page-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 0}.training-page-title{color:#111827;font-size:2rem;font-weight:600;margin:0}.training-nav-tabs{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.training-nav-tab{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:700;padding:8px 20px;transition:all .2s ease}.training-nav-tab:hover{background:#e5e7eb;color:#374151}.training-nav-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#111827}@media (max-width:600px){.training-page-header{align-items:flex-start;flex-direction:column;gap:16px}.training-nav-tabs{width:100%}.training-nav-tab{flex:1 1;text-align:center}}.training-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1600px;padding:0;text-align:left;width:100%}.training-header{margin-bottom:24px}.training-header h1{color:#000;font-size:2rem;font-weight:500;letter-spacing:-.02em;margin:0 0 8px}.training-header h2{color:#000;font-size:1.5rem;font-weight:400;letter-spacing:-.01em;margin:0 0 16px}.training-subtitle{color:#666;font-size:1rem;font-weight:400;margin:0}.training-progress-overview{background:linear-gradient(135deg,#173997,#1e4db7);border-radius:12px;box-sizing:border-box;color:#fff;margin-bottom:32px;padding:24px;width:100%}.progress-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.progress-stat{text-align:center}.progress-stat-value{font-size:2.5rem;font-weight:600;margin-bottom:4px}.progress-stat-label{font-size:.875rem;opacity:.9}.training-grid{grid-gap:24px;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));margin-bottom:32px;width:100%}.training-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.training-card:hover{border-color:#173997;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.training-card.featured{background:linear-gradient(180deg,#fffbf0 0,#fff);border-color:#f5a623}.training-card.featured:before{background:#f5a623;color:#fff;content:"★ Featured";font-size:.75rem;font-weight:500;padding:4px 40px;position:absolute;right:-32px;top:12px;transform:rotate(45deg)}.training-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.training-card-category{background-color:#e3f2fd;border-radius:12px;color:#1565c0;font-size:.75rem;font-weight:500;padding:4px 10px;text-transform:uppercase}.training-card-difficulty{align-items:center;color:#666;display:flex;font-size:.75rem;gap:4px}.difficulty-dot{background-color:#ccc;border-radius:50%;height:8px;width:8px}.difficulty-dot.active{background-color:#173997}.training-card-title{color:#000;font-size:1.25rem;font-weight:500;line-height:1.4;margin:0 0 8px}.training-card-description{color:#666;flex-grow:1;font-size:.9rem;line-height:1.5;margin-bottom:16px}.training-card-meta{color:#888;display:flex;font-size:.85rem;gap:16px;margin-bottom:16px}.training-card-meta-item{align-items:center;display:flex;gap:4px}.training-card-progress{margin-bottom:16px}.progress-bar-container{background-color:#e0e0e0;border-radius:8px;height:8px;margin-bottom:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#173997,#4caf50);border-radius:8px;height:100%;transition:width .3s ease}.progress-bar-label{color:#666;display:flex;font-size:.75rem;justify-content:space-between}.training-status-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px}.training-status-badge.not-started{background-color:#f5f5f5;color:#666}.training-status-badge.in-progress{background-color:#fff3e0;color:#e65100}.training-status-badge.completed{background-color:#e8f5e9;color:#2e7d32}.training-relevance-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;letter-spacing:.5px;margin-bottom:8px;padding:4px 10px;text-transform:uppercase}.training-relevance-badge.relevance-required{background:linear-gradient(135deg,#173997,#1e4db7);box-shadow:0 2px 4px #1739974d;color:#fff}.training-relevance-badge.relevance-recommended{background:linear-gradient(135deg,#ff9800,#ffa726);box-shadow:0 2px 4px #ff98004d;color:#fff}.training-relevance-badge.relevance-testout{background:linear-gradient(135deg,#9c27b0,#ab47bc);box-shadow:0 2px 4px #9c27b04d;color:#fff}.training-tested-out-badge{align-items:center;background-color:#e1bee7;border-radius:12px;color:#7b1fa2;display:inline-flex;font-size:.7rem;font-weight:500;gap:4px;margin-left:8px;padding:4px 8px}.training-card.required{border-left:4px solid #173997}.training-card.required:before{background:linear-gradient(90deg,#173997,#1e4db7);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.training-card-actions{display:flex;gap:8px}.training-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s ease}.training-btn-primary{background-color:#173997;color:#fff}.training-btn-primary:hover{background-color:#1e4db7}.training-btn-secondary{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#333}.training-btn-secondary:hover{background-color:#eee}.training-btn:disabled{cursor:not-allowed;opacity:.5}.training-detail{margin:0 auto 80px;max-width:900px}.training-detail-header{margin-bottom:32px}.training-detail-meta{color:#666}.training-content{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:32px;padding:32px}.training-content h2{color:#173997;font-size:1.5rem;font-weight:500;margin:24px 0 16px}.training-content h2:first-child{margin-top:0}.training-content h3{color:#333;font-size:1.25rem;font-weight:500;margin:20px 0 12px}.training-content h4{color:#444;font-size:1.1rem;font-weight:500}.training-content p{color:#333;font-size:1rem;line-height:1.7;margin:0 0 16px}.training-content ol,.training-content ul{margin:0 0 16px;padding-left:24px}.training-content li{color:#333;font-size:1rem;line-height:1.7;margin-bottom:8px}.training-content strong{color:#000;font-weight:600}.quiz-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:32px;padding:32px}.quiz-header{margin-bottom:32px;text-align:center}.quiz-header h2{color:#173997;margin-bottom:8px}.quiz-instructions{color:#666;font-size:.95rem;margin-bottom:16px}.quiz-meta{color:#888;display:flex;font-size:.9rem;gap:24px;justify-content:center}.quiz-question{background-color:#f9f9f9;border-radius:8px;margin-bottom:24px;padding:24px}.quiz-question-number{color:#173997;font-size:.85rem;font-weight:500;margin-bottom:8px}.quiz-question-text{color:#000;font-size:1.1rem;font-weight:500;line-height:1.5;margin-bottom:16px}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease}.quiz-option:hover{background-color:#f5f8ff;border-color:#173997}.quiz-option.selected{background-color:#e3f2fd;border-color:#173997}.quiz-option.correct{background-color:#e8f5e9;border-color:#4caf50}.quiz-option.incorrect{background-color:#ffebee;border-color:#f44336}.quiz-option input[type=checkbox],.quiz-option input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #999;cursor:pointer;flex-shrink:0;height:24px;margin-right:16px;min-height:24px;min-width:24px;position:relative;width:24px}.quiz-option input[type=radio]{border-radius:50%}.quiz-option input[type=checkbox]{border-radius:4px}.quiz-option input[type=checkbox]:checked,.quiz-option input[type=radio]:checked{background-color:#173997;border-color:#173997}.quiz-option input[type=radio]:checked:after{background-color:#fff;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.quiz-option input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:16px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.quiz-option:hover input[type=checkbox],.quiz-option:hover input[type=radio]{border-color:#173997}.quiz-option-text{color:#333;font-size:1rem}.quiz-results{padding:32px;text-align:center}.quiz-results-score{font-size:4rem;font-weight:600;margin-bottom:8px}.quiz-results-score.passed{color:#4caf50}.quiz-results-score.failed{color:#f44336}.quiz-results-message{color:#333;font-size:1.25rem;margin-bottom:24px}.quiz-results-details{color:#666;display:flex;font-size:.95rem;gap:32px;justify-content:center;margin-bottom:32px}.badges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.badge-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.badge-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.badge-card.earned{background:linear-gradient(180deg,#fff9e6 0,#fff);border-color:#f5a623}.badge-card.locked{opacity:.6}.badge-icon{align-items:center;background-color:#f5f5f5;border-radius:50%;display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.badge-card.earned .badge-icon{background-color:#fff3cd}.badge-name{color:#000;font-size:1rem;font-weight:500;margin-bottom:4px}.badge-description{color:#666;font-size:.85rem;line-height:1.4}.badge-earned-date{color:#888;font-size:.75rem;margin-top:8px}.certificates-list{display:flex;flex-direction:column;gap:16px}.certificate-card{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;padding:20px;transition:all .2s ease}.certificate-card:hover{box-shadow:0 4px 12px #00000014}.certificate-icon{align-items:center;background-color:#e8f5e9;border-radius:8px;color:#4caf50;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-right:16px;width:48px}.certificate-info{flex-grow:1}.certificate-title{color:#000;font-size:1rem;font-weight:500;margin-bottom:4px}.certificate-meta{color:#666;font-size:.85rem}.certificate-number{background-color:#f5f5f5;border-radius:4px;font-family:monospace;padding:2px 8px}.certificate-card>.training-btn{flex:none;width:80px}.training-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px}.training-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#173997;height:48px;margin-bottom:16px;width:48px}.training-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;padding:32px;text-align:center}.training-error-icon{background:#fee2e2;border-radius:50%;display:inline-block;font-size:1.5rem;font-weight:600;height:40px;line-height:40px;margin-bottom:12px;width:40px}.training-error-message{font-size:.95rem;margin-bottom:16px}.training-empty{color:#6b7280;padding:60px 32px;text-align:center}.training-empty-icon{background:#f3f4f6;border-radius:50%;color:#9ca3af;display:inline-block;font-size:1.5rem;font-weight:600;height:48px;line-height:48px;margin-bottom:16px;width:48px}.training-empty-message{font-size:1rem;margin-bottom:24px}@media (max-width:1024px){.training-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.training-container{padding:16px}.training-grid{gap:16px;grid-template-columns:1fr}.progress-stats{grid-template-columns:repeat(2,1fr)}.quiz-section,.training-content{padding:20px}.training-page{padding:16px}}.modal-overlay{background:#0009}.certificate-modal{background:#1e3a5f;border-radius:8px;box-shadow:0 25px 80px #0006;max-height:90vh;max-width:950px;overflow-y:auto;padding:0 12px 12px;position:relative;width:100%}.certificate-top-actions{align-items:center;background:#1e3a5f;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-close-btn-top{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close-btn-top:hover{background:#ffffff40;transform:scale(1.1)}.modal-close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#1e3a5f;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px;z-index:10}.modal-close-btn:hover{background:#fff;transform:scale(1.1)}.certificate-display{aspect-ratio:900/600;background:linear-gradient(135deg,#fffef8,#fdf6e3 50%,#fffef8);border:8px solid #8b6914;border-radius:4px;overflow:hidden;padding:30px 40px;position:relative;text-align:center}.certificate-corner{border:3px solid #8b6914;height:60px;pointer-events:none;position:absolute;width:60px}.certificate-corner-tl{border-bottom:none;border-right:none;left:12px;top:12px}.certificate-corner-tr{border-bottom:none;border-left:none;right:12px;top:12px}.certificate-corner-bl{border-right:none;border-top:none;bottom:12px;left:12px}.certificate-corner-br{border-left:none;border-top:none;bottom:12px;right:12px}.certificate-inner-frame{align-items:center;background:#0000;border:2px solid #c9a227;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:15px 30px 20px;position:relative}.certificate-seal{margin-bottom:20px}.seal-outer{background:linear-gradient(145deg,#1e4d8c,#173997,#1e4d8c);border-radius:50%;box-shadow:0 4px 15px #1739974d,inset 0 2px 4px #fff3;display:inline-block;height:90px;padding:6px;width:90px}.seal-inner{align-items:center;background:linear-gradient(145deg,#1e4d8c,#2563eb);border:2px solid #ffffff4d;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.seal-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2.5rem}.certificate-title-main{color:#1a365d;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:400;letter-spacing:3px;margin:0 0 6px;text-transform:uppercase}.certificate-divider{align-items:center;display:flex;justify-content:center;margin:6px 0}.certificate-divider:after,.certificate-divider:before{content:none}.divider-ornament{color:#c9a227;font-size:1.1rem}.certificate-subtitle{color:#666;font-family:Georgia,serif;font-size:.9rem;font-style:italic;margin:0}.certificate-header{text-align:center}.certificate-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:10px 0;text-align:center}.certificate-awarded{color:#666;font-family:Georgia,serif;font-size:.9rem;margin:4px 0}.certificate-name{border-bottom:2px solid #c9a227;color:#1a365d;display:inline-block;font-size:2.2rem;font-style:italic;margin:4px 0;padding-bottom:6px}.certificate-name,.certificate-training{font-family:Georgia,serif;font-weight:400}.certificate-training{color:#8b6914;font-size:1.3rem;margin:8px 0;white-space:nowrap}.certificate-achievement{align-items:center;display:inline-flex;gap:8px;justify-content:center;margin-top:10px}.achievement-icon{font-size:1.2rem}.achievement-text{color:#666;font-size:.9rem}.achievement-text strong{color:#333}.certificate-footer{text-align:center;width:100%}.certificate-signature{margin-bottom:12px;text-align:center}.signature-line{background:#333;height:1px;margin:0 auto 5px;width:200px}.signature-label{color:#666;font-family:Georgia,serif;font-size:.8rem;font-style:italic}.certificate-details{display:flex;gap:60px;justify-content:center}.certificate-detail-item{align-items:center;display:flex;flex-direction:column;text-align:center}.detail-label{color:#8b6914;font-size:.65rem;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.certificate-id-value,.detail-value{color:#333;font-size:.85rem}.certificate-watermark{color:#c9a2270f;font-size:5rem;font-weight:700;left:50%;letter-spacing:15px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-30deg);white-space:nowrap}.certificate-logo-container{display:flex;justify-content:center;margin-bottom:6px}.certificate-logo-img{height:60px;object-fit:contain;width:60px}.certificate-download-btn{align-items:center;background:linear-gradient(145deg,#c9a227,#d4af37);border:none;border-radius:6px;box-shadow:0 2px 8px #c9a2274d;color:#1e3a5f;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.certificate-download-btn:hover:not(:disabled){background:linear-gradient(145deg,#d4af37,#e5c04b);box-shadow:0 4px 12px #c9a22766;transform:translateY(-1px)}.certificate-download-btn:active:not(:disabled){transform:translateY(0)}.certificate-download-btn:disabled{cursor:not-allowed;opacity:.7}.download-icon{font-size:1rem}.download-spinner{animation:spin .8s linear infinite;border:2px solid #1e3a5f;border-radius:50%;border-top-color:#0000;height:14px;width:14px}@media (max-width:600px){.certificate-modal{max-width:95%;padding:8px}.certificate-display{padding:30px 20px}.certificate-inner-frame{margin:10px;padding:20px 10px}.certificate-corner{height:40px;width:40px}.certificate-title-main{font-size:1.5rem;letter-spacing:1px}.certificate-name{font-size:2rem}.certificate-training{font-size:1.1rem;padding:8px 12px}.certificate-logo-img{height:60px;width:60px}.certificate-divider:after,.certificate-divider:before{width:40px}.certificate-details{flex-direction:column;gap:16px}.certificate-watermark{font-size:4rem}.certificate-download-btn{font-size:.9rem;padding:10px 20px}}.highlight-box{border-left:4px solid;border-radius:8px;margin:16px 0;padding:16px 20px}.highlight-box.info{background:#eff6ff;border-color:#3b82f6}.highlight-box.warning{background:#fffbeb;border-color:#f59e0b}.highlight-box.danger{background:#fef2f2;border-color:#ef4444}.highlight-box.success{background:#f0fdf4;border-color:#22c55e}.example-box{border:1px solid;border-radius:12px;margin:20px 0;padding:20px}.example-box.danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.example-box p{margin:8px 0}.example-box p em{border-top:1px solid #fecaca;color:#6b7280;display:block;font-size:.9rem;margin-top:12px;padding-top:12px}.defense-tip{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:8px;margin:12px 0 24px;padding:12px 16px}.trait-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.trait-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.trait-item strong{color:#1e293b;display:block;margin-bottom:8px}.trait-item p{color:#64748b;font-size:.9rem;margin:0}.red-flags-list{display:flex;flex-direction:column;gap:12px;margin:20px 0}.red-flag{align-items:flex-start;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;display:flex;gap:12px;padding:16px}.red-flag span{flex-shrink:0;font-size:1.5rem}.red-flag strong{color:#92400e;display:block;margin-bottom:4px}.red-flag p{color:#78350f;font-size:.9rem;margin:0}.stop-method{display:flex;flex-direction:column;gap:16px;margin:24px 0}.stop-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.stop-item:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.stop-letter{align-items:center;background:linear-gradient(135deg,#173997,#1e4dc8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.stop-content strong{color:#1e293b;display:block;font-size:1.1rem;margin-bottom:4px}.stop-content p{color:#64748b;margin:0}.key-points{display:flex;flex-direction:column;gap:16px;margin:20px 0}.key-point{align-items:flex-start;background:#f8fafc;border-radius:8px;display:flex;gap:16px;padding:16px}.key-number{align-items:center;background:#173997;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.key-point p{line-height:1.6;margin:0}.final-reminder{background:linear-gradient(135deg,#173997,#1e4dc8);border-radius:16px;color:#fff;margin:32px 0;padding:32px;text-align:center}.final-reminder h3{font-size:1.25rem;margin:0 0 16px}.final-reminder p{margin:8px 0;opacity:.95}.training-content h2{border-bottom:2px solid #e2e8f0;color:#1e293b;margin:32px 0 16px;padding-bottom:8px}.training-content h3{color:#334155;margin:24px 0 12px}.training-content h4{color:#475569;margin:16px 0 8px}.training-content hr{border:none;border-top:1px solid #e2e8f0;margin:32px 0}.training-content ul{margin:12px 0;padding-left:24px}.training-content li{line-height:1.6;margin:8px 0}@media (max-width:640px){.trait-grid{grid-template-columns:1fr}.stop-item{align-items:center}.red-flag,.stop-item{flex-direction:column;text-align:center}}.section-icon{display:inline-block;margin-right:8px}.alert-icon{color:#dc2626;margin-right:6px}.shield-icon{color:#059669;margin-right:6px}.warning-icon{color:#f59e0b;flex-shrink:0;font-size:1.25rem}.stop-icon{color:#dc2626}.strong-icon{display:inline-block}.trait-icon{display:block;font-size:2rem;margin-bottom:8px}.training-search-icon:hover{background:#4a90d91a!important}.training-search-icon:hover svg{stroke:#4a90d9;stroke:var(--primary-color,#4a90d9)}[data-theme=dark] .training-page{background:#0000}[data-theme=dark] .training-page-header{border-bottom-color:#334155}[data-theme=dark] .training-page-title{color:#e2e8f0}[data-theme=dark] .training-nav-tabs{background:#1e293b}[data-theme=dark] .training-nav-tab{color:#94a3b8}[data-theme=dark] .training-nav-tab:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .training-nav-tab.active{background:#0f172a;box-shadow:0 1px 3px #0000004d;color:#e2e8f0}[data-theme=dark] .training-search-icon-btn:hover{background:#ffffff1a}[data-theme=dark] .training-search-input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .training-search-input:focus{border-color:#5b9bd5}[data-theme=dark] .training-search-clear-btn,[data-theme=dark] .training-search-input::placeholder{color:#64748b}[data-theme=dark] .training-search-clear-btn:hover{color:#94a3b8}[data-theme=dark] .training-search-criteria{background-color:#1e3a5f}[data-theme=dark] .training-search-criteria-label{color:#94a3b8}[data-theme=dark] .training-search-criteria-term{color:#5b9bd5}[data-theme=dark] .training-search-criteria-clear{color:#94a3b8}[data-theme=dark] .training-search-criteria-clear:hover{background-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .training-header h1,[data-theme=dark] .training-header h2{color:#e2e8f0}[data-theme=dark] .training-subtitle{color:#94a3b8}[data-theme=dark] .training-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .training-card:hover{border-color:#5b9bd5;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .training-card.featured{background:linear-gradient(180deg,#2d2514 0,#1e293b);border-color:#f5a623}[data-theme=dark] .training-card.required{border-left-color:#5b9bd5}[data-theme=dark] .training-card-category{background-color:#1e3a5f;color:#5b9bd5}[data-theme=dark] .training-card-difficulty{color:#94a3b8}[data-theme=dark] .difficulty-dot{background-color:#475569}[data-theme=dark] .difficulty-dot.active{background-color:#5b9bd5}[data-theme=dark] .training-card-title{color:#e2e8f0}[data-theme=dark] .training-card-description{color:#94a3b8}[data-theme=dark] .training-card-meta{color:#64748b}[data-theme=dark] .progress-bar-container{background-color:#334155}[data-theme=dark] .progress-bar-label{color:#94a3b8}[data-theme=dark] .training-status-badge.not-started{background-color:#334155;color:#94a3b8}[data-theme=dark] .training-status-badge.in-progress{background-color:#422006;color:#fb923c}[data-theme=dark] .training-status-badge.completed{background-color:#14532d;color:#4ade80}[data-theme=dark] .training-btn-secondary{background-color:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .training-btn-secondary:hover{background-color:#475569}[data-theme=dark] .training-detail-meta{color:#94a3b8}[data-theme=dark] .training-content{background-color:#1e293b;border-color:#334155}[data-theme=dark] .training-content h2{color:#5b9bd5}[data-theme=dark] .training-content h3{color:#cbd5e1}[data-theme=dark] .training-content h4{color:#94a3b8}[data-theme=dark] .training-content li,[data-theme=dark] .training-content p{color:#cbd5e1}[data-theme=dark] .training-content strong{color:#e2e8f0}[data-theme=dark] .training-content hr{border-top-color:#334155}[data-theme=dark] .quiz-section{background-color:#1e293b;border-color:#334155}[data-theme=dark] .quiz-header h2{color:#5b9bd5}[data-theme=dark] .quiz-instructions{color:#94a3b8}[data-theme=dark] .quiz-meta{color:#64748b}[data-theme=dark] .quiz-question{background-color:#0f172a}[data-theme=dark] .quiz-question-number{color:#5b9bd5}[data-theme=dark] .quiz-question-text{color:#e2e8f0}[data-theme=dark] .quiz-option{background-color:#1e293b;border-color:#334155}[data-theme=dark] .quiz-option.selected,[data-theme=dark] .quiz-option:hover{background-color:#1e3a5f;border-color:#5b9bd5}[data-theme=dark] .quiz-option.correct{background-color:#14532d;border-color:#22c55e}[data-theme=dark] .quiz-option.incorrect{background-color:#450a0a;border-color:#ef4444}[data-theme=dark] .quiz-option input[type=checkbox],[data-theme=dark] .quiz-option input[type=radio]{background-color:#0f172a;border-color:#64748b}[data-theme=dark] .quiz-option-text,[data-theme=dark] .quiz-results-message{color:#cbd5e1}[data-theme=dark] .quiz-results-details{color:#94a3b8}[data-theme=dark] .badge-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .badge-card:hover{box-shadow:0 4px 12px #0003}[data-theme=dark] .badge-card.earned{background:linear-gradient(180deg,#2d2514 0,#1e293b);border-color:#f5a623}[data-theme=dark] .badge-icon{background-color:#334155}[data-theme=dark] .badge-card.earned .badge-icon{background-color:#422006}[data-theme=dark] .badge-name{color:#e2e8f0}[data-theme=dark] .badge-description{color:#94a3b8}[data-theme=dark] .badge-earned-date{color:#64748b}[data-theme=dark] .certificate-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .certificate-card:hover{box-shadow:0 4px 12px #0003}[data-theme=dark] .certificate-icon{background-color:#14532d}[data-theme=dark] .certificate-title{color:#e2e8f0}[data-theme=dark] .certificate-meta{color:#94a3b8}[data-theme=dark] .certificate-number{background-color:#334155;color:#cbd5e1}[data-theme=dark] .training-loading{color:#94a3b8}[data-theme=dark] .training-loading-spinner{border-color:#5b9bd5 #334155 #334155}[data-theme=dark] .training-error{background-color:#450a0a;color:#fca5a5}[data-theme=dark] .training-empty{color:#94a3b8}[data-theme=dark] .highlight-box{color:#e2e8f0}[data-theme=dark] .highlight-box.info{background:#1e3a5f;border-color:#3b82f6;color:#bfdbfe}[data-theme=dark] .highlight-box.warning{background:#422006;border-color:#f59e0b;color:#fde68a}[data-theme=dark] .highlight-box.danger{background:#450a0a;border-color:#ef4444;color:#fecaca}[data-theme=dark] .highlight-box.success{background:#14532d;border-color:#22c55e;color:#bbf7d0}[data-theme=dark] .highlight-box strong{color:#f1f5f9}[data-theme=dark] .example-box.danger{background:linear-gradient(135deg,#450a0a,#7f1d1d);border-color:#991b1b}[data-theme=dark] .example-box p em{border-top-color:#991b1b;color:#94a3b8}[data-theme=dark] .defense-tip{background:linear-gradient(135deg,#14532d,#166534);border-color:#22c55e}[data-theme=dark] .trait-item{background:#1e293b;border-color:#334155}[data-theme=dark] .trait-item strong{color:#e2e8f0}[data-theme=dark] .trait-item p{color:#94a3b8}[data-theme=dark] .red-flag{background:#422006;border-color:#f59e0b}[data-theme=dark] .red-flag strong{color:#fbbf24}[data-theme=dark] .red-flag p{color:#fcd34d}[data-theme=dark] .stop-item{background:#1e293b;border-color:#334155}[data-theme=dark] .stop-item:hover{box-shadow:0 4px 12px #0003}[data-theme=dark] .stop-content strong{color:#e2e8f0}[data-theme=dark] .stop-content p{color:#94a3b8}[data-theme=dark] .key-point{background:#1e293b}[data-theme=dark] .key-point p{color:#cbd5e1}[data-theme=dark] .training-tested-out-badge{background-color:#581c87;color:#d8b4fe}.training-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.training-filter-label{font-weight:600;margin-right:8px}.training-category-select{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;min-width:200px;padding:8px 16px;transition:border-color .2s ease}.training-category-select:hover{border-color:#173997}.training-category-select:focus{border-color:#173997;box-shadow:0 0 0 2px #1739971a;outline:none}.training-results-summary{color:#666;font-size:14px}.training-empty-show-all{margin-top:16px}[data-theme=dark] .training-filter-label{color:#e2e8f0}[data-theme=dark] .training-category-select{background-color:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .training-category-select:hover{border-color:#5b9bd5}[data-theme=dark] .training-category-select:focus{border-color:#5b9bd5;box-shadow:0 0 0 2px #5b9bd533}[data-theme=dark] .training-results-summary{color:#94a3b8}.training-status-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:20px;padding-bottom:16px}.training-status-tab{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.training-status-tab:hover{background:#f8fafc;border-color:#173997;color:#173997}.training-status-tab.active{background:#173997;border-color:#173997;color:#fff}.status-tab-count{align-items:center;background:#e5e7eb;border-radius:12px;color:#475569;display:inline-flex;font-size:13px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 8px}.training-status-tab.active .status-tab-count{background:#fff3;color:#fff}.status-tab-count.completed{background:#dcfce7;color:#166534}.training-status-tab.active .status-tab-count.completed{background:#fff3;color:#fff}[data-theme=dark] .training-status-tabs{border-bottom-color:#334155}[data-theme=dark] .training-status-tab{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .training-status-tab:hover{background:#0f172a;border-color:#5b9bd5;color:#5b9bd5}[data-theme=dark] .training-status-tab.active{background:#5b9bd5;border-color:#5b9bd5;color:#fff}[data-theme=dark] .status-tab-count{background:#334155;color:#e2e8f0}[data-theme=dark] .status-tab-count.completed{background:#166534;color:#dcfce7}.quiz-progress-dots{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.quiz-progress-dot{background-color:#e0e0e0;border:none;border-radius:50%;cursor:pointer;height:12px;transition:background-color .2s ease;width:12px}.quiz-progress-dot.answered{background-color:#4caf50}.quiz-progress-dot.current{background-color:#173997}.quiz-review-section{margin-top:32px;text-align:left}.quiz-review-title{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:20px}.quiz-review-summary{background:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:16px}.quiz-review-progress-bar{background:#ffcdd2;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.quiz-review-progress-fill{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:4px;height:100%;transition:width .5s ease}.quiz-review-stats{display:flex;gap:24px;justify-content:center}.quiz-stat{align-items:center;display:flex;font-size:.95rem;font-weight:500;gap:6px}.quiz-stat.correct{color:#2e7d32}.quiz-stat.incorrect{color:#c62828}.quiz-stat-icon{font-weight:700}.quiz-review-question{background:#fff;border-left:4px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:20px;transition:all .2s ease}.quiz-review-question.correct{background:linear-gradient(135deg,#f1f8e9,#fff);border-left-color:#4caf50}.quiz-review-question.incorrect{background:linear-gradient(135deg,#ffebee,#fff);border-left-color:#f44336}.quiz-review-question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.quiz-review-question-number{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.quiz-review-status{align-items:center;border-radius:20px;display:flex;font-size:.9rem;font-weight:600;gap:4px;padding:4px 12px}.quiz-review-status.correct{background:#e8f5e9;color:#2e7d32}.quiz-review-status.incorrect{background:#ffebee;color:#c62828}.quiz-review-status .status-icon{font-size:1rem}.quiz-review-question-text{color:#333;font-size:1.05rem;font-weight:500;line-height:1.5;margin-bottom:16px}.quiz-review-answers{display:flex;flex-direction:column;gap:10px}.quiz-review-answer{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.quiz-review-answer.user-answer.correct{background:#e8f5e9;border-color:#a5d6a7}.quiz-review-answer.user-answer.incorrect{background:#ffebee;border-color:#ef9a9a}.quiz-review-answer.correct-answer{background:#e3f2fd;border-color:#90caf9}.quiz-review-answer-label{color:#666;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.quiz-review-answer-text{align-items:flex-start;color:#333;display:flex;font-size:1rem;gap:8px}.answer-indicator{align-items:center;background:#ffcdd2;border-radius:50%;color:#c62828;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:22px;justify-content:center;width:22px}.answer-indicator.correct,.quiz-review-answer.user-answer.correct .answer-indicator{background:#c8e6c9;color:#2e7d32}.quiz-review-explanation{align-items:flex-start;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:10px;margin-top:14px;padding:14px}.explanation-icon{color:#6c757d;flex-shrink:0;font-size:.85rem;font-weight:600}.explanation-text{color:#495057;line-height:1.5}.quiz-answer-box{border-radius:8px;margin-bottom:8px;padding:12px}.quiz-answer-box.correct{background-color:#e8f5e9}.quiz-answer-box.incorrect{background-color:#ffebee}.quiz-explanation{color:#666;font-size:.9rem;font-style:italic}.quiz-results-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.quiz-question-points{color:#888;margin-left:8px}.quiz-navigation{display:flex;justify-content:space-between;margin-top:24px}.quiz-submit-btn.ready{background-color:#4caf50}.quiz-back-section{margin-top:24px;text-align:center}.quiz-cancel-btn{font-size:.85rem;padding:8px 16px}.quiz-timer-warning{color:#f44336}@media (max-width:600px){.quiz-review-question{padding:16px}.quiz-review-question-header{align-items:flex-start;flex-direction:column;gap:8px}.quiz-review-stats{align-items:center;gap:8px}.quiz-results-actions,.quiz-review-stats{flex-direction:column}.quiz-results-actions button{width:100%}}[data-theme=dark] .quiz-progress-dot{background-color:#334155}[data-theme=dark] .quiz-progress-dot.answered{background-color:#22c55e}[data-theme=dark] .quiz-progress-dot.current{background-color:#5b9bd5}[data-theme=dark] .quiz-review-title{color:#e2e8f0}[data-theme=dark] .quiz-review-summary{background:#1e293b}[data-theme=dark] .quiz-review-progress-bar{background:#7f1d1d}[data-theme=dark] .quiz-stat.correct{color:#4ade80}[data-theme=dark] .quiz-stat.incorrect{color:#f87171}[data-theme=dark] .quiz-review-question{background:#1e293b;box-shadow:0 2px 4px #0003}[data-theme=dark] .quiz-review-question.correct{background:linear-gradient(135deg,#14532d,#1e293b);border-left-color:#22c55e}[data-theme=dark] .quiz-review-question.incorrect{background:linear-gradient(135deg,#450a0a,#1e293b);border-left-color:#ef4444}[data-theme=dark] .quiz-review-question-number{color:#94a3b8}[data-theme=dark] .quiz-review-status.correct{background:#14532d;color:#4ade80}[data-theme=dark] .quiz-review-status.incorrect{background:#450a0a;color:#f87171}[data-theme=dark] .quiz-review-question-text{color:#e2e8f0}[data-theme=dark] .quiz-review-answer{background:#0f172a;border-color:#334155}[data-theme=dark] .quiz-review-answer.user-answer.correct{background:#14532d;border-color:#22c55e}[data-theme=dark] .quiz-review-answer.user-answer.incorrect{background:#450a0a;border-color:#ef4444}[data-theme=dark] .quiz-review-answer.correct-answer{background:#1e3a5f;border-color:#5b9bd5}[data-theme=dark] .quiz-review-answer-label{color:#94a3b8}[data-theme=dark] .quiz-review-answer-text{color:#cbd5e1}[data-theme=dark] .answer-indicator{background:#7f1d1d;color:#f87171}[data-theme=dark] .answer-indicator.correct,[data-theme=dark] .quiz-review-answer.user-answer.correct .answer-indicator{background:#166534;color:#4ade80}[data-theme=dark] .quiz-review-explanation{background:#422006;border-color:#f59e0b}[data-theme=dark] .explanation-text{color:#fcd34d}[data-theme=dark] .quiz-answer-box.correct{background-color:#14532d}[data-theme=dark] .quiz-answer-box.incorrect{background-color:#450a0a}[data-theme=dark] .quiz-explanation{color:#94a3b8}[data-theme=dark] .quiz-question-points{color:#64748b}[data-theme=dark] .quiz-timer-warning{color:#ef4444}.training-back-btn{margin-bottom:24px}.training-detail-title{color:#111827;font-size:1.75rem;font-weight:600;margin-bottom:8px}.training-detail-summary{color:#4b5563;font-size:1rem;line-height:1.6}.training-detail-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.9rem;gap:16px;margin-bottom:16px}.training-detail-meta span{align-items:center;display:flex}.training-status-banner{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:12px 16px}.training-status-banner-text{color:#495057;font-size:.95rem}.training-completion-banner{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;margin-bottom:24px;padding:20px;text-align:center}.completion-banner-title{color:#2e7d32;font-size:1.1rem;font-weight:600;margin:0 0 8px}.completion-banner-subtitle{color:#388e3c;font-size:.95rem;margin:0}.training-objectives{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:20px}.training-objectives-title{color:#333;font-size:1rem;font-weight:600;margin:0 0 12px}.training-objectives-list{margin:0;padding-left:20px}.training-objectives-list li{color:#495057;font-size:.95rem;margin-bottom:8px}.training-complete-section{background-color:#f5f8ff;border-radius:12px;margin-top:32px;padding:24px;text-align:center}.complete-section-title{color:#173997;margin:0 0 12px}.complete-section-text{color:#666;margin:0 0 16px}.complete-section-btn{font-size:1.1rem;padding:14px 32px}.training-quiz-start-btn{font-size:1.1rem;padding:16px;width:100%}.training-review-section{margin-top:24px;text-align:center}.training-bottom-back{border-top:1px solid #e0e0e0;margin-top:40px;padding-top:24px;text-align:center}[data-theme=dark] .training-detail-title{color:#e2e8f0}[data-theme=dark] .training-detail-summary{color:#94a3b8}[data-theme=dark] .training-status-banner{background:#1e293b;border-color:#334155}[data-theme=dark] .training-status-banner-text{color:#94a3b8}[data-theme=dark] .training-completion-banner{background:#1e3a2f;border-color:#2e5a4f}[data-theme=dark] .completion-banner-title{color:#4ade80}[data-theme=dark] .completion-banner-subtitle{color:#86efac}[data-theme=dark] .training-objectives{background-color:#1e293b;border-color:#334155}[data-theme=dark] .training-objectives-title{color:#e2e8f0}[data-theme=dark] .training-objectives-list li{color:#94a3b8}[data-theme=dark] .training-complete-section{background-color:#1e293b;border-color:#334155}[data-theme=dark] .complete-section-title{color:#e2e8f0}[data-theme=dark] .complete-section-text{color:#94a3b8}[data-theme=dark] .training-bottom-back{border-top-color:#334155}.training-tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px}.training-section{margin-bottom:32px}.training-section-title{font-size:1.25rem;font-weight:500;margin-bottom:16px}.training-card-btn{width:100%}.recent-completions-list{display:flex;flex-direction:column;gap:12px}.recent-completion-card{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;padding:16px}.completion-icon{align-items:center;background-color:#e8f5e9;border-radius:8px;color:#4caf50;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-right:16px;width:48px}.completion-info{flex:1 1}.completion-title{font-weight:500}.completion-meta{color:#666;font-size:.85rem}.recent-completion-card>.training-btn{flex:none;width:80px}.certificate-expired-badge{color:#f44336;margin-left:8px}[data-theme=dark] .training-tabs{border-bottom-color:#334155}[data-theme=dark] .training-section-title{color:#e2e8f0}[data-theme=dark] .recent-completion-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .completion-icon{background-color:#14532d}[data-theme=dark] .completion-title{color:#e2e8f0}[data-theme=dark] .completion-meta{color:#94a3b8}[data-theme=dark] .certificate-expired-badge{color:#ef4444}.recent-simulations-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:none;padding:20px;width:75vw}.header-section{border-bottom:2px solid #e9ecef;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.header-section,.title-section{align-items:center;display:flex}.title-section{gap:10px}.title-icon{color:#173997;font-size:1.8rem}.recent-simulations-container h2{color:#173997;font-size:1.8rem;font-weight:700;margin:0}.summary-section .total-count{background-color:#173997;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:5px 12px}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center}.loading-icon{color:#173997;font-size:2rem;margin-bottom:10px}.loading-state p{color:#555}.error-message{margin:20px 0;padding:20px;text-align:center}.no-messages{background-color:#fff;border:2px dashed #ddd;border-radius:8px;color:#666;padding:40px 20px;text-align:center}.no-messages p{font-size:1.1rem;margin:10px 0}.no-messages p:first-child{color:#333;font-weight:600}.simulations-content{display:flex;flex-direction:column;gap:25px}.channel-section{background-color:#fff;border-left:4px solid #173997;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.channel-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:10px;margin-bottom:15px;padding-bottom:10px}.channel-icon{font-size:1.3rem}.channel-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.message-count{background-color:#f1f3f4;border-radius:12px;color:#555;font-size:.8rem;font-weight:500;padding:2px 8px}.channel-messages{display:flex;flex-direction:column;gap:15px}.message-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px}.message-item:hover{box-shadow:0 2px 8px #0000001a}.message-header{align-items:flex-start;margin-bottom:10px}.message-subject{color:#173997;flex:1 1;font-size:1.1rem;font-weight:600;margin:0 15px 0 0}.message-time{background-color:var(--brand-blue-light);border-radius:4px;color:#f5f5f5;font-size:.85rem;padding:2px 8px;white-space:nowrap}.message-details{gap:10px}.message-content{color:#555;font-size:.95rem;line-height:1.5;margin:0}.message-meta{color:#777;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;font-size:.8rem;gap:15px;overflow-x:auto}.message-meta span{background-color:#fff;border:1px solid #ddd;border-radius:4px;display:inline-block;flex-shrink:0;padding:3px 8px;white-space:nowrap}.message-context{border-left:3px solid #28a745}.message-level{border-left:3px solid #ffc107}.message-recipient{border-left:3px solid #17a2b8}.channel-section:has(.channel-header [style*="color: #007bff"]){border-left-color:#007bff}.channel-section:has(.channel-header [style*="color: #28a745"]){border-left-color:#28a745}.channel-section:has(.channel-header [style*="color: #ffc107"]){border-left-color:#ffc107}.channel-section:has(.channel-header [style*="color: #6f42c1"]){border-left-color:#6f42c1}@media (max-width:1200px){.recent-simulations-container{width:90vw}}@media (max-width:768px){.recent-simulations-container{padding:15px;width:95vw}.header-section{gap:10px}.header-section,.message-header{align-items:flex-start;flex-direction:column}.message-header{gap:5px}.message-subject{margin-right:0}.message-meta{gap:10px}.message-meta span{font-size:.75rem;padding:2px 6px}}.recent-simulations-container::-webkit-scrollbar{width:8px}.recent-simulations-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.recent-simulations-container::-webkit-scrollbar-thumb{background:#173997;border-radius:4px}.recent-simulations-container::-webkit-scrollbar-thumb:hover{background:#0f2a75}.user-email-report-container{font-family:Open Sans,sans-serif;height:80vh;margin:0 auto;max-width:1200px;padding:20px;width:850%}.user-email-report-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.user-email-report-title{color:#333;font-size:28px;font-weight:600;margin:0}.user-email-report-filters{align-items:center;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;margin-bottom:25px;padding:20px}.user-email-report-filter-group{display:flex;flex-direction:column;gap:5px}.user-email-report-filter-label{color:#555;font-size:14px;font-weight:500}.user-email-report-filter-input{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px 12px}.user-email-report-filter-input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.user-email-report-filter-button{align-self:flex-end;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.user-email-report-filter-button:hover{background-color:#0056b3}.user-email-report-filter-button:disabled{background-color:#6c757d;cursor:not-allowed}.user-email-report-summary{background-color:#fff;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-bottom:15px;padding:12px}.user-email-report-summary-title{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.user-email-report-summary-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.user-email-report-stat{background-color:#f8f9fa;border-radius:6px;padding:8px;text-align:center}.user-email-report-stat-value{color:#007bff;font-size:18px;font-weight:700;margin-bottom:3px}.user-email-report-stat-label{color:#666;font-size:12px;font-weight:500}.user-email-report-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow:hidden}.user-email-report-table{border-collapse:collapse;font-size:14px;width:100%}.user-email-report-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:15px 12px;text-align:left}.user-email-report-table td{border-bottom:1px solid #dee2e6;padding:12px;vertical-align:top}.user-email-report-table tbody tr:hover{background-color:#f8f9fa}.user-email-report-loading{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;padding:60px}.user-email-report-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin:20px 0;padding:15px}.user-email-report-no-data{color:#666;font-style:italic;padding:40px;text-align:center}.user-email-report-date-range{color:#666;font-size:14px;margin-bottom:15px}.user-email-report-export-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.user-email-report-export-button:hover{background-color:#218838}@media (max-width:768px){.user-email-report-filters{align-items:stretch;flex-direction:column}.user-email-report-filter-button{align-self:stretch;margin-top:10px}.user-email-report-summary-stats{grid-template-columns:1fr}.user-email-report-table-container{overflow-x:auto}.user-email-report-table{min-width:600px}}.email-report-generator{background:#f8f9fa;background-color:var(--bg-main-container-purple);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;height:85vh;margin:0 auto;max-height:calc(100vh - 80px);min-height:calc(100vh - 80px);overflow-y:auto;padding:30px 15px 15px;width:70vw}.generator-header{border-bottom:2px solid #e9ecef;flex-shrink:0;margin-bottom:20px;padding-bottom:15px;text-align:center}.generator-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:8px}.generator-header p{color:#6c757d;font-size:1rem;margin:0}.form-section{background:#fff;background-color:var(--bg-card-container-purple);border:1px solid #e9ecef;border-radius:6px;flex-shrink:0;margin-bottom:15px;padding:15px}.generate-sections-container{display:flex;gap:15px;margin-bottom:15px}.generate-section-half{flex:1 1;margin-bottom:0}@media (max-width:768px){.generate-sections-container{flex-direction:column}.generate-section-half{margin-bottom:15px}.date-range{gap:20px;grid-template-columns:1fr}}.form-section h3{border-bottom:1px solid #f1f3f4;color:#2c3e50;margin-bottom:12px;padding-bottom:6px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-group label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px 10px;transition:background-color .2s}.radio-group label:hover{background-color:#f8f9fa}.radio-group input[type=radio]{margin:0}.radio-group input[type=radio]:disabled+*{color:var(--text-muted);cursor:not-allowed}.radio-group label:has(input[type=radio]:disabled){color:var(--text-muted);cursor:not-allowed}.radio-group label:has(input[type=radio]:disabled):hover{background-color:initial}.date-range{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.date-input{display:flex;flex-direction:column}.date-range-button{display:flex;justify-content:center;margin-top:15px}.date-input label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.date-input input[type=datetime-local],input[type=number]{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px;transition:border-color .2s,box-shadow .2s;width:100%}.date-input input[type=datetime-local]:focus,input[type=number]:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.simple-generate{display:flex;flex-direction:column;gap:12px}.simple-generate-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.simple-generate label{color:#495057;font-size:14px;font-weight:500}.simple-generate input[type=number]{width:100px}.simple-generate-button{display:flex;justify-content:center;margin-top:3px}.form-section-buttons{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;flex-shrink:0;margin-bottom:15px;padding:8px 15px}.action-buttons{margin:0;width:100%}.action-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 20px;transition:all .2s}.btn-simple{background-color:#28a745;color:#fff}.btn-simple:hover:not(:disabled){background-color:#1e7e34;transform:translateY(-1px)}.btn-sync{background-color:#ffc107;color:#212529}.btn-sync:hover:not(:disabled){background-color:#e0a800;transform:translateY(-1px)}.btn-clear{background-color:#6c757d;color:#fff}.btn-clear:hover:not(:disabled){background-color:#545b62;transform:translateY(-1px)}.action-buttons button:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-state{background:#fff;border:1px solid #e9ecef;border-radius:6px}.error-message,.success-message{border:1px solid;border-radius:6px;margin-bottom:15px;padding:12px 16px}.error-message{background-color:#f8d7da;border-color:#f5c6cb}.success-message{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.error-message h4,.success-message h4{font-size:1.1rem;font-weight:600;margin:0 0 8px}.error-message p,.success-message p{margin:0}.results-section{background:#fff;border:1px solid #e9ecef;border-radius:6px;flex:1 1;overflow-y:auto;padding:15px}.results-section h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:15px}.results-summary{grid-gap:12px;background:#f8f9fa;border-radius:4px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:12px}.summary-item{justify-content:space-between;padding:6px 0}.summary-item strong{color:#495057;font-size:14px;margin-right:8px}.reports-list h4{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:12px}.reports-table{background:#fff;border:1px solid #e9ecef;border-radius:4px;overflow:hidden}.table-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#495057;display:grid;font-weight:600;grid-template-columns:2fr 1fr 1.5fr 1fr}.table-header>div,.table-row>div{border-right:1px solid #e9ecef;padding:10px}.table-header>div:last-child,.table-row>div:last-child{border-right:none}.table-row{border-bottom:1px solid #f1f3f4;display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f8f9fa}.table-row>div{color:#495057;font-size:14px}@media (max-width:768px){.email-report-generator{padding:80px 10px 10px}.date-range{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.results-summary{grid-template-columns:1fr}.simple-generate{align-items:flex-start;flex-direction:column}.simple-generate .btn-simple{width:100%}.table-header,.table-row{gap:1px;grid-template-columns:1fr}.table-header>div,.table-row>div{border-bottom:1px solid #e9ecef;border-right:none}.table-header>div:last-child,.table-row>div:last-child{border-bottom:none}}.generate-risk-scores{background-color:#1f2937;border-radius:8px;color:#fff;margin:0 auto;max-width:1000px;padding:20px}.generate-risk-scores h2{color:#3b82f6;margin-bottom:10px;text-align:center}.generate-risk-scores .description{color:#9ca3af;font-size:1.1rem;margin-bottom:30px;text-align:center}.risk-section{background-color:#374151;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:20px;padding:20px}.risk-section h3{color:#60a5fa;font-size:1.3rem;margin-bottom:8px}.section-description{color:#d1d5db;font-size:.95rem;margin-bottom:15px}.calculate-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:15px;padding:12px 24px;transition:all .3s ease}.calculate-btn:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.calculate-btn:disabled{background-color:#6b7280;box-shadow:none;cursor:not-allowed;transform:none}.individual-btn{background-color:#10b981}.individual-btn:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 8px #10b9814d}.group-btn{background-color:#f59e0b}.group-btn:hover:not(:disabled){background-color:#d97706;box-shadow:0 4px 8px #f59e0b4d}.all-users-btn{background-color:#ef4444}.all-users-btn:hover:not(:disabled){background-color:#dc2626;box-shadow:0 4px 8px #ef44444d}.result-container{background-color:#111827;border-left:4px solid #0000;border-radius:6px;margin-top:15px;padding:15px}.result-container.success{background-color:#10b9811a;border-left-color:#10b981}.result-container.error{background-color:#ef44441a;border-left-color:#ef4444}.result-container h4{color:#f9fafb;margin-bottom:10px;margin-top:0}.success-message{color:#34d399}.error-message,.success-message{font-weight:500;margin-bottom:10px}.error-message{color:#fca5a5}.result-data{background-color:#1f2937;border-radius:4px;margin-top:10px;padding:12px}.result-data p{color:#e5e7eb;margin:8px 0}.result-data strong{color:#60a5fa}.result-data ul{margin:8px 0;padding-left:20px}.result-data li{color:#d1d5db;margin:4px 0}@media (max-width:768px){.generate-risk-scores{margin:10px;padding:15px}.risk-section{padding:15px}.calculate-btn{margin-bottom:10px;width:100%}}.account-info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.common-layout{margin-left:1rem}.info-item{background:var(--bg-secondary);border:1px solid #e5e7eb;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);transition:var(--transition-fast)}.info-item:hover{background:#22c55e05;border-color:var(--accent-green)}.info-item label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.info-item span{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;word-break:break-word}.uuid-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.status.active{color:var(--success-green);font-weight:600}.status.inactive{color:var(--error-red);font-weight:600}.plan-status{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.025em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.plan-status.free{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.plan-status.basic{background:#dbeafe;border:1px solid #93c5fd;color:#1d4ed8}.plan-status.pro{background:#dcfce7;border:1px solid #86efac;color:#16a34a}.plan-status.enterprise{background:#fef3c7;border:1px solid #fcd34d;color:#d97706}.subscription-status{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.025em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.subscription-status.active{background:#dcfce7!important;border:1px solid #86efac;color:#16a34a!important}.subscription-status.cancelled{background:#fee2e2!important;border:1px solid #fca5a5;color:#dc2626!important}.subscription-status.expired{background:#fef3c7!important;border:1px solid #fcd34d;color:#d97706!important}.amount{color:var(--header-bg-secondary);font-size:var(--font-size-lg);font-weight:700}.payment-info-grid,.subscription-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.users-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.user-item{background:var(--bg-secondary);border:1px solid #e5e7eb;padding:var(--spacing-md);transition:var(--transition-fast)}.user-item:hover{background:#22c55e05;border-color:var(--accent-green)}.user-item .user-icon{color:var(--accent-green);font-size:var(--font-size-lg)}.user-item .user-name{color:var(--text-primary);font-size:var(--font-size-md);font-weight:500}.payment-loading{align-items:center;background:var(--bg-secondary);border:1px solid #e5e7eb;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-xl)}.payment-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;padding:var(--spacing-lg)}.error-text{font-weight:600;margin-bottom:var(--spacing-sm)}.info-note{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic;line-height:1.5;margin:var(--spacing-sm) 0}.loading-spinner{border:2px solid #e5e7eb;border-top:2px solid var(--header-bg-secondary)}.loading-spinner.small{height:10px;width:10px}.account-loading{align-items:center;background:var(--bg-card);border:1px solid #e5e7eb;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px}.account-loading h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}.account-loading .loading-spinner{border:3px solid #e5e7eb;border-top:3px solid var(--header-bg-secondary);height:40px;width:40px}.account-error{background:var(--bg-card);border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center}.account-error .main-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-lg)}.error-message{color:var(--error-red)}.error-message p{font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.retry-button{background:linear-gradient(135deg,var(--header-bg-secondary) 0,var(--secondary-blue) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-primary);font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-normal)}.retry-button:hover{box-shadow:var(--shadow-lg)}@media (max-width:1024px){.common-layout{flex-direction:column;gap:var(--spacing-xl);margin-left:1rem}.common-sidebar{order:-1;position:relative;top:0;width:100%}.common-content{order:1}.account-info-grid,.payment-info-grid,.subscription-info-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.common-container{padding:var(--spacing-lg)}.common-layout{flex-direction:column;gap:var(--spacing-lg)}.common-sidebar-desktop{display:none!important}.common-sidebar-mobile{display:block!important;margin-bottom:var(--spacing-lg);order:-1}.common-content{order:1;width:100%}.common-section{margin:0}.account-info-grid,.payment-info-grid,.subscription-info-grid{gap:var(--spacing-md);grid-template-columns:1fr}.common-dropdown-trigger,.info-item{padding:var(--spacing-md)}.common-dropdown-trigger{font-size:var(--font-size-sm)}.common-dropdown-current{gap:var(--spacing-sm)}.common-dropdown-text{font-size:var(--font-size-sm)}.common-header{margin-bottom:var(--spacing-xl);text-align:center}.main-title{font-size:var(--font-size-xl)}.common-subtitle{font-size:var(--font-size-md)}}@media (max-width:480px){.common-container{padding:var(--spacing-md)}.common-header{margin-bottom:var(--spacing-lg)}.main-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.common-subtitle{font-size:var(--font-size-sm)}.common-layout{gap:var(--spacing-md)}.common-dropdown-trigger{padding:var(--spacing-sm) var(--spacing-md)}.common-dropdown-item{padding:var(--spacing-md)}.common-dropdown-item-text{gap:var(--spacing-xs)}.common-dropdown-item-title{font-size:var(--font-size-sm)}.common-dropdown-item-desc{font-size:var(--font-size-xs);line-height:1.3}.common-section-content{padding:var(--spacing-lg)}.info-item{padding:var(--spacing-sm) var(--spacing-md)}.info-item label{font-size:var(--font-size-xs)}.info-item span{font-size:var(--font-size-sm)}.uuid-display{font-size:var(--font-size-xs);padding:var(--spacing-xs);word-break:break-all}.account-loading{min-height:300px;padding:var(--spacing-lg)}.account-loading h2{font-size:var(--font-size-lg);text-align:center}.account-error{padding:var(--spacing-lg)}.account-error .main-title{font-size:var(--font-size-lg)}.retry-button{font-size:var(--font-size-sm);padding:var(--spacing-md);width:100%}}@media (max-width:360px){.common-container{padding:var(--spacing-sm)}.main-title{font-size:var(--font-size-md)}.common-subtitle{font-size:var(--font-size-xs)}.info-item{padding:var(--spacing-xs) var(--spacing-sm)}.common-section-content{padding:0}}@media (max-width:768px) and (orientation:landscape){.common-section-content{padding:0}.common-container{padding:var(--spacing-sm) var(--spacing-sm)}.common-header{margin-bottom:var(--spacing-md)}.account-info-grid,.payment-info-grid,.subscription-info-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.info-item{padding:var(--spacing-sm)}}@media (max-width:768px) and (-webkit-min-device-pixel-ratio:2){.common-section-content{padding:var(--spacing-sm)}.common-dropdown-trigger,.info-item{border-width:1px}}@media print{.common-dropdown-container,.common-sidebar,.common-sidebar-mobile{display:none!important}.common-content{max-width:none!important;width:100%!important}.common-section{border:1px solid #ccc!important;box-shadow:none!important}.account-info-grid,.payment-info-grid,.subscription-info-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);page-break-inside:avoid}.info-item{background:#fff!important;border:1px solid #ddd!important;page-break-inside:avoid}}.group-information{width:100%}.group-info-layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:flex-start}.group-details{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--spacing-md);min-width:250px}.group-details .info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.group-details .info-item label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;margin:0}.group-details .info-item span{background-color:var(--bg-secondary);border:1px solid var(--gray-700);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md)}.manage-users-section{border-top:1px solid var(--gray-300);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.manage-users-button{align-items:center;background:linear-gradient(135deg,var(--header-bg-secondary) 0,var(--header-bg-primary) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;width:100%}.manage-users-button:hover{background:linear-gradient(135deg,var(--header-bg-primary) 0,var(--header-bg-secondary) 100%);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.manage-users-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.group-users{flex:1 1;max-width:500px;min-width:400px}@media (max-width:768px){.group-info-layout{flex-direction:column;gap:var(--spacing-lg)}.group-details,.group-users{min-width:auto;width:100%}.group-users{max-width:none}}@media (max-width:480px){.group-info-layout{gap:var(--spacing-md)}.group-details{gap:var(--spacing-sm)}.group-details .info-item{gap:var(--spacing-xs)}}.group-user-list{background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-md);height:-webkit-fit-content;height:fit-content;min-width:400px;padding:var(--spacing-lg)}.group-user-list h4{border-bottom:1px solid var(--gray-300);color:var(--header-bg-secondary);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.user-list-container{max-height:250px;overflow-y:auto}.users-list{list-style:none;margin:0;padding:0}.user-item{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) 0}.user-item:last-child{border-bottom:none}.user-info{background-color:var(--bg-block-container-green);border-bottom:1px solid #eee;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;margin-left:7px;min-width:0;padding:12px 16px}.user-name{color:var(--text-primary);font-size:var(--font-size-md)}.user-email{color:var(--text-muted);font-size:var(--font-size-sm)}.user-created{display:flex;flex-direction:column;flex-shrink:0;gap:2px;min-width:100px;text-align:center}.created-label{color:var(--text-muted);font-weight:500;text-transform:uppercase}.created-date,.created-label{font-size:var(--font-size-xs)}.created-date{color:var(--text-secondary);font-weight:400}.user-status{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.status-badge{font-size:var(--font-size-xs)}.status-badge.active{background:linear-gradient(135deg,var(--success-green) 0,var(--success-green-dark) 100%)!important;color:var(--text-on-dark)!important}.status-badge.inactive{background:var(--warning-orange-dark)!important;color:var(--text-on-dark)!important}.verification-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;padding:2px 4px}.verification-badge.verified{background-color:var(--primary-light);color:var(--primary-dark)}.no-users{color:var(--text-muted);font-style:italic}.error-text,.no-users{padding:var(--spacing-md);text-align:center}.error-text{color:var(--error);font-size:var(--font-size-sm)}.loading-spinner.small{height:20px;margin:0 auto var(--spacing-sm) auto;width:20px}.user-list-container::-webkit-scrollbar{width:6px}.user-list-container::-webkit-scrollbar-track{background:var(--gray-200);border-radius:var(--radius-sm)}.user-list-container::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-sm)}.user-list-container::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.confirmation-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.confirmation-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.confirmation-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px 24px 16px}.confirmation-modal-icon{flex-shrink:0;font-size:28px;line-height:1}.confirmation-modal-icon.danger{filter:drop-shadow(0 2px 4px rgba(239,68,68,.3))}.confirmation-modal-icon.warning{filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.confirmation-modal-icon.info{filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.confirmation-modal-title{color:#1f2937;font-size:20px;font-weight:600;line-height:1.3;margin:0}.confirmation-modal-body{padding:20px 24px}.confirmation-modal-message{color:#374151;font-size:15px;line-height:1.6;margin:0 0 16px}.confirmation-modal-details{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:6px;margin-bottom:16px;padding:12px 16px}.confirmation-modal.danger .confirmation-modal-details{background:#fef2f2;border-left-color:#ef4444}.confirmation-modal.warning .confirmation-modal-details{background:#fffbeb;border-left-color:#f59e0b}.confirmation-modal-details p{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.confirmation-modal-details ul{margin:0;padding-left:20px}.confirmation-modal-details li{color:#4b5563;font-size:14px;line-height:1.8}.confirmation-modal-input{margin-top:16px}.confirmation-modal-input label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.confirmation-modal-input textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.confirmation-modal-input textarea:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.confirmation-modal-input textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.confirmation-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.confirmation-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s}.confirmation-btn:disabled{cursor:not-allowed;opacity:.6}.confirmation-btn.cancel{background:#f3f4f6;color:#374151}.confirmation-btn.cancel:hover:not(:disabled){background:#e5e7eb}.confirmation-btn.confirm{color:#fff}.confirmation-btn.confirm.default{background:#3b82f6}.confirmation-btn.confirm.default:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.confirmation-btn.confirm.danger{background:#fff;border:2px solid #ef4444;color:#ef4444}.confirmation-btn.confirm.danger:hover:not(:disabled){background:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff}.confirmation-btn.confirm.warning{background:#f59e0b}.confirmation-btn.confirm.warning:hover:not(:disabled){background:#d97706;box-shadow:0 4px 12px #f59e0b4d}.confirmation-btn.confirm.info{background:#3b82f6}.confirmation-btn.confirm.info:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}@media (max-width:640px){.confirmation-modal{border-radius:12px 12px 0 0;margin:0;max-height:80vh;max-width:100%}.confirmation-modal-overlay{align-items:flex-end;padding:0}.confirmation-modal-footer{flex-direction:column-reverse}.confirmation-btn{width:100%}}.payment-methods-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.payment-methods-header h4{margin:0}.add-payment-form-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:2rem;position:relative;z-index:1}.add-payment-form-container h5{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.payment-form{width:100%}.payment-form .common-form-field{margin-bottom:1.25rem}.payment-form .common-form-field label{color:var(--text-primary);display:block;font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.payment-form .common-form-field input[type=text]{background:var(--bg-input);border:2px solid #e5e7eb;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-md);padding:.75rem;transition:var(--transition-fast);width:100%}.payment-form .common-form-field input[type=text]:focus{background:var(--bg-input-focus);border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.payment-form .common-form-actions{display:flex;gap:1rem;margin-top:1.5rem}.payment-form-submit-btn{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:background-color .2s,opacity .2s}.payment-form-submit-btn:hover:not(:disabled){background-color:#1d4ed8}.payment-form-submit-btn:disabled{cursor:not-allowed;opacity:.6}.payment-form-cancel-btn{background:linear-gradient(135deg,var(--text-secondary) 0,var(--text-muted) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:var(--transition-fast)}.payment-form-cancel-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.payment-form-cancel-btn:disabled{box-shadow:var(--shadow-sm)!important;cursor:not-allowed;opacity:.6;transform:none!important}.add-new-card-btn{fontsize:.9375rem;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.625rem 1.25rem;transition:background-color .2s}.add-new-card-btn:hover{background-color:#1d4ed8}.stripe-card-element{background:var(--bg-input);border:2px solid #e5e7eb;border-radius:var(--radius-md);padding:.75rem;transition:var(--transition-fast)}.stripe-card-element:focus-within{background:var(--bg-input-focus);border-color:var(--accent-green);box-shadow:0 0 0 3px #10b9811a}.payment-methods-list{grid-gap:1rem;display:grid;gap:1rem;position:relative;z-index:0}.payment-method-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:1.25rem;transition:box-shadow .2s}.payment-method-card:hover{box-shadow:var(--shadow-lg)}.payment-method-info{align-items:center;display:flex;gap:1rem}.payment-method-icon{font-size:2rem}.payment-method-details{display:flex;flex-direction:column;gap:.25rem}.payment-method-brand{color:var(--text-primary);font-size:1rem;font-weight:600}.payment-method-exp{color:var(--text-secondary);font-size:.875rem}.payment-method-name{color:var(--text-muted);font-size:.875rem}.payment-method-actions{align-items:center;display:flex;gap:1rem}.badge-default{background:#28a745;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-badge.completed,.status-badge.succeeded{background:#d4edda;color:#155724}.status-badge.pending,.status-badge.processing{background:#fff3cd;color:#856404}.status-badge.canceled,.status-badge.failed{background:#f8d7da;color:#721c24}.status-badge.refunded{background:#d1ecf1;color:#0c5460}.common-loading{color:#666;padding:2rem}.common-no-data{color:#888;padding:2rem;text-align:center}.text-danger{color:#dc3545}.common-btn-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.common-btn-link:hover{color:#0056b3}.common-btn-link.text-danger{color:#dc3545}.common-btn-link.text-danger:hover{color:#a71d2a}.payment-recent-activity{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.activity-item{justify-content:space-between}.activity-label{color:#666;font-weight:600}.activity-value{color:#333}.form-help-text{color:#6c757d;font-size:.875rem;margin-top:.25rem}.auto-pay-checkbox{align-items:center;display:flex;gap:.75rem}.auto-pay-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin:0;width:20px}.auto-pay-checkbox label{gap:.75rem}.auto-pay-checkbox label,.set-default-checkbox{align-items:center;cursor:pointer;display:flex;margin:0}.set-default-checkbox{gap:1rem;padding:.5rem 0}.set-default-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.set-default-checkbox span{color:#333;font-size:.9375rem;font-weight:500}.card-details-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.card-details-row .common-form-field{margin-bottom:1.25rem}@media (max-width:768px){.card-details-row{grid-template-columns:1fr}.payment-method-card{align-items:flex-start;flex-direction:column;gap:1rem}.payment-method-actions{justify-content:space-between;width:100%}.payment-methods-header{align-items:flex-start;flex-direction:column;gap:1rem}}[data-theme=dark] .payment-form .common-form-field label{color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}[data-theme=dark] .payment-form .common-form-field input[type=text]{background:#4b5563;background:var(--theme-bg-input,#4b5563);border-color:#4b5563;border-color:var(--theme-border,#4b5563);color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}[data-theme=dark] .payment-form .common-form-field input[type=text]::placeholder{color:#9ca3af;color:var(--theme-text-secondary,#9ca3af)}[data-theme=dark] .payment-form .common-form-field input[type=text]:focus{background:#4b5563;background:var(--theme-bg-input-focus,#4b5563);border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}[data-theme=dark] .stripe-card-element{background:#4b5563;background:var(--theme-bg-input,#4b5563);border-color:#4b5563;border-color:var(--theme-border,#4b5563)}[data-theme=dark] .stripe-card-element:focus-within{background:#4b5563;background:var(--theme-bg-input-focus,#4b5563);border-color:var(--accent-green)}[data-theme=dark] .set-default-checkbox span{color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}.service-plans-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:80vh;margin:0 auto;max-width:1600px;overflow-x:hidden;overflow-y:auto;width:90vw}.service-plans-container.modal-mode{border-radius:0;box-shadow:none;height:auto;max-width:none;min-height:60vh;overflow-x:hidden;overflow-y:auto;padding:5px;width:100%}.plans-header{margin-bottom:20px;text-align:center}.plans-header h1{color:#173997;font-size:2.5rem;font-weight:700;margin:0 0 10px}.plans-header p{color:#4a5568;font-size:1.1rem;line-height:1.5;margin:0}.plans-grid{align-items:stretch;display:flex;flex:1 1;flex-direction:row;gap:30px;justify-content:center;margin-bottom:5px;min-height:600px;padding-top:20px}.plan-card{align-self:stretch;background-color:#edf2f7;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 25px #00000038;color:inherit;cursor:pointer;flex:1 1;max-width:280px;min-width:320px;padding:20px;position:relative;transition:all .3s ease}.plan-card:hover:not(.disabled):not(.selected){background:linear-gradient(135deg,#173997,#4a90e2);border-color:#4a90e2;box-shadow:0 12px 40px #0000002e;color:#fff;transform:translateY(-4px)}.plan-card:hover:not(.disabled):not(.selected) .price-monthly,.plan-card:hover:not(.disabled):not(.selected) h3,.plan-card:hover:not(.disabled):not(.selected) h4,.plan-card:hover:not(.disabled):not(.selected) li,.plan-card:hover:not(.disabled):not(.selected) p{color:#fff!important}.plan-card:hover:not(.disabled):not(.selected) .price-yearly{background:#fff3;border-color:#ffffff4d;color:#fff!important}.plan-card.selected{box-shadow:0 8px 25px #2d501640}.plan-card.selected,.plan-card.selected:hover{background:linear-gradient(135deg,#228847,#055723);border-color:#2d5016;color:#fff}.plan-card.selected:hover{box-shadow:0 12px 25px #2d501659;transform:translateY(-4px)}.plan-card.selected .price-monthly,.plan-card.selected h3,.plan-card.selected h4,.plan-card.selected li,.plan-card.selected p{color:#fff!important}.plan-card.selected .price-yearly{background:#fff3;border-color:#ffffff4d;color:#fff!important}.plan-card.disabled{cursor:not-allowed;opacity:.9}.plan-card.disabled,.plan-card.disabled:hover{background:#f0fff4;border-color:#68d391;color:#2f855a}.plan-card.disabled:hover{box-shadow:0 4px 6px #0000000d;transform:none}.plan-card.disabled .price-monthly,.plan-card.disabled h3,.plan-card.disabled h4,.plan-card.disabled li,.plan-card.disabled p{color:#2f855a!important}.plan-card.disabled .price-yearly{background:#2f855a1a;border-color:#68d391;color:#2f855a!important}.plan-card.popular{border-color:#4a90e2;position:relative}.popular-badge{background:linear-gradient(135deg,#4a90e2,#357abd);box-shadow:0 2px 8px #4a90e24d}.current-plan-badge,.popular-badge{border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;left:50%;letter-spacing:.5px;min-width:150px;padding:6px 24px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap}.current-plan-badge{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 2px 8px #48bb784d}.plan-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.plan-header{margin-bottom:15px;text-align:center}.plan-header h3{color:#173997;font-size:1.8rem;font-weight:700;margin:0 0 15px}.plan-price{flex-direction:column;gap:5px}.price-monthly{color:#173997;font-size:2rem;font-weight:400;line-height:1}.price-yearly{background:#f0f8ff;border:1px solid #4a90e2;border-radius:12px;color:#4a90e2;font-size:.9rem;font-weight:600;padding:4px 12px}.plan-description{margin-bottom:15px}.plan-description p{color:#4a5568;text-align:center}.plan-features{margin-bottom:20px}.plan-features h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 15px}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;color:#4a5568;display:flex;font-size:.95rem;gap:10px;padding:2px 0}.plan-features li:before{align-items:center;background:#f0f8ff;border:1px solid #4a90e2;border-radius:50%;color:#4a90e2;content:"✓";display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:16px;justify-content:center;width:16px}.plan-actions{margin-top:auto;text-align:center}.select-plan-button{background:#173997;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.select-plan-button:hover{background:#4a90e2;box-shadow:0 8px 25px #4a90e266;transform:translateY(-2px)}.select-plan-button.selected{background:#3f9009}.select-plan-button.selected:hover{background:#3f9009;box-shadow:0 8px 25px #4a90e266}.select-plan-button.current{background:#2f855a;color:#fff;cursor:default}.select-plan-button.current:hover{background:#2f855a;box-shadow:none;transform:none}.select-plan-button.upgrade{background:#3f9009;color:#fff}.select-plan-button.upgrade:hover{background:#228847;box-shadow:0 8px 25px #3f900966;transform:translateY(-2px)}.select-plan-button.downgrade{background:#fff;border:2px solid #e53e3e;color:#e53e3e}.select-plan-button.downgrade:hover{background:#e53e3e;box-shadow:0 8px 25px #e53e3e66;color:#fff;transform:translateY(-2px)}.select-plan-button:disabled{cursor:not-allowed;opacity:.8}.select-plan-button:disabled:hover{box-shadow:none;transform:none}.plans-navigation{border-top:1px solid #e2e8f0;padding-top:20px;text-align:center}.back-button{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:1rem;font-weight:500;padding:12px 30px;transition:all .3s ease}.back-button:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.plans-loading{padding:60px 20px;text-align:center}.plans-loading h2{color:#4a5568;margin-bottom:20px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#173997;margin:0 auto 20px}.plans-error{padding:40px 20px;text-align:center}.plans-error h2{color:#4a5568;margin-bottom:20px}.retry-button{background:#e53e3e;font-size:.9rem;transition:all .3s ease}.retry-button:hover{background:#c53030}.modal-overlay{box-sizing:border-box;height:100vh;padding:20px;width:100vw}.modal-content{border-radius:12px;box-shadow:0 10px 30px #0000004d;margin:auto;max-width:60vw;width:100%}.service-plans-modal-content.modal-content{max-width:75vw!important;width:100%!important}.modal-mode{position:relative}.modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:12px 15px}.modal-header h1{color:#173997;font-size:1.4rem;font-weight:600;margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-button:hover{background-color:#f3f4f6;color:#374151}@media (max-width:1280px){.service-plans-modal-content.modal-content{max-width:70vw!important}}@media (max-width:1024px){.service-plans-modal-content.modal-content{max-width:85vw!important}}@media (max-width:768px){.modal-overlay{padding:10px}.service-plans-modal-content.modal-content{margin:0;max-height:95vh;max-width:95vw!important}.modal-close-button{font-size:1.3rem;height:28px;width:28px}}@media (max-width:480px){.service-plans-modal-content.modal-content{border-radius:8px;max-width:98vw!important}}@media (min-width:1400px){.plans-grid{margin-left:auto;margin-right:auto;max-width:1200px}}@media (max-width:1024px){.plans-grid{flex-wrap:wrap}.plan-card{max-width:265px;min-width:280px}}@media (max-width:768px){.service-plans-container{height:auto;max-height:95vh;padding:15px}.service-plans-container.modal-mode{padding:0 15px}.plans-grid{flex-direction:column;gap:20px;min-height:auto}.plan-card{max-width:none;min-width:auto;padding:25px 20px;width:100%}.plans-header h1{font-size:2rem}.price-monthly{font-size:1.8rem}.plan-features{margin-top:15px}.select-plan-button{font-size:.95rem;padding:12px 24px}}@media (max-width:480px){.service-plans-container{padding:10px}.service-plans-container.modal-mode{padding:0 10px}.plans-grid{gap:15px}.plan-card{padding:20px 15px}.plans-header h1{font-size:1.7rem}.plan-header h3{font-size:1.5rem}.price-monthly{font-size:1.6rem}.feature-item,.plan-description,.price-yearly{font-size:.9rem}.select-plan-button{font-size:.9rem;padding:10px 20px}.modal-close-button{font-size:1.3rem;height:30px;width:30px}}[data-theme=dark] .service-plans-container{background-color:#374151;background-color:var(--theme-bg-card,#374151)}[data-theme=dark] .plans-header h1,[data-theme=dark] .service-plans-container{color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}[data-theme=dark] .plans-header p{color:#9ca3af;color:var(--theme-text-secondary,#9ca3af)}[data-theme=dark] .plan-card{background-color:#4b5563;background-color:var(--theme-bg-elevated,#4b5563);border-color:#6b7280;border-color:var(--theme-border,#6b7280)}[data-theme=dark] .plan-card,[data-theme=dark] .plan-card h3,[data-theme=dark] .plan-card h4,[data-theme=dark] .plan-card li,[data-theme=dark] .plan-card p{color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}[data-theme=dark] .plan-card .description{color:#9ca3af;color:var(--theme-text-secondary,#9ca3af)}[data-theme=dark] .plan-card:hover:not(.disabled):not(.selected){background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#60a5fa;color:#fff}[data-theme=dark] .plan-card:hover:not(.disabled):not(.selected) .price-monthly,[data-theme=dark] .plan-card:hover:not(.disabled):not(.selected) h3,[data-theme=dark] .plan-card:hover:not(.disabled):not(.selected) h4,[data-theme=dark] .plan-card:hover:not(.disabled):not(.selected) li,[data-theme=dark] .plan-card:hover:not(.disabled):not(.selected) p{color:#fff!important}[data-theme=dark] .plan-card.selected{color:#fff}[data-theme=dark] .plan-card.selected,[data-theme=dark] .plan-card.selected:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#10b981}[data-theme=dark] .plan-card.disabled{opacity:1}[data-theme=dark] .plan-card.disabled,[data-theme=dark] .plan-card.disabled:hover{background-color:#10b98126;border-color:#10b981;color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}[data-theme=dark] .plan-card.disabled .price-monthly,[data-theme=dark] .plan-card.disabled .price-yearly,[data-theme=dark] .plan-card.disabled h3,[data-theme=dark] .plan-card.disabled h4,[data-theme=dark] .plan-card.disabled li,[data-theme=dark] .plan-card.disabled p{color:#f3f4f6!important;color:var(--theme-text-primary,#f3f4f6)!important}[data-theme=dark] .plan-card.disabled .price-yearly{background:#10b98126;border-color:#10b981}[data-theme=dark] .plan-card.current-plan{border-color:#10b981}[data-theme=dark] .plan-card.current-plan .current-plan-badge,[data-theme=dark] .plan-card.current-plan .plan-header h3{color:#34d399!important}[data-theme=dark] .current-plan-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98180;color:#fff}[data-theme=dark] .price-yearly{background-color:#ffffff0d;border-color:#6b7280;border-color:var(--theme-border,#6b7280);color:#9ca3af;color:var(--theme-text-secondary,#9ca3af)}[data-theme=dark] .plan-card.selected .price-yearly{background:#fff3;border-color:#ffffff4d;color:#fff!important}[data-theme=dark] .features-list li:before{color:#34d399}[data-theme=dark] .popular-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}[data-theme=dark] .select-plan-button{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}[data-theme=dark] .select-plan-button:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#2563eb)}[data-theme=dark] .select-plan-button.current{background:#10b981}[data-theme=dark] .select-plan-button.current:hover{background:#059669}[data-theme=dark] .select-plan-button.downgrade{background:#0000;border:2px solid #f87171;color:#f87171}[data-theme=dark] .select-plan-button.downgrade:hover{background:#dc2626;border-color:#dc2626;color:#fff}[data-theme=dark] .error-state,[data-theme=dark] .loading-state{background-color:#4b5563;background-color:var(--theme-bg-elevated,#4b5563);color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}[data-theme=dark] .error-state p{color:#f87171}[data-theme=dark] .retry-button{background-color:#3b82f6;color:#fff}[data-theme=dark] .retry-button:hover{background-color:#2563eb}[data-theme=dark] .back-button{border-color:#6b7280;border-color:var(--theme-border,#6b7280);color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}[data-theme=dark] .back-button:hover{background-color:#ffffff1a;background-color:var(--theme-bg-hover,#ffffff1a)}[data-theme=dark] .modal-header{background-color:#1f2937;background-color:var(--theme-bg-card,#1f2937);border-bottom-color:#4b5563;border-bottom-color:var(--theme-border,#4b5563)}[data-theme=dark] .modal-header h1{color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}[data-theme=dark] .modal-close-button{color:#9ca3af;color:var(--theme-text-secondary,#9ca3af)}[data-theme=dark] .modal-close-button:hover{background:#374151;color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}.subscriptions-container{background:var(--bg-main-container-gradient-1);box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:auto;margin:0 auto;max-width:1200px;padding:var(--spacing-xl);width:100%}.subscriptions-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-3xl)}.subscriptions-header h1{color:var(--header-bg-secondary);font-size:2.2rem;font-weight:700;line-height:1.2;margin:0}.subscriptions-header p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:8px 0 0}.view-plans-button{background:linear-gradient(135deg,var(--header-bg-secondary) 0,var(--secondary-blue) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;min-width:140px;padding:14px var(--spacing-2xl);transition:var(--transition-normal);white-space:nowrap}.view-plans-button:hover{box-shadow:0 6px 20px #17399766;transform:translateY(-2px)}.subscriptions-error,.subscriptions-loading{align-items:center;background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;margin:var(--spacing-xl) 0;min-height:300px;text-align:center}.subscriptions-error h2,.subscriptions-loading h2{color:var(--header-bg-secondary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xl)}.subscriptions-error p{color:var(--error-red);font-size:1rem;margin-bottom:var(--spacing-xl)}.loading-spinner{border-top:4px solid var(--gray-200);border:4px solid var(--gray-200);border-radius:var(--radius-full);border-top-color:var(--header-bg-secondary);margin-bottom:var(--spacing-xl)}.current-subscription-section,.quick-actions-section,.selected-plan-section,.subscription-history-section{background:var(--bg-card-container-green);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:25px;padding:25px}.selected-plan-section{background:linear-gradient(135deg,#f0f8ff,#e3f2fd);border-color:var(--secondary-blue)}.section-header{margin-bottom:var(--spacing-xl)}.section-header h2{color:var(--header-bg-secondary);flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.section-header.collapsible{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;margin-bottom:10px;padding:15px;position:relative;transition:var(--transition-normal);-webkit-user-select:none;user-select:none}.section-header.collapsible:before{background:linear-gradient(135deg,var(--header-bg-secondary) 0,var(--secondary-blue) 100%);border-radius:2px;content:"";height:20px;left:8px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);width:4px}.section-header.collapsible:hover{background-color:var(--gray-100);border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.section-header.collapsible:hover:before{opacity:1}.section-header.collapsible h2{color:var(--header-bg-secondary);flex:1 1;margin-left:15px;min-width:0}.collapse-toggle{align-items:center;background:none;border:none;border-radius:3px;color:var(--header-bg-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:16px;justify-content:center;margin-left:auto;max-height:30px;max-width:30px;min-width:16px;padding:2px;transition:var(--transition-normal)}.collapse-toggle:hover{background-color:var(--gray-200);color:#1e40af}.history-content{animation:fadeIn .3s ease-in-out}.subscription-card{border:2px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);max-width:100%;padding:18px;transition:var(--transition-normal)}.subscription-card.current{background:linear-gradient(135deg,var(--bg-card-container-gray),#f0f8ff);border-color:var(--header-bg-secondary)}.subscription-card.selected-plan{background:#fff;border-color:var(--secondary-blue);box-shadow:0 4px 20px #4a90e233}.subscription-card.history{background:var(--bg-card-container-gray);border-color:var(--gray-300)}.subscription-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.subscription-info{align-items:flex-start;display:flex;gap:var(--spacing-xl);justify-content:space-between;margin-bottom:15px}.subscription-main{flex:1 1;min-width:0}.subscription-main h3,.subscription-main h4{color:var(--header-bg-secondary);font-size:1.3rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.subscription-main h4{font-size:1.1rem}.status-badge{font-size:.85rem;min-height:44px;padding:10px var(--spacing-md)}.status-input{border:2px solid;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.status-input--active{background-color:#d4edda;border-color:#28a745;color:#155724}.status-input--inactive{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.status-input--cancelled{background-color:#fff3cd;border-color:#ffc107;color:#856404}.status-input--expired{background-color:#e2e3e5;border-color:#6c757d;color:#383d41}.status-input--trial{background-color:#d1ecf1;border-color:#17a2b8;color:#0c5460}.status-badge.active{background:linear-gradient(135deg,var(--success-green),var(--success-green-dark))}.status-badge.cancelled{background:linear-gradient(135deg,var(--error-red),var(--error-red-dark));color:#fff}.status-badge.expired{background:linear-gradient(135deg,var(--warning-orange),var(--warning-orange-dark));color:#fff}.status-badge.trial{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff}.status-badge.auto-renew{background:linear-gradient(135deg,var(--secondary-blue),var(--header-bg-secondary));color:#fff}.status-badge.selected{background:#fff;color:var(--purple)}.status-badge.completed,.status-badge.success{background:linear-gradient(135deg,var(--success-green),var(--success-green-dark));color:#fff}.status-badge.pending{background:linear-gradient(135deg,var(--warning-orange),var(--warning-orange-dark));color:#fff}.status-badge.failed{background:linear-gradient(135deg,var(--error-red),var(--error-red-dark));color:#fff}.status-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.subscription-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:15px;max-width:100%}.detail-item{background:var(--gray-50);border-left:3px solid var(--gray-200);border-radius:var(--radius-md);gap:var(--spacing-xs);padding:var(--spacing-md);transition:var(--transition-normal)}.detail-item:hover{background:#f0f8ff;border-left-color:var(--header-bg-secondary);transform:translateY(-1px)}.detail-item .label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.detail-item .value{color:var(--header-bg-secondary);font-size:1rem;font-weight:600}.detail-item .value.price{color:var(--success-green);font-size:1.1rem}.detail-item .value.trial{color:var(--purple);font-weight:700}.detail-item .value.auto-renew{color:var(--secondary-blue);font-weight:700}.detail-item .value.payment-type{color:var(--gray-700);font-size:.95rem;font-weight:600;text-transform:uppercase}.btn-base{align-items:center;border:none;border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;display:flex;flex:0 0 auto;font-size:.9rem;font-weight:500;height:44px;justify-content:center;max-width:180px;min-width:auto;padding:10px var(--spacing-xl);text-decoration:none;transition:var(--transition-normal);white-space:nowrap}.btn-base:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--header-bg-secondary) 0,var(--secondary-blue) 100%)}.btn-primary:hover{box-shadow:var(--shadow-primary)}.btn-danger{background:#fff;border:2px solid var(--error-red);color:var(--error-red)}.btn-danger:hover{background:var(--error-red);box-shadow:var(--shadow-error);color:#fff}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-success:hover{box-shadow:var(--shadow-success)}.btn-outline{background:#0000;border:2px solid var(--header-bg-secondary);color:var(--header-bg-secondary)}.btn-outline:hover{background:var(--header-bg-secondary);color:#fff}.get-started-button,.retry-button,.subscribe-button,.upgrade-button,.view-plans-button{align-items:center;background:linear-gradient(135deg,var(--header-bg-secondary) 0,var(--secondary-blue) 100%);border:none;border-radius:var(--radius-md);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex:0 0 auto;font-size:.9rem;font-weight:500;height:44px;justify-content:center;max-width:180px;min-width:auto;padding:10px var(--spacing-xl);transition:var(--transition-normal);white-space:nowrap}.get-started-button:hover,.retry-button:hover,.subscribe-button:hover,.upgrade-button:hover,.view-plans-button:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.cancel-button{align-items:center;background:#fff;border:2px solid var(--error-red);border-radius:var(--radius-md);box-sizing:border-box;color:var(--error-red);display:flex;flex:0 0 auto;font-weight:500;height:44px;justify-content:center;max-width:180px;min-width:auto;padding:10px var(--spacing-xl);transition:var(--transition-normal);white-space:nowrap}.cancel-button:hover{background:var(--error-red);box-shadow:var(--shadow-error);color:#fff;transform:translateY(-2px)}.clear-selection-button,.view-details-button{align-items:center;background:#0000;border:2px solid var(--header-bg-secondary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--header-bg-secondary);cursor:pointer;display:flex;flex:0 0 auto;font-size:.9rem;font-weight:500;height:44px;justify-content:center;max-width:180px;min-width:auto;padding:10px var(--spacing-xl);transition:var(--transition-normal);white-space:nowrap}.clear-selection-button:hover,.view-details-button:hover{background:var(--header-bg-secondary);color:#fff;transform:translateY(-2px)}.clear-selection-button{background:var(--error-red);border:none;color:#fff}.clear-selection-button:hover{background:var(--error-red-dark)}.get-started-button{background:linear-gradient(135deg,#22c55e,#16a34a)}.get-started-button:hover{box-shadow:var(--shadow-success)}.subscription-actions{flex-wrap:wrap}.current-subscription-actions,.subscription-actions{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-md);justify-content:space-between}.current-subscription-actions{padding:15px 0;width:100%}.current-subscription-actions .cancel-button,.current-subscription-actions .upgrade-button{align-self:center;margin:0}.selected-plan-layout{align-items:flex-start;display:flex;gap:30px}.selected-plan-left{display:flex;flex:0 0 auto;flex-direction:column;height:100%;max-width:350px;min-height:300px;min-width:280px}.selected-plan-right{flex:1 1;min-width:0}.selected-plan-badges{flex:1 1;margin-bottom:var(--spacing-xl)}.selected-plan-badges .subscription-main{margin-bottom:0}.selected-plan-badges .subscription-main h3{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.selected-plan-badges .subscription-main .status-badge.selected{flex-shrink:0;margin:0}.selected-plan-badges .status-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:0;margin-top:0}.selected-plan-badges .status-badges .status-badge.selected{display:none}.selected-plan-action-buttons{align-self:stretch;flex:1 1;margin-top:auto}.selected-plan-action-buttons .subscription-actions{align-items:stretch;flex-direction:column;gap:10px}.selected-plan-action-buttons .subscription-actions button{max-width:none;width:100%}.selected-plan-right .subscription-details{margin-bottom:var(--spacing-xl)}.selected-plan-right .plan-description{border-top:none;margin-top:0;padding-top:0}.plan-description{border-top:1px solid var(--gray-200);margin-top:15px;padding-top:15px}.plan-description p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.subscription-common-note{background:linear-gradient(135deg,#f0fff4,#f0f8f0);border-left:4px solid var(--success-green);border-radius:var(--radius-sm);margin-top:15px;padding:var(--spacing-md)}.subscription-common-note small{color:#2f855a;display:block;font-size:.9rem;font-weight:500;line-height:1.4}.no-history,.no-subscription{color:var(--text-secondary);padding:40px var(--spacing-xl);text-align:center}.no-history p,.no-subscription p{font-size:1rem;margin-bottom:var(--spacing-xl)}.history-list{gap:15px}.quick-actions-section h2{color:var(--header-bg-secondary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xl)}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:600px}.action-button{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:var(--spacing-xl);text-decoration:none;transition:var(--transition-normal)}.action-button:hover{border-color:var(--secondary-blue);box-shadow:0 4px 15px #4a90e233;transform:translateY(-2px)}.action-icon{font-size:1.8rem}.action-icon,.action-text{color:var(--header-bg-secondary)}.action-text{font-size:.9rem;font-weight:500}.common-container .subscription-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);transition:var(--transition-fast)}.common-container .subscription-card:hover{border-color:var(--header-bg-secondary);box-shadow:var(--shadow-md)}.common-container .subscription-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.common-container .subscription-main h3,.common-container .subscription-main h4{color:var(--header-bg-secondary);font-size:1.2rem;font-weight:600;margin:0}.common-container .status-badge{border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.common-container .status-badge.active{background:var(--success-bg);color:var(--success-text)}.common-container .status-badge.cancelled{background:var(--error-bg);color:var(--error-text)}.common-container .status-badge.expired{background:var(--warning-bg);color:var(--warning-text)}.common-container .status-badge.trial{background:var(--info-bg);color:var(--info-text)}.common-container .subscription-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.common-container .detail-item{display:flex;flex-direction:column;gap:4px}.common-container .detail-item .label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.common-container .detail-item .value{color:var(--text-primary);font-size:1rem;font-weight:500}.common-container .detail-item .value.price{color:var(--header-bg-secondary);font-size:1.1rem;font-weight:700}.common-container .no-history,.common-container .no-payment-data,.common-container .no-payment-history,.common-container .no-subscription{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}.common-container .payment-info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.common-container .info-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.common-container .info-item label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.common-container .info-item span{color:var(--text-primary);font-size:1rem;font-weight:500}.common-container .payment-history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.common-container .payment-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.common-container .payment-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.common-container .status-active{color:var(--success-text);font-weight:600}.common-container .status-failed{color:var(--error-text);font-weight:600}.common-container .status-pending{color:var(--warning-text);font-weight:600}.common-container .info-note{color:var(--text-tertiary);font-size:.9rem;font-style:italic;margin-top:var(--spacing-sm)}.common-container .status-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.common-container .status-badge.auto-renew{background:var(--header-bg-secondary);color:#fff}.common-container .history-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width:1200px){.subscriptions-container{padding:var(--spacing-xl);width:98%}}@media (max-width:1024px){.subscriptions-container{padding:18px;width:96%}.subscriptions-header h1{font-size:1.8rem}.actions-grid,.subscription-details{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.actions-grid{max-width:500px}}@media (max-width:992px){.subscriptions-container{padding:16px;width:98%}.subscriptions-header{align-items:center;flex-direction:row;gap:var(--spacing-lg)}.subscriptions-header h1{font-size:1.9rem}.view-plans-button{min-width:160px}.selected-plan-layout{gap:var(--spacing-xl)}.selected-plan-left{max-width:265px;min-width:260px}.subscription-details{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:768px){.subscriptions-container{border-radius:0;margin:0;padding:15px;width:100%}.subscriptions-header{align-items:center;flex-direction:column;gap:15px;text-align:center}.subscriptions-header h1{font-size:1.8rem}.subscriptions-header p{font-size:.95rem;text-align:center}.view-plans-button{max-width:300px;padding:14px var(--spacing-xl);width:100%}.section-header:not(.collapsible){align-items:stretch;flex-direction:column;gap:10px;text-align:center}.subscription-card{margin-bottom:16px;padding:16px}.subscription-info{flex-direction:column;gap:15px}.subscription-details{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.subscription-actions{align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.subscription-actions button{flex:0 1 auto;font-size:.9rem;height:44px;max-width:160px;min-width:120px;padding:12px var(--spacing-lg)}.current-subscription-actions{gap:var(--spacing-md);justify-content:center;margin-top:16px}.actions-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:600px}.action-button{padding:20px}.status-badges{flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.current-subscription-section,.quick-actions-section,.selected-plan-section,.subscription-history-section{margin-bottom:20px;padding:var(--spacing-xl) 15px}.selected-plan-layout{flex-direction:column;gap:var(--spacing-xl)}.selected-plan-left{max-width:none;min-height:auto;min-width:auto}.selected-plan-badges .subscription-main{align-items:center;flex-direction:column;gap:var(--spacing-md);text-align:center}.selected-plan-action-buttons{margin-top:15px}.selected-plan-action-buttons .subscription-actions{flex-direction:row;gap:var(--spacing-md);justify-content:center}.selected-plan-action-buttons .subscription-actions button{flex:0 1 auto;max-width:160px;width:auto}.detail-item{background-color:#fff;margin-bottom:var(--spacing-sm);padding:8px}.detail-item .label{font-size:.85rem;margin-bottom:4px}.detail-item .value{font-size:.95rem}}@media (max-width:480px){.subscriptions-container{padding:var(--spacing-md)}.subscriptions-header h1{font-size:1.4rem}.subscriptions-header p{font-size:.9rem}.current-subscription-section,.quick-actions-section,.selected-plan-section,.subscription-history-section{margin-bottom:15px;padding:15px var(--spacing-md)}.section-header.collapsible{padding:var(--spacing-md)}.collapse-toggle{font-size:.7rem;height:14px;max-height:24px;max-width:24px;min-width:14px;padding:1px}.subscription-card{padding:15px}.subscription-main h3,.subscription-main h4{font-size:1.1rem}.selected-plan-badges .subscription-main h3{align-items:flex-start;flex-direction:column;font-size:1.1rem;gap:var(--spacing-sm)}.detail-item{margin-bottom:var(--spacing-sm)}.detail-item .label{font-size:.8rem;margin-bottom:2px}.detail-item .value{font-size:.9rem}.subscription-actions button{font-size:.8rem;height:38px;max-width:110px;min-width:80px;padding:10px var(--spacing-md)}.view-plans-button{font-size:.9rem;padding:var(--spacing-md) var(--spacing-lg)}.status-badge{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:360px){.subscriptions-container{padding:10px}.subscriptions-header h1{font-size:1.2rem}.current-subscription-section,.quick-actions-section,.selected-plan-section,.subscription-history-section{padding:var(--spacing-md) var(--spacing-sm)}.subscription-card{padding:var(--spacing-md)}.detail-item .label,.detail-item .value{font-size:.8rem}.subscription-actions button{height:36px;max-width:100px;min-width:70px}.subscription-actions button,.view-plans-button{font-size:.75rem;padding:var(--spacing-sm) 10px}.actions-grid,.subscription-details{gap:var(--spacing-sm);grid-template-columns:1fr}}@media (max-width:265px){.subscriptions-container{margin:0;padding:var(--spacing-sm)}.subscriptions-header h1{font-size:1.1rem}.subscriptions-header p{font-size:.8rem}.current-subscription-section,.quick-actions-section,.selected-plan-section,.subscription-history-section{margin-bottom:10px;padding:10px var(--spacing-sm)}.subscription-card{padding:10px}.subscription-main h3,.subscription-main h4{font-size:1rem}.detail-item{margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.detail-item .label,.detail-item .value{font-size:.75rem}.subscription-actions button{font-size:.7rem;height:32px;max-width:90px;min-width:60px;padding:6px var(--spacing-sm)}.view-plans-button{font-size:.7rem;padding:8px var(--spacing-sm)}.status-badge{font-size:.7rem;padding:2px 6px}.selected-plan-left{max-width:none;min-width:auto;width:100%}.selected-plan-action-buttons .subscription-actions{flex-direction:column;gap:var(--spacing-xs)}.selected-plan-action-buttons .subscription-actions button{max-width:none;min-width:auto;width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.d-block{display:block}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.w-full{width:100%}.h-full{height:100%}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition-fast{transition:var(--transition-fast)}.transition-normal{transition:var(--transition-normal)}.transition-slow{transition:var(--transition-slow)}.subscription-error-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:8px;box-shadow:0 4px 12px #ef444426;margin-bottom:16px;margin-top:16px;padding:14px 16px}.error-banner-header{align-items:center;display:flex;gap:10px;margin-bottom:8px;min-height:40px;padding:2px;position:relative}.error-icon{font-size:20px;line-height:1}.error-banner-header strong{color:#991b1b;flex:1 1;font-size:15px;font-weight:600}.error-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#991b1b;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:24px}.error-close-btn:hover{background-color:#991b1b1a}.subscription-error-banner .error-message{color:#7f1d1d;font-size:13px;font-weight:500;line-height:1.5;margin:0 0 6px 30px;min-height:50px;padding:0}.subscription-error-banner .error-action{background:#ef44441a;border-left:3px solid #ef4444;border-radius:4px;color:#991b1b;font-size:13px;font-weight:600;line-height:1.5;margin:0 0 0 30px;padding:6px 10px}.subscription-error-banner .error-action-btn{align-items:center;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;margin-left:auto;margin-right:8px;min-width:auto;padding:6px 12px;white-space:nowrap}.subscription-features-container{background-color:#f8f9fa;background-color:var(--bg-card,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:4px;margin-top:16px;padding:12px}.subscription-features-title{color:#495057;color:var(--text-primary,#495057);margin-bottom:12px}.subscription-features-subtitle{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:10px;margin-left:8px}.subscription-features-grid{grid-gap:8px;color:var(--text-primary);display:grid;font-size:13px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}[data-theme=dark] .subscription-features-container{background-color:#374151;background-color:var(--theme-bg-card,#374151);border-color:#4b5563;border-color:var(--theme-border,#4b5563)}[data-theme=dark] .subscription-features-title{color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}[data-theme=dark] .subscription-features-subtitle{color:#9ca3af;color:var(--theme-text-secondary,#9ca3af)}[data-theme=dark] .subscription-features-grid{color:#f3f4f6;color:var(--theme-text-primary,#f3f4f6)}.subscriptions-dashboard{padding:var(--spacing-xl)}.subscriptions-dashboard .common-container{margin:0 auto;max-width:800px}.subscriptions-dashboard .subscription-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0;overflow:hidden;padding:0}.subscription-card-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:24px}.subscription-card-info{flex:1 1}.subscription-plan-title{color:var(--header-bg-secondary);font-size:1.5rem;font-weight:700;margin:0 0 8px}.subscription-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.subscription-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.subscription-status-badge.active{background-color:#d4edda;color:#155724}.subscription-status-badge.trial{background-color:#fff3cd;color:#856404}.subscription-status-badge.canceled,.subscription-status-badge.cancelled{background-color:#f8d7da;color:#721c24}.subscription-status-badge.expired{background-color:#e2e3e5;color:#383d41}.subscription-cycle{color:var(--text-secondary);font-size:.875rem}.subscription-card-price{text-align:right}.price-amount{color:var(--header-bg-secondary);font-size:2rem;font-weight:700}.price-period{color:var(--text-secondary);font-size:.875rem}.subscription-renewal-info{align-items:center;background-color:#f8fafc;border-bottom:1px solid var(--gray-200);display:flex;font-size:.875rem;gap:8px;padding:12px 24px}.renewal-label{color:var(--text-secondary)}.renewal-date{color:var(--header-bg-secondary);font-weight:600}.renewal-sublabel{color:var(--text-secondary);font-size:.8rem;margin-left:8px}.subscription-details-section{border-bottom:1px solid var(--gray-200)}.subscription-details-toggle{align-items:center;background:#0000;border:none;color:var(--header-bg-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;padding:16px 24px;transition:background-color .2s ease;width:100%}.subscription-details-toggle:hover{background-color:#f8fafc}.subscription-details-toggle svg{color:var(--text-secondary);transition:transform .2s ease}.subscription-features-panel{animation:slideDown .2s ease-out;background-color:#fafbfc;padding:20px 24px 24px}.subscription-features-grid-new{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.features-column h4{border-bottom:1px solid var(--gray-200);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.subscription-feature-item{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;gap:8px;padding:6px 0}.subscription-feature-item.subscription-feature-limit{flex-direction:row}.subscription-feature-item .feature-value{color:var(--header-bg-secondary);font-weight:600;min-width:40px}.subscription-feature-item .feature-label{color:var(--text-secondary)}.subscription-feature-item .feature-included{color:#28a745}.subscription-feature-item .feature-not-included{color:#dc3545}.subscription-card-actions{background:#fff;display:flex;gap:12px;padding:20px 24px}.subscription-card-actions .common-button{flex:1 1;max-width:200px}.no-subscription-state{padding:48px 24px;text-align:center}.no-subscription-state h2{color:var(--header-bg-secondary);font-size:1.5rem;margin:0 0 12px}.no-subscription-state p{color:var(--text-secondary);margin:0 0 24px}.subscriptions-dashboard .subscription-error-banner{border-radius:var(--radius-md);margin:16px 24px}.subscriptions-dashboard .selected-plan-preview{background:linear-gradient(135deg,#f0f8ff,#e3f2fd);border:none;border-bottom:1px solid var(--gray-200);border-radius:0;margin:0;padding:20px 24px}@media (max-width:640px){.subscriptions-dashboard{padding:var(--spacing-md)}.subscription-card-header{flex-direction:column;gap:16px}.subscription-card-price{text-align:left}.subscription-features-grid-new{gap:20px;grid-template-columns:1fr}.subscription-card-actions{flex-direction:column}.subscription-card-actions .common-button{max-width:none}.subscription-meta{align-items:flex-start;flex-direction:column;gap:8px}.subscription-renewal-info{flex-wrap:wrap;gap:4px}}.selected-plan-preview{background-color:#f8f9fa;border:2px solid #007bff;border-radius:8px;margin-top:20px;padding:16px}.selected-plan-preview__title{border-bottom:3px solid #007bff;color:#007bff;font-size:28px;font-weight:700;margin-bottom:20px;padding-bottom:12px;text-align:center;text-shadow:1px 1px 2px #007bff33}.selected-plan-preview__alert{margin-bottom:16px}.selected-plan-preview__alert-text{font-size:14px;margin-top:8px}.selected-plan-preview__alert-current{color:#666}.selected-plan-preview__alert-new{color:#007bff;font-weight:700}.selected-plan-preview__readonly-input{color:#007bff!important}.selected-plan-preview__plan-name-input{color:#007bff;font-weight:700}.selected-plan-preview__price-input{font-weight:700}.selected-plan-preview__price-input--free{color:#28a745}.selected-plan-preview__price-input--paid{color:#007bff}.selected-plan-preview__trial-input{color:#007bff;font-weight:700}.selected-plan-preview__toggles{gap:12px;margin-top:16px}.selected-plan-preview__toggle-box{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;flex:1 1;padding:12px}.selected-plan-preview__toggle-label-wrapper{align-items:center;display:flex;gap:12px;justify-content:space-between}.selected-plan-preview__toggle-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:700}.selected-plan-preview__toggle-checkbox{cursor:pointer;height:20px;margin-right:8px;width:20px}.selected-plan-preview__radio-group{display:flex;flex-direction:column;gap:12px}.selected-plan-preview__radio-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:15px;font-weight:500}.selected-plan-preview__radio-input{accent-color:#007bff;cursor:pointer;height:18px;margin-right:10px;width:18px}.selected-plan-preview__subscription-type-group{display:flex;flex-direction:column;gap:12px}.selected-plan-preview__toggle-button-row{align-items:center;display:flex;justify-content:space-between}.selected-plan-preview__toggle-button-label{color:#495057;font-size:15px;font-weight:500}.selected-plan-preview__trial-availability{color:#6c757d;font-size:11px;font-weight:400}.selected-plan-preview__toggle-message{color:#007bff;font-size:14px;font-weight:400;margin-left:0;margin-top:8px}.selected-plan-preview__trial-unavailable{background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:13px;font-weight:500;margin-top:12px;padding:8px 12px}.selected-plan-preview__features{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;margin-top:16px;padding:12px}.selected-plan-preview__features-title{color:#495057;margin-bottom:12px}.selected-plan-preview__features-grid{grid-gap:8px;display:grid;font-size:13px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.selected-plan-preview__button-group{margin-top:16px}.selected-plan-preview__button--large{font-size:16px;padding:12px 24px}.selected-plan-preview__details{font-size:14px;margin-top:12px}.selected-plan-preview__details-list{margin-bottom:8px;margin-top:8px;padding-left:20px}.login-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 10px 20px #00000026;max-width:400px;overflow:hidden;padding:0;position:relative;width:80%}.login-modal-content>.footer-links,.login-modal-content>form,.login-modal-content>h2,.login-modal-content>p{background-color:#fff;padding-left:2rem;padding-right:2rem}.login-modal-content>h2{border-radius:8px 8px 0 0;padding-top:2rem}.login-modal-content>.footer-links{border-radius:0 0 8px 8px;padding-bottom:1.5rem}.login-modal-content[data-theme=dark]{background-color:#1e1e1e;box-shadow:0 4px 6px #0000004d,0 10px 20px #0006;color:#e0e0e0}.login-modal-content[data-theme=dark]>.footer-links,.login-modal-content[data-theme=dark]>form,.login-modal-content[data-theme=dark]>h2,.login-modal-content[data-theme=dark]>p{background-color:#1e1e1e}.login-modal-content[data-theme=dark] h2{color:#66b3ff}.login-modal-content[data-theme=dark] .form-group label{color:#e0e0e0}.login-modal-content[data-theme=dark] .form-group input{background-color:#2d2d2d;border:1px solid #444;color:#e0e0e0;outline:1px solid #555}.login-modal-content[data-theme=dark] .form-group input::placeholder{color:#888}.login-modal-content[data-theme=dark] .error-message{color:#ff6b6b}.login-modal-content[data-theme=dark] .footer-links{color:#b0b0b0}.login-modal-content[data-theme=dark] .link-button{color:#66b3ff}.login-modal-content[data-theme=dark] .link-button:hover{color:#9cf}.login-modal-content[data-theme=dark] .eye-icon{color:#b0b0b0}.login-modal-content[data-theme=dark] .eye-icon:hover{color:#e0e0e0}.login-footer-agreement{background-color:#dcdcdc;border-top:1px solid #e0e0e0;box-shadow:inset 0 8px 12px #0000001f;color:#666;font-size:.875rem;margin-top:1.5rem;padding:1rem 2rem;position:relative;text-align:center}.login-footer-agreement a{color:#1565c0;font-weight:500;text-decoration:none}.login-footer-agreement a:hover{text-decoration:underline}.link-button-inline{background:none;border:none;color:#1565c0;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:0;text-decoration:none}.link-button-inline:hover{text-decoration:underline}.login-modal-content[data-theme=dark] .link-button-inline{color:#66b3ff}.login-modal-content[data-theme=dark] .link-button-inline:hover{color:#9cf}.login-modal-content.legal-view{display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:95%}.back-to-login-button{align-items:center;background:none;border:none;border-bottom:1px solid #e0e0e0;color:#1565c0;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;text-align:left;width:100%}.back-to-login-button:hover{background-color:#f5f5f5;color:#0d47a1}.legal-content-wrapper{flex:1 1;overflow-y:auto;padding:0}.legal-content-wrapper>div{min-height:auto!important}.login-modal-content[data-theme=dark] .login-footer-agreement{background-color:#0f0f0f;border-top:1px solid #333;box-shadow:inset 0 8px 12px #00000080;color:#999}.login-modal-content[data-theme=dark] .login-footer-agreement a{color:#66b3ff}.login-modal-content[data-theme=dark] .login-footer-agreement a:hover{color:#9cf}.close{align-items:center;border-radius:4px;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.close:hover{background-color:#0000001a;color:#000}.login-modal-content[data-theme=dark] .close{color:#e0e0e0}.login-modal-content[data-theme=dark] .close:hover{background-color:#ffffff1a;color:#fff}.dimmed-background{filter:brightness(50%);pointer-events:none}h2{color:#1565c0;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;margin-top:.5rem}.modal-content.p{color:#000;font-size:1rem;margin:.5rem 0}.form-row{display:flex!important;flex-direction:row!important;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1 1;margin-bottom:0;min-width:0}.form-group{margin-bottom:1rem;text-align:left}.form-group label{font-weight:700;margin-bottom:.5rem}.form-group input{background-color:#f1eded;outline:1px solid #888;padding:.5rem}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;-webkit-box-shadow:inset 0 0 0 30px #f1eded!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-modal-content[data-theme=dark] .form-group input:-webkit-autofill,.login-modal-content[data-theme=dark] .form-group input:-webkit-autofill:active,.login-modal-content[data-theme=dark] .form-group input:-webkit-autofill:focus,.login-modal-content[data-theme=dark] .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#e0e0e0!important;-webkit-box-shadow:inset 0 0 0 30px #2d2d2d!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-group input.error{border-color:#f08080}.form-group input:focus{border:var(--focus-border-width) solid var(--focus-border-color)!important;box-shadow:var(--focus-shadow)!important;outline:var(--focus-outline)!important}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.password-container{align-items:center;display:flex;position:relative;width:100%}.password-container input{box-sizing:border-box;flex:1 1}.eye-icon{color:#2d044b;cursor:pointer;font-size:.9rem;position:absolute;right:10px}.eye-icon:hover{color:#1565c0}.error-message{border-left:3px solid #d32f2f;border-radius:4px;display:block;line-height:1.2;margin:.25rem 0;min-height:15px;padding:.75rem;text-align:left;transition:opacity .3s ease}.login-modal-content .error-message.visible{display:block;font-size:1rem;min-height:15px;opacity:1;padding:.75rem;visibility:visible}.error-message.hidden{display:none;opacity:0;visibility:hidden}.success-message{color:#28a745;font-weight:700;margin:1rem 0;text-align:center}.login-button{background-color:#1565c0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s;width:100%}.login-button:hover:not(:disabled){background-color:#1976d2}.login-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.verification-acknowledge-btn{font-size:1rem;font-weight:600;margin-top:1rem;padding:12px;width:100%}.forgot-password-link{margin-bottom:15px;text-align:right}.forgot-password-link a{color:#1565c0;font-size:.9rem;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.link-button{color:#1565c0;font-family:inherit;font-size:.9rem;text-decoration:none}.link-button:hover{text-decoration:underline}.footer-links{display:flex;margin-top:1rem}.footer-links a{color:#1565c0;font-size:.9rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.terms-consent{align-items:flex-start;display:flex;margin-top:1rem;position:relative}.terms-consent .checkbox{flex-shrink:0;height:20px;left:0;margin:0;padding-right:10px;position:absolute;width:20px}.terms-consent .checkbox-label{display:inline-block;font-size:1rem;line-height:20px;margin-bottom:0;margin-left:35px;text-align:left}.reset-password-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:1rem}.reset-password-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:2rem;width:100%}.password-requirements{border:1px solid #e9ecef;font-size:.9rem;margin-bottom:1rem;padding:1rem;text-align:left}.password-requirements p{color:#495057;font-weight:700;margin:0 0 .5rem;text-align:left}.password-requirements ul{padding-left:1.2rem;text-align:left}.password-requirements li{color:#6c757d;margin-bottom:.25rem;text-align:left}.login-modal-content[data-theme=dark] .password-requirements{background-color:#2d2d2d;border-color:#444}.login-modal-content[data-theme=dark] .password-requirements p{color:#e0e0e0}.login-modal-content[data-theme=dark] .password-requirements li{color:#b0b0b0}.verification-reminder-modal{z-index:1001}.create-account-modal{z-index:1100}.create-account-modal .modal-content{max-width:400px;width:400px}.verification-reminder-modal .modal-content{max-width:500px;width:90%}.phone-verification-content{border-radius:12px;max-width:420px;min-width:320px;width:400px}.phone-verification-content h2{color:#333;color:var(--modal-text-color);font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:1.5rem;margin-top:0;text-align:center}.verification-popup-content p{margin:.75rem 0}.phone-verification-content .form-group{margin-bottom:1.5rem}.phone-verification-content .form-group label{font-size:.95rem;font-weight:600}.phone-verification-content .form-group input{border:2px solid #ddd;border:2px solid var(--modal-border-color);border-radius:8px;font-size:1.1rem;letter-spacing:3px;padding:.875rem}.phone-verification-content .error-message{border-radius:6px;font-size:.9rem;line-height:1.4;margin:1rem 0;padding:.75rem}.phone-verification-content .login-button{background-color:#1e3a8a;background-color:var(--modal-button-bg);border-radius:8px;color:var(--modal-button-text);font-weight:600;padding:.875rem;transition:background-color .3s ease,transform .2s ease}.phone-verification-content .login-button:hover:not(:disabled){background-color:#3b82f6;background-color:var(--modal-button-hover-bg);transform:translateY(-1px)}.phone-verification-content .login-button:disabled{transform:none}.verification-actions{margin:1.5rem 0}.verification-actions .link-button{border:1px solid #ddd;border:1px solid var(--modal-border-color);border-radius:6px;color:#333;color:var(--modal-text-color);font-weight:500;min-width:120px;padding:.625rem 1.25rem}.verification-actions .link-button:hover:not(:disabled){transform:translateY(-1px)}.verification-actions .link-button.secondary{border-color:#ddd;border-color:var(--modal-border-color);color:#333;color:var(--modal-text-color)}.verification-actions .link-button:disabled{transform:none}.verification-note{border-left:4px solid #1e3a8a;border-left:4px solid var(--modal-button-bg);border-radius:6px;margin-top:2rem}@media (min-width:1200px){.phone-verification-content{max-width:420px;padding:2.5rem}.phone-verification-content h2{font-size:1.75rem}}@media (max-width:768px){.phone-verification-modal{align-items:flex-start;padding:2rem 1rem 1rem}.phone-verification-content{margin:0;max-width:none;padding:1.5rem;width:95%}.phone-verification-content h2{font-size:1.4rem;margin-bottom:1.25rem}.verification-actions{flex-direction:column;gap:.75rem}.verification-actions .link-button{min-width:auto;width:100%}}@media (max-width:480px){.phone-verification-modal{padding:1rem .75rem .75rem}.phone-verification-content{border-radius:8px;min-width:auto;padding:1.25rem;width:100%}.phone-verification-content h2{font-size:1.25rem;margin-bottom:1rem}.phone-verification-content .form-group input{font-size:1.2rem;letter-spacing:2px;padding:1rem}.phone-verification-content .login-button{font-size:1.1rem;padding:1rem}.verification-note{margin-top:1.5rem;padding:.75rem}.verification-note p{font-size:.8rem}}@media (max-width:360px){.phone-verification-content{padding:1rem}.verification-popup-content p{font-size:.9rem}.phone-verification-content .form-group input{letter-spacing:1px}}@media (max-height:600px) and (orientation:landscape){.phone-verification-modal{align-items:flex-start;padding-bottom:.5rem;padding-top:.5rem}.phone-verification-content{max-height:95vh;padding:1rem}.phone-verification-content h2{font-size:1.2rem;margin-bottom:.75rem}.verification-note{margin-top:1rem}}.verification-reminder-content{text-align:left}.verification-reminder-content p{line-height:1.5;margin:1rem 0}.verification-steps{background-color:#f8f9fa;border-left:4px solid #0057b8;border-radius:6px;margin:1rem 0;padding:1rem}.verification-steps h3{color:#0057b8;font-size:1.1rem;margin:0 0 .5rem}.verification-steps ol{margin:0;padding-left:1.2rem}.verification-steps li{line-height:1.4;margin:.5rem 0}.verification-note{background-color:#fff3cd;border:1px solid #ffeaa7;margin:1rem 0;padding:.75rem}.verification-note p{color:#856404;font-size:.9rem}@media (max-width:768px){.login-modal,.modal{-webkit-overflow-scrolling:touch;align-items:flex-start;overflow-y:auto;padding:max(.5rem,env(safe-area-inset-top,.5rem)) .25rem max(1.5rem,calc(env(safe-area-inset-bottom, .5rem) + 1rem))}.create-account-modal{padding-top:.5rem}.create-account-modal .modal-content{margin-bottom:2rem;margin-top:80px;max-width:none;width:95%}.login-modal-content,.modal-content{box-shadow:0 4px 20px #0000004d;margin:.5rem auto;max-width:400px;min-height:-webkit-fit-content;min-height:fit-content;padding:1.25rem;width:92%}.login-modal{align-items:flex-start;overflow-y:auto;padding:5vh .25rem 2rem}.form-row{flex-direction:column}.form-group,.form-row .form-group{margin-bottom:1.2rem}.form-group{-webkit-text-size-adjust:100%}.form-group input{-webkit-touch-callout:none;font-size:1rem;padding:.75rem;-webkit-user-select:text;user-select:text}.login-button{font-size:1.1rem;padding:1rem}.footer-links{line-height:1.5;margin-bottom:1rem;margin-top:1.5rem;text-align:center}.terms-consent{margin-bottom:1.5rem;margin-top:1.5rem}.terms-consent .checkbox-label{line-height:1.5}.login-footer-agreement{font-size:.8rem;margin-bottom:1.5rem;margin-top:1rem;padding:.875rem 1rem}}@media (max-width:480px){.login-modal{overflow-y:auto;padding:3vh .125rem 1.5rem}.login-modal-content,.modal-content{margin:.25rem auto;max-width:360px;padding:1rem;width:94%}.create-account-modal{padding-top:.5rem}.create-account-modal .modal-content{margin-bottom:2rem;margin-top:75px}h2{font-size:1.3rem;margin-bottom:1rem}.form-group input{min-height:44px}.login-button{min-height:50px}}.password-strength-meter{margin-bottom:.75rem;margin-top:.5rem}.strength-bar-container{background-color:#e0e0e0;border-radius:3px;height:6px;margin-bottom:.4rem;overflow:hidden;width:100%}.strength-bar{border-radius:3px;height:100%;transition:width .3s ease,background-color .3s ease}.strength-info{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.strength-label{font-size:.9rem;font-weight:600}.strength-message{color:#6c757d;font-size:.85rem;line-height:1.3}@media (max-width:768px){.password-strength-meter{margin-bottom:.6rem;margin-top:.4rem}.strength-bar-container{height:5px}.strength-info{font-size:.8rem}.strength-label{font-size:.85rem}.strength-message{font-size:.8rem}}.mfa-enabled-box{background-color:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;margin-bottom:1rem;padding:1rem}.mfa-enabled-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.mfa-enabled-icon{color:#22c55e;font-size:1.25rem}.mfa-enabled-title{color:#22c55e}.mfa-enabled-details{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.mfa-enabled-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.mfa-action-button{font-size:.9rem;padding:.5rem 1rem}.mfa-disable-confirm{background-color:#ef44440d;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;margin-top:.5rem;padding:1rem}.mfa-disable-title{color:#ef4444;margin-bottom:.5rem}.mfa-disable-text{font-size:.9rem;margin-bottom:1rem}.mfa-disable-input{background-color:#fff;background-color:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:.9rem;margin-bottom:.75rem;max-width:300px;padding:.625rem .875rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mfa-disable-input:focus{border-color:#3b82f6;border-color:var(--brand-blue,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.mfa-disable-input::placeholder{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.mfa-disable-buttons{display:flex;gap:.75rem}.mfa-methods-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1.25rem}.mfa-methods-title{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:1rem}.mfa-methods-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mfa-method-card{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);display:flex;gap:.75rem;padding:1rem;position:relative}.mfa-method-card.clickable{cursor:pointer;transition:all .2s ease}.mfa-method-card.disabled{opacity:.6}.mfa-method-card.sms-active{background-color:#3b82f60d;border:2px solid #3b82f6;border:2px solid var(--brand-blue,#3b82f6)}.mfa-method-card.email-active{background-color:#10b9810d;border:2px solid #10b981}.mfa-method-card.sms-hover:hover{background-color:#3b82f60d;border-color:#3b82f6;border-color:var(--brand-blue,#3b82f6)}.mfa-method-card.email-hover:hover{background-color:#10b9810d;border-color:#10b981}.mfa-method-icon{font-size:1.5rem}.mfa-method-icon.sms{color:#3b82f6;color:var(--brand-blue,#3b82f6)}.mfa-method-icon.email{color:#10b981}.mfa-method-icon.app{color:#6b7280;color:var(--text-secondary,#6b7280)}.mfa-method-title{color:var(--text-primary);display:block;margin-bottom:.25rem}.mfa-method-description{color:var(--text-secondary);font-size:.85rem}.mfa-active-badge{color:#22c55e}.mfa-active-badge,.mfa-coming-soon-badge{font-size:.7rem;font-weight:600;position:absolute;right:.5rem;text-transform:uppercase;top:.5rem}.mfa-coming-soon-badge{color:#6b7280;color:var(--text-secondary,#6b7280)}.mfa-setup-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1.25rem}.mfa-setup-text{color:var(--text-primary);font-size:.95rem;margin-bottom:1.25rem}.mfa-setup-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.mfa-disable-buttons .common-button.danger,.mfa-enabled-buttons .common-button.danger{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);box-shadow:none;color:#ef4444;color:var(--error-red,#ef4444)}.mfa-disable-buttons .common-button.danger:hover,.mfa-enabled-buttons .common-button.danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error-red,#ef4444) 0,#dc2626 100%);border-color:#0000;box-shadow:0 4px 12px #dc26264d;color:#fff}.toast-with-action{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:500px;min-width:350px;opacity:0;padding:16px 20px;transform:translateY(-10px);transition:all .3s ease}.toast-with-action.visible{opacity:1;transform:translateY(0)}.toast-message{color:#1f2937;font-size:14px;font-weight:500;line-height:1.5;margin-bottom:12px}.toast-actions{display:flex;gap:8px;justify-content:flex-end}.toast-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:8px 16px;transition:all .2s ease}.toast-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.toast-btn:active{transform:translateY(0)}.toast-btn-confirm{background:#ef4444;color:#fff}.toast-btn-confirm:hover{background:#dc2626}.toast-btn-cancel{background:#e5e7eb;color:#374151}.toast-btn-cancel:hover{background:#d1d5db}.preference-icon{margin-right:8px}.show-view-settings-container{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);transition:var(--transition-fast)}.show-view-settings-description{flex:1 1}.show-view-settings-text{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.show-view-settings-toggle{margin-left:var(--spacing-md)}.alert-guide-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;margin-top:var(--spacing-sm);padding:var(--spacing-md)}.alert-guide-title{font-weight:600;margin-bottom:.5rem}.alert-guide-important{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.85rem;margin-bottom:1rem;padding:.5rem}.alert-guide-list{list-style:none;margin:.5rem 0 1rem;padding-left:1.5rem}.alert-guide-list-item{margin-bottom:.25rem}.alert-guide-list-item.always-shown{opacity:.7}.alert-guide-item-label{font-weight:500}.alert-guide-footer{font-size:.8rem;font-style:italic;opacity:.8}.common-section-header h3{white-space:nowrap}.common-section-header p{margin-left:var(--spacing-lg)}.common-form-row.three-column{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.common-form-row.full-width{display:grid;grid-template-columns:1fr;margin-bottom:var(--spacing-xl)}.common-form-row.full-width .common-form-field textarea{border:2px solid #e5e7eb;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-md);min-height:50px;padding:var(--spacing-md);resize:vertical;width:100%}.common-form-row.full-width .common-form-field textarea:focus{border-color:var(--header-bg-secondary);box-shadow:0 0 0 3px #667eea1a;outline:none}.common-form-field select{background-color:#fff;border:2px solid #e5e7eb;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:var(--font-size-md);height:auto;min-height:44px;padding:var(--spacing-md)}.common-form-field select:focus{border-color:var(--header-bg-secondary);box-shadow:0 0 0 3px #667eea1a;outline:none}.common-form-field select:hover{border-color:#cbd5e1}@media (max-width:1024px){.common-form-row.three-column{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.common-form-row.three-column{grid-template-columns:1fr}}@media (max-width:480px){.common-layout{margin-left:0;padding-left:0}.common-sidebar-mobile{padding:0!important}.common-sidebar-mobile,.common-sidebar-mobile .common-dropdown-container{background:none!important;border:none!important;box-shadow:none!important}.common-sidebar-mobile .common-dropdown-container{margin-bottom:var(--spacing-md)}.common-section-header h3{font-size:var(--font-size-lg);line-height:1.3;white-space:normal}.common-section-header p{font-size:var(--font-size-sm);margin-left:0;margin-top:var(--spacing-sm)}.common-form-row{margin-bottom:var(--spacing-lg)}.common-form-row.full-width,.common-form-row.three-column{gap:var(--spacing-md)}.common-form-field input,.common-form-field select,.common-form-field textarea{font-size:var(--font-size-md);min-height:44px;padding:var(--spacing-sm)}.common-form-field textarea{min-height:80px}.common-button{font-size:var(--font-size-md);min-height:48px;width:100%}.common-button,.form-container{padding:var(--spacing-md)}}.field-status{font-size:.85rem;gap:.5rem;margin-top:.25rem}.field-status.verified,.field-status.verified svg{color:#22c55e}.field-status.pending,.field-status.pending svg{color:#f59e0b}.field-status.unverified,.field-status.unverified svg{color:#6b7280}.refresh-button:hover:not(:disabled){background-color:#f8f9fa!important;border-color:#007bff!important}.refresh-button:focus{box-shadow:0 0 0 2px #007bff40;outline:none}.security-warning-box{background-color:#ffebee;border:2px solid #f44336;border-radius:8px;margin-bottom:20px;padding:16px}.security-warning-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.security-warning-icon{font-size:20px}.security-warning-title{color:#d32f2f;font-weight:700;margin:0}.security-warning-message{color:#5d4037;font-weight:500;margin:0 0 8px}.security-warning-details{color:#5d4037;font-size:14px;margin:0}.upgrade-subscription-btn{background-color:#667eea;border:none;border-radius:var(--radius-md);box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;font-size:var(--font-size-md);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.upgrade-subscription-btn:hover{background-color:#5568d3;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.upgrade-subscription-btn:active{background-color:#4c5fc7;box-shadow:0 1px 2px #667eea33;transform:translateY(0)}.upgrade-subscription-btn:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}@media (max-width:480px){.upgrade-subscription-btn{min-height:48px;padding:var(--spacing-md);width:100%}}.international-phone-input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;width:100%}.phone-input-wrapper{background-color:#f1eded;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;display:flex;outline:1px solid #888;overflow:hidden;position:relative}.country-selector{align-items:center;background-color:#f8f9fa;border:none;border-right:1px solid #dee2e6;color:#212529;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;min-width:70px;padding:.7rem;transition:background-color .2s}.country-selector:hover{background-color:#e9ecef}.country-selector:disabled{cursor:not-allowed;opacity:.6}.country-selector .flag{font-family:Segoe UI Emoji,Noto Color Emoji,Apple Color Emoji,sans-serif;font-size:16px;line-height:1}.country-selector .dial-code{color:#495057}.country-selector .arrow{color:#6c757d;font-size:10px;margin-left:auto}.phone-input{background-color:initial;border:none;box-sizing:border-box;color:#212529;flex:1 1;font-size:16px;outline:none;padding:.5rem}.phone-input:disabled{cursor:not-allowed}.clear-button{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:4px 6px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:1}.clear-button:hover{background-color:#dc35451a;color:#dc3545}.clear-button:active{transform:translateY(-50%) scale(.9)}.phone-input::placeholder{color:#6c757d}.phone-input:disabled{background-color:#e9ecef;color:#6c757d}.country-dropdown{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.country-option{align-items:center;background-color:#fff;border:none;color:#212529;cursor:pointer;display:flex;font-size:16px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.country-option:hover{background-color:#f8f9fa}.country-option.selected{background-color:#e7f3ff;color:#0056b3}.country-option .flag{font-family:Segoe UI Emoji,Noto Color Emoji,Apple Color Emoji,sans-serif;font-size:16px;line-height:1}.country-option .country-name{flex:1 1;font-weight:500}.country-option .dial-code{color:#6c757d;font-size:13px}.error-message{color:#dc3545}.error-message,.validation-message{font-size:12px;margin-top:4px;padding-left:4px}.validation-message{color:#fd7e14;font-style:italic}.field-help{font-size:var(--font-size-xs)}[data-theme=dark] .international-phone-input{color:#e9ecef}[data-theme=dark] .phone-input-wrapper{background-color:#343a40;border-color:#495057}[data-theme=dark] .country-selector{background-color:#495057;border-right-color:#6c757d;color:#e9ecef}[data-theme=dark] .country-selector:hover{background-color:#5a6268}[data-theme=dark] .country-selector .arrow,[data-theme=dark] .country-selector .dial-code{color:#adb5bd}[data-theme=dark] .phone-input{background-color:#343a40;color:#e9ecef}[data-theme=dark] .phone-input::placeholder{color:#6c757d}[data-theme=dark] .phone-input:disabled{background-color:#495057;color:#6c757d}[data-theme=dark] .country-dropdown{background-color:#343a40;border-color:#495057;box-shadow:0 4px 6px #0000004d}[data-theme=dark] .country-option{background-color:#343a40;color:#e9ecef}[data-theme=dark] .country-option:hover{background-color:#495057}[data-theme=dark] .country-option.selected{background-color:#004085;color:#b3d4fc}[data-theme=dark] .country-option .dial-code{color:#adb5bd}[data-theme=dark] .error-message{color:#f5c6cb}[data-theme=dark] .clear-button{color:#adb5bd}[data-theme=dark] .clear-button:hover{background-color:#f5c6cb1a;color:#f5c6cb}:root{--modal-bg-color:#00000080;--modal-content-bg:#fff;--modal-text-color:#333;--modal-border-color:#ddd;--modal-input-bg:#f1eded;--modal-input-border:#888;--modal-button-bg:#1e3a8a;--modal-button-hover-bg:#3b82f6;--modal-button-text:#fff;--modal-error-bg:#ffebee;--modal-error-border:#ffcdd2;--modal-error-text:#d32f2f;--modal-shadow:0 4px 20px #0000004d}:root.dark-theme{--modal-bg-color:#000000b3;--modal-content-bg:#1f2937;--modal-text-color:#f9fafb;--modal-border-color:#4b5563;--modal-input-bg:#374151;--modal-input-border:#6b7280;--modal-button-bg:#3b82f6;--modal-button-hover-bg:#2563eb;--modal-button-text:#fff;--modal-error-bg:#7f1d1d;--modal-error-border:#dc2626;--modal-error-text:#fca5a5;--modal-shadow:0 4px 20px #00000080}.phone-verification-modal{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#00000080;background-color:var(--modal-bg-color);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.phone-verification-content{background-color:#fff;background-color:var(--modal-content-bg);border-radius:8px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--modal-shadow);color:#333;color:var(--modal-text-color);max-height:90vh;max-width:400px;min-width:300px;overflow-y:auto;padding:2rem;position:relative;transition:all .3s ease;width:80%}.phone-verification-content .modal-header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--modal-border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.5rem}.phone-verification-content .modal-header h2{color:#00008b;flex:1 1;font-size:1.5rem;font-weight:700;margin:0}.phone-verification-content .close-button{align-items:center;background:none;border:none;border-radius:4px;color:#333;color:var(--modal-text-color);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .3s ease;width:30px}.phone-verification-content .close-button:hover{background-color:#f1eded;background-color:var(--modal-input-bg)}.verification-popup-content{text-align:center}.verification-popup-content p{color:#333;color:var(--modal-text-color);font-size:1rem;line-height:1.5;margin:.5rem 0}.verification-popup-content p strong{color:#333;color:var(--modal-text-color);font-weight:600}.phone-verification-content .form-group{margin-bottom:1rem;text-align:left}.phone-verification-content .form-group label{color:#333;color:var(--modal-text-color);display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem}.phone-verification-content .form-group input{background-color:#f1eded;background-color:var(--modal-input-bg);border:1px solid #ddd;border:1px solid var(--modal-border-color);border-radius:4px;box-sizing:border-box;color:#333;color:var(--modal-text-color);font-size:18px;font-weight:500;letter-spacing:2px;outline:1px solid #888;outline:1px solid var(--modal-input-border);padding:.5rem;text-align:center;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.phone-verification-content .form-group input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.phone-verification-content .form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.phone-verification-content .error-message{background-color:#ffebee;background-color:var(--modal-error-bg);border:1px solid #ffcdd2;border-left:3px solid #d32f2f;border:1px solid var(--modal-error-border);border-left:3px solid var(--modal-error-text);border-radius:4px;color:#d32f2f;color:var(--modal-error-text);font-size:.85rem;line-height:1.2;margin:.25rem 0;min-height:30px;padding:.5rem .75rem;text-align:center;transition:opacity .3s ease}.phone-verification-content .login-button{background-color:#00008b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:background-color .3s;width:100%}.phone-verification-content .login-button:hover:not(:disabled){background-color:blue}.phone-verification-content .login-button:disabled{cursor:not-allowed;opacity:.6}.verification-actions{flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.verification-actions .link-button{background:none;border:none;border-radius:4px;color:#00008b;cursor:pointer;font-family:inherit;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.verification-actions .link-button:hover:not(:disabled){background-color:#f1eded;background-color:var(--modal-input-bg);text-decoration:underline}.verification-actions .link-button.secondary{color:#666}.verification-actions .link-button:disabled{cursor:not-allowed;opacity:.6}.verification-note{background-color:#f1eded;background-color:var(--modal-input-bg);border-left:4px solid #00008b;border-radius:4px;margin-top:1.5rem;padding:1rem}.verification-note p{color:#333;color:var(--modal-text-color);font-size:.85rem;line-height:1.4;margin:0;opacity:.8}@media (max-width:768px){.phone-verification-modal{align-items:flex-start;padding:15vh 1rem 1rem}.phone-verification-content{margin:0;max-width:380px;padding:1.5rem;width:90%}.phone-verification-content .modal-header h2{font-size:1.4rem}.verification-actions{flex-direction:column;gap:.75rem}.verification-actions .link-button{padding:.75rem;text-align:center;width:100%}}@media (max-width:480px){.phone-verification-modal{padding:10vh .5rem .5rem}.phone-verification-content{max-width:340px;padding:1.25rem;width:95%}.phone-verification-content .modal-header h2{font-size:1.25rem}.phone-verification-content .form-group input{font-size:1.1rem;padding:.75rem}.verification-note{margin-top:1rem;padding:.75rem}.verification-note p{font-size:.8rem}}@media (max-width:360px){.phone-verification-content{margin:.25rem;padding:1rem}.verification-popup-content p{font-size:.9rem}}@media (max-height:600px) and (orientation:landscape){.phone-verification-modal{align-items:flex-start;padding-bottom:2vh;padding-top:2vh}.phone-verification-content{max-height:95vh;padding:1rem}.phone-verification-content .modal-header h2{font-size:1.2rem;margin-bottom:.5rem}.verification-note{margin-top:1rem}}.user-card{align-items:flex-start;border:1px solid #e1e5e9;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.user-info{flex:1 1}.user-actions{margin-left:15px}.user-actions,.user-name{align-items:center;display:flex;gap:8px}.user-name{font-weight:600;margin-bottom:8px}.user-name .status.verified{color:#28a745}.user-name .status.unverified{color:#dc3545}.user-detail{align-items:center;color:#6c757d;display:flex;font-size:.9em;gap:8px;margin-bottom:4px}.user-detail:last-child{margin-bottom:0}.summary-stat-icon{color:#007bff;margin-right:8px}.summary-stat-clickable{color:#007bff;cursor:pointer;text-decoration:underline}.group-summary-card{border:1px solid #e1e5e9;border-radius:6px;margin-bottom:12px;padding:12px}.group-summary-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.group-summary-title{align-items:center;display:flex;font-weight:600;gap:8px;margin-bottom:4px}.group-summary-title .fa-users{color:#007bff}.group-summary-org{margin-bottom:4px}.group-summary-description,.group-summary-org{color:#6c757d;font-size:.9em}.group-summary-stats{text-align:right}.group-summary-user-count{color:#007bff;font-size:.9em;font-weight:600}.group-summary-id{color:#6c757d;font-size:.8em}.group-users-section{border-top:1px solid #e9ecef;padding-top:8px}.group-users-title{font-size:.9em;font-weight:600;margin-bottom:6px}.group-users-grid{grid-gap:4px;display:grid;gap:4px}.group-user-item{background-color:#f8f9fa;border-radius:4px;color:#6c757d;font-size:.8em;padding:4px 8px}.group-user-item .fa-user{margin-right:6px}.user-summary-card{border:1px solid #e1e5e9;border-radius:6px;margin-bottom:8px;padding:12px}.user-summary-content{align-items:center;display:flex;justify-content:space-between}.user-summary-left{align-items:center;display:flex;gap:12px}.user-summary-left .fa-user{color:#007bff}.user-summary-name{font-weight:600;margin-bottom:2px}.user-summary-email{color:#6c757d;font-size:.9em}.user-summary-right{text-align:right}.user-summary-group{color:#007bff;font-size:.9em;font-weight:600}.user-summary-org{color:#6c757d;font-size:.8em}.user-summary-status{font-size:.8em;margin-top:2px}.user-summary-status .verified{color:#28a745}.user-summary-status .not-verified{color:#dc3545}.user-summary-status .active{color:#28a745}.user-summary-status .inactive{color:#dc3545}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.summary-header h4{margin:0}.create-group-btn{align-items:center;background-color:#52c41a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9em;gap:6px;padding:6px 12px;transition:background-color .3s}.create-group-btn:hover{background-color:#73d13d}.create-group-btn:disabled{background-color:#d9d9d9;color:#999;cursor:not-allowed}.user-action-btn{align-items:center;background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85em;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:background-color .3s}.user-action-btn:hover{background-color:#40a9ff}.user-action-btn:disabled{background-color:#d9d9d9;color:#999;cursor:not-allowed}.assign-group-btn{background-color:#722ed1}.assign-group-btn:hover{background-color:#9254de}.header-actions{gap:10px;margin-top:15px}.modal-content{background:#fff;box-shadow:0 4px 12px #00000026;max-height:80vh}[data-theme=dark] .modal-content{background:var(--theme-bg-card)}.modal-header{border-bottom:1px solid #e9ecef;margin-bottom:20px;padding:20px 20px 0}.modal-header h3{align-items:center;color:#495057;display:flex;gap:8px}.modal-close{border-radius:4px;font-size:1.2em;padding:5px}.modal-close:hover{background-color:#f8f9fa}.modal-body{padding:0 20px}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding:20px}.user-assignment-info{background-color:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:15px}.user-assignment-info h4{color:#495057;margin:0 0 8px}.user-assignment-info p{color:#6c757d;margin:4px 0}.loading-container{color:#6c757d;padding:20px}.loading-container span{margin-left:10px}.available-groups h4{color:#495057;margin-bottom:15px}.groups-list{display:flex;flex-direction:column;gap:12px}.group-option{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:15px}.group-option:hover{background-color:#e9ecef}.group-info{flex:1 1}.group-info .group-name{align-items:center;color:#495057;display:flex;font-weight:600;gap:8px;margin-bottom:4px}.group-info .group-description{color:#6c757d;font-size:.9em}.no-groups{color:#6c757d;padding:40px 20px;text-align:center}.modal-footer button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9em;gap:6px;padding:8px 16px;transition:background-color .3s}.modal-footer .common-btn-secondary,.modal-footer button[type=button]{background-color:#f5f5f5;border:1px solid #d9d9d9;color:#595959}.modal-footer .common-btn-secondary:hover,.modal-footer button[type=button]:hover{background-color:#e6e6e6;border-color:#bfbfbf}.modal-footer .common-btn-primary,.modal-footer button[type=submit]{background-color:#1890ff;color:#fff}.modal-footer .common-btn-primary:hover,.modal-footer button[type=submit]:hover{background-color:#40a9ff}.modal-footer button:disabled{background-color:#d9d9d9;border-color:#d9d9d9;color:#999;cursor:not-allowed}.group-option button{border:none;border-radius:4px;cursor:pointer;font-size:.85em;padding:6px 12px;transition:background-color .3s}.group-option .common-btn-primary{background-color:#52c41a;color:#fff}.group-option .common-btn-primary:hover{background-color:#73d13d}.common-btn-warning{background-color:#ffc107;border:1px solid #ffc107;color:#212529}.common-btn-warning:hover{background-color:#e0a800;border-color:#d39e00}.common-btn-warning:disabled{background-color:#6c757d;border-color:#6c757d;color:#fff}.user-assignment-modal{max-width:400px}@media (max-width:480px){.user-assignment-modal{max-width:95%}}@media (max-width:768px){.modal-content{margin:20px;width:95%}.user-card{flex-direction:column;gap:10px}.user-actions{justify-content:flex-start;margin-left:0}.group-option{text-align:center}.group-option,.summary-header{flex-direction:column;gap:10px}.summary-header{align-items:flex-start}.create-group-btn{align-self:flex-start}}.loading-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-modal-content{animation:slideIn .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;min-width:280px;padding:2.5rem 3rem;text-align:center}.loading-modal-spinner{display:inline-block;height:60px;margin-bottom:1.5rem;position:relative;width:60px}.spinner-ring{animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border:3px solid #0000;border-radius:50%;position:absolute}.spinner-ring:first-child{animation-delay:0s;border-top-color:#667eea;height:60px;width:60px}.spinner-ring:nth-child(2){animation-delay:.1s;border-top-color:#764ba2;height:50px;left:5px;top:5px;width:50px}.spinner-ring:nth-child(3){animation-delay:.2s;border-top-color:#f093fb;height:40px;left:10px;top:10px;width:40px}.spinner-ring:nth-child(4){animation-delay:.3s;border-top-color:#f5576c;height:30px;left:15px;top:15px;width:30px}.loading-modal-message{color:#2d3748;font-size:1.25rem;font-weight:600;letter-spacing:.025em;margin:0 0 .5rem}.loading-modal-subtitle{color:#718096;font-size:.9rem;line-height:1.4;margin:0}:root.dark-theme .loading-modal-content{background:#2d3748;color:#fff}:root.dark-theme .loading-modal-message{color:#f7fafc}:root.dark-theme .loading-modal-subtitle{color:#a0aec0}@media (max-width:480px){.loading-modal-content{margin:1rem;min-width:250px;padding:2rem 1.5rem}.loading-modal-spinner,.spinner-ring:first-child{height:50px;width:50px}.spinner-ring:nth-child(2){height:42px;left:4px;top:4px;width:42px}.spinner-ring:nth-child(3){height:34px;left:8px;top:8px;width:34px}.spinner-ring:nth-child(4){height:26px;left:12px;top:12px;width:26px}}.disclosures-link-button{background:none;border:none;color:#1565c0;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline}.disclosures-link-button:hover{color:#0d47a1;text-decoration:underline}.disclosures-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.disclosures-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 10px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:95%}.disclosures-modal-close-button{align-items:center;background:none;border:none;border-bottom:1px solid #e0e0e0;color:#1565c0;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem;text-align:right;width:100%}.disclosures-modal-close-button:hover{background-color:#f5f5f5;color:#0d47a1}.disclosures-modal-body{flex:1 1;overflow-y:auto;padding:0}.disclosures-modal-body>div{min-height:auto!important}@media (max-width:768px){.disclosures-modal-content{border-radius:4px;max-height:95vh;width:98%}.disclosures-modal-close-button{font-size:.9rem;padding:.75rem 1rem}}.common-container{height:auto!important;min-height:auto!important;overflow:visible!important}.analysis-results-container,.common-container .common-content,.common-container .common-layout,.common-container .common-section,.common-container .common-section-content,.common-form-field,.common-form-group,.email-content-container,.email-input-form{height:auto!important;max-height:none!important;overflow:visible!important}.common-layout{margin-top:1rem}.analysis-results-container,.email-content-container{background:var(--bg-card);border:2px solid #e5e7eb;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);transition:var(--transition-fast)}.analysis-results-container:hover,.email-content-container:hover{border-color:var(--accent-green);box-shadow:var(--shadow-lg)}.analysis-results-container{margin-top:var(--spacing-3xl)}.confidence-label{align-items:center;display:flex;font-size:var(--font-size-md);font-weight:600;gap:var(--spacing-sm)}.tooltip-container{display:inline-block;position:relative}.confidence-tooltip-icon{color:var(--text-secondary);cursor:help;font-size:var(--font-size-sm);opacity:.7;transition:var(--transition-fast)}.confidence-tooltip-icon:hover{color:var(--accent-green);opacity:1}.confidence-tooltip{background:var(--bg-card);border:2px solid #e5e7eb;border-radius:var(--radius-md);bottom:100%;box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:var(--font-size-xs);line-height:1.5;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);width:250px;z-index:1000}.confidence-tooltip,.confidence-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.confidence-tooltip:after{border:6px solid #0000;border-top:6px solid var(--bg-card);content:"";top:100%}.disclaimer-section{border-top:2px solid #e5e7eb;margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) 0}.disclaimer-content{background:linear-gradient(135deg,#ef44440d,#dc262614);border:2px solid #ef444433;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 auto;max-width:800px;padding:var(--spacing-2xl)}.disclaimer-title{color:#dc2626;font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.disclaimer-text{color:var(--text-primary);font-size:var(--font-size-md);line-height:1.6}.disclaimer-text p{margin-bottom:var(--spacing-md)}.disclaimer-text strong{color:#dc2626;font-weight:600}.disclaimer-list{margin:var(--spacing-lg) 0;padding-left:var(--spacing-xl)}.disclaimer-list li{color:var(--text-primary);line-height:1.5;margin-bottom:var(--spacing-sm)}.disclaimer-footer{border-top:1px solid #ef444433;color:var(--text-secondary);font-style:italic;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.spinner{border:4px solid #f3f4f6;border-top:4px solid var(--header-bg-secondary);height:10px;margin:var(--spacing-lg) auto;width:10px}.analysis-results-section{margin:var(--spacing-2xl) 0}.analysis-error{background:linear-gradient(135deg,#ef44440d,#dc262614);border:2px solid #ef444433;border-radius:var(--radius-lg)}.analysis-error,.analysis-loading{padding:var(--spacing-3xl);text-align:center}.analysis-loading{background:linear-gradient(135deg,#3b82f60d,#2563eb14);border:2px solid #3b82f633;border-radius:var(--radius-lg)}.analysis-error-title{align-items:center;color:#dc2626;display:flex;font-size:var(--font-size-xl);font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.analysis-error-text{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.5;margin-bottom:var(--spacing-lg)}.analysis-loading-title{align-items:center;color:var(--header-bg-secondary);display:flex;font-size:var(--font-size-xl);font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.analysis-loading-text{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.5}.spinner-container{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.scam-detection-legitimate,.scam-detection-scam{align-items:center;border:2px solid;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:inline-flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:600;gap:.5rem;line-height:1.5;min-width:-webkit-fit-content;min-width:fit-content;padding:var(--spacing-lg);text-align:center;transition:var(--transition-fast);white-space:nowrap}.scam-detection-legitimate{background:linear-gradient(135deg,#22c55e14,#16a34a1f);border-color:#22c55e4d;color:#16a34a}.scam-detection-scam{background:linear-gradient(135deg,#ef444414,#dc26261f);border-color:#ef44444d;color:#dc2626}.confidence-score{background:linear-gradient(135deg,#6b728014,#4b55631f);border:2px solid #6b728033;border-radius:var(--radius-lg);color:var(--text-primary)}.confidence-score,.scam-type{box-shadow:var(--shadow-sm);font-size:var(--font-size-lg);font-weight:600;line-height:1.5;padding:var(--spacing-lg);text-align:center;transition:var(--transition-fast)}.scam-type{background:linear-gradient(135deg,#fb923c14,#f59e0b1f);border:2px solid #fb923c4d;border-radius:var(--radius-lg);color:#ea580c;text-transform:capitalize}.analysis-explanation{background:var(--bg-card);border:2px solid #e5e7eb;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--font-size-md);line-height:1.6;padding:var(--spacing-lg);transition:var(--transition-fast)}.analysis-explanation:hover{border-color:var(--accent-green);box-shadow:var(--shadow-md)}.risk-factors-container{background:var(--bg-card);border:2px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.risk-factor-item{background:#ef44440d;border-left:4px solid #ef4444;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.security-recommendations-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.security-recommendations-header label{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.security-icon{animation:pulse 2s ease-in-out infinite;color:var(--accent-green);font-size:var(--font-size-lg)}.security-suggestions{background:var(--bg-card);border:2px solid #e5e7eb;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--font-size-md);line-height:1.6;padding:var(--spacing-lg);transition:var(--transition-fast)}.security-suggestions.enhanced{background:linear-gradient(135deg,#22c55e0d,#16a34a14);border-color:#22c55e4d;overflow:hidden;position:relative}.security-suggestions.enhanced:hover{border-color:var(--accent-green);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.security-suggestions.enhanced:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.analysis-items-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.analysis-item-horizontal{align-items:center;border:2px solid #e5e7eb;border-radius:var(--radius-lg);cursor:pointer;display:flex;padding:var(--spacing-lg);position:relative}.analysis-item-horizontal:hover{transform:translateY(-1px)}.analysis-item-horizontal.selected{background:linear-gradient(135deg,#22c55e0d,#16a34a14);border-color:var(--accent-green)}.analysis-item-horizontal.scam{border-left:6px solid #ef4444}.analysis-item-content{gap:var(--spacing-lg)}.analysis-item-left{flex:0 0 160px}.analysis-item-center,.analysis-item-left{display:flex;flex-direction:column;gap:var(--spacing-xs)}.analysis-item-right{flex:0 0 auto}.analysis-item-actions{display:flex;gap:var(--spacing-sm)}.status-badge{padding:var(--spacing-sm) var(--spacing-md);text-align:center}.status-badge-top-left{left:var(--spacing-sm);top:var(--spacing-sm);z-index:10}.pagination-container{border-top:2px solid #e5e7eb;justify-content:center;margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg)}.analysis-content-column .pagination-controls,.email-analysis-main-layout .pagination-controls{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:row;margin-top:0;padding:20px}.pagination-pages{display:flex;gap:var(--spacing-xs)}.pagination-page{background:var(--bg-card);border:2px solid #e5e7eb;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:var(--transition-fast)}.pagination-page:hover{background:var(--bg-hover);border-color:var(--header-bg-secondary)}.pagination-page.active{background:var(--header-bg-secondary);border-color:var(--header-bg-secondary)}.pagination-page.active:hover{background:var(--header-bg-secondary-dark);border-color:var(--header-bg-secondary-dark)}.common-button{background:var(--header-bg-secondary);border:2px solid var(--header-bg-secondary);color:#fff;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.common-button:hover{background:var(--header-bg-secondary-dark);border-color:var(--header-bg-secondary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.common-button.small-button,.common-button.subtle-button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.common-button.subtle-button{background:#6b72801a;border:1px solid #6b728033;color:#6b7280;font-weight:500;transition:all .2s ease}.common-button.subtle-button:hover{background:#6b728026;border-color:#6b72804d;box-shadow:0 1px 3px #0000001a;color:#4b5563;transform:none}.toggle-button{background:var(--header-bg-secondary);border-color:var(--header-bg-secondary);font-weight:600;transition:all .3s ease}.toggle-button:hover{background:var(--accent-purple);border-color:var(--accent-purple);transform:translateY(-1px)}.email-analysis-main-layout{box-sizing:border-box;display:flex;gap:48px;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:none;min-width:0;padding:0 1rem;width:100%}.search-filters-column{box-sizing:border-box;flex:0 0 300px;min-width:0}.search-filters-column .common-sidebar{height:auto;position:static;top:auto;width:100%}.analysis-content-column{box-sizing:border-box;flex:1 1;min-width:0}.email-analysis-left-section{flex:1 1;min-width:0}.email-analysis-right-section{background:var(--bg-card);border:2px solid #e5e7eb;border-radius:var(--radius-lg);flex:0 0 400px;height:-webkit-fit-content;height:fit-content;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:2rem}.fa-icon-margin-left-4{margin-left:4px}.fa-icon-margin-right-4{margin-right:4px}.fa-icon-margin-right-6{margin-right:6px}.fa-icon-margin-right-8{margin-right:8px}.clickable{cursor:pointer}.simple-mode .analysis-item-horizontal{border-width:1px}.analysis-item-horizontal,.analysis-items-container{box-sizing:border-box;min-width:0;overflow:visible;width:100%}.analysis-item-horizontal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem;transition:var(--transition-fast)}.analysis-item-horizontal:hover{border-color:var(--header-bg-secondary);box-shadow:var(--shadow-md)}.analysis-item-content{align-items:center;display:flex;gap:1rem;min-width:0;overflow:visible;width:100%}.analysis-item-left{flex-shrink:0;max-width:180px;min-width:140px}.analysis-item-center{flex:1 1;min-width:0;overflow:visible;padding:0 .5rem}.analysis-item-right{flex-shrink:0;min-width:120px}.analysis-item-center .sender,.analysis-item-center .subject{word-wrap:break-word;line-height:1.4;overflow:visible;overflow-wrap:break-word;text-overflow:clip;white-space:normal}.sender{color:var(--text-secondary);font-size:var(--font-size-md)}.subject{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}@media (max-width:1199px) and (min-width:768px){.email-analysis-main-layout{gap:24px;max-width:none}.search-filters-column{flex:0 0 250px}.search-filters-column .common-sidebar{position:static;top:auto;width:100%}.email-analysis-right-section{flex:0 0 300px}}@media (max-width:991px) and (min-width:768px){.email-analysis-main-layout{flex-direction:column;gap:24px;max-width:none}.analysis-content-column,.search-filters-column{flex:none;width:100%}.search-filters-column .common-sidebar{position:static;top:auto;width:100%}.email-analysis-right-section{flex:none;position:static}}@media (max-width:768px){.analysis-results-container,.email-content-container{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.email-analysis-main-layout{flex-direction:column;gap:20px;margin-top:20px;max-width:none;padding:0 .5rem}.analysis-content-column,.search-filters-column{flex:none;width:100%}.search-filters-column .common-sidebar{position:static;top:auto;width:100%}.analysis-items-container{padding:0;width:100%}.analysis-item-horizontal{box-sizing:border-box;margin:0 0 1rem;padding:.75rem;width:100%}.analysis-item-content{align-items:stretch;flex-direction:column;gap:.75rem;padding:0}.analysis-item-left{flex:none;max-width:100%;min-width:0;min-width:auto;order:1;width:100%}.analysis-item-center{flex:none;order:2;padding:0;width:100%}.analysis-item-right{align-items:flex-start;min-width:0;min-width:auto;order:3;padding:0;width:100%}.analysis-item-center .sender,.analysis-item-center .subject{word-wrap:break-word;line-height:1.3;overflow:visible;overflow-wrap:break-word;text-overflow:clip;white-space:normal}.status-badge-top-left{align-self:flex-start;border:1px solid #ffffff4d;margin-bottom:.5rem;position:static}.analysis-item-actions{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.analysis-item-actions button{flex:1 1;font-size:.9rem;max-width:48%;min-width:auto;padding:.5rem 1rem}.pagination-container{margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.analysis-content-column .pagination-controls,.email-analysis-main-layout .pagination-controls{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.pagination-page.active{background:#357abd;border-color:#357abd;color:#fff}.pagination-page.active:hover{background:#2a5f99;color:#fff}.pagination-page{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.pagination-page:hover{background:var(--bg-hover);border-color:#357abd;color:var(--text-primary)}}@media (max-width:576px){.email-analysis-main-layout{gap:1rem;padding:0 .25rem}.analysis-item-horizontal{box-sizing:border-box;padding:.5rem;width:100%}.analysis-item-content{align-items:stretch;flex-direction:column;gap:.5rem}.analysis-item-center,.analysis-item-left,.analysis-item-right{flex-basis:auto;max-width:100%;min-width:0;width:100%}.analysis-item-actions button{flex:1 1;font-size:.85rem;max-width:48%;min-width:auto;padding:.4rem .8rem}.analysis-item-center .sender,.analysis-item-center .subject{word-wrap:break-word;line-height:1.3;overflow:visible;overflow-wrap:break-word;text-overflow:clip;white-space:normal}}@media (max-width:400px){.analysis-results-container,.email-content-container{margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.email-analysis-main-layout{gap:.75rem;padding:0 .125rem}.analysis-item-horizontal{box-sizing:border-box;padding:.4rem;width:100%}.analysis-item-content{align-items:stretch;flex-direction:column;gap:.4rem}.analysis-item-center,.analysis-item-left,.analysis-item-right{flex-basis:auto;max-width:100%;min-width:0;width:100%}.analysis-item-actions button{flex:1 1;font-size:.8rem;max-width:48%;min-width:auto;padding:.3rem .6rem}.analysis-item-center .sender,.analysis-item-center .subject{word-wrap:break-word;line-height:1.3;overflow:visible;overflow-wrap:break-word;text-overflow:clip;white-space:normal}}@media (prefers-reduced-motion:reduce){.analysis-item-horizontal,.common-button,.confidence-tooltip-icon,.pagination-page,.security-icon{animation:none;transition:none}}@media (prefers-contrast:high){.analysis-results-container,.email-content-container{border:3px solid}.confidence-score,.scam-detection-legitimate,.scam-detection-scam,.scam-type{border:2px solid}.security-icon{animation:none}}.simple-view{background-color:var(--bg-primary);box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.simple-view .common-container{margin:0 auto;padding:0}.simple-view .common-container,.simple-view .common-section{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}.simple-view *{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word}.common-container{box-sizing:border-box;margin:0;padding:0}.simple-view h1,.simple-view h2,.simple-view h3{color:var(--text-primary);font-weight:600;margin-bottom:1rem}.simple-view h1{font-size:1.5rem}.simple-view h2{font-size:1.25rem}.simple-view h3{font-size:1.1rem}.simple-view p{color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.section-title{color:var(--text-primary);font-size:1.2rem;font-weight:600}.section-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.results-header-content{width:100%}.common-section-header p{font-size:.875rem;margin:.25rem 0 0}.results-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.results-header-top h3{flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.results-header-top .header-icon-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.results-header-top .header-icon-button:hover{background:#ffffff4d;transform:scale(1.05)}.results-header-top .header-icon-button:active{transform:scale(.95)}.results-header-top .header-icon-button svg{font-size:1rem}.results-header-bottom{margin:0}.results-header-bottom p{font-size:.875rem;margin:0}.analysis-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.analysis-item:hover{transform:translateY(-1px)}.analysis-item.selected,.analysis-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.analysis-item.selected{background:var(--primary-bg-light)}.analysis-item-header{margin-bottom:.5rem}.analysis-item-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.analysis-item-date{color:var(--text-secondary);font-size:.8rem}.analysis-item-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.85rem;line-height:1.4;overflow:hidden}.risk-badge{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.risk-badge.high{background:var(--danger-bg);color:var(--danger-color)}.risk-badge.medium{background:var(--warning-bg);color:var(--warning-color)}.risk-badge.low{background:var(--success-bg);color:var(--success-color)}.email-analysis-simple-desktop-left .common-section-content{padding:10px}.analysis-item-card{margin:.5rem 1rem}.delete-button{border-radius:var(--radius-sm)}.analysis-item-row{align-items:flex-start;display:flex;gap:.5rem}.field-label{color:#1f2937;flex-shrink:0;font-size:.85rem;font-weight:600;min-width:3.5rem}.field-value{color:#6b7280;flex:1 1;font-size:.85rem;line-height:1.3;word-break:break-word}.risk-indicator{border-radius:var(--radius-md);font-size:.875rem;padding:.5rem 1rem}.risk-indicator.large{padding:.5rem .25rem}.risk-indicator.high-risk,.risk-indicator.very-high-risk{background:var(--danger-bg);border:1px solid var(--danger-color);color:var(--danger-color)}.risk-indicator.medium-risk-insufficient{background:var(--warning-bg);border:1px solid var(--warning-color);color:var(--warning-color)}.risk-indicator.low-risk{background:var(--success-bg);border:1px solid var(--success-color);color:var(--success-color)}.button-group{display:flex;flex-wrap:wrap;gap:.75rem}.btn{border-radius:var(--radius-md);display:inline-flex;font-size:.875rem;font-weight:600}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary{background:var(--primary-color)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.btn-danger{background:var(--danger-color)}.btn-danger:hover{background:var(--danger-dark)}.btn-sm{font-size:.8rem;padding:.5rem 1rem}.btn-lg{font-size:1rem;padding:1rem 2rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem}.loading-spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-color);margin-bottom:1rem}.loading-message{color:var(--text-secondary);font-size:.95rem;margin-bottom:.5rem}.loading-submessage{color:var(--text-tertiary);font-size:.8rem}.progress-bar{background:var(--bg-tertiary);margin:1rem 0}.progress-bar,.progress-fill{border-radius:var(--radius-sm)}.progress-fill{background:var(--primary-color)}.modal-overlay{background:#00000080}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-close{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1.5rem;padding:.5rem}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;margin-bottom:.5rem}.form-input,.form-label,.form-textarea{color:var(--text-primary);font-size:.875rem}.form-input,.form-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.form-textarea{min-height:120px;resize:vertical}.form-error{color:var(--danger-color);font-size:.8rem;margin-top:.25rem}.form-help{color:var(--text-secondary);margin-top:.25rem}.case-details-container{background:var(--bg-primary);padding:1.5rem}.case-header{align-items:flex-start;justify-content:space-between;margin-bottom:0}.case-header h3{padding-left:.5rem}.case-info{flex:1 1}.case-title{color:var(--text-primary);font-size:1.3rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.case-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.meta-icon{color:var(--text-tertiary)}.case-actions{flex-shrink:0;gap:.5rem}.analysis-section{border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.analysis-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.analysis-content{color:var(--text-secondary);line-height:1.6}.analysis-list{list-style:none;padding:0}.analysis-list-item{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.analysis-list-icon{color:var(--primary-color);margin-top:.1rem}.analysis-list-content{flex:1 1}.analysis-list-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.analysis-list-description{color:var(--text-secondary);font-size:.85rem;line-height:1.4}@media (max-width:768px){.common-container,.simple-view{padding:0}.section{border-radius:var(--radius-md);margin:.75rem;padding:1rem}.section-header{align-items:flex-start;gap:.5rem}.button-group,.section-header{flex-direction:column}.btn{justify-content:center;width:100%}.case-header{flex-direction:column}.case-actions{justify-content:flex-start;width:100%}.case-meta{flex-direction:column;gap:.5rem}.modal-content{margin:.5rem;padding:1.5rem}.analysis-list-item{flex-direction:column;gap:.5rem}.analysis-list-icon{align-self:flex-start}}[data-theme=dark] .simple-view{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--text-primary:#fff;--text-secondary:#b3b3b3;--text-tertiary:grey;--border-color:#404040;--primary-color:#4f8ce6;--primary-dark:#3a7bd5;--primary-bg-light:#4f8ce61a;--danger-color:#e74c3c;--danger-dark:#c0392b;--danger-bg:#e74c3c1a;--warning-color:#f39c12;--warning-bg:#f39c121a;--success-color:#27ae60;--success-bg:#27ae601a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d}[data-theme=dark] .analysis-item:hover{background:var(--bg-secondary)}[data-theme=dark] .modal-overlay{background:#000000b3}.email-analysis-simple-desktop-layout{background-color:var(--bg-primary);box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.email-analysis-simple-desktop-layout *{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word}h1.main-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;font-weight:500;margin-bottom:0;padding-left:1.4rem;padding-top:.7rem}p.common-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:1rem;margin-top:.5rem;padding-left:1.4rem}.email-analysis-simple-desktop-loading{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:20px;text-align:center}.email-analysis-simple-desktop-layout.analysis-layout{grid-gap:var(--spacing-3xl);box-sizing:border-box;display:grid;gap:var(--spacing-3xl);margin:0;max-width:100%;min-height:calc(100vh - 200px);padding:.5rem;transition:grid-template-columns .3s ease;width:100%}.email-analysis-simple-desktop-layout.analysis-layout.two-panel{background-color:var(--bg-secondary);grid-template-columns:45% 54.5%}.email-analysis-simple-desktop-left.left-panel,.email-analysis-simple-desktop-right.right-panel{background:var(--bg-card);border-radius:12px;box-shadow:0 2px 10px #00000014;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:100%;min-height:400px;overflow:hidden}.email-analysis-simple-desktop-left.left-panel *,.email-analysis-simple-desktop-right.right-panel *{box-sizing:border-box;max-width:100%}.email-analysis-simple-desktop-left .common-section-header,.email-analysis-simple-desktop-right .common-section-header{align-items:center;border-bottom:none;color:#fff;display:flex;font-weight:600;gap:.75rem;padding:1rem 1.5rem}.email-analysis-simple-desktop-left .common-section-header h3,.email-analysis-simple-desktop-right .common-section-header h3{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.email-analysis-simple-desktop-left .common-section-header svg,.email-analysis-simple-desktop-right .common-section-header svg{font-size:1rem}.email-analysis-simple-desktop-panel-content.panel-content{background:#fff;flex:1 1;overflow-y:auto;padding:0}.email-analysis-simple-desktop-panel-content .common-section.analysis-results-section{display:flex;flex-direction:column;height:100%}.email-analysis-simple-desktop-no-case.no-case-selected{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:1.5rem 1rem 3rem;text-align:center}.email-analysis-simple-desktop-no-case.no-case-selected svg{color:#9ca3af;font-size:3rem;margin-bottom:1rem}.email-analysis-simple-desktop-no-case.no-case-selected h3{color:#374151;font-size:1.1rem;margin:0 0 .5rem}.email-analysis-simple-desktop-no-case.no-case-selected p{line-height:1.6;margin:0}.email-analysis-simple-desktop-case-details.case-details{height:100%;padding:0}:root.dark-theme .email-analysis-simple-desktop-left.left-panel,:root.dark-theme .email-analysis-simple-desktop-right.right-panel{background:#1f2937;border:1px solid #374151;box-shadow:0 2px 10px #0000004d}:root.dark-theme .email-analysis-simple-desktop-left .common-section-header,:root.dark-theme .email-analysis-simple-desktop-right .common-section-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-bottom:1px solid #374151}:root.dark-theme .email-analysis-simple-desktop-panel-content.panel-content{background:#1f2937}:root.dark-theme .email-analysis-simple-desktop-panel-content .common-section.analysis-results-section{display:flex;flex-direction:column;height:100%}:root.dark-theme .email-analysis-simple-desktop-no-case.no-case-selected{color:#9ca3af}:root.dark-theme .email-analysis-simple-desktop-no-case.no-case-selected svg{color:#6b7280}:root.dark-theme .email-analysis-simple-desktop-no-case.no-case-selected h3{color:#d1d5db}@media (max-width:1200px){.email-analysis-simple-desktop-layout.analysis-layout.two-panel{grid-template-columns:42% 57.5%}}@media (max-width:992px){.email-analysis-simple-desktop-layout.analysis-layout.two-panel{gap:1rem;grid-template-columns:1fr;grid-template-rows:auto 1fr}.email-analysis-simple-desktop-left.left-panel{min-height:300px}.email-analysis-simple-desktop-right.right-panel{min-height:400px}}@media (max-width:768px){.email-analysis-simple-desktop-layout{display:none!important}}.email-analysis-simple-mobile-interface{background-color:var(--bg-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.email-analysis-simple-mobile-interface *{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word}.email-analysis-simple-mobile-header.common-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem}.email-analysis-simple-mobile-loading{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:20px;text-align:center}.email-analysis-simple-mobile-navigation.tab-navigation{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:0 .5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.email-analysis-simple-mobile-tab.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #d1d5db;box-shadow:0 2px 4px #0000001a;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;font-weight:500;gap:.25rem;min-height:70px;padding:1rem .5rem;transition:all .2s ease}@media (hover:hover) and (pointer:fine){.email-analysis-simple-mobile-tab.tab-button:hover:not(.disabled){background:#f8fafc;color:#667eea}}.email-analysis-simple-mobile-tab.tab-button.active{background:linear-gradient(135deg,#4338ca,#6366f1 50%,#8b5cf6);border-bottom-color:#667eea;border-radius:8px 8px 0 0;box-shadow:-2px -2px 8px #4338ca4d,2px -2px 8px #4338ca4d,0 -4px 16px #6366f133;color:#fff;font-weight:700;position:relative;transform:translateY(-1px);z-index:10}.email-analysis-simple-mobile-tab.tab-button.disabled{border-bottom:3px solid #d1d5db;color:#d1d5db;cursor:not-allowed;opacity:.5}.email-analysis-simple-mobile-tab.tab-button svg{font-size:1.25rem;margin-bottom:.125rem}.email-analysis-simple-mobile-tab.tab-button span{font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.email-analysis-simple-mobile-content.tab-content{background:#fff;box-shadow:0 -1px 3px #0000001a;min-height:calc(100vh - 130px);overflow-y:auto;position:relative}.email-analysis-simple-mobile-details.details-content,.email-analysis-simple-mobile-results.results-content{padding:1rem}.email-analysis-simple-mobile-no-analysis.no-analysis-selected{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem 1rem;text-align:center}.email-analysis-simple-mobile-no-analysis.no-analysis-selected svg{color:#d1d5db;font-size:3rem;margin-bottom:1rem}.email-analysis-simple-mobile-no-analysis.no-analysis-selected h3{color:#374151;font-size:1.25rem;margin:.5rem 0}.email-analysis-simple-mobile-no-analysis.no-analysis-selected p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0;max-width:300px}:root.dark-theme .email-analysis-simple-mobile-interface{background-color:#111827}:root.dark-theme .email-analysis-simple-mobile-navigation.tab-navigation{background:#1f2937;border-bottom-color:#374151}:root.dark-theme .email-analysis-simple-mobile-tab.tab-button{border-bottom-color:#4b5563;box-shadow:0 2px 4px #0000004d;color:#9ca3af}@media (hover:hover) and (pointer:fine){:root.dark-theme .email-analysis-simple-mobile-tab.tab-button:hover:not(.disabled){background:#374151;color:#8b5cf6}}:root.dark-theme .email-analysis-simple-mobile-tab.tab-button.active{background:linear-gradient(135deg,#6d28d9,#8b5cf6 50%,#a855f7);border-bottom-color:#8b5cf6;box-shadow:-2px -2px 8px #6d28d94d,2px -2px 8px #6d28d94d,0 -4px 16px #8b5cf633;color:#fff}:root.dark-theme .email-analysis-simple-mobile-tab.tab-button.disabled{border-bottom-color:#374151;color:#4b5563}:root.dark-theme .email-analysis-simple-mobile-content.tab-content{background:#111827;box-shadow:0 -1px 3px #0000004d}:root.dark-theme .email-analysis-simple-mobile-no-analysis.no-analysis-selected{color:#9ca3af}:root.dark-theme .email-analysis-simple-mobile-no-analysis.no-analysis-selected svg{color:#4b5563}:root.dark-theme .email-analysis-simple-mobile-no-analysis.no-analysis-selected h3{color:#e5e7eb}:root.dark-theme .email-analysis-simple-mobile-no-analysis.no-analysis-selected p{color:#9ca3af}@media (min-width:769px){.email-analysis-simple-mobile-interface{display:none!important}}@media (max-width:480px){.email-analysis-simple-mobile-interface{font-size:14px}.email-analysis-simple-mobile-header.common-header{padding:.75rem}.email-analysis-simple-mobile-tab.tab-button{min-height:60px;padding:.75rem .25rem}.email-analysis-simple-mobile-tab.tab-button svg{font-size:1rem}.email-analysis-simple-mobile-tab.tab-button span{font-size:.7rem}.email-analysis-simple-mobile-details.details-content,.email-analysis-simple-mobile-results.results-content{padding:.75rem}.email-analysis-simple-mobile-no-analysis.no-analysis-selected{padding:2rem .75rem}.email-analysis-simple-mobile-no-analysis.no-analysis-selected svg{font-size:2.5rem}.email-analysis-simple-mobile-results .header-icon-button{height:32px;padding:.4rem;width:32px}.email-analysis-simple-mobile-results .header-icon-button svg{font-size:.875rem}.email-analysis-simple-mobile-results .results-header-top{flex-wrap:nowrap;gap:.5rem}.email-analysis-simple-mobile-results .results-header-top h3{flex:1 1;font-size:1.25rem;font-weight:600;min-width:0}.email-analysis-simple-mobile-results .results-header-top h3 svg{font-size:.875rem}.email-analysis-simple-mobile-no-analysis.no-analysis-selected h3{font-size:1.1rem}.email-analysis-simple-mobile-no-analysis.no-analysis-selected p{font-size:.8rem}}.email-analysis-simple-mobile-interface .analysis-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:1rem;padding:1rem}.email-analysis-simple-mobile-interface .disclaimer-footer{color:var(--text-muted);font-size:.8rem;line-height:1.4;text-align:center}.email-analysis-simple-mobile-interface .disclaimer-footer p{margin:0}.email-analysis-simple-mobile-interface .footer-link{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .2s ease}.email-analysis-simple-mobile-interface .footer-link:hover{color:var(--primary-hover-color);text-decoration:underline}:root.dark-theme .email-analysis-simple-mobile-interface .analysis-footer{background-color:#1f2937;border-top-color:#374151}:root.dark-theme .email-analysis-simple-mobile-interface .disclaimer-footer{color:#9ca3af}:root.dark-theme .email-analysis-simple-mobile-interface .footer-link{color:#8b5cf6}:root.dark-theme .email-analysis-simple-mobile-interface .footer-link:hover{color:#a855f7}@media (max-width:480px){.email-analysis-simple-mobile-interface .analysis-footer{padding:.75rem}.email-analysis-simple-mobile-interface .disclaimer-footer{font-size:.75rem}}.phone-number-scam-check-container .phone-input-container{align-items:center;display:flex;flex:0 0 auto;margin:0 auto;max-width:350px;position:relative;width:350px}.phone-number-scam-check-container .analysis-details,.phone-number-scam-check-container .analysis-details .panel-content{overflow:visible}.validation-error{color:#ef4444;font-size:var(--font-size-sm);gap:.25rem;margin-top:var(--spacing-xs)}.risk-icon.high{color:#ef4444}.risk-icon.medium{color:#f59e0b}.risk-icon.low{color:#10b981}.risk-icon.unknown{color:var(--text-secondary)}.risk-indicator{gap:.5rem}.risk-indicator.risk-high{color:#ef4444}.risk-indicator.risk-medium{color:#f59e0b}.risk-indicator.risk-low{color:#10b981}.risk-indicator.risk-unknown{color:var(--text-secondary)}.info-section{background:var(--bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-2xl);padding:var(--spacing-xl)}.info-section h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-sm) 0}.info-section p{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6;margin:0}.tips-section{margin-bottom:var(--spacing-xl)}.tips-section h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-sm) 0}.tips-section ul{list-style:disc;margin:0;padding-left:var(--spacing-xl)}.tips-section li{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6;margin-bottom:var(--spacing-xs)}.tips-section li:last-child{margin-bottom:0}.analysis-section{margin-bottom:var(--spacing-xl)}.analysis-section:last-child{margin-bottom:0}.analysis-section h4{color:var(--text-primary);font-size:var(--font-size-md);margin:0 0 var(--spacing-md) 0}.compact-analysis{gap:var(--spacing-sm)}.analysis-line{font-size:var(--font-size-md);gap:var(--spacing-md)}.analysis-line strong{color:var(--text-secondary);font-weight:500}.analysis-text{color:var(--text-primary);line-height:1.6;margin-bottom:var(--spacing-lg)}.analysis-text,.warning-box{font-size:var(--font-size-md)}.warning-box{align-items:flex-start;background:#fef3c7;border:2px solid #fbbf24;border-radius:var(--radius-md);color:#92400e;display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}[data-theme=dark] .warning-box{background:#451a03;border-color:#f59e0b;color:#fbbf24}.warning-box svg{flex-shrink:0;margin-top:2px}.warning-box strong{font-weight:600}.recommendations-list{color:var(--text-primary);font-size:var(--font-size-md);list-style:disc;margin-left:var(--spacing-xl)}.recommendations-list li{line-height:1.6;margin-bottom:var(--spacing-md)}.status-badge{border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:.25rem .75rem}.status-found{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}[data-theme=dark] .status-found{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.status-clear{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}[data-theme=dark] .status-clear{background:#064e3b;border-color:#065f46;color:#6ee7b7}.no-results{color:var(--text-muted);padding:var(--spacing-4xl)}.no-results-icon{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5}.phone-number-scam-check-container .no-results p{font-size:.95rem;line-height:1.6}.source-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.source-item:last-child{margin-bottom:0}.source-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.source-icon{color:var(--accent-green);font-size:var(--font-size-lg)}.source-header h5{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:0}.text-message-analysis-container{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;overflow-x:hidden;padding:20px}.analysis-header{margin-bottom:30px;text-align:center}.analysis-header h3{align-items:center;color:#333;display:flex;font-size:2.2em;gap:10px;justify-content:center;margin-bottom:10px}.header-icon{color:#4caf50}.analysis-header p{color:#666;font-size:1.1em;margin:0}.common-layout{align-items:flex-start;background:#f5f5f5;border-radius:8px;gap:10px;margin-left:0;margin-top:0;padding:.5rem}.analysis-form-container{flex:0 0 40%}.analysis-details{word-wrap:break-word;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;flex:0 0 59%;min-width:0;overflow:hidden}.analysis-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.analysis-form-container .panel-content{padding:.25rem .25rem .25rem 5px}.analysis-details .panel-content{overflow:visible;padding:.25rem}.analysis-form{display:flex;flex-direction:column;gap:6px}.input-section{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.input-header{align-items:center;display:flex;gap:8px;margin-bottom:15px}.input-header h3{color:#333;font-size:1.2em;margin:0}.section-icon{color:#4caf50;font-size:1.1em}.input-header.disabled{opacity:.5}.input-header.disabled h3{color:#999}.input-header.disabled .section-icon{color:#ccc}.phone-input-container{margin-bottom:0;padding-bottom:0;position:relative;text-align:left;width:100%}.phone-input{max-width:100%;padding:5px!important;text-align:left;width:100%}.text-message-analysis-container .phone-input-wrapper{height:48px;min-height:48px;outline:none}.phone-input:focus{border:var(--focus-border-width) solid var(--focus-border-color)!important;box-shadow:var(--focus-shadow)!important;outline:var(--focus-outline)!important;transition:var(--focus-transition)}.validation-error{align-items:center;color:#d32f2f;display:flex;font-size:.9em;gap:8px;margin-top:8px}.short-code-input-container{margin-bottom:0;padding-bottom:0;position:relative;text-align:left;width:100%}.short-code-input{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;height:48px;min-height:48px;padding:10px 45px 10px 19px;text-align:left;transition:border-color .3s ease;width:100%}.short-code-input:focus{border:var(--focus-border-width) solid var(--focus-border-color)!important;box-shadow:var(--focus-shadow)!important;outline:var(--focus-outline)!important;transition:var(--focus-transition)}.short-code-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-with-clear .phone-input input{padding-right:45px!important}.clear-phone-field-btn{right:6px;top:35%}.clear-code-field-btn,.clear-phone-field-btn{align-items:center;background:none;border:none;border-radius:0;color:#666;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:6px;position:absolute;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.clear-code-field-btn{right:13px;top:50%}.clear-field-btn:hover{background-color:#f0f0f0;color:#333}.clear-field-btn:active{background-color:#e0e0e0}.clear-field-btn:disabled{cursor:not-allowed;opacity:.5}.input-help-text{color:#666;font-size:.85em;font-style:italic;margin-top:5px}.optional-label{color:#888;font-size:.8em;font-weight:400}.sender-inputs-row{align-items:flex-end;display:flex;gap:15px;justify-content:flex-start;margin-bottom:8px}.input-column{align-items:flex-start;align-self:flex-end;display:flex;flex-direction:column;min-width:0;text-align:left}.input-column:first-child{flex:2 1}.input-column:last-child{flex:1.2 1}.divider-column{align-self:center;margin-top:30px}.divider-column,.or-divider{align-items:center;display:flex;justify-content:center;width:30px}.or-divider{background:#4caf50;border-radius:50%;color:#fff;font-size:.7em;font-weight:700;height:30px}.sender-help-text{color:#666;font-size:.8em;font-style:italic;margin-bottom:10px;margin-top:0;text-align:left}.input-header.compact{align-items:center;display:flex;margin-bottom:6px;min-height:24px}.input-header.compact h3,.input-header.compact label{font-size:var(--font-size-md);font-weight:400;line-height:1.5;margin:0;min-height:24px}.input-section.compact{margin-bottom:10px}.phone-input.compact,.short-code-input.compact{width:100%}.text-message-input.compact{min-height:60px}.text-input-container{box-sizing:border-box;position:relative;width:100%}.text-message-input{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;max-width:100%;min-height:90px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.text-message-input:focus{border:var(--focus-border-width) solid var(--focus-border-color)!important;box-shadow:var(--focus-shadow)!important;outline:var(--focus-outline)!important;transition:var(--focus-transition)}.text-message-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.character-count{color:#666;font-size:.85em;margin-top:5px;text-align:right}.form-actions{gap:5px;padding:0 10px!important}.analyze-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:14px 28px;transition:all .3s ease}.analyze-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.analyze-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.clear-btn{align-items:center;background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:14px 24px;transition:all .3s ease}.error-message{background:#ffebee;border:1px solid #ffcdd2;color:#d32f2f;gap:10px;margin-bottom:20px;padding:16px}.error-message svg{font-size:1.2em}.results-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:0;justify-content:center;margin-bottom:0;padding-bottom:0}.results-header h4{color:#333;font-size:var(--font-size-xl);font-weight:600;margin:0;padding:4px 0}.results-icon{color:#4caf50;font-size:1.2em}.overall-risk{align-items:flex-start;border-left:5px solid;border-radius:10px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.overall-risk.risk-high{background:#ffebee;border-left-color:#f44336}.overall-risk.risk-medium{background:#fff8e1;border-left-color:#ff9800}.overall-risk.risk-low{background:#e8f5e8;border-left-color:#4caf50}.overall-risk.risk-unknown{background:#f5f5f5;border-left-color:#9e9e9e}.risk-icon{font-size:1.5em}.risk-high .risk-icon{color:#f44336}.risk-medium .risk-icon{color:#ff9800}.risk-low .risk-icon{color:#4caf50}.risk-unknown .risk-icon{color:#9e9e9e}.risk-content h4{color:#333;font-size:1.2em;margin:0 0 5px}.risk-content p{color:#666;line-height:1.5;margin:0}.analysis-section{word-wrap:break-word;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;-webkit-hyphens:auto;hyphens:auto;margin-bottom:12px;overflow-wrap:break-word;padding:15px;width:100%}.overall-risk-section{background:#f0f8ff;border:2px solid #4caf50;box-shadow:0 2px 8px #4caf5026}.analysis-section h4{align-items:center;color:#333;display:flex;font-size:var(--font-size-xl);font-weight:600;gap:0;margin:0;padding:4px 0}.analysis-details{display:flex;flex-direction:column;gap:8px}.detail-item{align-items:flex-start}.detail-item strong{color:#333;min-width:120px}.detail-item.risk-level{border-radius:6px;font-weight:600;padding:8px 12px}.detail-item.risk-level.risk-high{background:#ffebee;color:#d32f2f}.detail-item.risk-level.risk-medium{background:#fff8e1;color:#f57c00}.detail-item.risk-level.risk-low{background:#e8f5e8;color:#2e7d32}.detail-item.risk-level.risk-unknown{background:#f5f5f5;color:#616161}.detail-item ul{margin:0;padding-left:20px}.detail-item li{margin-bottom:2px}.compact-analysis{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;margin-top:10px;overflow-wrap:break-word;width:100%}.analysis-line{word-wrap:break-word;flex-wrap:wrap;font-family:inherit;font-size:16px;gap:8px;line-height:1.4;margin-bottom:4px;overflow-wrap:break-word}.analysis-line.top-aligned{align-items:flex-start}.analysis-line strong{word-wrap:break-word;color:#333;flex-shrink:0;font-size:16px;max-width:150px;min-width:100px}.risk-indicator{font-size:var(--font-size-md);font-weight:600;gap:4px;padding:2px 8px}.risk-indicator.risk-high{background:#ffebee;color:#d32f2f}.risk-indicator.risk-medium{background:#fff8e1;color:#f57c00}.risk-indicator.risk-low{background:#e8f5e8;color:#2e7d32}.risk-indicator.risk-unknown{background:#f5f5f5;color:#616161}.risk-indicator svg{font-size:.9em}.risk-indicator.de-emphasized{background:#0000;border-radius:0;font-size:14px;font-weight:400;opacity:.8;padding:0}.risk-indicator.de-emphasized.risk-high{background:#0000;color:#d32f2f}.risk-indicator.de-emphasized.risk-medium{background:#0000;color:#f57c00}.risk-indicator.de-emphasized.risk-low{background:#0000;color:#2e7d32}.risk-indicator.de-emphasized.risk-unknown{background:#0000;color:#616161}.risk-indicator.de-emphasized svg{font-size:.8em}.analysis-metadata{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:10px;text-align:center}.analysis-metadata small{color:#666;font-style:italic}.analysis-details .common-section-header{border-top-left-radius:8px;border-top-right-radius:8px}@media (max-width:768px){.text-message-analysis-container{padding:15px}.analysis-form-container{padding:0}.analysis-header h3{font-size:1.8em}.input-section{padding:5px}.form-actions{align-items:stretch;flex-direction:column}.analyze-btn,.clear-btn{justify-content:center;width:100%}.phone-input{max-width:100%}.sender-inputs-row{flex-direction:column;gap:15px}.divider-column,.or-divider{display:none}.sender-help-text{margin-bottom:10px;margin-top:0;text-align:left}.overall-risk{flex-direction:column;gap:8px}.detail-item{flex-direction:column;gap:2px}.detail-item strong{min-width:auto}.text-message-input{max-width:100%}.text-input-container,.text-message-input{box-sizing:border-box;width:100%}}@media (max-width:480px){.analysis-header h3{flex-direction:column;gap:5px}.input-header{align-items:center;flex-direction:row;gap:8px}.input-header.compact h3{font-size:1.2em}.results-header{align-items:center;flex-direction:row;gap:8px}}[data-theme=light] .text-message-analysis-container{background-color:#fff;color:#333}[data-theme=light] .analysis-section{background-color:#fafafa;border-color:#e0e0e0;color:#333}[data-theme=light] .common-layout{background:#f5f5f5}[data-theme=light] .analysis-details{background:#f9fafb;border-color:#e5e7eb;box-shadow:0 2px 8px #0000001a}[data-theme=light] .short-code-input,[data-theme=light] .text-message-input{background-color:#fff;border-color:#ddd;color:#333}[data-theme=light] .short-code-input::placeholder,[data-theme=light] .text-message-input::placeholder{color:#999}[data-theme=light] .analyze-btn{background-color:#4caf50;border-color:#4caf50;color:#fff}[data-theme=light] .analyze-btn:disabled{background-color:#ccc!important;border-color:#ccc!important;color:#666!important;cursor:not-allowed!important}[data-theme=light] .clear-btn{background-color:#6c757d;border-color:#6c757d;color:#fff}[data-theme=dark] .text-message-analysis-container{background-color:#1a1a1a;color:#e0e0e0}[data-theme=dark] .analysis-form-container{background-color:#2d2d2d;border-color:#404040}[data-theme=dark] .common-layout{background:linear-gradient(135deg,#1a1a1a,#2d2d30)}[data-theme=dark] .analysis-details{background:#2d3748;border-color:#4a5568;box-shadow:0 4px 20px #0003}[data-theme=dark] .analysis-section{background-color:#1f1f1f;border-color:#404040;color:#e0e0e0}[data-theme=dark] .analysis-section h4{color:#e0e0e0}[data-theme=dark] .overall-risk-section{background-color:#1a2332;border-color:#4caf50;box-shadow:0 2px 8px #4caf5040}[data-theme=dark] .short-code-input,[data-theme=dark] .text-message-input{background-color:#2d2d2d;border-color:#555;color:#e0e0e0}[data-theme=dark] .short-code-input::placeholder,[data-theme=dark] .text-message-input::placeholder{color:#999}[data-theme=dark] .analyze-btn{background-color:#45a049;border-color:#45a049}[data-theme=dark] .analyze-btn:disabled{background-color:#555!important;border-color:#555!important;color:#999!important;cursor:not-allowed!important}[data-theme=dark] .clear-btn{background-color:#5a6268;border-color:#5a6268;color:#fff}[data-theme=dark] .error-message{background-color:#3d1a1a;border-color:#8b1a1a;color:#ff6b6b}[data-theme=dark] .validation-error{color:#ff6b6b}[data-theme=dark] .character-count,[data-theme=dark] .sender-help-text{color:#b0b0b0}[data-theme=dark] .input-header h3{color:#e0e0e0}[data-theme=dark] .input-header.disabled h3{color:#666}[data-theme=dark] .input-with-clear,[data-theme=dark] .phone-input-container,[data-theme=dark] .results-header h4,[data-theme=dark] .short-code-input-container{color:#e0e0e0}[data-theme=dark] .clear-field-btn{background-color:#495057;border-color:#495057;color:#adb5bd}[data-theme=dark] .clear-field-btn:hover{background-color:#5a6268;color:#fff}[data-theme=dark] .tab-navigation{background-color:#2d2d2d;border-bottom-color:#404040}[data-theme=dark] .tab-button{background:#374151;border-bottom:3px solid #555;box-shadow:none;color:#b0b0b0}[data-theme=dark] .tab-button:focus:not(.disabled),[data-theme=dark] .tab-button:hover:not(.disabled){background:#4b5563;border-bottom-color:#4caf50;color:#4caf50}[data-theme=dark] .tab-button.active{background:#2d2d2d;border:2px solid #4caf50;border-bottom:none;border-radius:6px 6px 0 0;box-shadow:0 -2px 8px #4caf5026;color:#4caf50}[data-theme=dark] .tab-button.disabled{border-bottom:3px solid #555;color:#555}[data-theme=dark] .tab-container,[data-theme=dark] .tab-content.input-tab{background:#1a1a1a}[data-theme=dark] .tab-content.results-tab{background:#2d2d2d}[data-theme=dark] .tab-header{border-bottom-color:#404040}[data-theme=dark] .tab-header h3{color:#e0e0e0}[data-theme=dark] .empty-state-content,[data-theme=dark] .tab-subtitle{color:#b0b0b0}[data-theme=dark] .empty-state-content .empty-icon{color:#666}[data-theme=dark] .empty-state-content h3{color:#e0e0e0}@media (max-width:768px){.common-layout{flex-direction:column;gap:8px}.analysis-form-container,.analysis-results{flex:1 1 100%;max-width:100%}.mobile-tab-layout{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.tab-navigation{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;margin-top:4px;padding:0 .5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.tab-button{align-items:center;background:#f8fafc;border:none;border-bottom:3px solid #d1d5db;border-radius:0;box-shadow:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;font-weight:500;gap:.25rem;min-height:60px;padding:.75rem .5rem;position:relative;transition:all .15s ease}.tab-button:focus:not(.disabled),.tab-button:hover:not(.disabled){background:#f1f5f9;border-bottom-color:#4caf50;color:#4caf50}.tab-button:focus:not(.disabled){outline:none}.tab-button.active{background:#fff;border:2px solid #4caf50;border-bottom:none;border-radius:6px 6px 0 0;box-shadow:0 -2px 8px #4caf501a;color:#4caf50;font-weight:600;position:relative;z-index:10}.tab-button.disabled{border-bottom:3px solid #d1d5db;color:#d1d5db;cursor:not-allowed;opacity:.5}.tab-button svg{font-size:1.2rem}.tab-container{background:#fff;flex:1 1;overflow-y:auto}.tab-content{min-height:100%;padding:0}.tab-content.input-tab{background:#f8fafc}.tab-content.results-tab{background:#fff}.tab-header{border-bottom:1px solid #e5e7eb;margin-bottom:0;padding-bottom:0;text-align:center}.tab-header h3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;justify-content:center;margin:0 0 .5rem}.tab-header h3 svg{color:#4caf50;font-size:1.1rem}.tab-subtitle{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.empty-state{align-items:center;display:flex;justify-content:center;min-height:300px}.empty-state-content{color:#6b7280;text-align:center}.empty-state-content .empty-icon{color:#d1d5db;font-size:3rem;margin-bottom:1rem}.empty-state-content h3{color:#374151;font-size:1.125rem;margin:0 0 .5rem}.empty-state-content p{font-size:.875rem;margin:0}.tab-content .analysis-form{max-width:100%}.tab-content .analysis-results{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:0}}.analysis-footer{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px;text-align:center}.disclaimer-footer{color:#6b7280;font-size:.85rem;line-height:1.5;margin:0 auto;max-width:700px}.disclaimer-footer a{color:#4caf50;font-weight:500;text-decoration:none;transition:color .2s ease}.disclaimer-footer a:hover{color:#45a049;text-decoration:underline}@media (max-width:768px){.analysis-footer{margin-top:20px;padding-left:10px;padding-right:10px;padding-top:15px}.disclaimer-footer{font-size:.8rem;max-width:100%}}[data-theme=dark] .common-layout{background:linear-gradient(135deg,#1f2937,#374151)!important}[data-theme=dark] .analysis-form-container{background:#2d3748!important;border:1px solid #4a5568!important}[data-theme=dark] .analysis-details{background:#334155!important;border:1px solid #4a5568!important}[data-theme=dark] .common-section-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:1px solid #4a5568!important}[data-theme=dark] .common-section-header h3{color:#fff!important}[data-theme=dark] .analysis-header h3{color:#f9fafb}[data-theme=dark] .analysis-header p{color:#d1d5db}[data-theme=dark] .input-header h3,[data-theme=dark] .input-header label{color:#f9fafb}[data-theme=dark] .input-section{background:#2d3748;border:1px solid #4a5568}[data-theme=dark] .sender-info-section{background:#2d3748!important;border-radius:6px!important;padding:10px!important}[data-theme=dark] .form-actions{background:#1e293b!important;border-radius:6px!important;padding:10px!important}[data-theme=dark] .form-actions-fixed{background:#2c3749!important;border-top-color:#4a5568!important}[data-theme=dark] .input-column,[data-theme=dark] .sender-inputs-row{background:#0000}[data-theme=dark] .message-textarea,[data-theme=dark] .short-code-input,[data-theme=dark] .text-message-input{background:#2d3748!important;border:2px solid #4a5568!important;color:#e2e8f0!important}[data-theme=dark] .message-textarea::placeholder,[data-theme=dark] .short-code-input::placeholder,[data-theme=dark] .text-message-input::placeholder{color:#94a3b8!important}[data-theme=dark] .message-textarea:disabled,[data-theme=dark] .short-code-input:disabled,[data-theme=dark] .text-message-input:disabled{background:#1e293b!important;color:#64748b!important}[data-theme=dark] .clear-code-field-btn,[data-theme=dark] .clear-phone-field-btn{color:#94a3b8}[data-theme=dark] .clear-code-field-btn:hover,[data-theme=dark] .clear-phone-field-btn:hover{background:#4a5568;color:#e2e8f0}[data-theme=dark] .or-divider{background:#2d3748;color:#94a3b8}[data-theme=dark] .validation-error{color:#fc8181}[data-theme=dark] .error-message{background:#7f1d1d}[data-theme=dark] .char-count,[data-theme=dark] .character-count{color:#94a3b8}[data-theme=dark] .analyze-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}[data-theme=dark] .clear-btn{background:#4a5568;border:1px solid #64748b;color:#e2e8f0}[data-theme=dark] .clear-btn:hover:not(:disabled){background:#dc2626;border-color:#b91c1c}[data-theme=dark] .no-analysis{color:#94a3b8}[data-theme=dark] .no-analysis-icon{color:#64748b}[data-theme=dark] .analysis-section{background:#2d3748;border:1px solid #4a5568}[data-theme=dark] .analysis-section h4{color:#f9fafb}[data-theme=dark] .analysis-line{color:#e2e8f0}[data-theme=dark] .analysis-line strong{color:#f9fafb}[data-theme=dark] .panel-content{background:#0000}[data-theme=dark] .analysis-footer{border-top-color:#4a5568}[data-theme=dark] .disclaimer-footer{color:#a0aec0}[data-theme=dark] .disclaimer-footer a{color:#68d391}[data-theme=dark] .disclaimer-footer a:hover{color:#4fd1c7}.analysis-form-container{display:flex!important;flex:0 0 40%!important;flex-direction:column!important;min-width:0}.analysis-form-container .common-section-header{flex-shrink:0}.analysis-form-container .panel-content{display:flex!important;flex:1 1!important;flex-direction:column!important;min-height:0}.analysis-form-container .panel-content form{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.analysis-form-container .scrollable-panel{flex:1 1!important;min-height:0}.analysis-form-container .form-actions-fixed{flex-shrink:0}.messages-list-wrapper{margin:8px 0;position:relative}.messages-list-compact{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;gap:10px;max-height:600px;min-height:200px;overflow-y:auto;padding:12px}.scroll-indicator{animation:bounce 2s ease-in-out infinite;background:#000000b3;border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:14px;left:50%;padding:8px 16px;pointer-events:auto;position:absolute;transform:translateX(-50%);transition:background .2s ease;z-index:10}.scroll-indicator:hover{background:#000000d9}.scroll-indicator-top{top:4px}.scroll-indicator-bottom{bottom:4px}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}.scroll-indicator-bottom{animation-name:bounceDown}@keyframes bounceDown{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(4px)}}.imessage-bubble-wrapper{align-items:flex-start;display:flex;gap:12px;width:100%}.imessage-bubble-wrapper.wrapper-left{justify-content:flex-start}.imessage-bubble-wrapper.wrapper-right{justify-content:flex-end}.imessage-bubble-container{display:flex;flex-direction:column;gap:6px;max-width:90%}.imessage-bubble-container.bubble-left{align-items:flex-start}.imessage-bubble-container.bubble-right{align-items:flex-end}.sender-btn-group{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.sender-label{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sender-btn-bubble,.sender-label{color:#cbd5e1;transition:all .2s ease}.sender-btn-bubble{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;opacity:.4;width:36px}.sender-btn-bubble:hover:not(:disabled):not(.active){background:#f8fafc;color:#94a3b8;opacity:.6;transform:scale(1.05)}.sender-btn-bubble.active{background:linear-gradient(135deg,#5b9bd5,#4a8bc2);border-color:#4a8bc2;box-shadow:0 2px 6px #5b9bd580;color:#fff;opacity:1;transform:scale(1.05)}.sender-btn-bubble.active+.sender-label{color:#5b9bd5;font-weight:700}.sender-btn-bubble:disabled{cursor:not-allowed;opacity:.3}.bubble-controls{align-items:center;display:flex;gap:8px;opacity:.7;padding:0 8px;transition:opacity .2s}.imessage-bubble-container:hover .bubble-controls{opacity:1}.message-number-bubble{color:#94a3b8;font-size:.8rem;font-weight:600}.remove-bubble-btn{align-items:center;background:#fff;border:1px solid #fee2e2;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.remove-bubble-btn:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.remove-bubble-btn:disabled{cursor:not-allowed;opacity:.5}.imessage-bubble{word-wrap:break-word;border-radius:18px;box-shadow:0 1px 2px #0000001a;max-width:100%;min-width:250px;padding:10px 14px;position:relative}.imessage-bubble.them{background:#e5e5ea;border-top-left-radius:4px;color:#000}.imessage-bubble.you{background:#007aff;border-top-right-radius:4px;color:#fff}.bubble-text-input{background:#0000;border:none;color:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.95rem;line-height:1.4;min-height:32px;min-width:220px;padding:0;resize:vertical;width:100%}.imessage-bubble.them .bubble-text-input{color:#000}.imessage-bubble.you .bubble-text-input{color:#fff}.bubble-text-input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.bubble-text-input:disabled{cursor:not-allowed;opacity:.7}.bubble-text-input::placeholder{color:inherit;font-style:italic;opacity:.6}.sender-info-compact{margin-bottom:16px}.section-label{align-items:center;color:#475569;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:12px}.section-label svg{color:#5b9bd5;font-size:1.1rem}.sender-inputs-inline{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.phone-input-wrapper,.short-code-wrapper{flex:1 1;min-width:200px;position:relative}.phone-input-inline,.short-code-input-inline{border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:all .2s ease;width:100%}.phone-input-inline:focus,.short-code-input-inline:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.phone-input-inline:disabled,.short-code-input-inline:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.or-text{color:#94a3b8;flex-shrink:0;font-size:.9rem;font-weight:600;padding:0 4px}.validation-error-inline{align-items:center;bottom:-22px;color:#dc2626;display:flex;font-size:.85rem;gap:5px;left:0;margin-top:4px;position:absolute}.short-code-wrapper{position:relative}.clear-btn-inline{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .2s}.clear-btn-inline:hover{color:#dc2626}.messages-section-compact{margin-top:20px}.scrollable-section{margin-bottom:0;max-height:calc(100vh - 450px)}.scrollable-panel,.scrollable-section{overflow-y:auto;padding-right:8px}.scrollable-panel::-webkit-scrollbar,.scrollable-section::-webkit-scrollbar{width:8px}.scrollable-panel::-webkit-scrollbar-track,.scrollable-section::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.scrollable-panel::-webkit-scrollbar-thumb,.scrollable-section::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.scrollable-panel::-webkit-scrollbar-thumb:hover,.scrollable-section::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-actions-fixed{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:0;padding:16px;position:relative}.form-actions-fixed,.sticky-actions{background:#fff;border-top:2px solid #e2e8f0;z-index:10}.sticky-actions{bottom:0;margin-top:16px;padding:16px 0;position:-webkit-sticky;position:sticky}.messages-list-compact{display:flex;flex-direction:column;gap:12px;margin:12px 0}.message-input-container{border-radius:8px;padding:10px;transition:all .2s ease}.message-input-container:hover{box-shadow:0 2px 8px #0000000f}.message-compact-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.sender-toggle-inline{background:#fff;border:2px solid #e2e8f0;border-radius:6px;display:flex;gap:4px;padding:2px}.sender-btn-inline{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.sender-btn-inline:hover:not(:disabled){background:#f1f5f9;color:#475569}.sender-btn-inline.active{background:linear-gradient(135deg,#5b9bd5,#4a8bc2);box-shadow:0 2px 4px #5b9bd54d;color:#fff}.sender-btn-inline:disabled{cursor:not-allowed;opacity:.5}.message-number-compact{color:#94a3b8;flex:1 1;font-size:.85rem;font-weight:600}.remove-message-btn-compact{align-items:center;background:#fff;border:1px solid #fee2e2;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.remove-message-btn-compact:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.remove-message-btn-compact:disabled{cursor:not-allowed;opacity:.5}.message-text-input-compact{background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.95rem;line-height:1.5;min-height:60px;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.message-text-input-compact:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.message-text-input-compact:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.message-text-input-compact::placeholder{color:#94a3b8;font-style:italic}.add-message-btn-compact{align-items:center;background:#fff;border:2px dashed #cbd5e1;border-radius:8px;color:#5b9bd5;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:24px;padding:12px 16px;transition:all .2s ease;width:100%}.add-message-btn-compact:hover:not(:disabled){background:#f0f7ff;border-color:#5b9bd5;color:#4a8bc2}.add-message-btn-compact:disabled{cursor:not-allowed;opacity:.5}.messages-section-compact+.form-actions{margin-bottom:0}[data-theme=dark] .form-actions-fixed,[data-theme=dark] .sticky-actions{background:#0f172a;border-top-color:#334155}[data-theme=dark] .scrollable-panel::-webkit-scrollbar-track,[data-theme=dark] .scrollable-section::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] .scrollable-panel::-webkit-scrollbar-thumb,[data-theme=dark] .scrollable-section::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] .scrollable-panel::-webkit-scrollbar-thumb:hover,[data-theme=dark] .scrollable-section::-webkit-scrollbar-thumb:hover{background:#64748b}.messages-section{background:#fff;border:2px solid #e8eef5;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-top:20px;padding:20px}.messages-header{border-bottom:2px solid #e8eef5;margin-bottom:20px;padding-bottom:15px}.messages-header h4{align-items:center;color:#2c3e50;display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin:0 0 10px}.messages-header h4 svg{color:#5b9bd5;font-size:1.4rem}.messages-help-text{color:#64748b;font-size:.95rem;font-style:italic;line-height:1.5;margin:8px 0 0}.messages-list{display:flex;flex-direction:column;gap:18px;margin-bottom:20px;padding:5px}.message-input-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:18px;transition:all .3s ease}.message-input-container:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.message-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.message-number{color:#475569;font-size:1.1rem;font-weight:600;letter-spacing:.3px}.message-controls{align-items:center;display:flex;gap:15px}.sender-toggle{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:8px;padding:4px}.sender-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.sender-btn:hover:not(:disabled){background:#f1f5f9;color:#334155}.sender-btn.active{background:linear-gradient(135deg,#5b9bd5,#4a8bc2);box-shadow:0 2px 4px #5b9bd54d;color:#fff}.sender-btn:disabled{cursor:not-allowed;opacity:.5}.sender-btn svg{font-size:1rem}.remove-message-btn{align-items:center;background:#fff;border:2px solid #fee2e2;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.remove-message-btn:hover:not(:disabled){background:#fee2e2;border-color:#dc2626;transform:scale(1.05)}.remove-message-btn:disabled{cursor:not-allowed;opacity:.5}.message-content{display:flex;flex-direction:column;gap:10px}.message-text-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.6;min-height:100px;padding:12px 15px;resize:vertical;transition:all .3s ease;width:100%}.message-text-input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.message-text-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.message-text-input::placeholder{color:#94a3b8;font-style:italic}.message-footer{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-top:8px}.timestamp-input{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.timestamp-icon{color:#64748b;flex-shrink:0;font-size:.95rem}.timestamp-field{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;flex:1 1;font-size:.9rem;min-width:0;padding:8px 12px;transition:all .2s ease}.timestamp-field:focus{border-color:#5b9bd5;box-shadow:0 0 0 2px #5b9bd51a;outline:none}.timestamp-field:disabled{background:#f8fafc;cursor:not-allowed}.character-count,.timestamp-field::placeholder{color:#94a3b8;font-size:.85rem}.character-count{font-weight:500;white-space:nowrap}.add-message-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:14px 20px;transition:all .3s ease;width:100%}.add-message-btn:hover:not(:disabled){background:linear-gradient(135deg,#5b9bd5,#4a8bc2);border-color:#4a8bc2;border-style:solid;box-shadow:0 4px 12px #5b9bd54d;color:#fff;transform:translateY(-2px)}.add-message-btn:disabled{cursor:not-allowed;opacity:.5}.add-message-btn svg{font-size:1.1rem}.sender-info-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;margin-bottom:0;padding:5px}@media (max-width:768px){.imessage-bubble-container{max-width:85%}.messages-list-compact{padding:12px}.sender-btn-bubble{font-size:.9rem;height:32px;width:32px}.imessage-bubble-wrapper{gap:8px}.bubble-controls{flex-wrap:wrap;gap:6px}.sender-inputs-inline{flex-direction:column;gap:10px}.phone-input-wrapper,.short-code-wrapper{min-width:0;width:100%}.or-text{align-self:center;font-size:.85rem}.message-input-container,.messages-section{padding:15px}.message-header{align-items:flex-start;flex-direction:column;gap:12px}.message-controls{flex-direction:column;gap:10px;width:100%}.sender-toggle{justify-content:center;width:100%}.sender-btn{flex:1 1;justify-content:center;padding:10px 12px}.remove-message-btn{height:40px;width:100%}.message-footer{align-items:stretch;flex-direction:column;gap:10px}.timestamp-input{width:100%}.character-count{text-align:right}.messages-list{max-height:none}}[data-theme=dark] .messages-list-compact{background:#1e293b}[data-theme=dark] .scroll-indicator{background:#ffffffe6;color:#1e293b}[data-theme=dark] .scroll-indicator:hover{background:#fff}[data-theme=dark] .sender-btn-bubble{background:#0f172a;border-color:#334155;color:#475569;opacity:.3}[data-theme=dark] .sender-btn-bubble:hover:not(:disabled):not(.active){background:#1e293b;color:#64748b;opacity:.5}[data-theme=dark] .sender-btn-bubble.active{opacity:1}[data-theme=dark] .sender-btn-bubble.active+.sender-label{color:#5b9bd5}[data-theme=dark] .sender-label{color:#475569}[data-theme=dark] .message-number-bubble{color:#64748b}[data-theme=dark] .remove-bubble-btn{background:#0f172a;border-color:#991b1b}[data-theme=dark] .remove-bubble-btn:hover:not(:disabled){background:#7f1d1d}[data-theme=dark] .imessage-bubble.them{background:#3a3a3c;color:#fff}[data-theme=dark] .imessage-bubble.them .bubble-text-input{color:#fff}[data-theme=dark] .imessage-bubble.you{background:#0a84ff;color:#fff}[data-theme=dark] .section-label{color:#cbd5e1}[data-theme=dark] .phone-input-inline,[data-theme=dark] .short-code-input-inline{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .phone-input-inline:disabled,[data-theme=dark] .short-code-input-inline:disabled{background:#1e293b}[data-theme=dark] .or-text{color:#64748b}[data-theme=dark] .sender-toggle-inline{background:#1e293b;border-color:#334155}[data-theme=dark] .sender-btn-inline{color:#94a3b8}[data-theme=dark] .sender-btn-inline:hover:not(:disabled){background:#334155;color:#e2e8f0}[data-theme=dark] .message-number-compact{color:#64748b}[data-theme=dark] .remove-message-btn-compact{background:#1e293b;border-color:#991b1b}[data-theme=dark] .remove-message-btn-compact:hover:not(:disabled){background:#7f1d1d}[data-theme=dark] .message-text-input-compact{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .add-message-btn-compact{background:#1e293b;border-color:#475569;color:#5b9bd5}[data-theme=dark] .add-message-btn-compact:hover:not(:disabled){background:#0f172a;border-color:#5b9bd5}[data-theme=dark] .messages-section{background:#1e293b;border-color:#334155}[data-theme=dark] .messages-header{border-bottom-color:#334155}[data-theme=dark] .messages-header h4{color:#e2e8f0}[data-theme=dark] .messages-help-text{color:#94a3b8}[data-theme=dark] .message-input-container{background:#0f172a;border-color:#334155}[data-theme=dark] .message-input-container:hover{background:#1e293b;border-color:#475569}[data-theme=dark] .message-header{border-bottom-color:#334155}[data-theme=dark] .message-number{color:#cbd5e1}[data-theme=dark] .sender-toggle{background:#1e293b;border-color:#334155}[data-theme=dark] .sender-btn{color:#94a3b8}[data-theme=dark] .sender-btn:hover:not(:disabled){background:#334155;color:#e2e8f0}[data-theme=dark] .remove-message-btn{background:#1e293b;border-color:#991b1b}[data-theme=dark] .remove-message-btn:hover:not(:disabled){background:#7f1d1d;border-color:#dc2626}[data-theme=dark] .message-text-input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .message-text-input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}[data-theme=dark] .timestamp-field{background:#0f172a;border-color:#334155;color:#cbd5e1}[data-theme=dark] .timestamp-field:focus{border-color:#5b9bd5}[data-theme=dark] .add-message-btn{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569;color:#cbd5e1}[data-theme=dark] .add-message-btn:hover:not(:disabled){background:linear-gradient(135deg,#5b9bd5,#4a8bc2);color:#fff}[data-theme=dark] .sender-info-section{background:#0f172a;border-color:#334155}.sms-analysis-simple{display:flex;flex-direction:column;height:100%}.sms-analysis-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);padding:1rem}.sms-analysis-header h2{color:#333;color:var(--text-primary,#333);margin:0}.sms-analysis-body{display:flex;flex:1 1;overflow:hidden}.sms-results-panel{border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0);flex:0 0 350px;overflow-y:auto}.sms-details-panel{flex:1 1;overflow-y:auto;padding:1rem}.analysis-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;margin:.5rem 0;padding:.4rem;transition:all .2s ease}.analysis-item-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.analysis-item-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 6px #0000001a}.analysis-item-header{align-items:center;display:flex;justify-content:space-between}.status-badge{align-items:center!important;border-radius:6px;display:inline-flex!important;gap:.25rem;letter-spacing:.5px;line-height:1!important;padding:.4rem .8rem}.status-badge.scam{border:2px solid #dc2626}.status-badge.legitimate{background:#d1fae5;border:2px solid #059669;color:#059669}.delete-button{background:#6b7280;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#fff;cursor:pointer;font-size:.75rem;padding:.4rem .8rem;transition:all .2s ease}.delete-button:hover{background:#f87171;transform:translateY(-1px)}.sms-message-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.85rem;line-height:1.4;overflow:hidden;padding:.3rem 0;text-overflow:ellipsis;word-break:break-word}.analysis-item-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding-top:.5rem}.confidence-info{color:#6b7280;font-size:.8rem;font-weight:600}.date-info{color:#9ca3af;font-size:.8rem}.fa-icon-margin-right-4{margin-right:.25rem}.mobile-tabs{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0);display:flex}.mobile-tab{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;flex:1 1;font-size:1rem;padding:1rem;text-align:center;transition:all .2s}.mobile-tab.active{border-bottom:2px solid #2196f3;border-bottom:2px solid var(--primary-color,#2196f3);color:#2196f3;color:var(--primary-color,#2196f3);font-weight:600}.mobile-tab-content{overflow-y:auto;padding:1rem}.scam-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.scam-badge.is-scam{background-color:#ffebee;color:#c62828}.scam-badge.not-scam{background-color:#e8f5e9;color:#2e7d32}.confidence-indicator{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.confidence-bar{background-color:#e0e0e0;background-color:var(--bg-secondary,#e0e0e0);border-radius:3px;flex:1 1;height:6px}.confidence-fill{background-color:#2196f3;background-color:var(--primary-color,#2196f3)}.confidence-text{font-size:.85rem;min-width:45px;text-align:right}.confidence-text,.sms-empty-state{color:#666;color:var(--text-secondary,#666)}.sms-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.sms-empty-state-icon{color:#999;color:var(--text-tertiary,#999);font-size:3rem;margin-bottom:1rem}.sms-empty-state-text{font-size:1.1rem;margin-bottom:.5rem}.sms-empty-state-subtext{color:#999;color:var(--text-tertiary,#999);font-size:.9rem}@media (max-width:768px){.sms-results-panel{border-right:none;flex:1 1}.sms-details-panel{padding:.5rem}}.sms-analysis-simple-desktop-layout{display:flex;gap:1rem;min-height:600px;padding:1rem;width:100%}.sms-analysis-simple-desktop-left{border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0);flex:0 0 45%;overflow-y:auto;padding-right:0}.sms-analysis-simple-desktop-right{flex:1 1;overflow-y:auto;padding-left:0;padding-right:0}@media (max-width:1024px){.sms-analysis-simple-desktop-left{flex:0 0 40%}}@media (max-width:768px){.sms-analysis-simple-desktop-layout{flex-direction:column}.sms-analysis-simple-desktop-left,.sms-analysis-simple-desktop-right{border-right:none;flex:1 1;padding:0}}.sms-analysis-simple-mobile-interface{background-color:#fff;background-color:var(--bg-primary,#fff);display:flex;flex-direction:column;height:100%}.sms-analysis-simple-mobile-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);padding:1rem}.sms-analysis-simple-mobile-navigation{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color,#e0e0e0);display:flex}.sms-analysis-simple-mobile-tab{align-items:center;background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s}.sms-analysis-simple-mobile-tab.active{background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:3px solid #2196f3;border-bottom:3px solid var(--primary-color,#2196f3);color:#2196f3;color:var(--primary-color,#2196f3);font-weight:600}.sms-analysis-simple-mobile-content{flex:1 1;overflow-y:auto;padding:.5rem}.sms-analysis-simple-mobile-details,.sms-analysis-simple-mobile-results{height:100%}.sms-analysis-simple-mobile-no-analysis{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.sms-analysis-simple-mobile-no-analysis svg{color:#999;color:var(--text-tertiary,#999);font-size:3rem;margin-bottom:1rem}.sms-analysis-simple-mobile-no-analysis h3{color:#333;color:var(--text-primary,#333);margin:.5rem 0}.sms-analysis-simple-mobile-no-analysis p{color:#999;color:var(--text-tertiary,#999);font-size:.9rem}@media (max-width:480px){.sms-analysis-simple-mobile-tab{font-size:.85rem;padding:.75rem .5rem}.sms-analysis-simple-mobile-header{padding:.75rem}}:root{--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--text-xs:0.75rem;--text-sm:0.85rem;--text-base:0.9rem;--text-lg:1rem;--text-xl:1.1rem;--text-2xl:1.25rem;--text-3xl:2.5rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 4px 20px #00000014;--transition-fast:0.2s ease;--transition-base:0.3s ease;--grid-three-panel:24% 33% 42%;--grid-two-panel:45% 54.5%}.social-media-case-analysis{background:var(--bg-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;min-height:100%;overflow-y:auto;padding-bottom:80px;padding-left:var(--spacing-xl);width:100%}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);box-sizing:border-box;color:#fff;margin:0;padding:.8rem .5rem;padding:.8rem var(--space-sm);width:100%}.common-header{margin-bottom:0}.header-content{justify-content:space-between;margin:0;max-width:none;padding:0;width:100%}.header-left h1{align-items:center;display:flex;font-size:clamp(1.5rem,4vw,2.5rem);font-size:clamp(1.5rem,4vw,var(--text-3xl));font-weight:600;gap:1rem;gap:var(--space-lg);margin:0 0 .5rem;margin:0 0 var(--space-sm) 0}.header-icon{font-size:2rem;font-size:var(--space-2xl)}.header-content .subtitle{color:var(--text-on-dark)!important;font-size:clamp(.9rem,2vw,1.1rem);font-size:clamp(.9rem,2vw,var(--text-xl));line-height:1.6;margin:0;max-width:800px;opacity:.9}.header-right{gap:1rem;gap:var(--space-lg)}.header-right,.history-toggle{align-items:center;display:flex}.history-toggle{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#353234;cursor:pointer;font-size:.9rem;font-size:var(--text-base);font-weight:500;gap:.5rem;gap:var(--space-sm);justify-content:center;min-width:140px;padding:.75rem 1.5rem;padding:var(--space-md) var(--space-xl);text-transform:none;transition:all .3s ease;transition:all var(--transition-base)}.history-toggle:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 8px #00000026;color:blue;transform:translateY(-1px)}.history-toggle:active{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(0)}.history-toggle.active{background:#545662;border-color:#fff6;color:#fff}.history-toggle.active:hover{background:#ffffff59;border-color:#ffffff80;box-shadow:0 4px 8px #00000026;color:blue;transform:translateY(-1px)}.analysis-layout{grid-gap:var(--spacing-3xl);box-sizing:border-box;display:grid;gap:var(--spacing-3xl);margin:0;max-width:none;min-height:calc(100vh - 200px);padding:.5rem;padding:var(--space-sm);transition:grid-template-columns .3s ease;transition:grid-template-columns var(--transition-base);width:100%}.analysis-layout.three-panel{grid-template-columns:24% 33% 42%;grid-template-columns:var(--grid-three-panel)}.analysis-layout.two-panel{grid-template-columns:45% 54.5%;grid-template-columns:var(--grid-two-panel)}.analysis-layout.two-panel .center-panel{display:none}.center-panel,.left-panel,.right-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px 8px 12px 12px;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xl) var(--radius-xl);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;transition:all var(--transition-base)}.center-panel{animation:slideInFromLeft ease-out .3s ease;animation:slideInFromLeft var(--transition-base) ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.common-section-header,.panel-header{align-items:center;border-bottom:none;color:#fff;display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-xl)}.common-section-header h3,.panel-header h2{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-size:var(--text-2xl);font-weight:600;gap:.75rem;gap:var(--space-md);margin:0}.panel-actions{align-items:center;display:flex;gap:1rem;gap:var(--space-lg)}.case-count{background:#667eea;border-radius:12px;border-radius:var(--radius-xl);color:#fff;font-size:.85rem;font-size:var(--text-sm);font-weight:500;padding:.25rem .75rem;padding:var(--space-xs) var(--space-md)}.social-media-case-analysis .inputs-panel-content,.social-media-case-analysis .panel-content{flex:1 1;overflow:visible;padding:.25rem;padding:var(--space-xs)}.social-media-case-analysis .history-panel-content{background-color:var(--bg-secondary);flex:1 1;overflow:visible;padding:10px 0}.social-media-case-analysis .details-panel-content{flex:1 1;overflow:visible;padding:.25rem;padding:var(--space-xs)}.case-form{display:flex;flex-direction:column;gap:0}.form-section h3{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.1rem;font-size:var(--text-xl);font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-lg) 0;margin-bottom:0;padding-bottom:.5rem;padding-bottom:var(--space-sm)}.form-group{gap:0}.form-row-half{grid-gap:.75rem;grid-gap:var(--space-md);display:grid;gap:.75rem;gap:var(--space-md);grid-template-columns:1fr 1fr;width:100%}.form-row-half .form-group{flex:1 1;min-width:0}.social-media-case-analysis .international-phone-input .country-selector,.social-media-case-analysis .international-phone-input .phone-input{padding:.85rem}.form-group label{color:#374151;font-weight:500}.form-control,.form-group label{font-size:.9rem;font-size:var(--text-base)}.form-control{background:#f4f5f6!important;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-lg);padding:.75rem;padding:var(--space-md);transition:all .2s ease;transition:all var(--transition-fast)}select.form-control{background-color:#f4f5f6!important;border:2px solid #e5e7eb!important}.form-control:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-control.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-control:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.error-message{color:#ef4444;font-size:.75rem;font-size:var(--text-xs);margin-top:.25rem;margin-top:var(--space-xs)}.business-info{font-size:var(--text-md);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.social-media-case-analysis .form-actions{grid-gap:.75rem;grid-gap:var(--space-md);border-top:1px solid #e5e7eb;display:grid;gap:.75rem;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem;margin-bottom:var(--space-lg);margin-top:1rem;margin-top:var(--space-lg);padding-top:.25rem;padding-top:var(--space-xs)}.social-media-case-analysis .form-actions .btn{width:100%}.analysis-layout.three-panel .inputs-panel-content .form-actions{grid-template-columns:1fr}.analysis-layout.two-panel .inputs-panel-content .form-actions{grid-template-columns:repeat(2,1fr)}.business-container{background-color:#f8f7f7!important;border:2px solid #e5e7eb!important;padding:.4rem .4rem .156rem}.alert{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1rem;padding:1rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:.9rem;font-size:var(--text-base);font-weight:500;gap:.5rem;gap:var(--space-sm);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--primary-blue)!important}.btn-primary:hover:not(:disabled){background:var(--secondary-blue)!important;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#dc2626!important;border-color:#b91c1c!important;box-shadow:0 2px 8px #dc26264d;color:#fff!important;transform:translateY(-1px)}.btn-icon{border-radius:6px;border-radius:var(--radius-md);min-width:auto;padding:.5rem;padding:var(--space-sm)}.btn-danger{background:#eed6d6;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.history-controls{border-bottom:1px solid #747474;flex-direction:column;margin-bottom:0;padding:0 .75rem .5rem;padding:0 var(--space-md) var(--space-sm) var(--space-md)}.history-controls,.search-group{display:flex;gap:.5rem;gap:var(--space-sm)}.search-group{align-items:center;position:relative;width:100%}.social-media-case-analysis .search-input{border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-lg);box-sizing:border-box;flex:1 1;font-size:.9rem;font-size:var(--text-base);max-width:100%;min-width:0;padding:.75rem 1rem .75rem 3rem;padding:var(--space-md) var(--space-lg) var(--space-md) 3rem;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.search-icon{color:#6b7280;left:.75rem;left:var(--space-md);pointer-events:none}.refresh-btn{align-items:center;background:#e5e7eb!important;border:2px solid #e5e7eb!important;border-radius:8px;border-radius:var(--radius-lg);color:#374151!important;cursor:pointer;display:flex;height:3rem;justify-content:center;min-width:3rem;padding:.75rem;padding:var(--space-md);transition:all .2s ease;transition:all var(--transition-fast)}.refresh-btn:hover:not(:disabled){background:#f3f4f6!important;border-color:#6b7280!important;color:#1f2937!important}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.social-media-case-analysis .filter-group{align-items:center;display:flex;flex-direction:row;gap:.75rem;gap:var(--space-md);justify-content:space-between;width:100%}.social-media-case-analysis .filter-select,.social-media-case-analysis .sort-select{background:#f4f5f6!important;border:2px solid #e5e7eb;border-radius:6px;border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;flex:1 1;font-size:.85rem;font-size:var(--text-sm);max-width:30%;padding:.5rem;padding:var(--space-sm)}.filter-select:focus,.sort-select:focus{border:var(--focus-border-width) solid var(--focus-border-color)!important;box-shadow:var(--focus-shadow)!important;outline:var(--focus-outline)!important;transition:var(--focus-transition)}.history-list{background-color:var(--bg-secondary);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm);overflow:visible;padding:.5rem 0;padding:var(--space-sm) 0;width:100%}.history-item{background:#f9fafb;border-radius:var(--radius-lg);padding:.25rem;padding:var(--space-xs);transition:all var(--transition-fast)}.history-item:hover{background:#f3f4f6;border-color:#667eea;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.history-item.active{background:#dde8f6;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.item-header{justify-content:flex-start;margin-bottom:0}.item-title{flex:1 1;padding-right:2rem}.item-title h4{font-size:1rem;font-size:var(--text-lg);margin:0 0 .25rem;margin:0 0 var(--space-xs) 0}.risk-badge{align-items:center;border-radius:4px;border-radius:var(--radius-sm);display:flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;gap:.25rem;gap:var(--space-xs);margin-top:.25rem;margin-top:var(--space-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);width:-webkit-max-content;width:max-content}.risk-badge.high-risk,.risk-badge.risk-high{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.risk-badge.risk-medium{background:#fffbeb;border:1px solid #fed7aa;color:#d97706}.risk-badge.low-risk,.risk-badge.risk-low{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.risk-container{gap:var(--space-sm);margin-top:.25rem;margin-top:var(--space-xs)}.risk-badge.system-error{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.risk-badge.insufficient-data,.risk-badge.low-risk-insufficient{background-color:#e2e3e5;border:1px solid #ced4da;color:#495057}.risk-badge.very-high-risk{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;font-weight:600}.risk-badge.medium-risk-insufficient{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.risk-badge.unknown-risk{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.risk-date{font-size:var(--text-2xs);font-weight:400;margin:0;opacity:.8}.item-actions{display:flex;gap:.25rem;gap:var(--space-xs);margin-left:1rem;margin-left:var(--space-lg);min-width:40px}.item-details{grid-gap:1.5rem;grid-gap:var(--space-xl);box-sizing:border-box;display:grid;font-size:.85rem;font-size:var(--text-sm);gap:1.5rem;gap:var(--space-xl);grid-template-columns:1fr 1fr;overflow:hidden;width:100%}.social-media-case-analysis .detail-row{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:1rem;gap:var(--space-lg);justify-content:space-between;margin-bottom:0;min-height:1.5rem;padding:0}.social-media-case-analysis .detail-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1;gap:.25rem;gap:var(--space-xs);min-width:0}.social-media-case-analysis .detail-row .label{color:#6b7280;flex-shrink:0;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.social-media-case-analysis .detail-row .value{color:#374151;flex:1 1;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.empty-state,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;padding:3rem var(--space-lg);text-align:center}.empty-state svg,.loading-state svg{color:#9ca3af;font-size:3rem;margin-bottom:1rem;margin-bottom:var(--space-lg)}.help-text{color:#6b7280;font-size:.85rem;font-size:var(--text-sm);margin-top:.5rem;margin-top:var(--space-sm)}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;gap:var(--space-sm);justify-content:center;margin-top:1rem;margin-top:var(--space-lg);padding:1rem 0;padding:var(--space-lg) 0}.pagination-btn{border:1px solid #d1d5db;border-radius:var(--radius-md);color:#374151;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.page-numbers{gap:var(--space-xs)}.page-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;border-radius:var(--radius-md);color:#374151;cursor:pointer;font-size:.85rem;font-size:var(--text-sm);min-width:2.5rem;padding:.5rem .75rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease;transition:all var(--transition-fast)}.page-btn:hover{background:#f3f4f6;border-color:#9ca3af}.page-btn.active{background:#667eea;border-color:#667eea;color:#fff}.pagination-info{margin-top:.5rem;margin-top:var(--space-sm);padding-bottom:.5rem;padding-bottom:var(--space-sm)}.page-info,.pagination-info{font-size:.75rem;font-size:var(--text-xs)}.page-info{color:#6b7280;text-align:center}.case-details{gap:.5rem;gap:var(--space-sm)}.case-details,.case-header{display:flex;flex-direction:column}.case-header{gap:1rem;gap:var(--space-lg);padding-bottom:0;padding-top:.5rem;padding-top:var(--space-sm)}.case-header h3{color:#1f2937;font-size:1.1rem;font-size:var(--text-xl);font-weight:600;margin:0}.risk-indicator{border-radius:8px;border-radius:var(--radius-lg);gap:.75rem;gap:var(--space-md);padding:1rem;padding:var(--space-lg)}.risk-indicator.high-risk,.risk-indicator.very-high-risk{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.risk-indicator.insufficient-data,.risk-indicator.low-risk-insufficient,.risk-indicator.unknown-risk{background:#f9fafb;border:1px solid #d1d5db;color:#6b7280}.case-metadata{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-lg);padding:.25rem;padding:var(--space-xs)}.metadata-grid{grid-gap:.75rem;grid-gap:var(--space-md);display:grid;gap:.75rem;gap:var(--space-md);grid-template-columns:2fr 5fr}.metadata-item{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.metadata-item label{color:#6b7280;font-size:.85rem;font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.metadata-item span{background:#f0f1f2;border:1px solid #c3c9cf;border-radius:4px;border-radius:var(--radius-sm);color:#374151;font-size:.9rem;font-size:var(--text-base);font-weight:500;padding:.25rem;padding:var(--space-xs) var(--space-xs)}.confidence-section{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-md)}.confidence-section label{color:#374151;font-weight:500}.confidence-bar{height:8px}.confidence-bar,.confidence-fill{border-radius:4px;border-radius:var(--radius-sm)}.confidence-fill{transition:width .3s ease;transition:width var(--transition-base)}.confidence-text{align-self:flex-end;color:#374151;font-weight:600}.section{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-md)}.section h4{border-bottom:1px solid #e5e7eb;color:#374151;font-size:1rem;font-size:var(--text-lg);font-weight:600;margin:0;padding-bottom:.5rem;padding-bottom:var(--space-sm)}.analysis-content,.recommendation-content,.summary-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-lg);color:#374151;font-size:.9rem;font-size:var(--text-base);line-height:1.6;padding:.75rem;padding:var(--space-md)}.case-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;gap:var(--space-md);padding-top:1rem;padding-top:var(--space-lg)}.no-case-selected{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:1.5rem 1rem 3rem;padding:var(--space-xl) var(--space-lg) 3rem var(--space-lg);text-align:center}.no-case-selected svg{color:#9ca3af;font-size:3rem;margin-bottom:1rem;margin-bottom:var(--space-lg)}.no-case-selected h3{color:#374151;font-size:1.1rem;font-size:var(--text-xl);margin:0 0 .5rem;margin:0 0 var(--space-sm) 0}.no-case-selected p{font-size:.95rem;line-height:1.6;margin:0}@media (min-width:1441px){.item-details{font-size:.9rem;font-size:var(--text-base);gap:2rem;gap:var(--space-2xl);grid-template-columns:1fr 1fr 1fr}.social-media-case-analysis .detail-row{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-sm);justify-content:flex-start;padding:.5rem 0;padding:var(--space-sm) 0}.social-media-case-analysis .detail-container{align-items:flex-start;flex-direction:column;gap:.25rem;gap:var(--space-xs);width:100%}.social-media-case-analysis .detail-row .label{color:#6b7280;font-size:.85rem;font-size:var(--text-sm);font-weight:600;letter-spacing:.025em;margin-bottom:.125rem;text-transform:uppercase}.social-media-case-analysis .detail-row .value{word-wrap:break-word;color:#374151;font-size:.9rem;font-size:var(--text-base);line-height:1.4;text-align:left;white-space:normal;width:100%}}@media (min-width:1201px) and (max-width:1440px){.item-details{font-size:.9rem;font-size:var(--text-base);gap:1.5rem;gap:var(--space-xl);grid-template-columns:1fr 1fr}.social-media-case-analysis .detail-row{align-items:center;flex-direction:row;gap:1rem;gap:var(--space-lg);justify-content:space-between;padding:.5rem 0;padding:var(--space-sm) 0}.social-media-case-analysis .detail-container{align-items:center;flex:1 1;flex-direction:row;gap:.5rem;gap:var(--space-sm);min-width:0}.social-media-case-analysis .detail-row .label{color:#6b7280;flex-shrink:0;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.social-media-case-analysis .detail-row .value{color:#374151;flex:1 1;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}}@media (min-width:1025px) and (max-width:1200px){.item-details{font-size:.85rem;font-size:var(--text-sm);gap:1rem;gap:var(--space-lg);grid-template-columns:1fr 1fr}.social-media-case-analysis .detail-row{align-items:center;flex-direction:row;gap:.75rem;gap:var(--space-md);justify-content:space-between;padding:.25rem 0;padding:var(--space-xs) 0}.social-media-case-analysis .detail-container{align-items:center;flex:1 1;flex-direction:row;gap:.5rem;gap:var(--space-sm);min-width:0}.social-media-case-analysis .detail-row .label{color:#6b7280;flex-shrink:0;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.social-media-case-analysis .detail-row .value{color:#374151;flex:1 1;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:1200px){.analysis-layout.three-panel{grid-template-columns:35% 65%;grid-template-rows:auto auto}.analysis-layout.two-panel{grid-template-columns:45% 53%}.center-panel{grid-column:2;grid-row:1}.right-panel{grid-column:1/-1;grid-row:2}.analysis-layout.two-panel .right-panel{grid-column:2;grid-row:1}}@media (max-width:1024px){.app-header{padding:2rem 1.5rem;padding:var(--space-2xl) var(--space-xl)}.header-left h1{font-size:clamp(1.75rem,4vw,2.25rem)}.header-content .subtitle{font-size:1rem;font-size:var(--text-lg)}.analysis-layout{gap:.75rem;gap:var(--space-md);padding:1.5rem;padding:var(--space-xl)}.social-media-case-analysis .filter-group{flex-direction:column;gap:.5rem;gap:var(--space-sm)}.social-media-case-analysis .filter-select,.social-media-case-analysis .sort-select{flex:none;max-width:100%}.case-navigation{flex-direction:column;gap:.25rem;gap:var(--space-xs)}.case-navigation .nav-button{justify-content:center;padding:.6rem 1rem;padding:.6rem var(--space-lg)}.item-details{font-size:.85rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-sm);grid-template-columns:1fr}.social-media-case-analysis .detail-row{align-items:flex-start;flex-direction:row;gap:.75rem;gap:var(--space-md);justify-content:space-between;padding:.25rem 0;padding:var(--space-xs) 0}.social-media-case-analysis .detail-container{flex:1 1;gap:.5rem;gap:var(--space-sm);min-width:0}.social-media-case-analysis .detail-row .label{color:#6b7280;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap;width:auto}.social-media-case-analysis .detail-row .value{word-wrap:break-word;color:#374151;flex:1 1;text-align:right;white-space:normal}}@media (min-width:769px) and (max-width:1024px){.item-details{font-size:.85rem;font-size:var(--text-sm);gap:1rem;gap:var(--space-lg);grid-template-columns:1fr 1fr}.social-media-case-analysis .detail-row{align-items:flex-start;flex-direction:column;gap:.25rem;gap:var(--space-xs);justify-content:flex-start;padding:.5rem 0;padding:var(--space-sm) 0}.social-media-case-analysis .detail-container{align-items:flex-start;flex-direction:column;gap:.25rem;gap:var(--space-xs);width:100%}.social-media-case-analysis .detail-row .label{color:#6b7280;font-size:.85rem;font-size:var(--text-sm);font-weight:600;margin-bottom:.125rem}.social-media-case-analysis .detail-row .value{word-wrap:break-word;color:#374151;font-size:.85rem;font-size:var(--text-sm);line-height:1.4;white-space:normal;width:100%}}:root.dark-theme .social-media-case-analysis{background:linear-gradient(135deg,#1a1a1a,#2d2d30);color:#e1e5e9}:root.dark-theme .app-header{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 4px 12px #0000004d;color:#f7fafc}:root.dark-theme .header-left h1{color:var(--text-on-dark)}:root.dark-theme .history-toggle{background:#ffffff1a;border:2px solid #fff3;color:#f7fafc}:root.dark-theme .history-toggle:hover{background:#fff3;border-color:#fff6;color:#cbd5e0}:root.dark-theme .history-toggle.active{background:#4a5568;border-color:#ffffff4d;color:#f7fafc}:root.dark-theme .history-toggle.active:hover{background:#fff3;border-color:#fff6;color:#cbd5e0}:root.dark-theme .center-panel,:root.dark-theme .left-panel,:root.dark-theme .right-panel{background:#2d3748;border:1px solid #4a5568;box-shadow:0 4px 20px #0003}:root.dark-theme .panel-header{background:linear-gradient(135deg,#374151,#4a5568);border-bottom:1px solid #4a5568}:root.dark-theme .panel-header h2{color:#f7fafc}:root.dark-theme .case-count{background:#4a5568;color:#f7fafc}:root.dark-theme .form-section h3{border-bottom:2px solid #4a5568;color:#f7fafc}:root.dark-theme .form-group label{color:#e2e8f0}:root.dark-theme .form-control{background:#2d3748!important;border:2px solid #4a5568;color:#e2e8f0}:root.dark-theme select.form-control{background-color:#2d3748!important;border:2px solid #4a5568!important;color:#e2e8f0}:root.dark-theme .form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}:root.dark-theme .form-control.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e33}:root.dark-theme .form-control:disabled{background:#1a202c!important;color:#718096}:root.dark-theme .error-message{color:#fc8181}:root.dark-theme .alert-error{background:#2d1b1b;border:1px solid #e53e3e;color:#fc8181}:root.dark-theme .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}:root.dark-theme .btn-secondary{background:#4a5568;border:1px solid #718096;color:#e2e8f0}:root.dark-theme .btn-secondary:hover:not(:disabled){background:#dc2626!important;border-color:#b91c1c!important;box-shadow:0 2px 8px #dc26264d;color:#fff!important;transform:translateY(-1px)}:root.dark-theme .btn-danger{background:#4a5568;color:#fff}:root.dark-theme .btn-danger:hover:not(:disabled){background:#dc2626}:root.dark-theme .history-controls{border-bottom:1px solid #4a5568}:root.dark-theme .search-input{background:#1a202c;border:2px solid #4a5568;color:#e2e8f0}:root.dark-theme .search-input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);transition:var(--focus-transition)}:root.dark-theme .search-icon{color:#718096}:root.dark-theme .refresh-btn{background:#1a202c;border:2px solid #4a5568;color:#718096}:root.dark-theme .refresh-btn:hover:not(:disabled){background:#2a2f3a;border-color:#667eea;color:#667eea}:root.dark-theme .filter-select,:root.dark-theme .sort-select{background:#2d3748!important;border:2px solid #4a5568!important;color:#e2e8f0}:root.dark-theme .filter-select:focus,:root.dark-theme .sort-select:focus{border:var(--focus-border-width) solid var(--focus-border-color)!important;box-shadow:var(--focus-shadow)!important;outline:var(--focus-outline)!important;transition:var(--focus-transition)}:root.dark-theme .history-item{background:#1a202c;border:1px solid #4a5568}:root.dark-theme .history-item:hover{background:#2d3748;border-color:#667eea}:root.dark-theme .history-item.active{background:#2a365d;border-color:#667eea}:root.dark-theme .item-title h4{color:#f7fafc}:root.dark-theme .detail-row .label{color:#a0aec0}:root.dark-theme .detail-row .value{color:#e2e8f0}:root.dark-theme .risk-date{color:#a0aec0}:root.dark-theme .risk-badge.system-error{background-color:#744210;border:1px solid #92400e;color:#fed7aa}:root.dark-theme .risk-badge.insufficient-data{background-color:#374151;border:1px solid #6b7280;color:#d1d5db}:root.dark-theme .risk-badge.very-high-risk{background-color:#7f1d1d;border:1px solid #b91c1c;color:#fecaca}:root.dark-theme .risk-badge.high-risk{background-color:#7f1d1d;border:1px solid #dc2626;color:#fecaca}:root.dark-theme .risk-badge.medium-risk-insufficient{background-color:#744210;border:1px solid #92400e;color:#fed7aa}:root.dark-theme .risk-badge.low-risk-insufficient{background-color:#374151;border:1px solid #6b7280;color:#d1d5db}:root.dark-theme .risk-badge.low-risk{background-color:#14532d;border:1px solid #16a34a;color:#bbf7d0}:root.dark-theme .risk-badge.unknown-risk{background-color:#374151;border:1px solid #6b7280;color:#d1d5db}:root.dark-theme .empty-state,:root.dark-theme .loading-state{color:#a0aec0}:root.dark-theme .empty-state svg,:root.dark-theme .loading-state svg{color:#718096}:root.dark-theme .help-text{color:#a0aec0}:root.dark-theme .pagination{border-top:1px solid #4a5568}:root.dark-theme .page-btn,:root.dark-theme .pagination-btn{background:#1a202c;border:1px solid #4a5568;color:#e2e8f0}:root.dark-theme .page-btn:hover,:root.dark-theme .pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#718096}:root.dark-theme .page-btn.active{background:#667eea;border-color:#667eea;color:#fff}:root.dark-theme .pagination-info{color:#a0aec0}:root.dark-theme .case-header h3{color:#f7fafc}:root.dark-theme .risk-indicator.high-risk{background:#2d1b1b;border:1px solid #e53e3e;color:#fc8181}:root.dark-theme .risk-indicator.low-risk{background:#1a2e1a;border:1px solid #38a169;color:#9ae6b4}:root.dark-theme .case-metadata{background:#1a202c;border:1px solid #4a5568}:root.dark-theme .metadata-item label{color:#a0aec0}:root.dark-theme .metadata-item span{background:#2d3748;border:1px solid #4a5568;color:#e2e8f0}:root.dark-theme .confidence-section label{color:#e2e8f0}:root.dark-theme .confidence-bar{background:#4a5568}:root.dark-theme .confidence-text{color:#e2e8f0}:root.dark-theme .section h4{border-bottom:1px solid #4a5568;color:#e2e8f0}:root.dark-theme .analysis-content,:root.dark-theme .recommendation-content,:root.dark-theme .summary-content{background:#1a202c;border:1px solid #4a5568;color:#e2e8f0}:root.dark-theme .case-actions{border-top:1px solid #4a5568}:root.dark-theme .no-case-selected{color:#a0aec0}:root.dark-theme .no-case-selected svg{color:#718096}:root.dark-theme .no-case-selected h3{color:#e2e8f0}:root.dark-theme .business-container{background:#2d3748!important;border:2px solid #4a5568!important}:root.dark-theme .business-info{color:#f7fafc}:root.dark-theme .case-navigation .nav-button{background:#ffffff1a;border:1px solid #fff3;color:#f7fafc}:root.dark-theme .case-navigation .nav-button:hover:not(:disabled){background:#fff3;border-color:#fff6}:root.dark-theme .form-note{background-color:#2d3748;border:1px solid #4a5568;border-left:4px solid #4299e1;color:#a0aec0}:root.dark-theme .form-note em{color:#e2e8f0}:root.dark-theme .risk-indicator.system-error{background-color:#744210;border:1px solid #92400e;color:#fed7aa}:root.dark-theme .risk-indicator.insufficient-data{background-color:#374151;border:1px solid #6b7280;color:#d1d5db}:root.dark-theme .risk-indicator.very-high-risk{background-color:#7f1d1d;border:1px solid #b91c1c;color:#fecaca}:root.dark-theme .risk-indicator.medium-risk-insufficient{background-color:#744210;border:1px solid #92400e;color:#fed7aa}:root.dark-theme .risk-indicator.low-risk-insufficient,:root.dark-theme .risk-indicator.unknown-risk{background-color:#374151;border:1px solid #6b7280;color:#d1d5db}:root.dark-theme .data-sufficiency.sufficient{background-color:#14532d;color:#bbf7d0}:root.dark-theme .data-sufficiency.insufficient{background-color:#7f1d1d;color:#fecaca}:root.dark-theme .data-sufficiency.unknown{background-color:#374151;color:#d1d5db}:root.dark-theme .analysis-status{color:#e2e8f0}:root.dark-theme .insufficient-data-banner{background-color:#744210;border:1px solid #92400e;color:#fed7aa}:root.dark-theme .insufficient-data-banner svg{color:#f59e0b}:root.dark-theme .website-analysis-content{background-color:#2d3748;border-left:4px solid #667eea;color:#e2e8f0}:root.dark-theme .website-analysis-text,:root.dark-theme .website-analysis-text p{color:#e2e8f0}:root.dark-theme .safety-status-inline.safe{background-color:#14532d;border:1px solid #16a34a;color:#bbf7d0}:root.dark-theme .safety-status-inline.unsafe{background-color:#7f1d1d;border:1px solid #dc2626;color:#fecaca}:root.dark-theme .risk-level-inline.risk-high{background-color:#7f1d1d;color:#fecaca}:root.dark-theme .risk-level-inline.risk-medium{background-color:#744210;color:#fed7aa}:root.dark-theme .risk-level-inline.risk-low{background-color:#14532d;color:#bbf7d0}:root.dark-theme .risk-level-inline.risk-unknown{background-color:#374151;color:#d1d5db}:root.dark-theme .bullet-list li{background-color:#fbbf241a;border-left:3px solid #f59e0b;color:#e2e8f0}:root.dark-theme .bullet-icon{color:#f59e0b}:root.dark-theme .domain-age-warning{color:#fc8181}:root.dark-theme .analysis-timestamp{border-top:1px solid #4a5568;color:#a0aec0}:root.dark-theme .website-analysis-error{background-color:#2d1b1b;border:1px solid #e53e3e;color:#fecaca}:root.dark-theme .error-icon{color:#fc8181}:root.dark-theme .website-analysis-error summary{color:#e2e8f0}:root.dark-theme .website-analysis-error pre{background-color:#1a202c;border:1px solid #4a5568;color:#e2e8f0}:root.dark-theme .missing-data-content{background-color:#744210;border:1px solid #92400e}:root.dark-theme .missing-data-content li{color:#fed7aa}:root.dark-theme .insufficient-data-notice{background:linear-gradient(135deg,#744210,#92400e);border:1px solid #92400e}:root.dark-theme .notice-header{color:#fed7aa}:root.dark-theme .notice-header svg{color:#f59e0b}:root.dark-theme .notice-content{color:#fed7aa}:root.dark-theme .notice-tip{background-color:#ffffff1a;border-left:3px solid #f59e0b;color:#fed7aa}:root.dark-theme .analysis-footer{background-color:#1f2937;border-top-color:#374151}:root.dark-theme .disclaimer-footer{color:#9ca3af}:root.dark-theme .footer-link{color:#8b5cf6}:root.dark-theme .footer-link:hover{color:#a855f7}.social-media-case-analysis.mobile-layout{background:#f8fafc;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.tab-navigation{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:0 .5rem;position:-webkit-sticky;position:sticky;top:60px;z-index:50}.tab-button{border-bottom:3px solid #d1d5db;box-shadow:0 2px 4px #0000001a;color:#6b7280;flex:1 1;flex-direction:column;font-size:.75rem;gap:.25rem;min-height:70px;padding:1rem .5rem}.tab-button:hover:not(.disabled){background:#f8fafc;color:#667eea}.tab-button.active{background:linear-gradient(135deg,#4338ca,#6366f1 50%,#8b5cf6);border-bottom-color:#667eea;border-radius:8px 8px 0 0;box-shadow:-2px -2px 8px #4338ca4d,2px -2px 8px #4338ca4d,0 -4px 16px #6366f133;color:#fff;font-weight:700;position:relative;transform:translateY(-1px);z-index:10}.tab-button.disabled{border-bottom:3px solid #d1d5db;color:#d1d5db;cursor:not-allowed;opacity:.5}.tab-button svg{font-size:1.25rem;margin-bottom:.125rem}.tab-button span{font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.tab-container{background:#fff;box-shadow:0 -1px 3px #0000001a;min-height:calc(100vh - 130px);position:relative;z-index:5}.tab-content{animation:fadeIn .3s ease-in-out;padding:0 1rem 1rem}.tab-header{margin-bottom:1rem;margin-top:0;padding-top:.75rem;text-align:center}.tab-header h3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;justify-content:center;margin:0 0 .5rem}.tab-subtitle{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.analyze-tab{padding-top:1rem}.analyze-tab .tab-header{margin-bottom:.5rem;margin-top:0}.quick-help{align-items:center;background:#eff6ff;border-left:4px solid #667eea;border-radius:0 .5rem .5rem 0;color:#1e40af;display:flex;font-size:.875rem;gap:.75rem;margin-top:2rem;padding:1rem}.quick-help svg{color:#667eea;flex-shrink:0}.link-button{color:#667eea;font-weight:500;padding:0}.link-button:hover{color:#4f46e5}.mobile-layout .form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.mobile-layout .form-actions .btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;min-width:50%!important;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease;width:50%!important}.mobile-layout .form-actions .btn:disabled{cursor:not-allowed;opacity:.6}.mobile-layout .form-actions .btn-primary{background:#667eea;color:#fff}.mobile-layout .form-actions .btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.mobile-layout .form-actions .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.mobile-layout .form-actions .btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.mobile-layout .field-help{color:#6b7280;display:block;font-size:.75rem;line-height:1.3;margin-top:.25rem}.mobile-layout .error-message{color:#dc2626;display:block;font-size:.75rem;font-weight:500;margin-top:.25rem}.results-tab .tab-header{margin-bottom:.5rem}.risk-summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.risk-level{align-items:center;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.risk-level svg{font-size:1.25rem}.confidence-score{color:#6b7280;font-size:.875rem;font-weight:500}.key-findings-preview{margin-bottom:1.5rem}.key-findings-preview h4{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.key-findings-preview ul{list-style:none;margin:0;padding:0}.key-findings-preview li{align-items:flex-start;background:#f9fafb;border-radius:.5rem;display:flex;font-size:.875rem;gap:.75rem;line-height:1.4;margin-bottom:.5rem;padding:.75rem}.factor-level{flex-shrink:0;font-size:1.25rem;font-weight:700;margin-top:-.125rem}.more-findings{color:#6b7280;font-size:.75rem;font-style:italic;margin-top:.5rem;text-align:center}.result-actions{display:flex;gap:.75rem;margin-bottom:2rem}.primary-button,.secondary-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease}.primary-button{background:#667eea;color:#fff}.primary-button:hover{background:#5a67d8;transform:translateY(-1px)}.secondary-button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.secondary-button:hover{background:#e5e7eb;border-color:#9ca3af}.full-details-section{border-top:1px solid #e5e7eb;padding-top:1.5rem}.full-details-section summary{align-items:center;background:#f8fafc;border-radius:.5rem;color:#667eea;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.75rem}.full-details-section summary:hover{background:#eff6ff}.full-details-content{margin-top:1rem}.recent-tab .tab-header{margin-bottom:.5rem}.recent-list{display:flex;flex-direction:column;gap:0}.history-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease}.history-item:hover{background:#f8fafc;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.history-item.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.history-item-title{flex:1 1;min-width:0;padding-right:1rem}.item-title h4{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 .375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-actions{align-items:center!important;display:flex!important;justify-content:flex-end!important;opacity:1!important;position:absolute!important;right:0!important;top:.5rem!important;transition:opacity .2s ease;z-index:20!important}.btn.btn-icon{align-items:center;border:none;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:inline-flex;font-size:.75rem;justify-content:center;min-height:24px;min-width:32px;padding:.25rem .5rem;transition:all .2s ease}.btn.btn-icon.btn-danger{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fef2f2f2;border:1px solid #fecacacc;color:#dc2626}.btn.btn-icon.btn-danger:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c;transform:scale(1.05)}.risk-container{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.risk-indicator{border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.risk-indicator.large{border-radius:8px;font-size:1rem;gap:.75rem;letter-spacing:normal;padding:1rem;text-transform:none}.risk-indicator.high-risk,.risk-indicator.very-high-risk{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.risk-indicator.medium-risk-insufficient{background:#fef3c7;border:1px solid #fed7aa;color:#d97706}.risk-indicator.low-risk{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.risk-indicator.low-risk-insufficient{background:#f9fafb;border:1px solid #d1d5db;color:#6b7280}.risk-indicator.system-error{background:#fef3c7;border:1px solid #fed7aa;color:#d97706}.risk-indicator.insufficient-data,.risk-indicator.unknown-risk{background:#f9fafb;border:1px solid #d1d5db;color:#6b7280}.risk-date{color:#6b7280;flex-shrink:0;font-size:.75rem}.item-details{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.platform-tag{background:#3b82f61a;color:#1e40af;color:var(--primary-color,#1e40af)}.merchandise-tag,.platform-tag{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.merchandise-tag{background:#10b9811a;color:#16a34a;color:var(--success-color,#16a34a)}.empty-state{color:#6b7280;padding:3rem 1rem}.empty-state svg{color:#d1d5db;font-size:3rem;margin-bottom:1rem}.empty-state h3,.empty-state h4{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.loading-state{padding:3rem 1rem}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:32px;margin:0 auto 1rem;width:32px}.loading-state p{color:#6b7280;font-size:.875rem}@media (max-width:480px){.social-media-case-analysis.mobile-layout{font-size:14px}.tab-content{padding:0}.tab-button{font-size:.625rem;min-height:65px;padding:.875rem .375rem}.tab-button svg{font-size:1.125rem}.result-actions{flex-direction:row}.recent-item{padding:.875rem}.recent-item-header{gap:.5rem}.risk-summary-card{padding:1.25rem}.history-item-actions{align-items:center!important;display:flex!important;justify-content:flex-end!important;opacity:1!important;position:relative!important;right:0!important;top:.5rem!important;z-index:30!important}}:root.dark-theme .social-media-case-analysis.mobile-layout{background:#111827;color:#f9fafb}:root.dark-theme .tab-navigation{background:#1f2937;border-bottom-color:#374151}:root.dark-theme .tab-button{border-bottom:3px solid #555;color:#9ca3af}:root.dark-theme .tab-button:hover:not(.disabled){background:#374151;color:#818cf8}:root.dark-theme .tab-button.active{background:linear-gradient(135deg,#3730a3,#4f46e5 50%,#7c3aed);border-bottom-color:#818cf8;border-radius:8px 8px 0 0;box-shadow:0 4px 16px #3730a399,0 2px 8px #4f46e566;color:#fff;font-weight:700;transform:translateY(-1px)}:root.dark-theme .tab-button.disabled{border-bottom:3px solid #555;color:#555}:root.dark-theme .tab-container{background:#1f2937}:root.dark-theme .tab-header h3{color:#f9fafb}:root.dark-theme .tab-subtitle{color:#9ca3af}:root.dark-theme .risk-summary-card{background:#374151;border-color:#4b5563}:root.dark-theme .key-findings-preview li{background:#374151}:root.dark-theme .key-findings-preview h4{color:#f3f4f6}:root.dark-theme .secondary-button{background:#374151;border-color:#4b5563;color:#f3f4f6}:root.dark-theme .secondary-button:hover{background:#4b5563;border-color:#6b7280}:root.dark-theme .mobile-layout .form-actions .btn-primary{background:#818cf8;color:#1f2937}:root.dark-theme .mobile-layout .form-actions .btn-primary:hover:not(:disabled){background:#a5b4fc}:root.dark-theme .mobile-layout .form-actions .btn-secondary{background:#374151;border-color:#4b5563;color:#f3f4f6}:root.dark-theme .mobile-layout .form-actions .btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#6b7280}:root.dark-theme .mobile-layout .field-help{color:#9ca3af}:root.dark-theme .mobile-layout .error-message{color:#f87171}:root.dark-theme .recent-item{background:#374151;border-color:#4b5563}:root.dark-theme .recent-item:hover{border-color:#818cf8;box-shadow:0 2px 8px #818cf81a}:root.dark-theme .business-name{color:#f9fafb}:root.dark-theme .platform,:root.dark-theme .quick-help{background:#1e3a8a;color:#93c5fd}:root.dark-theme .quick-help{border-left-color:#818cf8}:root.dark-theme .link-button,:root.dark-theme .quick-help svg{color:#818cf8}:root.dark-theme .link-button:hover{color:#a5b4fc}:root.dark-theme .full-details-section{border-top-color:#4b5563}:root.dark-theme .full-details-section summary{background:#374151;color:#818cf8}:root.dark-theme .full-details-section summary:hover{background:#4b5563}:root.dark-theme .empty-state h3,:root.dark-theme .empty-state h4{color:#f3f4f6}:root.dark-theme .empty-state svg{color:#6b7280}:root.dark-theme .spinner{border-color:#818cf8 #4b5563 #4b5563}.social-media-case-analysis.mobile-layout .analysis-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:1rem;padding:1rem}.social-media-case-analysis.mobile-layout .disclaimer-footer{color:var(--text-muted);font-size:.8rem;line-height:1.4;text-align:center}.social-media-case-analysis.mobile-layout .disclaimer-footer p{margin:0}.social-media-case-analysis.mobile-layout .footer-link{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .2s ease}.social-media-case-analysis.mobile-layout .footer-link:hover{color:var(--primary-hover-color);text-decoration:underline}:root.dark-theme .social-media-case-analysis.mobile-layout .analysis-footer{background-color:#1f2937;border-top-color:#374151}:root.dark-theme .social-media-case-analysis.mobile-layout .disclaimer-footer{color:#9ca3af}:root.dark-theme .social-media-case-analysis.mobile-layout .footer-link{color:#8b5cf6}:root.dark-theme .social-media-case-analysis.mobile-layout .footer-link:hover{color:#a855f7}@media (max-width:480px){.social-media-case-analysis.mobile-layout .analysis-footer{padding:.75rem}.social-media-case-analysis.mobile-layout .disclaimer-footer{font-size:.75rem}}.url-safety-analysis-container{margin:0 auto 0 0;max-width:1200px;min-height:calc(100vh - 80px);min-width:900px;padding:0 2rem 2.5rem 0}.url-safety-content{display:flex;flex-direction:column;gap:1.5rem}.url-input-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #00000014;box-sizing:border-box;padding:1.5rem 2.5rem .5rem;width:100%}.url-form .form-group{width:100%}.url-form label{align-items:center;color:#2d3748;display:flex;font-size:1.0625rem;font-weight:600;gap:.75rem;margin-bottom:1rem}.label-icon{color:#667eea;margin-right:.5rem}.input-wrapper{align-items:center;display:flex;gap:1rem}.input-with-clear{align-items:center;display:flex;flex:1 1;position:relative}.url-input{background:#fafafa;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:1.0625rem;padding:1rem 3.5rem 1rem 1.25rem;transition:all .2s ease;width:100%}.url-input:hover{background:#fff;border-color:#cbd5e0}.url-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.url-input::placeholder{color:#a0aec0}.clear-input-button{align-items:center;background:#fafafa;border:2px solid #e2e8f0;border-left:none;border-radius:0 10px 10px 0;bottom:2px;color:#9ca3af;cursor:pointer;display:flex;font-size:1rem;justify-content:center;position:absolute;right:2px;top:2px;transition:all .2s ease;width:3rem;z-index:1}.clear-input-button:hover{background:#e5e7eb;border-color:#cbd5e0;color:#6b7280}.clear-input-button:active{transform:scale(.95)}.analyze-button{align-items:center;background:#173997;border:none;border-radius:12px;box-shadow:0 4px 12px #1739974d;color:#fff;cursor:pointer;display:flex;font-size:1.0625rem;font-weight:600;gap:.5rem;padding:1rem 2.5rem;transition:all .2s ease;white-space:nowrap}.analyze-button:hover:not(:disabled){background:#1976d2;box-shadow:0 6px 16px #1976d266;transform:translateY(-2px)}.analyze-button:active:not(:disabled){transform:translateY(0)}.analyze-button:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed}.button-icon{font-size:1.125rem}.clear-all-button{align-items:center;background:#f1f5f9;border:2px solid #cbd5e0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:1.0625rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .2s ease;white-space:nowrap}.clear-all-button:hover{background:#e2e8f0;border-color:#94a3b8;box-shadow:0 4px 12px #47556926;color:#334155;transform:translateY(-2px)}.clear-all-button:active{transform:translateY(0)}.error-message{background:#fff5f5;border:1px solid #feb2b2;border-left:4px solid #f56565;border-radius:12px;color:#c53030;font-size:1rem;gap:.75rem;margin-top:1.5rem;padding:1.25rem 1.5rem}.analysis-results{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #00000014;overflow:hidden;padding:0}.result-header{background:#fff;border-bottom:1px solid #e2e8f0;gap:2rem;justify-content:space-between;padding:1.5rem 2.5rem}.result-header,.risk-indicator{align-items:center;display:flex}.risk-indicator{border-radius:12px;box-shadow:0 2px 8px #00000026;color:#fff;gap:1rem;padding:1.25rem 1.75rem}.risk-icon{font-size:1.75rem}.risk-text{display:flex;flex-direction:column;gap:.25rem}.risk-level-text{font-size:1.125rem;font-weight:700;letter-spacing:.5px}.risk-confidence{font-size:.875rem;font-weight:500;opacity:.9}.legitimacy-status{display:flex;gap:.75rem}.status-badge{border-radius:8px;display:flex;font-size:.9375rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.status-icon{font-size:1rem}.status-badge.safe{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-badge.dangerous{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.status-badge.unknown{background:#e0e7ff;border:1px solid #c7d2fe;color:#3730a3}.result-content{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 2.5rem}.url-safety-analysis-container .section-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 1.25rem;text-align:left}.simple-summary{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:12px;padding:1.75rem}.summary-text{color:#2d3748;font-size:1.0625rem;line-height:1.75;text-align:left}.summary-text p{margin:.5rem 0}.summary-text p:first-child{margin-top:0}.summary-text p:last-child{margin-bottom:0}.risk-factors{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #f59e0b;border-radius:12px;padding:1.75rem}.risk-list{flex-direction:column;list-style:none;margin:0;padding:0;text-align:left}.risk-item,.risk-list{display:flex;gap:.75rem}.risk-item{align-items:flex-start;color:#78350f;font-size:1rem;line-height:1.6}.risk-bullet{color:#f59e0b;flex-shrink:0;font-size:1.5rem;font-weight:700;line-height:1}.recommendations{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6;border-radius:12px;padding:1.75rem}.recommendation-text{color:#1e3a8a;font-size:1.0625rem;line-height:1.75;text-align:left}.recommendation-text p{margin:.5rem 0}.recommendation-text p:first-child{margin-top:0}.recommendation-text p:last-child{margin-bottom:0}.toggle-details-button{align-items:center;background:#f7fafc;border:none;border-top:1px solid #e2e8f0;color:#4a5568;cursor:pointer;display:flex;font-size:1.0625rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:all .2s ease;width:100%}.toggle-details-button:hover{background:#edf2f7;color:#2d3748}.toggle-icon{font-size:1.125rem}.toggle-caret{font-size:.875rem;margin-left:.25rem}.detailed-analysis{background:#fafafa;border-top:1px solid #e2e8f0;padding:2.5rem;text-align:left}.details-title{color:#1a202c;display:flex;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;@media (max-width:768px){.url-safety-analysis-container{padding:1.5rem 1rem}.url-safety-header h1{font-size:2rem}.url-safety-header .header-subtitle{font-size:1rem}.header-icon-wrapper{height:64px;width:64px}.url-safety-header .header-icon{font-size:2rem}.url-input-section{.result-header{gap:1.5rem;grid-template-columns:1fr;padding:.7rem;text-align:center}.risk-indicator{min-width:0;min-width:auto}.legitimacy-status,.risk-indicator{justify-content:center;width:100%}}.risk-indicator{justify-content:center;min-width:0;min-width:auto;width:100%}.legitimacy-status{width:100%}.status-badge{flex:1 1;justify-content:center}.result-content{padding:1.5rem}.section-header h3{font-size:1.25rem}.metadata{grid-template-columns:1fr}}@media (max-width:480px){.url-safety-header h1{font-size:1.75rem}.risk-level-text{font-size:1.125rem}.risk-icon{font-size:2rem}}}.meta-item{border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center}.meta-label{color:#718096;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.meta-value{color:#2d3748;font-size:1.25rem;font-weight:700}detailed-analysis h3{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem}.analysis-text{background:#fff;border-radius:8px;color:#4b5563;line-height:1.8;margin-bottom:2rem;padding:1.5rem;text-align:left;white-space:pre-wrap}.analysis-text strong{color:#2d3748;font-weight:700}.metadata{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.meta-item strong{color:#6b7280;display:block;font-size:.875rem;margin-bottom:.25rem}@media (max-width:1024px){.url-safety-analysis-container{max-width:100%;min-width:auto}}@media (max-width:768px){.url-safety-analysis-container{max-width:100%;min-width:auto;padding:1rem}.url-safety-header h1{font-size:2rem}.url-input-section{padding:1rem}.input-wrapper,.result-summary{flex-direction:column}.result-summary{gap:1rem}.risk-indicator{justify-content:center;width:100%}}.redirect-notice{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#eff6ff,#f0f4ff);border:1px solid #93c5fd;border-left:4px solid #3b82f6;border-radius:12px;margin-bottom:1.25rem;overflow:hidden}.redirect-notice-summary{align-items:center;cursor:pointer;display:flex;gap:.75rem;list-style:none;padding:.85rem 1.25rem;transition:background .15s ease;-webkit-user-select:none;user-select:none}.redirect-notice-summary::-webkit-details-marker{display:none}.redirect-notice-summary::marker{content:""}.redirect-notice-summary:hover{background:#3b82f60f}.redirect-notice-icon{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;height:32px;justify-content:center;width:32px}.redirect-notice-title{color:#1e3a5f;flex:1 1;font-size:.9rem;line-height:1.4}.redirect-notice-title strong{color:#1d4ed8}.redirect-chevron{color:#3b82f6;flex-shrink:0;font-size:.8rem;transition:transform .25s ease}.redirect-notice[open] .redirect-chevron{transform:rotate(180deg)}.redirect-notice-content{animation:expandIn .2s ease-out;border-top:1px solid #93c5fd66;color:#1e3a5f;font-size:.9rem;line-height:1.55;padding:.85rem 1.25rem 1rem}@keyframes expandIn{0%{opacity:0}to{opacity:1}}.redirect-notice-content strong{color:#1d4ed8}.redirect-urls{align-items:center;background:#ffffffb3;border-radius:8px;display:flex;flex-wrap:wrap;font-size:.825rem;gap:.35rem .5rem;margin-top:.6rem;padding:.6rem .75rem;word-break:break-all}.redirect-label{color:#475569;font-weight:600;white-space:nowrap}.redirect-url{background:#3b82f614;border-radius:4px;color:#2563eb;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.8rem;max-width:100%;overflow:hidden;padding:.15rem .4rem;text-overflow:ellipsis}.redirect-url.original{background:#6b728014;color:#6b7280;text-decoration:line-through}.redirect-url.resolved{color:#2563eb;font-weight:500}.redirect-arrow{color:#3b82f6;font-size:1rem;font-weight:700}@media (max-width:768px){.redirect-notice-summary{gap:.5rem}.redirect-notice-content{padding:.75rem 1rem 1rem}.redirect-urls{align-items:flex-start;flex-direction:column}.redirect-arrow{align-self:center;transform:rotate(90deg)}}.common-container{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-xl);min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-xl);padding-bottom:80px}.common-content,.common-layout,.common-section,.common-section-content{height:auto!important;max-height:none!important;overflow:visible!important}.common-header{border-bottom:2px solid #e5e7eb;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-2xl);text-align:left}.common-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-md) 0}.common-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:400;margin:10px 0 0}.header-with-action-button{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:space-between;padding:1rem}.header-with-action-button-container{display:flex;flex:1 1;flex-direction:column;padding:.7rem 1rem}.action-button-container{align-items:center;display:flex;justify-content:flex-end;margin-top:1rem}.common-layout{display:flex;gap:var(--spacing-2xl);margin:0;max-width:1400px;min-height:70vh}.common-sidebar{background:var(--bg-card);border:1px solid #e5e7eb;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-md);position:-webkit-sticky;position:sticky;top:var(--spacing-xl);transition:all .3s ease;width:240px}.common-sidebar-desktop{display:block}.common-sidebar-mobile{display:none}.common-dropdown-container{margin-bottom:var(--spacing-lg);position:relative;width:100%}.common-dropdown-trigger{align-items:center;background:var(--bg-card);background-color:var(--bg-input);border:2px solid #e5e7eb;border-color:var(--accent-blue);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-md);justify-content:space-between;padding:var(--spacing-lg);transition:var(--transition-fast);width:100%}.common-dropdown-trigger:hover{border-color:var(--accent-green);box-shadow:var(--shadow-md)}.common-dropdown-current{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:var(--spacing-md)}.common-dropdown-icon{color:var(--accent-green);font-size:var(--font-size-lg)}.common-dropdown-arrow{color:var(--text-muted);font-size:var(--font-size-sm);transition:var(--transition-fast)}.common-dropdown-arrow.open{transform:rotate(180deg)}.common-dropdown-menu{animation:dropdownSlideIn .2s ease;background:var(--bg-card);border:2px solid #e5e7eb;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;margin-top:var(--spacing-xs);max-height:60vh;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.common-dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;font-family:inherit;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:left;transition:var(--transition-fast);width:100%}.common-dropdown-item:last-child{border-bottom:none}.common-dropdown-item:hover{background:#10b9810d}.common-dropdown-item.active{background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-light) 100%);color:#fff}.common-dropdown-item-icon{color:var(--accent-green);font-size:var(--font-size-lg);text-align:center;width:24px}.common-dropdown-item.active .common-dropdown-item-icon{color:#fff}.common-dropdown-item-text{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.common-dropdown-item-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600}.common-dropdown-item.active .common-dropdown-item-title{color:#fff}.common-dropdown-item-desc{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.common-dropdown-item.active .common-dropdown-item-desc{color:#ffffffe6}.common-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.common-nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:left;transition:var(--transition-fast)}.common-nav-item:hover{background:#10b98114;transform:translateX(3px)}.common-nav-item.active{background:var(--brand-green);box-shadow:0 2px 8px #10b9814d;color:#fff}.common-nav-icon{align-items:center;color:var(--brand-green);display:flex;flex-shrink:0;font-size:1.125rem;justify-content:center;width:20px}.common-nav-item.active .common-nav-icon{color:#fff}.common-nav-text{flex:1 1}.common-nav-text h4{color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.3;margin:0}.common-nav-item.active .common-nav-text h4{color:#fff}.common-nav-arrow{color:var(--text-muted);flex-shrink:0;font-size:.75rem;margin-left:auto;transition:var(--transition-fast)}.common-nav-item:hover .common-nav-arrow{color:var(--accent-green);transform:translateX(2px)}.common-nav-item.active .common-nav-arrow{color:#fff}.common-content{flex:1 1;min-width:0}.common-section{animation:fadeIn .3s ease;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;width:100%}.common-section-header{align-items:center;background:var(--header-blue);border-bottom:2px solid #e5e7eb;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-2xl)}.common-section-header h3{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:var(--spacing-md);margin:0}.common-section-header h3 svg{color:#fff;font-size:1.25rem}.common-section-header .header-icon-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.common-section-header .header-icon-button:hover{background:#ffffff4d;transform:scale(1.05)}.common-section-header .header-icon-button:active{transform:scale(.95)}.common-section-header .header-icon-button:disabled{cursor:not-allowed;opacity:.5}.common-section-header .header-icon-button svg{font-size:1rem}.common-section-content{padding:var(--spacing-2xl)}.common-form-group{margin-bottom:var(--spacing-3xl)}.common-form-group:last-child{margin-bottom:0}.common-form-group h4{border-bottom:1px solid #e5e7eb;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-xl) 0;padding-bottom:var(--spacing-md)}.common-form-group p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 var(--spacing-md) 0}.common-form-group p.consent-text,.common-form-group p.legal-text{font-size:.9375rem;line-height:1.6}.common-form-row{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));margin-bottom:var(--spacing-xl)}.common-form-field{display:flex;flex-direction:column}.common-form-field label{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-sm)}.common-form-field p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:var(--spacing-xs) 0}.common-form-field input,.common-form-field select,.common-form-field textarea{border:2px solid #e5e7eb;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-md);padding:var(--spacing-md);transition:var(--transition-fast)}.common-form-field input:focus,.common-form-field select:focus,.common-form-field textarea:focus{border:var(--focus-border-width) solid var(--focus-border-color)!important;box-shadow:var(--focus-shadow)!important;outline:var(--focus-outline)!important}.common-form-field textarea{min-height:100px;resize:vertical}.common-toggle-group{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);transition:var(--transition-fast)}.common-toggle-group:hover{background:var(--bg-secondary);border-color:var(--accent-green)}.common-toggle-info{flex:1 1}.common-toggle-info h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-xs) 0}.common-toggle-info p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0}.common-toggle{background:#d1d5db;border-radius:13px;cursor:pointer;height:26px;margin-left:var(--spacing-xl);position:relative;transition:var(--transition-fast);width:50px}.common-toggle.active{background:var(--accent-green)}.common-toggle:before{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:22px;left:2px;position:absolute;top:2px;transition:var(--transition-fast);width:22px}.common-toggle.active:before{transform:translateX(24px)}.common-redgreen-toggle{cursor:pointer;display:inline-block;height:26px;position:relative;width:50px}.common-redgreen-toggle input{height:0;opacity:0;width:0}.common-redgreen-toggle .toggle-slider{background-color:#dc2626;border-radius:13px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:var(--transition-fast)}.common-redgreen-toggle .toggle-slider.active{background-color:var(--accent-green)}.common-redgreen-toggle .toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:22px;left:2px;position:absolute;top:2px;transition:var(--transition-fast);width:22px}.common-redgreen-toggle .toggle-slider.active:before{transform:translateX(24px)}.common-button{align-items:center;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:inline-flex;font-size:var(--font-size-md);font-weight:600;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:var(--transition-fast);white-space:nowrap}.common-button:hover{box-shadow:var(--shadow-success);transform:translateY(-2px)}.common-button:active{transform:translateY(0)}.common-button.primary{background:var(--brand-blue);box-shadow:var(--shadow-primary);color:#fff}.common-button.primary:hover{background:var(--brand-blue-light);box-shadow:0 6px 20px #17399766;color:#fff;transform:translateY(-1px)}.common-button.refer{background:var(--brand-green);box-shadow:var(--shadow-success);color:#fff}.common-button.refer:hover{background:var(--brand-green-light);box-shadow:0 6px 20px #10b98166;color:#fff;transform:translateY(-1px)}.common-button.secondary{background:linear-gradient(135deg,var(--text-secondary) 0,var(--text-muted) 100%);box-shadow:var(--shadow-md)}.common-button.secondary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.common-button.success{background:var(--brand-green);box-shadow:var(--shadow-success);color:#fff}.common-button.success:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-1px)}.common-button.danger{background:#fff;border:2px solid var(--error-red);box-shadow:none;color:var(--error-red)}.common-button.danger:hover{background:var(--error-red);box-shadow:0 6px 20px #dc262680;color:#fff;transform:translateY(-1px)}.common-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.common-button:disabled:hover{box-shadow:var(--shadow-sm)!important;transform:none!important}.common-button-group{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.mfa-method-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));margin:var(--spacing-xl) 0}.mfa-method-card{background:var(--bg-card);border:2px solid #e5e7eb;border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-xl);text-align:center;transition:var(--transition-fast)}.mfa-method-card:hover{border-color:var(--accent-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mfa-method-card.selected{background:linear-gradient(135deg,#10b9810d,#34d3990d);border-color:var(--accent-green)}.mfa-method-card svg{color:var(--accent-green);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.mfa-method-card h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-sm) 0}.mfa-method-card p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0}.billing-plan-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));margin:var(--spacing-xl) 0}.billing-plan-card{background:var(--bg-card);border:2px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--spacing-2xl);position:relative;text-align:center;transition:var(--transition-fast)}.billing-plan-card.current{border-color:var(--accent-green);box-shadow:var(--shadow-success)}.billing-plan-card.current:before{background:var(--accent-green);border-radius:0 0 var(--radius-md) var(--radius-md);color:#fff;content:"Current Plan";font-size:var(--font-size-xs);font-weight:600;left:50%;padding:var(--spacing-xs) var(--spacing-lg);position:absolute;text-transform:none!important;top:-1px;transform:translateX(-50%)}.billing-plan-name{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-sm) 0}.billing-plan-price{color:var(--accent-green);font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-md) 0}.billing-plan-features{list-style:none;margin:var(--spacing-xl) 0;padding:0;text-align:left}.billing-plan-features li{align-items:center;color:var(--text-secondary);display:flex;margin-bottom:var(--spacing-sm)}.billing-plan-features li i{color:var(--accent-green);margin-right:var(--spacing-sm);width:16px}.common-user-controls{margin-bottom:var(--spacing-xl)}.common-user-controls .common-form-row{align-items:flex-end;gap:var(--spacing-lg)}.common-select{animation:pulse-subtle 3s ease-in-out infinite;background:linear-gradient(to right,var(--bg-input),#3b82f608);border:3px solid #3b82f6;border-radius:var(--radius-md);box-shadow:0 4px 12px #3b82f640,0 0 0 0 #3b82f666;cursor:pointer;font-family:inherit;font-size:var(--font-size-lg);font-weight:700;padding:var(--spacing-lg);position:relative;transition:all .3s ease}@keyframes pulse-subtle{0%,to{box-shadow:0 4px 12px #3b82f640,0 0 0 0 #3b82f666}50%{box-shadow:0 4px 16px #3b82f659,0 0 0 4px #3b82f626}}.common-select:hover{animation:none;border-color:#2563eb;box-shadow:0 6px 20px #3b82f666,0 0 0 4px #3b82f633;transform:translateY(-2px)}.common-select:focus{animation:none;border-color:var(--accent-green);box-shadow:0 0 0 5px #10b98133,0 6px 20px #3b82f666;outline:none;transform:translateY(-1px)}.common-select option{font-weight:600;padding:var(--spacing-sm);text-shadow:0 1px 2px #0000001a}.common-button.small{font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.common-empty-state,.common-loading{color:var(--text-secondary);padding:var(--spacing-3xl);text-align:center}.common-empty-state{background:#f9fafb80;border:1px dashed #d1d5db;border-radius:var(--radius-md)}.common-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-sm)}.common-checkbox-label input[type=checkbox]{accent-color:var(--accent-green);cursor:pointer;height:18px;width:18px}.common-checkbox-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);margin-top:var(--spacing-sm);padding:var(--spacing-xl)}.common-checkbox-container .common-checkbox-label{border-radius:var(--radius-sm);padding:var(--spacing-sm) 0;transition:var(--transition-fast)}.common-checkbox-container .common-checkbox-label:hover{background:#f9fafbcc;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.common-user-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(265px,1fr));margin-bottom:var(--spacing-xl)}.common-user-card{background:var(--bg-card);border:2px solid #e5e7eb;border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:var(--transition-fast)}.common-user-card:hover{border-color:var(--accent-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.common-user-card.selected{background:linear-gradient(135deg,#10b9810d,#34d3990d);border-color:var(--accent-green);box-shadow:var(--shadow-success)}.selected-user-badge{font-color:white;align-items:center;color:var(--accent-green);display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex:1 1;font-size:36px;justify-content:center}.common-user-card.unverified{background:#fbbf240d;border-color:#fbbf24;opacity:.7}.common-user-card.unverified:hover{border-color:#f59e0b;cursor:not-allowed;transform:none}.common-user-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.common-user-card-left{align-items:center;display:flex;gap:var(--spacing-sm)}.common-user-status-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.common-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.common-badge.owner{background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-purple) 100%);color:#fff}.common-badge.status.active{background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-light) 100%);color:#fff}.common-badge.status.inactive{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff}.common-badge.status.unverified{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.common-user-info{background:#f9fafb80;border-left:4px solid var(--accent-green);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);transition:var(--transition-fast)}.common-user-info:hover{background:#f3f4f6b3}.common-user-card.selected .common-user-info{background:#10b9811a;border-left-color:var(--accent-green)}.common-user-card.unverified .common-user-info{background:#fbbf241a;border-left-color:#f59e0b;cursor:not-allowed}.common-user-info h5{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-sm) 0}.common-user-email,.common-user-group,.common-user-phone{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--spacing-xs) 0}.common-user-email{font-weight:500}.common-user-group .group-label{color:var(--text-primary);font-weight:600}.title-with-user{align-items:baseline;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.title-with-user .main-title{flex-shrink:0;margin:0}.user-name-inline{background:#f9fafbcc;border-left:3px solid var(--accent-blue);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.user-info-section{background:#f9fafbcc;border-left:4px solid var(--accent-blue);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.selected-user-info{margin-bottom:var(--spacing-sm)}.selected-user-info .user-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.user-selection-hint{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.navigation-hint{background:#3b82f61a;border-left:3px solid var(--accent-blue);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.common-user-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.common-user-actions .common-button{flex:1 1;justify-content:center;min-width:auto}.common-bulk-actions{background:linear-gradient(135deg,#ef44440d,#f871710d);border:2px solid #ef444433;border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-xl)}.common-bulk-actions h5{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.common-bulk-actions h5:before{content:"⚠️";font-size:var(--font-size-lg)}.common-warning{background:#fbbf241a;border-left:4px solid #f59e0b;border-radius:var(--radius-sm);color:#d97706;font-size:var(--font-size-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.common-error-text{color:var(--error-red);display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.common-message{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);line-height:1.4;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.common-message.success{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b9814d;color:var(--accent-green)}.common-message.warning{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:1px solid #f59e0b4d;color:#d97706}.common-message.critical{background:linear-gradient(135deg,#dc26261a,#ef44441a);border:1px solid #dc26264d;color:#dc2626;font-weight:600}.common-message.info{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border:1px solid #3b82f64d;color:#2563eb}.common-message svg{flex-shrink:0;font-size:1rem}.common-container .dashboard-header-section{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-2xl)}.common-container .dashboard-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.common-container .dashboard-buttons .common-button{background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--font-size-md);font-weight:600;min-width:140px;padding:var(--spacing-lg) var(--spacing-2xl);transition:var(--transition-normal);white-space:nowrap}.common-container .dashboard-buttons .common-button:hover{box-shadow:0 6px 20px #17399766;transform:translateY(-2px)}.dashboard-stats-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-3xl)}.dashboard-content-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--spacing-xl)}.dashboard-content-grid:last-child{margin-bottom:0}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);transition:var(--transition-fast)}.dashboard-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-card h4{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.dashboard-card p{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.5;margin:var(--spacing-sm) 0}.score-circle{background:var(--bg-card);border-radius:var(--radius-full);box-shadow:var(--shadow-success);display:flex;margin:0 auto var(--spacing-lg);transition:var(--transition-fast)}.score-circle:hover{transform:scale(1.05)}.score-value{color:var(--text-primary);font-weight:700}.score-status{font-weight:500;letter-spacing:1px}.last-updated{color:var(--text-muted);margin-top:var(--spacing-md);text-align:center}.last-updated,.score-error{font-size:var(--font-size-sm)}.score-error{background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-md);color:var(--error-red);font-style:italic;padding:var(--spacing-sm)}.activity-list{list-style:none;margin:0;padding:0}.activity-item{border-bottom:1px solid #f1f5f9;border-radius:var(--radius-md);gap:var(--spacing-md);padding:var(--spacing-md);transition:var(--transition-fast)}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#10b9810d}.activity-icon{align-items:center;background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-light) 100%);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-sm);height:32px;justify-content:center;width:32px}.activity-content{flex:1 1;min-width:0}.activity-title{font-size:var(--font-size-md);margin:0 0 var(--spacing-xs) 0}.activity-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{color:var(--text-muted);flex-shrink:0;font-size:var(--font-size-xs)}.training-list{display:flex;flex-direction:column;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.training-item{background:var(--bg-card);border:1px solid #e5e7eb;border-radius:var(--radius-md);gap:var(--spacing-lg);padding:var(--spacing-lg);transition:var(--transition-fast)}.training-item:hover{border-color:var(--accent-green);box-shadow:var(--shadow-md);transform:translateY(-1px)}.training-content{flex:1 1;min-width:0}.training-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-sm) 0}.training-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--spacing-xs) 0}.training-duration{color:var(--text-muted);font-size:var(--font-size-xs);margin:0}.training-button{align-self:flex-start;border:none;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast)}.training-button.priority{background:linear-gradient(135deg,var(--error-red) 0,var(--error-red-dark) 100%);box-shadow:var(--shadow-error);color:#fff}.training-button.start{background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-green-light) 100%);box-shadow:var(--shadow-success);color:#fff}.training-button:hover{transform:translateY(-1px)}.stat-card{box-shadow:var(--shadow-md);padding:var(--spacing-2xl);transition:var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-lg)}.stat-card h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0}.stat-value{color:var(--accent-green);font-size:var(--font-size-3xl);margin:var(--spacing-md) 0}.stat-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}@media (max-width:1200px){.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-content-grid{grid-template-columns:1fr}}@media (max-width:768px){.common-container .dashboard-header-section{justify-content:center}.dashboard-stats-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.dashboard-content-grid{gap:var(--spacing-lg)}.common-container .dashboard-buttons{justify-content:center}.common-container .dashboard-buttons .common-button{min-width:120px;padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:480px){.common-container .dashboard-buttons{align-items:center;flex-direction:column}.common-container .dashboard-buttons .common-button{max-width:250px;width:100%}.score-circle{height:100px;width:100px}.training-item{flex-direction:column;gap:var(--spacing-md)}.training-button{align-self:stretch;text-align:center}}.dashboard-section-center{margin-bottom:var(--spacing-xl);text-align:center}.dashboard-section-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.dashboard-metrics-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg)}.dashboard-metric-card{border:1px solid;border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.dashboard-metric-value{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs)}.dashboard-metric-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.dashboard-effectiveness-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.dashboard-effectiveness-value{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.dashboard-effectiveness-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.dashboard-results-container{background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md)}.dashboard-result-item{border:1px solid;border-radius:var(--radius-sm);font-size:var(--font-size-xl);font-weight:700;min-width:32px;padding:var(--spacing-xs);text-align:center}.dashboard-status-message{margin-top:var(--spacing-md);text-align:center}.dashboard-status-text{font-size:var(--font-size-sm);font-weight:600;margin:0}.dashboard-group-score-section{margin-bottom:var(--spacing-xl);text-align:center}.dashboard-group-score-value{font-size:var(--font-size-3xl);font-weight:700;margin:var(--spacing-md) 0}.group-members-section{margin-bottom:var(--spacing-lg)}.group-members{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashboard-member-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.dashboard-member-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.dashboard-member-score{border:1px solid;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.dashboard-empty-state{color:var(--text-secondary);font-style:italic;padding:var(--spacing-lg);text-align:center}.dashboard-error-box{background-color:var(--risk-critical-bg);border:1px solid var(--risk-critical-border);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.dashboard-error-text{color:var(--risk-critical-text);font-size:var(--font-size-sm);font-weight:500;margin:0}.dashboard-group-loading-item{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-style:italic;justify-content:space-between;padding:var(--spacing-md)}.dashboard-group-members-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.score-circle{align-items:center;background-color:var(--bg-primary);border-radius:50%;box-shadow:0 2px 8px #0000001a;display:inline-flex;flex-direction:column;height:120px;justify-content:center;margin-bottom:var(--spacing-md);width:120px}.score-value{font-size:var(--font-size-2xl);font-weight:800}.score-status{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.score-error{color:var(--risk-critical-text);margin-top:var(--spacing-sm);text-align:center}.last-updated,.score-error{font-size:var(--font-size-xs)}.last-updated{font-weight:500}.common-warning-box{background:linear-gradient(135deg,#f59e0b1a,#fbbf240d);border-left:4px solid #f59e0b;border-radius:var(--radius-lg);box-shadow:0 2px 8px #f59e0b1a;font-size:var(--font-size-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.common-warning-box.critical{background:linear-gradient(135deg,#dc26261a,#ef44440d);border-left-color:#dc2626;box-shadow:0 2px 8px #dc26261a}.common-warning-box.at-limit{background:linear-gradient(135deg,#dc262626,#ef444414);border-left-color:#dc2626;box-shadow:0 4px 12px #dc262626}.common-warning-box.near-limit{background:linear-gradient(135deg,#f59e0b1f,#fbbf240f);border-left-color:#f59e0b;box-shadow:0 3px 10px #f59e0b1f}.common-warning-box h3,.common-warning-box h4{color:#92400e;font-weight:600;margin:0 0 var(--spacing-sm) 0}.common-warning-box.at-limit h3,.common-warning-box.at-limit h4,.common-warning-box.critical h3,.common-warning-box.critical h4{color:#991b1b}.common-warning-box p{color:#92400e;line-height:1.5;margin:var(--spacing-xs) 0}.common-warning-box.at-limit p,.common-warning-box.critical p{color:#991b1b}.common-warning-box strong{font-weight:600}.control-tooltip{background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:var(--font-size-sm);line-height:1.4;max-width:250px;padding:8px 12px;pointer-events:none;position:fixed;z-index:1000}.common-columns{align-items:flex-start;display:flex;gap:var(--spacing-xl);justify-content:flex-start;width:100%}.common-column{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);min-width:200px}@media (max-width:768px){.common-columns{flex-direction:column;gap:var(--spacing-lg)}.common-column{min-width:auto;width:100%}}.common-label-container{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.common-label-with-icon{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:0}.common-info-icon{color:#64748b;cursor:help;font-size:20px;position:relative;transition:color .2s ease}.common-info-icon:hover{color:#3b82f6}.common-radio-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);margin-top:var(--spacing-sm);padding:var(--spacing-xl)}.common-radio-label{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;padding:var(--spacing-md);transition:var(--transition-fast)}.common-radio-label:hover{background:#2563eb05;border-color:var(--accent-green)}.common-radio-input{accent-color:var(--accent-green);height:25px;margin-right:var(--spacing-md);width:40px}.common-radio-content{display:flex;flex-direction:column;gap:2px}.common-radio-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600}.common-radio-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.common-radio-input:checked+.common-radio-content .common-radio-title{color:var(--primary-color)}.profile-notification{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.notification-icon{font-size:var(--font-size-xl)}.notification-content h4{color:#0c4a6e;font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-xs) 0}.notification-content p{color:#075985;font-size:var(--font-size-md);margin:0}.error-icon{flex-shrink:0;font-size:var(--font-size-xl)}.preset-indicator{border-radius:50%;flex-shrink:0;height:20px;margin-right:var(--spacing-md);width:20px}.preset-indicator.easy{background:var(--accent-green)}.preset-indicator.average{background:var(--warning-orange)}.preset-indicator.difficult{background:var(--error-red)}.preset-indicator.custom{background:var(--accent-purple)}.common-alert{align-items:flex-start;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.common-alert.info{background:#3b82f60d;border:1px solid #3b82f626;color:var(--text-secondary)}.common-alert.error{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.common-alert h4{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;margin:0 0 var(--spacing-xs) 0}.common-alert p{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.loading-state{animation:fadeInLoading .3s ease-out;min-height:200px;padding:var(--spacing-3xl)}@keyframes fadeInLoading{0%{opacity:0}to{opacity:1}}.loading-state p,.loading-state span{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;letter-spacing:.025em;margin-top:var(--spacing-md)}.loading-spinner{height:50px;margin:0 auto;position:relative;width:50px}.loading-spinner:after,.loading-spinner:before{border-radius:50%;content:"";position:absolute}.loading-spinner:before{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border:3px solid #0000;border-top:3px solid var(--primary-blue,#1e3a8a);height:100%;width:100%}.loading-spinner:after{animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite reverse;border:3px solid #0000;border-top:3px solid var(--secondary-blue,#3b82f6);height:70%;left:15%;top:15%;width:70%}.loading-spinner-rings{display:inline-block;height:50px;margin:0 auto;position:relative;width:50px}.loading-spinner-rings .ring{animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border:3px solid #0000;border-radius:50%;position:absolute}.loading-spinner-rings .ring:first-child{animation-delay:0s;border-top-color:#1e3a8a;border-top-color:var(--primary-blue,#1e3a8a);height:50px;width:50px}.loading-spinner-rings .ring:nth-child(2){animation-delay:.1s;border-top-color:#3b82f6;border-top-color:var(--secondary-blue,#3b82f6);height:40px;left:5px;top:5px;width:40px}.loading-spinner-rings .ring:nth-child(3){animation-delay:.2s;border-top-color:#10b981;border-top-color:var(--accent-green,#10b981);height:30px;left:10px;top:10px;width:30px}.control-wrapper{width:100%}.control-wrapper .control-group{background:#0000;border:none;box-shadow:none;margin:0;padding:0;width:100%}.control-wrapper .control-label-container{margin-bottom:var(--spacing-sm)}.control-wrapper .control-label{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:0}.control-wrapper .control-content{background:var(--bg-input);border:2px solid #e5e7eb;border-radius:var(--radius-md);padding:var(--spacing-lg);transition:var(--transition-fast)}.control-wrapper .control-content:focus-within{border-color:var(--accent-green);box-shadow:0 0 0 3px #10b9811a}.common-form-field:has(.control-wrapper) input:read-only,.common-form-field:has(.control-wrapper) input[disabled],.common-form-field:has(.control-wrapper) select[disabled]{cursor:not-allowed;opacity:.6}.control-wrapper.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.control-wrapper.disabled *{cursor:not-allowed!important}.control-wrapper.disabled input[type=checkbox],.control-wrapper.disabled input[type=radio],.control-wrapper.disabled input[type=range],.control-wrapper.disabled select{cursor:not-allowed!important;pointer-events:none}.control-wrapper:not(.disabled) .checkbox-item,.control-wrapper:not(.disabled) .checkbox-label,.control-wrapper:not(.disabled) .radio-item,.control-wrapper:not(.disabled) .radio-label,.control-wrapper:not(.disabled) input[type=checkbox],.control-wrapper:not(.disabled) input[type=radio],.control-wrapper:not(.disabled) input[type=range],.control-wrapper:not(.disabled) select{cursor:pointer}.user-info{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;margin:var(--spacing-xs) 0}@media (min-width:1200px){.common-layout{gap:var(--spacing-3xl)}.common-sidebar{width:380px}}@media (max-width:1199px) and (min-width:768px){.common-layout{gap:var(--spacing-xl)}.common-sidebar{width:265px}.common-sidebar .common-form-group{padding:var(--spacing-md)}}@media (max-width:767px){.common-layout{flex-direction:column;gap:var(--spacing-lg);padding:0 var(--spacing-md)}.common-sidebar-desktop{display:none}.common-sidebar-mobile{display:block}.common-dropdown-content{background:var(--bg-card);border:2px solid #e5e7eb;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;box-shadow:var(--shadow-lg);left:0;max-height:70vh;overflow-y:auto;padding:var(--spacing-lg);position:absolute;right:0;top:100%;z-index:1000}.common-dropdown-arrow{transition:transform var(--transition-fast)}.common-dropdown-trigger[aria-expanded=true] .common-dropdown-arrow{transform:rotate(180deg)}.common-content{margin:0;width:100%}.common-section{margin-bottom:var(--spacing-lg)}.common-header{padding:var(--spacing-md);text-align:left}.title-with-user{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.main-title{word-wrap:break-word;font-size:1.5rem;line-height:1.2;overflow-wrap:break-word;width:100%}.user-selection-hint{margin-top:var(--spacing-xs);text-align:left;width:100%}.common-subtitle{font-size:var(--font-size-md);text-align:left;width:100%}}@media (max-width:480px){.common-layout{gap:var(--spacing-md);padding:0 var(--spacing-sm)}.common-dropdown-content{padding:var(--spacing-md)}.common-form-field{margin-bottom:var(--spacing-sm)}.common-button-group{flex-direction:column;gap:var(--spacing-sm)}.common-button-group .common-button{justify-content:center;width:100%}.title-with-user{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.main-title{word-wrap:break-word;font-size:1.3rem;line-height:1.2;overflow-wrap:break-word;width:100%}.user-selection-hint{font-size:var(--font-size-xs);line-height:1.3;text-align:left;width:100%}.common-subtitle{font-size:var(--font-size-sm);text-align:left;width:100%}.common-header{padding:var(--spacing-sm)}}@media (hover:none) and (pointer:coarse){.common-dropdown-trigger{min-height:48px}.common-button,.common-dropdown-trigger{padding:var(--spacing-md) var(--spacing-lg)}.common-button{min-height:44px}.common-form-field input,.common-form-field select{min-height:44px;padding:var(--spacing-md)}}.field-status{align-items:center;border-radius:4px;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:4px;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.field-status.verified{background-color:#d1fae5;color:#065f46}[data-theme=dark] .selected-user-badge{filter:drop-shadow(0 2px 6px rgba(16,185,129,.5))}.field-status.pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.field-status .fa-check-circle{color:#28a745}.field-status .fa-clock{color:#ffc107}.analysis-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:2rem;padding:1rem 2rem}.disclaimer-footer{color:var(--text-muted);font-size:.9rem;line-height:1.4;text-align:center}.disclaimer-footer p{margin:0}.footer-link{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--primary-hover-color);text-decoration:underline}@media (max-width:1024px){.analysis-footer{padding:1rem}.disclaimer-footer{font-size:.85rem}}@media (max-width:768px){.analysis-footer{display:none!important}}.upload-container{height:100%;overflow-y:auto;padding:var(--spacing-lg)}.upload-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.upload-description{color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:400;line-height:1.8;margin-bottom:var(--spacing-xl)}.upload-methods-container{align-items:stretch;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.upload-methods-divider{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:600;justify-content:center;padding:0 var(--spacing-md)}.upload-methods-divider span{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md)}.method-file-browser,.method-paste{flex:1 1;min-width:0}.method-paste{cursor:default!important;pointer-events:none}.method-paste .upload-prompt{pointer-events:auto}.upload-dropzone{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--spacing-lg);padding:var(--spacing-xxl);text-align:center;transition:all .3s ease}.upload-dropzone:hover{background:#3b82f60d;border-color:var(--primary-blue)}.upload-dropzone.drag-active{background:#3b82f61a;border-color:var(--primary-blue);transform:scale(1.02)}.upload-dropzone.has-file{background:#10b9810d;border-color:#10b981;cursor:default}.upload-prompt{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.upload-icon{color:var(--primary-blue);opacity:.6}.upload-text{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:500;margin:0}.upload-text strong{color:var(--primary-blue);font-weight:600}.upload-hint{color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:400;margin:0}.upload-hint:last-child{margin-bottom:var(--spacing-md)}.screenshot-help-btn{align-items:center;background:var(--primary-blue);border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;height:24px;justify-content:center;margin-left:var(--spacing-sm);padding:4px 8px;transition:all .2s ease;width:24px}.screenshot-help-btn:hover{background:#1d4ed8;box-shadow:0 3px 6px #00000026;transform:scale(1.1)}.screenshot-help{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:var(--spacing-sm);max-width:400px;padding:var(--spacing-md);text-align:left}.screenshot-help-content strong{color:var(--text-primary);display:block;font-size:.85rem;margin-bottom:var(--spacing-sm)}.os-tabs{border-bottom:2px solid var(--primary-blue);display:flex;gap:4px;margin-bottom:0}.os-tab{background:#0000;border:2px solid #0000;border-bottom:2px solid var(--primary-blue);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;margin-bottom:-2px;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .2s ease}.os-tab:hover{background:#3b82f614;color:var(--text-primary)}.os-tab.active{background:#fff;border:3px solid var(--primary-blue);border-bottom:3px solid #fff;box-shadow:0 -2px 4px #0000000d;color:var(--primary-blue);font-weight:600;z-index:1}.os-instructions{gap:var(--spacing-sm)}.os-instructions,.os-section{display:flex;flex-direction:column}.os-section{background:var(--bg-secondary);border-left:3px solid var(--primary-blue);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);color:var(--text-secondary);font-size:.8rem;gap:var(--spacing-xs);padding:var(--spacing-md)}.os-section .step-by-step{display:flex;flex-direction:column;gap:var(--spacing-sm)}.os-section .step{color:var(--text-primary);font-weight:500;line-height:1.6}.os-section .step-detail{color:var(--text-secondary);font-size:.75rem;font-style:italic;margin-top:-4px;padding-left:var(--spacing-md)}.os-label{color:var(--text-primary);font-weight:600}.screenshot-help kbd{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 1px 0 #d1d5db;color:var(--text-primary);font-family:ui-monospace,monospace;font-size:.75rem;padding:2px 6px}.file-preview{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.preview-image{border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:300px;max-width:300px}.pasted-preview-image{border:2px dashed var(--border-color);border-radius:var(--radius-md)}.browsed-preview-image,.pasted-preview-image{height:auto;max-height:200px;max-width:200px;object-fit:contain;padding:var(--spacing-sm);width:auto}.browsed-preview-image{border:2px solid var(--border-color);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.file-info{text-align:center}.file-name{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:500;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-xs);word-break:break-word}.file-name,.file-size{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.file-size{color:var(--text-secondary);font-size:.875rem;font-weight:400}.upload-error{align-items:center;background:#fee2e2;border-left:4px solid #ef4444;color:#dc2626;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md)}.upload-error,.upload-progress{border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.upload-progress{background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--spacing-lg)}.progress-header{align-items:center;color:var(--primary-blue);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.progress-bar{background:#e5e7eb;height:24px;margin-bottom:var(--spacing-sm);width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,var(--primary-blue) 0,#2563eb 100%)}.progress-percentage{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;text-align:center}.progress-percentage,.progress-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.progress-text{color:var(--text-secondary);font-size:.875rem;font-weight:400}.upload-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl)}.upload-actions button{align-items:center;border:none;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.upload-actions button:hover{box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.upload-actions button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.clear-btn:hover:not(:disabled){background:#d32f2f;box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.upload-actions .analyze-btn{background:var(--brand-blue);color:#fff}.upload-actions .analyze-btn:hover{background:var(--brand-blue-light)}.upload-actions .clear-btn{background:#a9a9a9;border:2px solid var(--border-color);color:#fff}.upload-actions .clear-btn:hover{background:#f44336;border-color:red;color:#fff}.upload-info-panel{background:#3b82f60d;border-left:4px solid var(--primary-blue);border-radius:var(--radius-md);padding:var(--spacing-lg)}.upload-info-panel h4{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.upload-info-panel h4,.upload-info-panel ol{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.upload-info-panel ol{color:var(--text-secondary);font-size:.95rem;font-weight:400;line-height:1.8;margin:0;padding-left:var(--spacing-lg)}.upload-info-panel li{margin-bottom:var(--spacing-sm)}.security-badge{align-items:center;background:#10b9811a;border-radius:var(--radius-sm);color:var(--text-primary);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md)}.badge-icon{font-size:1.25rem}@media (max-width:768px){.upload-dropzone{padding:var(--spacing-lg)}.preview-image{max-height:200px;max-width:200px}.upload-actions{flex-direction:column}.upload-actions button{width:100%}}.results-container{height:100%;overflow-y:auto}.results-controls{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-btn{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.filter-btn:hover{background:#3b82f60d;border-color:var(--primary-blue)}.filter-btn.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.filter-btn.scam.active{background:#ef4444;border-color:#ef4444}.filter-btn.safe.active{background:#10b981;border-color:#10b981}.view-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.sort-select{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.sort-select:focus,.sort-select:hover{border-color:var(--primary-blue)}.sort-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.view-mode-toggle{border:2px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:0;overflow:hidden}.view-btn{background:#fff;color:var(--text-secondary);font-size:1.1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.view-btn:hover{background:#3b82f60d;color:var(--primary-blue)}.view-btn.active{background:var(--primary-blue)}.view-btn+.view-btn{border-left:1px solid var(--border-color)}.loading-state{color:var(--primary-blue);gap:var(--spacing-lg);padding:var(--spacing-xxl)}.loading-state p{color:var(--text-secondary);font-size:1.1rem}.empty-state{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xxl)}.empty-icon{color:var(--text-secondary);opacity:.5}.empty-state h3{color:var(--text-primary);font-size:1.5rem;margin:0}.empty-state p{color:var(--text-secondary);font-size:1rem}.results-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:var(--spacing-sm)}.results-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.analysis-card{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:row;gap:var(--spacing-3xl);overflow:hidden;padding:var(--spacing-md);transition:all .3s ease}.analysis-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.analysis-card.active{background:#e7f0fa;border-color:#7ba4d0;box-shadow:var(--shadow-lg)}.analysis-card.scam{border-color:#fee2e2}.analysis-card.safe{border-color:#dcfce7}.card-thumbnail{align-items:center;background:var(--bg-secondary);border:2px solid #d1d5db;border-radius:6px;display:flex;justify-content:center;overflow:hidden}.card-thumbnail,.results-list .card-thumbnail{flex-shrink:0;height:100px;width:100px}.card-thumbnail img{height:100%;object-fit:fill;width:100%}.results-list .card-thumbnail img{object-fit:contain}.placeholder-thumbnail{color:var(--text-secondary);font-size:1.5rem;opacity:.3}.results-list .analysis-card{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md)}.card-status-column{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);justify-content:center;width:-webkit-fit-content;width:fit-content}.confidence-value{color:var(--text-primary);font-size:.875rem;font-weight:600;text-align:center}.card-datetime-column{display:flex;flex-direction:column;gap:var(--spacing-xs);width:-webkit-fit-content;width:fit-content}.date-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.time-value{color:var(--text-secondary);font-size:.75rem}.card-content{flex:1 1;padding:var(--spacing-lg)}.card-header{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-title{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0;word-break:break-word}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:700;gap:var(--spacing-xs);justify-content:center;line-height:1;padding:var(--spacing-xs) var(--spacing-md);vertical-align:middle;white-space:nowrap}.status-badge svg{display:inline-block;vertical-align:middle}.status-badge.scam{background:#fee2e2;color:#dc2626}.status-badge.safe,.status-badge.scam{align-items:center;display:inline-flex;justify-content:center}.status-badge.safe{background:#dcfce7;color:#059669}.status-badge.unsafe{background:#fef3c7;color:#b45309}.status-badge.unsafe,.status-badge.virus{align-items:center;display:inline-flex;justify-content:center}.status-badge.virus{background:#fee2e2;color:#dc2626}.status-badge.invalid{background:#fed7aa;color:#c2410c}.status-badge.blocked,.status-badge.invalid{align-items:center;display:inline-flex;justify-content:center}.status-badge.blocked{background:#e5e7eb;color:#6b7280}.status-badge.security-failed{align-items:center;background:#fef3c7;color:#b45309;display:inline-flex;justify-content:center}.confidence-value.security-note{color:#b45309;font-size:.7rem}.placeholder-thumbnail.security-blocked{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;display:flex;flex-direction:column;gap:4px;justify-content:center}.placeholder-thumbnail.security-blocked svg{font-size:1.5rem}.placeholder-thumbnail.security-blocked .blocked-label{font-size:.65rem;font-weight:600;text-transform:uppercase}.analysis-card.security-failed{border-color:#fbbf24}.analysis-card.security-failed:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.card-metadata{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.confidence{align-items:center;display:flex;gap:var(--spacing-xs)}.confidence strong{color:var(--text-primary)}.card-preview{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-md)}.card-actions{gap:var(--spacing-xs);margin-left:auto}.btn-small{align-items:center;display:flex;font-size:.875rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.common-btn-danger{align-items:center;background:#fee2e2;border:2px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:.5rem .75rem;transition:all .2s ease}.common-btn-danger:hover{background:#fecaca;border-color:#dc2626;box-shadow:0 2px 8px #dc262633;transform:translateY(-1px)}.common-btn-danger:active{box-shadow:0 1px 4px #dc262633;transform:translateY(0)}.common-btn-danger svg{font-size:1rem}@media (max-width:1024px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.results-controls{align-items:stretch;flex-direction:column}.filter-buttons,.view-controls{justify-content:center;width:100%}.results-grid{grid-template-columns:1fr}.results-list .analysis-card{flex-direction:column}.results-list .card-thumbnail{height:200px;width:100%}.card-actions{flex-direction:column}.card-actions button{width:100%}}.pagination-container{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;margin-top:var(--spacing-md);padding-top:var(--spacing-sm)}.pagination-info{font-size:.8rem;margin:0;white-space:nowrap}.pagination-controls{flex-direction:row;flex-wrap:nowrap;gap:2px;margin-top:4px}.pagination-btn{align-items:center;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);display:inline-flex;font-size:.75rem;margin:0;padding:4px 8px;white-space:nowrap}.pagination-btn:hover:not(:disabled){background:#3b82f60d;border-color:var(--primary-blue);color:var(--primary-blue)}.pagination-pages{display:inline-flex;flex-direction:row;gap:2px}.pagination-page{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;height:24px;justify-content:center;margin:0;min-width:24px;padding:0 4px;transition:all .2s ease}.pagination-page:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.pagination-page.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}@media (max-width:480px){.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.pagination-page{font-size:.8rem;height:28px;width:28px}}.analysis-details-container{height:100%;overflow-y:auto}.details-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.details-header button{align-items:center;display:flex;gap:var(--spacing-xs)}.threat-banner{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl)}.threat-banner.threat-detected{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444}.threat-banner.safe{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-left:4px solid #10b981}.threat-banner.security-failed{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b}.threat-icon{font-size:3rem}.threat-detected .threat-icon{color:#ef4444}.safe .threat-icon{color:#10b981}.security-failed .threat-icon{color:#f59e0b}.threat-content{flex:1 1}.threat-title{font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.threat-detected .threat-title{color:#dc2626}.safe .threat-title{color:#059669}.security-failed .threat-title{color:#b45309}.threat-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.security-failure-notice{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);margin:var(--spacing-md) 0;padding:var(--spacing-lg)}.security-notice-icon{color:#b45309;flex-shrink:0}.security-notice-content h4{color:#b45309;font-size:1.1rem;margin:0 0 var(--spacing-sm) 0}.security-notice-content p{color:#78350f;font-size:.95rem;line-height:1.5;margin:0 0 var(--spacing-sm) 0}.security-notice-content .error-detail{background:#ffffff80;border-radius:var(--radius-sm);color:#92400e;font-size:.85rem;padding:var(--spacing-sm)}.image-display{margin-bottom:var(--spacing-lg)}.image-preview-section{background:var(--bg-secondary);border-left:3px solid var(--primary-blue);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.image-preview-section .subsection-title{margin-bottom:0}.image-preview-section .image-display{margin-bottom:0;margin-top:var(--spacing-md)}.analysis-image{border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:block;height:auto;margin:20px auto;max-width:600px;width:100%}.image-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xxl)}.analysis-section,.image-placeholder{background:var(--bg-secondary);border-radius:var(--radius-md)}.analysis-section{margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.analysis-line{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.analysis-line:last-child{border-bottom:none}.analysis-line .label{align-items:center;color:var(--text-secondary);display:flex;font-weight:600;gap:var(--spacing-xs)}.analysis-line .value{color:var(--text-primary);font-weight:500}.subsection-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.subsection-title.collapsible-header{cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.subsection-title.collapsible-header:hover{color:var(--primary-blue)}.explanation-section .subsection-title{margin-bottom:0}.explanation-section .explanation-text{margin-top:var(--spacing-md)}.confidence-card{background:var(--bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.confidence-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.confidence-header h3{font-size:1.1rem;font-weight:600;margin:0}.confidence-badge{border-radius:var(--radius-full);font-size:.875rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.confidence-badge.very-high{background:#fee2e2;color:#dc2626}.confidence-badge.high{background:#fed7aa;color:#ea580c}.confidence-badge.medium{background:#fef3c7;color:#d97706}.confidence-badge.low{background:#dbeafe;color:#2563eb}.confidence-badge.very-low{background:#e5e7eb;color:#6b7280}.confidence-bar-container{margin-bottom:var(--spacing-sm);position:relative}.confidence-bar{background:#e5e7eb;border-radius:var(--radius-full);height:24px;overflow:hidden;position:relative;width:100%}.confidence-fill{border-radius:var(--radius-full);height:100%;transition:width .5s ease}.confidence-fill.very-high{background:linear-gradient(90deg,#ef4444,#dc2626)}.confidence-fill.high{background:linear-gradient(90deg,#f97316,#ea580c)}.confidence-fill.medium{background:linear-gradient(90deg,#eab308,#d97706)}.confidence-fill.low{background:linear-gradient(90deg,#3b82f6,#2563eb)}.confidence-fill.very-low{background:linear-gradient(90deg,#9ca3af,#6b7280)}.confidence-label{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-top:var(--spacing-sm);text-align:center}.scam-type-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b}.scam-type-badge{color:#d97706;font-weight:600;padding:var(--spacing-xs) var(--spacing-md)}.explanation-section,.scam-type-badge{background:#fff;border-radius:var(--radius-md)}.explanation-section{border-left:3px solid var(--primary-blue);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.explanation-text{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.95rem;line-height:1.8;margin:0;white-space:pre-wrap;word-break:break-word}.risk-factors-section{margin-top:var(--spacing-md)}.risk-factors-list{list-style:none;margin:0;padding:0}.risk-factors-list li{align-items:flex-start;background:#fff;border-left:3px solid #f59e0b;border-radius:var(--radius-md);display:flex;font-size:.95rem;gap:var(--spacing-sm);line-height:1.6;margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.risk-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.suggestions-section{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:3px solid #3b82f6;border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.suggestions-text{color:var(--text-primary);font-size:.95rem;line-height:1.8;margin:0;white-space:pre-wrap;word-break:break-word}.explanation-reference,.suggestions-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.explanation-reference{color:var(--text-secondary);font-size:.875rem;font-style:italic;margin-bottom:0;margin-top:var(--spacing-md)}.security-badge{border-radius:var(--radius-md);font-size:.875rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.security-badge.clean,.security-badge.safe{background:#dcfce7;color:#059669}.security-badge.suspicious{background:#fef3c7;color:#d97706}.security-badge.danger,.security-badge.malicious{background:#fee2e2;color:#dc2626}.extracted-text{background:#fff;border-left:3px solid var(--primary-blue);border-radius:var(--radius-md);color:var(--text-primary);font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:var(--spacing-md);white-space:pre-wrap;word-break:break-word}.labels-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:var(--spacing-md)}.label-tag{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all .2s ease}.label-tag:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.provider-info{background:var(--bg-secondary);border-top:2px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}@media (max-width:768px){.threat-banner{flex-direction:column;padding:var(--spacing-lg);text-align:center}.threat-title{font-size:1.5rem}.analysis-image{max-width:100%}.labels-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.empty-analysis-state{padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.empty-analysis-message{color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:400;line-height:1.8;margin:0}.panels-container{background:var(--bg-card);border:1px solid #e5e7eb;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0;max-width:1400px;padding:var(--spacing-lg)}.upload-section-compact{border-bottom:1px solid #e5e7eb;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.upload-section-compact .upload-info-panel{display:none}@media (max-width:1024px){.panels-container .common-layout{flex-direction:column}.panels-container .analysis-form-container,.panels-container .common-content{flex:none!important;width:100%}}@media (max-width:768px){.panels-container{border-radius:var(--radius-lg);padding:var(--spacing-md)}.upload-section-compact{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}}.nav-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:var(--spacing-md)}.nav-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.nav-tab:hover{background:#3b82f60d;color:var(--primary-blue)}.nav-tab.active{border-bottom-color:var(--primary-blue);color:var(--primary-blue);font-weight:600}.statistics-dashboard{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--bg-card);border:1px solid #e5e7eb;border-radius:var(--radius-lg);gap:var(--spacing-md);padding:var(--spacing-lg);transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{color:var(--primary-blue);flex-shrink:0;font-size:2rem}.stat-card.scam .stat-icon{color:#ef4444}.stat-card.safe .stat-icon{color:#10b981}.stat-content{flex:1 1}.stat-value{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase}.panel-content{box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.analysis-form-container,.panel-content{background:var(--bg-card);border:1px solid #e5e7eb;border-radius:var(--radius-lg)}.analysis-form-container{box-shadow:var(--shadow-md);overflow:hidden}.results-container{margin-top:var(--spacing-xl)}.loading-container{color:var(--text-secondary);padding:var(--spacing-3xl);text-align:center}.loading-spinner{border:4px solid #e5e7eb;border-top:4px solid var(--primary-blue);display:inline-block}.error-message{align-items:center;border:1px solid #ef4444;border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}[data-theme=dark] .error-message{background:#450a0a;border-color:#dc2626;color:#fecaca}.empty-state{color:var(--text-secondary);padding:var(--spacing-3xl);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.analysis-details .empty-state-content{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:1.5rem 1rem 3rem;text-align:center}.analysis-details .empty-state-content .empty-icon{color:#9ca3af;font-size:3rem;margin-bottom:1rem}.analysis-details .empty-state-content h3{color:#374151;font-size:1.1rem;margin:0 0 .5rem}.analysis-details .empty-state-content p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.common-layout{flex-direction:column}.statistics-dashboard{grid-template-columns:1fr}.nav-tabs{flex-direction:column;gap:0}.nav-tab{border-bottom:1px solid #e5e7eb;border-left:3px solid #0000;padding:var(--spacing-lg)}.nav-tab.active{border-bottom-color:#e5e7eb;border-left-color:var(--primary-blue)}}.create-simulation-schedule{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:800px;min-height:100%;padding:20px}.create-simulation-schedule h2{border-bottom:2px solid #007bff;color:#333;margin-bottom:20px;padding-bottom:10px;text-align:center}.description{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:30px;padding:20px}.description p{color:#495057;line-height:1.6;margin:0 0 10px}.description p:last-child{margin-bottom:0}.trigger-button{background-color:#28a745!important;border-color:#28a745!important;font-size:16px!important;font-weight:600!important;min-width:200px;padding:15px 30px!important}.trigger-button:hover:not(:disabled){background-color:#218838!important;border-color:#1e7e34!important}.trigger-button:disabled{background-color:#6c757d!important;border-color:#6c757d!important}.form-actions{padding:20px}.user-info{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:5px;margin-bottom:20px;padding:15px}.user-info p{color:#495057;margin:0}.loading-indicator{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px;text-align:center}.loading-indicator p{color:#6c757d;font-style:italic;margin:0}.profile-and-schedule-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:20px}.simulation-profile-display{background:#fff;border-left:4px solid #28a745;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px}.simulation-profile-display h3{border-bottom:1px solid #eee;color:#333;font-size:18px;margin-bottom:20px;padding-bottom:10px}.profile-details{margin-top:15px}.detail-row{margin-bottom:12px}.detail-row .label{min-width:160px}.detail-row .value{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:5px 10px}.schedule-creation{background:#fff;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px}.schedule-creation h3{border-bottom:1px solid #eee;color:#333;font-size:18px;margin-bottom:20px;padding-bottom:10px}.schedule-info{margin-bottom:25px;margin-top:15px}.schedule-info .detail-row{align-items:flex-start;display:flex;margin-bottom:12px}.schedule-info .detail-row .label{color:#555;flex-shrink:0;font-weight:600;min-width:160px}.schedule-info .detail-row .value{background-color:#e8f4fd;border:1px solid #b3d9f2;border-radius:4px;color:#333;flex:1 1;font-weight:500;padding:5px 10px}.schedule-form{margin-top:15px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.form-actions{margin-top:30px;text-align:center}.btn-primary{background-color:#007bff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;min-width:160px;padding:12px 30px;transition:background-color .3s ease}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.no-profile-warning,.no-user-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;margin-top:20px;padding:25px;text-align:center}.no-profile-warning p,.no-user-warning p{font-weight:500;margin:10px 0}.no-profile-warning{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.create-simulation-schedule{padding:15px}.profile-and-schedule-container{gap:20px;grid-template-columns:1fr}.schedule-creation,.simulation-profile-display{padding:20px}.detail-row,.schedule-info .detail-row{flex-direction:column;gap:5px}.detail-row .label,.schedule-info .detail-row .label{font-size:14px;min-width:auto}}.execute-simulation-schedule{margin:0 auto;max-width:1200px;padding:15px}.header-section{margin-bottom:15px}.header-main{align-items:flex-start;display:flex;gap:15px;justify-content:space-between}.header-title-area{flex:1 1;min-width:0}.header-section h2{border-bottom:2px solid #007bff;color:#333;font-size:22px;margin:0 0 8px;padding-bottom:6px}.execute-simulation-schedule .user-info{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:3px solid #007bff;border-radius:4px;display:flex;gap:6px;margin-top:4px;padding:6px 10px}.user-label{color:#6c757d;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.user-details{color:#495057;font-size:13px;font-weight:500}.top-right-controls{flex-shrink:0;gap:6px}.schedule-info,.top-right-controls{align-items:flex-end;display:flex;flex-direction:column}.schedule-info{gap:2px;margin-bottom:4px}.schedule-count{color:#6c757d;font-size:13px;font-weight:500}.filtered-count{color:#28a745;font-size:11px;font-style:italic;font-weight:600}.user-schedule-count{color:#868e96;font-size:11px;font-style:italic}.action-buttons{align-items:center;gap:12px;justify-content:space-between}.primary-actions,.secondary-actions{align-items:center;display:flex;gap:8px}.btn-refresh{background:linear-gradient(135deg,#6c757d,#5a6268)}.btn-refresh,.btn-search-toggle{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:8px 12px;transition:all .3s ease}.btn-search-toggle{background:linear-gradient(135deg,#17a2b8,#138496)}.btn-refresh:hover:not(:disabled),.btn-search-toggle:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-refresh:disabled{background-color:#adb5bd;cursor:not-allowed}.btn-execute-all{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.btn-execute-all:hover:not(:disabled){box-shadow:0 6px 12px #007bff4d;transform:translateY(-2px)}.btn-execute-all:disabled{background-color:#6c757d;cursor:not-allowed}.search-panel{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.search-panel-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.search-panel-header h3{color:#333;font-size:18px;margin:0}.btn-clear-search{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.btn-clear-search:hover{background-color:#c82333}.search-fields{display:flex;flex-direction:column;gap:15px}.search-row{align-items:end;display:flex;flex-wrap:wrap;gap:20px}.search-field{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:180px}.search-field label{color:#495057;font-size:14px;font-weight:500}.search-input,.search-select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.search-input:focus,.search-select:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.search-results{align-items:center;display:flex;justify-content:center;min-width:200px}.search-summary{background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:14px;padding:10px 15px;text-align:center}.execute-simulation-schedule .user-info{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:5px;margin-bottom:20px;padding:15px}.execute-simulation-schedule .user-info p{color:#495057;margin:0}.message{border-radius:5px;font-weight:500;margin-bottom:20px;padding:15px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.schedules-container{margin-top:20px}.no-schedules{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px;text-align:center}.no-schedules p{color:#6c757d;margin:10px 0}.schedules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.schedule-card-horizontal,.schedules-list{display:flex;flex-direction:column;gap:15px}.schedule-card-horizontal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.schedule-card-horizontal:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.schedule-header-horizontal{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:10px}.schedule-id-status{align-items:center;display:flex;gap:15px}.schedule-id-status h3{color:#333;font-size:18px;margin:0}.schedule-time{align-items:center;display:flex;gap:10px}.schedule-time .label{color:#555;font-size:14px;font-weight:600}.schedule-time .value{color:#333;font-size:14px}.schedule-completed-time{align-items:center;display:flex;gap:10px}.schedule-completed-time .label{color:#28a745;font-size:14px;font-weight:600}.schedule-completed-time .value.completed-time{color:#28a745;font-size:14px;font-weight:500}.schedule-message-info{background-color:#f8f9fa;border-radius:5px;display:flex;flex-direction:column;gap:8px;padding:15px}.message-content-preview,.message-subject{align-items:flex-start;display:flex;gap:10px}.message-content-preview .label,.message-subject .label{color:#555;flex-shrink:0;font-size:14px;font-weight:600;min-width:80px}.message-subject .value{color:#333;font-size:14px;font-weight:500}.content-preview{color:#666;font-size:13px;font-style:italic;line-height:1.4}.schedule-details-horizontal{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.detail-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.detail-item{flex:1 1;gap:8px;min-width:120px}.detail-item .label{color:#555;flex-shrink:0;font-size:13px;min-width:80px}.schedule-actions-horizontal{align-items:center;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding-top:15px}.schedule-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.schedule-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.schedule-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.schedule-header h3{color:#333;font-size:18px;margin:0}.status-badge{border-radius:20px;padding:4px 12px}.schedule-details{margin-bottom:20px}.detail-row{align-items:flex-start;display:flex;margin-bottom:8px}.detail-row .label{color:#555;flex-shrink:0;font-weight:600;min-width:140px}.detail-row .value{color:#333;flex:1 1}.past-due{color:#dc3545!important;font-weight:600}.past-due-indicator{color:#dc3545;font-size:12px;font-weight:700}.schedule-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn-execute{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .3s ease}.btn-execute:hover:not(:disabled){background-color:#218838}.btn-execute:disabled{background-color:#6c757d;cursor:not-allowed}.btn-delete{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.btn-delete:disabled{background-color:#6c757d;cursor:not-allowed}.executing-indicator{align-items:center;color:#007bff;display:flex;font-weight:600;justify-content:center}.executing-indicator:before{animation:spin 1s linear infinite;border:2px solid #007bff;border-radius:50%;border-top-color:#0000;content:"";height:16px;margin-right:8px;width:16px}.completed-indicator{color:#28a745;font-weight:600;text-align:center}.no-user-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;color:#856404;margin-top:20px;padding:20px;text-align:center}.no-user-warning p{font-weight:500;margin:0}@media (max-width:768px){.execute-simulation-schedule{padding:15px}.schedules-grid{gap:15px;grid-template-columns:1fr}.schedule-card{padding:15px}.schedule-header{align-items:flex-start;flex-direction:column;gap:10px}.detail-row{flex-direction:column;gap:2px}.detail-row .label{min-width:auto}.schedule-card-horizontal{padding:15px}.schedule-header-horizontal{align-items:flex-start;flex-direction:column;gap:10px}.schedule-details-horizontal{align-items:stretch;flex-direction:column;gap:8px}.detail-group,.detail-item{min-width:auto}.detail-item{gap:10px;justify-content:space-between}.detail-item .label{flex-shrink:0;font-size:12px;min-width:auto}.detail-item .value{font-size:12px;text-align:right}.schedule-actions-horizontal{justify-content:center}}@media (max-width:480px){.schedules-grid{grid-template-columns:1fr}.schedule-message-info{padding:10px}.message-content-preview,.message-subject{flex-direction:column;gap:5px}.message-content-preview .label,.message-subject .label{font-size:12px;min-width:auto}.schedule-time{align-items:flex-start;flex-direction:column;gap:5px}.header-section{margin-bottom:10px}.header-main{align-items:stretch;flex-direction:column;gap:10px}.header-section h2{font-size:20px;margin-bottom:6px;padding-bottom:4px}.execute-simulation-schedule .user-info{gap:4px;margin-top:3px;padding:5px 8px}.user-label{font-size:10px}.user-details{font-size:11px}.top-right-controls{align-items:stretch;gap:4px}.action-buttons{align-items:stretch;flex-direction:column;gap:6px}.primary-actions,.secondary-actions{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:center}.view-btn{flex:1 1;min-width:80px}.schedule-info{align-items:flex-start;margin-bottom:10px}.search-row{flex-direction:column;gap:15px}.search-field{min-width:100%}.search-results{justify-content:flex-start;min-width:100%}}.view-toggle{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;display:flex;gap:0;overflow:hidden}.view-btn{background:#0000;border:none;color:#6c757d;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;position:relative;transition:all .3s ease}.view-btn:hover:not(.active){background:#e9ecef;color:#495057}.view-btn.active{background:#007bff;box-shadow:0 2px 4px #007bff4d;color:#fff}.calendar-view{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.ten-day-summary{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:12px;color:#fffffff2;font-size:13px;font-weight:500;margin-top:4px;padding:2px 8px}.ten-day-count{color:#fff;font-size:14px;font-weight:700}.calendar-controls{align-items:center;display:flex;gap:10px}.today-btn,.view-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.today-btn:hover,.view-toggle-btn:hover{background:#ffffff4d;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.calendar-scroll-container{background:#f8f9fa;border-radius:0 0 12px 12px;display:flex;flex-direction:column;overflow:visible;padding:10px}.calendar-continuous{width:100%}.calendar-week-header{border-radius:8px;margin-bottom:2px}.month-label-column{color:#495057;font-size:14px;font-weight:600;padding:0 10px}.calendar-week{border-radius:6px;margin-bottom:2px;padding:2px 15px}.month-label{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:12px;padding:8px 12px;text-align:center;writing-mode:horizontal-tb}.calendar-week-header{grid-gap:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e9ecef;gap:2px;grid-template-columns:150px repeat(7,1fr);padding:10px 15px}.calendar-week-header .month-label-header{color:#495057;font-size:14px;font-weight:700;padding:8px 5px;text-align:center}.calendar-day-header{font-size:12px;padding:8px 5px}@media (max-width:768px){.day-full{display:none}.day-short{display:inline}.calendar-week-header{grid-template-columns:100px repeat(7,1fr)}}.calendar-week{grid-gap:2px;align-items:stretch;background:#e9ecef;gap:2px;grid-template-columns:150px repeat(7,1fr);padding:0 15px}@media (max-width:768px){.calendar-week{grid-template-columns:100px repeat(7,1fr)}}.calendar-day{border-radius:6px;transition:all .3s ease}.calendar-day:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.calendar-day.other-month{opacity:.6}.calendar-day.weekend{background:#fff8f0}.calendar-day.today{background:linear-gradient(135deg,#e3f2fd,#bbdefb);box-shadow:0 0 15px #2196f34d}.calendar-day.has-schedules{border-left:4px solid #007bff}.calendar-day.ten-day-period{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;box-shadow:0 0 8px #ff980033}.calendar-day.ten-day-period.today{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:2px solid #4caf50;box-shadow:0 0 15px #4caf5066}.ten-day-indicator{color:#ff9800;font-size:18px;font-weight:900;margin-left:4px;position:relative;text-shadow:0 1px 2px #0000004d;top:-2px}.calendar-day.today .ten-day-indicator{color:#4caf50}.day-number{align-items:center;display:flex;font-size:16px;font-weight:700;margin-bottom:6px}.calendar-day.today .day-number{color:#1976d2}.day-schedules{flex:1 1}.calendar-view{display:flex;flex-direction:column;height:100%;max-height:700px}.calendar-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;border-radius:8px 8px 0 0;justify-content:space-between;padding:15px 20px}.calendar-header,.calendar-nav{align-items:center;display:flex}.calendar-nav{gap:15px}.nav-btn{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:35px;justify-content:center;transition:all .2s ease;width:35px}.nav-btn:hover{background:#0056b3;transform:scale(1.1)}.calendar-title h3{color:#495057;font-size:24px;font-weight:600;margin:0}.month-summary{color:#6c757d;font-size:14px;margin-top:4px}.view-toggle-buttons{display:flex;gap:10px}.calendar-scroll-container{background:#fff;border-radius:0 0 8px 8px;flex:1 1;overflow-y:auto}.calendar-continuous{display:flex;flex-direction:column}.calendar-week-header{background:#f8f9fa;border-bottom:2px solid #dee2e6;display:grid;grid-template-columns:120px repeat(7,1fr);position:-webkit-sticky;position:sticky;top:0;z-index:100}.month-label-column{align-items:center;background:#e9ecef;border-right:1px solid #dee2e6;display:flex;justify-content:center}.calendar-day-header{background:#f8f9fa;border-right:1px solid #dee2e6;color:#495057;font-weight:600;padding:12px 8px;text-align:center}.day-full{display:inline}.day-short{display:none}.calendar-week{border-bottom:1px solid #dee2e6;display:grid;grid-template-columns:120px repeat(7,1fr)}.month-label{align-items:center;background:#e9ecef;border-right:1px solid #dee2e6;color:#495057;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:20px 10px;text-orientation:mixed;writing-mode:vertical-rl}.schedule-item{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;font-size:10px;gap:2px;padding:4px 6px;text-align:left}.schedule-item:hover{box-shadow:0 4px 8px #0003;z-index:10}.schedule-item.pending{background:linear-gradient(135deg,#ffc107,#ff8f00)}.schedule-item.executing{background:linear-gradient(135deg,#17a2b8,#138496)}.schedule-item.completed{background:linear-gradient(135deg,#28a745,#1e7e34)}.schedule-item.failed{background:linear-gradient(135deg,#dc3545,#c82333)}.schedule-id{font-size:9px;font-weight:600}.schedule-time{font-size:8px;opacity:.9}.schedule-overflow{background:#e9ecef;border-radius:3px;cursor:pointer;padding:2px 4px;transition:all .2s ease}.schedule-overflow:hover{background:#dee2e6;color:#495057}.calendar-grid{grid-gap:1px;background:#dee2e6;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#fff;border-bottom:1px solid #dee2e6;border-right:1px solid #dee2e6;cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:8px;position:relative;transition:background-color .2s ease}.calendar-day:hover{background:#f8f9fa}.calendar-day.other-month{background:#f8f9fa;color:#adb5bd}.calendar-day.today{background:#e3f2fd;border:2px solid #2196f3}.day-number{color:#495057;font-weight:600;margin-bottom:4px}.day-schedules{display:flex;flex-direction:column;gap:2px}.schedule-item{background:#007bff;border-radius:2px;color:#fff;cursor:pointer;font-size:9px;margin-bottom:1px;overflow:hidden;padding:1px 3px;text-align:center;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.schedule-item:hover{background:#0056b3;transform:scale(1.05)}.schedule-item.pending{background:#ffc107;color:#212529}.schedule-item.executing{background:#17a2b8}.schedule-item.completed{background:#28a745}.schedule-item.failed{background:#dc3545}.schedule-overflow{color:#6c757d;font-size:9px;margin-top:2px;text-align:center}.schedule-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}.schedule-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:75vh;max-width:700px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px}.modal-header h3{color:#333;font-size:16px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.modal-close:hover{background:#e9ecef;color:#495057}.modal-content{max-height:70vh;padding:15px}.modal-section{margin-bottom:15px}.modal-section h4{border-bottom:1px solid #dee2e6;color:#333;font-size:14px;font-weight:600;margin:0 0 10px;padding-bottom:6px}.detail-grid-compact{display:flex;flex-direction:column;gap:12px}.detail-row{grid-gap:15px;border-bottom:1px solid #f0f0f0;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-item{flex-direction:column;gap:4px;min-width:0}.detail-item .label{color:#495057;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.detail-item .value{color:#333;font-size:13px;line-height:1.3;word-break:break-word}.status-badge{display:inline-block;font-size:12px;font-weight:600}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.executing{background:#d1ecf1;color:#0c5460}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.failed{background:#f8d7da;color:#721c24}.message-details{display:flex;flex-direction:column;gap:15px}.message-content{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-family:monospace;font-size:11px;line-height:1.3;max-height:120px;overflow-y:auto;padding:10px;white-space:pre-wrap}.modal-actions{border-top:1px solid #dee2e6;display:flex;gap:8px;justify-content:flex-end;margin-top:15px;padding-top:12px}@media (max-width:768px){.calendar-header{flex-direction:column;gap:15px;padding:15px}.calendar-nav{gap:15px}.calendar-nav h3{font-size:20px}.nav-btn{font-size:18px;height:35px;width:35px}.calendar-controls{gap:8px}.today-btn,.view-toggle-btn{font-size:12px;padding:6px 12px}.ten-day-summary{font-size:12px;padding:2px 6px}.ten-day-count{font-size:13px}.ten-day-indicator{font-size:14px;margin-left:3px}.calendar-scroll-container{padding:8px}.month-label{font-size:14px;padding:10px}.calendar-week{grid-template-columns:120px repeat(7,1fr);padding:0 10px}.calendar-day{min-height:70px;padding:6px}.day-number{font-size:14px}.schedule-item{font-size:9px;padding:3px 4px}.schedule-id{font-size:8px}.schedule-time{font-size:7px}.calendar-day-header{font-size:11px;padding:6px 3px}.schedule-modal{margin:10px;width:95%}.detail-row{gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.detail-item .label{font-size:10px}.detail-item .value{font-size:12px}}@media (max-width:480px){.calendar-scroll-container{max-height:400px;padding:5px}.calendar-week,.calendar-week-header{grid-template-columns:80px repeat(7,1fr)}.month-label{font-size:12px;padding:8px;text-orientation:upright;writing-mode:horizontal-tb}.calendar-day{min-height:60px;padding:4px}.calendar-day-header{font-size:12px;padding:8px 4px}.day-full{display:none}.day-short{display:inline}.day-number{font-size:12px}.schedule-item{font-size:8px;padding:2px 3px}.calendar-nav h3{font-size:18px}}.blog-generator-container{box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0 auto;max-width:1200px;min-height:100%;padding:15px}.blog-generator-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-bottom:20px;padding:15px 20px;text-align:center}.blog-generator-header h2{font-size:1.8rem;font-weight:600;margin:0 0 5px}.blog-generator-header p{font-size:1rem;margin:0;opacity:.9}.blog-generator-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:15px;padding:20px}.form-row{align-items:flex-end;gap:15px}.form-group{margin-bottom:10px}.url-group{flex:2 1;min-width:550px}.word-count-group{flex:0 0 140px;min-width:140px}.form-actions{align-items:flex-end;flex:0 0 auto;gap:10px;margin-top:auto}.form-help-row{margin-top:5px}.url-input,.word-count-input{border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1rem;height:44px;padding:12px;transition:border-color .3s ease;width:100%}.word-count-input{max-width:200px}.url-input:focus,.word-count-input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.url-input:disabled,.word-count-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-help{color:#666;display:block;font-size:.8rem;font-style:italic;margin-top:0}.generate-another-button,.reset-button,.submit-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:44px;justify-content:center;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2)}.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.submit-button:disabled{background:#ccc;transform:none}.reset-button{background:#f8f9fa;border:2px solid #dee2e6;color:#6c757d}.reset-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.generate-another-button{background:#28a745;color:#fff}.generate-another-button:hover{background:#218838;box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.error-message{background:#f8d7da;border-left:4px solid #dc3545;border-radius:6px;color:#721c24;margin-bottom:15px;padding:15px}.error-message h3{font-size:1.1rem;margin:0 0 8px}.error-message p{font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.form-row{flex-direction:column;gap:10px}.url-group,.word-count-group{flex:1 1;min-width:auto}.form-actions{justify-content:stretch}.form-actions button{flex:1 1}.blog-generator-container{padding:10px}.blog-generator-form{padding:15px}.blog-generator-header{margin-bottom:15px;padding:12px 15px}.blog-generator-header h2{font-size:1.5rem}}.loading-message{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:15px;padding:25px;text-align:center}.loading-spinner{border-top-color:#667eea;height:5px;margin:0 auto 10px;width:5px}.loading-message p{color:#666;font-size:1rem;margin:0}.progress-info{text-align:center}.progress-details{background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;margin-top:15px;padding:12px}.progress-details p{color:#555;font-size:.95rem;margin:5px 0;text-align:left}.progress-details strong{color:#333}.result-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:15px;overflow:show;padding-bottom:65px;padding-right:5px;padding-top:5px}.result-container h3{background:#28a745;color:#fff;font-size:1.3rem;margin:0;padding:15px 20px}.blog-preview{padding:20px}.blog-metadata{background:#f8f9fa;border-radius:6px;margin-bottom:15px;padding:15px}.blog-metadata p{font-size:.95rem;margin:5px 0}.blog-metadata strong{color:#495057;display:inline-block;min-width:100px}.blog-content,.blog-summary{margin:20px 0;min-height:0;overflow:visible}.blog-content h4,.blog-summary h4{border-bottom:2px solid #dee2e6;color:#495057;font-size:1.1rem;margin-bottom:10px;padding-bottom:8px}.blog-summary p{color:#666;line-height:1.6}.content-preview{background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;color:#495057;line-height:1.6;max-height:200px;overflow-y:auto;padding:20px}.result-actions{background:#f8f9fa;border-top:1px solid #dee2e6;padding:20px 30px;text-align:center}@media (max-width:768px){.blog-generator-container,.blog-generator-header{padding:15px}.blog-generator-header h2{font-size:1.5rem}.blog-generator-form{padding:20px}.form-actions{flex-direction:column}.generate-another-button,.reset-button,.submit-button{width:100%}.blog-preview{padding:20px}}@media (max-width:480px){.blog-generator-header h2{font-size:1.3rem}.blog-generator-header p{font-size:1rem}.result-actions{padding:15px 20px}}.url-inputs-container{display:flex;flex-direction:column;gap:10px;width:100%}.url-input-row{align-items:center;display:flex;gap:10px}.url-input-row .url-input{flex:1 1;min-width:0}.additional-urls-section{margin:15px 0 10px}.additional-urls-container{display:flex;flex-direction:column;gap:10px}.additional-urls-container .url-input-row{align-items:center;display:flex;flex:2 1;gap:10px;min-width:550px}.additional-urls-container .url-input-row .url-input{flex:1 1;height:44px;min-width:0}.bottom-controls-row{align-items:flex-end;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:15px;margin:15px 0;padding:10px 0}.bottom-controls-row .add-url-button{flex:0 0 auto;margin-bottom:0}.bottom-controls-row .word-count-group{flex:0 0 140px;margin-bottom:0;min-width:140px}.bottom-controls-row .form-actions{flex:0 0 auto;margin-bottom:0}.delete-url-button{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;height:44px;padding:10px 15px;transition:background-color .2s ease;white-space:nowrap}.delete-url-button:hover:not(:disabled){background-color:#c82333}.delete-url-button:disabled{background-color:#6c757d;cursor:not-allowed}.add-url-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 15px;transition:background-color .2s ease}.add-url-button:hover:not(:disabled){background-color:#218838}.add-url-button:disabled{background-color:#6c757d;cursor:not-allowed}.admin-dashboard{background:var(--bg-main-container-gradient-2);box-sizing:border-box;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:12px}.admin-dashboard-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:14px}.header-content{align-items:center;display:flex;flex:1 1;gap:16px}.header-main h1{align-items:center;color:var(--text-title);display:flex;font-size:var(--font-size-title);font-weight:700;gap:12px;line-height:1.2;margin:0 0 4px}.header-icon{color:var(--accent-primary);font-size:1.8rem}.header-main p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.header-status{margin-left:auto}.header-controls-center{align-items:center;display:flex;flex:1 1;justify-content:center}.time-range-selector{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px}.time-range-selector label{white-space:nowrap}.time-range-selector select{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;min-width:140px;padding:6px 12px;transition:all .2s ease}.time-range-selector select:hover{background:#ffffff26;border-color:#ffffff4d}.time-range-selector select:focus{background:#ffffff26;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633;outline:none}.system-status{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.status-icon{color:#10b981;font-size:1.5rem}.status-info .status-text{color:#10b981;font-weight:600;margin-bottom:2px}.status-info .status-subtext{color:var(--text-secondary);font-size:.85rem}.header-actions{align-items:flex-end;flex-direction:column;gap:12px}.metrics-summary{display:flex;flex-wrap:wrap;gap:12px}.summary-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:var(--text-secondary);display:flex;font-size:.85rem;gap:6px;padding:6px 12px}.summary-item.alert{background:#ef44441a;border-color:#ef444433;color:#ef4444}.header-controls{gap:12px}.header-controls,.last-updated{align-items:center;display:flex}.last-updated{color:var(--text-secondary);font-size:.85rem;gap:6px}.refresh-button{border-radius:8px;font-weight:500;padding:10px 16px}.refresh-button:hover:not(:disabled){box-shadow:0 4px 12px #0003}.admin-dashboard-nav{-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:nowrap;gap:4px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 14px;position:relative;transition:all .2s ease;white-space:nowrap}.tab-button span{position:relative;z-index:2}.tab-button:hover{background:#ffffff14;color:var(--text-primary);transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,var(--bg-card),#ffffff0d);border-bottom:3px solid var(--accent-primary);color:var(--text-primary);font-weight:600}.tab-indicator{border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.tab-indicator.healthy{background:#10b981;box-shadow:0 0 6px #10b98180}.tab-indicator.warning{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.tab-indicator.critical{background:#ef4444;box-shadow:0 0 6px #ef444480}.tab-badge{align-items:center;background:#ef4444;border:2px solid var(--bg-main-container-gradient-2);border-radius:10px;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:2px 6px;position:absolute;right:-2px;top:-2px}.admin-dashboard-content{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:12px;min-height:300px;padding:16px}.realtime-status-bar{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid #10b98133;border-radius:10px;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;padding:10px 16px}.realtime-status-bar,.status-indicator{align-items:center;display:flex;gap:12px}.status-indicator{font-weight:600}.status-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b98180;height:12px;width:12px}.status-dot.warning{background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.realtime-metrics{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.realtime-metric{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;padding:8px 16px}.realtime-metric.alert{background:#ef44441a;border-color:#ef444433;color:#ef4444}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.kpi-card{background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.kpi-card.primary{background:linear-gradient(135deg,#3b82f626,#9333ea26);border-color:#3b82f64d}.kpi-card:hover{border-color:#fff3;box-shadow:0 12px 32px #0003;transform:translateY(-4px)}.kpi-header{gap:12px;margin-bottom:12px}.kpi-header,.kpi-icon{align-items:center;display:flex}.kpi-icon{background:#3b82f633;border-radius:8px;color:var(--accent-primary);font-size:1.2rem;height:36px;justify-content:center;width:36px}.kpi-info h3{color:var(--text-title);font-size:1rem;font-weight:600;margin:0 0 2px}.kpi-info p{color:var(--text-secondary);font-size:.8rem;margin:0}.kpi-value{align-items:baseline;display:flex;gap:6px;margin-bottom:12px}.kpi-number{color:var(--text-title);font-size:2rem;font-weight:700;line-height:1}.kpi-unit{color:var(--text-secondary);font-size:1rem;font-weight:500}.kpi-footer{margin-top:auto}.kpi-progress{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:100%}.kpi-progress-bar{border-radius:2px;height:100%;transition:width .3s ease}.kpi-subtext{color:var(--text-secondary);font-size:.85rem}.overview-grid{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;margin-bottom:16px;overflow:visible!important;width:100%!important}.overview-card,.overview-grid{box-sizing:border-box!important}.overview-card{background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:10px;max-width:100%!important;min-width:0!important;overflow:hidden;padding:8px!important;position:relative;transition:all .3s ease}.overview-card.enhanced{padding:10px!important}.overview-card:hover{border-color:#fff3;box-shadow:0 12px 32px #0003;transform:translateY(-4px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.card-header .card-icon{color:var(--accent-primary);font-size:1.2rem}.card-title h3{color:var(--text-title);font-size:1rem;font-weight:600;line-height:1.2;margin:0}.card-subtitle{font-size:.85rem;margin-top:2px}.card-actions{display:flex;gap:8px}.card-action-btn{background:#ffffff1a;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:8px;transition:all .2s ease}.card-action-btn:hover{background:#fff3;color:var(--text-primary)}.card-content{display:flex;flex-direction:column;gap:16px}.metric-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.metric-grid-small{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:12px}.metric-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.metric-item:last-child{border-bottom:none}.metric-item.enhanced{align-items:flex-start;border:none;border-radius:12px;padding:16px}.metric-item-small,.metric-item.enhanced{background:#ffffff08;flex-direction:column}.metric-item-small{align-items:center;border-radius:12px;display:flex;gap:8px;padding:12px;text-align:center}.metric-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.metric-icon{color:var(--accent-primary);font-size:1.2rem}.metric-icon.warning{color:#f59e0b}.metric-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.metric-label.small{font-size:.75rem}.metric-value{color:var(--text-primary);font-size:1rem;font-weight:600}.metric-value.small{color:var(--text-title);font-size:.9rem;font-weight:700}.metric-value.warning{color:#f59e0b}.metric-value.critical{color:#ef4444}.metric-value.success{color:#10b981}.metric-value-container{align-items:center;display:flex;gap:8px}.metric-subtext{color:var(--text-secondary);font-size:.75rem}.metric-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:4px;overflow:hidden;width:100%}.metric-bar-fill{border-radius:2px;height:100%;transition:width .3s ease}.metric-highlight{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:20px;text-align:center}.metric-highlight-value{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:8px}.metric-highlight-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:8px}.metric-highlight-trend{align-items:center;display:flex;font-size:.8rem;gap:6px;justify-content:center}.metric-highlight-small{text-align:center}.metric-value-large{display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:4px}.dual-metric{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.metric-column{display:flex;flex-direction:column}.admin-dashboard-overview .metric-grid-small{gap:0;margin-bottom:0}.admin-dashboard-overview .metric-item-small{padding:0}.metric-stack{display:flex;flex-direction:column;gap:8px}.metric-stack-item{align-items:center;background:#ffffff0d;border-radius:8px;padding:8px 12px}.execution-stats,.metric-stack-item{display:flex;justify-content:space-between}.execution-stats{margin-top:16px}.stat-item{flex:1 1;text-align:center}.stat-bar-container{background:#ffffff08;border-radius:8px;padding:12px}.stat-label{font-size:.8rem;margin-bottom:4px}.stat-value{font-size:1.1rem}.processing-pipeline{align-items:center;background:#ffffff08;border-radius:12px;display:flex;justify-content:space-between;margin-top:16px;padding:16px}.pipeline-stage{flex:1 1;flex-direction:column;gap:8px}.pipeline-icon,.pipeline-stage{align-items:center;display:flex}.pipeline-icon{background:#3b82f633;border-radius:50%;color:var(--accent-primary);font-size:1rem;height:36px;justify-content:center;width:36px}.pipeline-info{text-align:center}.pipeline-count{color:var(--text-title);font-size:1.1rem;font-weight:700}.pipeline-label{color:var(--text-secondary);font-size:.75rem}.pipeline-arrow{color:var(--text-secondary);font-size:1.2rem;margin:0 8px}.content-stats{align-items:center;display:flex;gap:24px}.content-stat-main{flex:1 1;text-align:center}.content-count{color:var(--text-title);font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:8px}.content-label{color:var(--text-secondary);font-size:.9rem;margin-bottom:4px}.content-success-rate{font-size:.8rem;font-weight:600}.content-breakdown{display:flex;flex:1 1;flex-direction:column;gap:8px}.breakdown-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:10px}.breakdown-dot{border-radius:50%;height:8px;width:8px}.breakdown-dot.published{background:#10b981}.breakdown-dot.draft{background:#f59e0b}.breakdown-dot.pending{background:#6b7280}.generation-timeline{background:#ffffff08;border-radius:12px;display:flex;justify-content:space-between;margin-top:16px;padding:16px}.timeline-item{flex:1 1;text-align:center}.timeline-time{color:var(--text-secondary);font-size:.75rem;margin-bottom:4px}.timeline-count{color:var(--text-title);font-size:1.1rem;font-weight:600}.recent-activity{margin-top:16px}.activity-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:12px}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:12px;padding:8px}.activity-dot{border-radius:50%;height:8px;width:8px}.activity-dot.success{background:#10b981}.activity-dot.info{background:#3b82f6}.activity-dot.warning{background:#f59e0b}.activity-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.activity-text span:first-child{color:var(--text-primary);font-size:.85rem}.activity-time{color:var(--text-secondary);font-size:.75rem}.error-message,.loading-spinner{gap:16px;min-height:300px;padding:30px}.loading-spinner svg{font-size:3rem}.loading-spinner p{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:16px}.error-message svg{font-size:4rem}.error-message h3{font-size:1.8rem;font-weight:600}.error-message p{font-size:1rem;line-height:1.5}.retry-button{border-radius:8px;font-size:1rem;font-weight:500}.retry-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:1400px){.overview-grid{gap:6px!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}}@media (max-width:1200px){.overview-grid{gap:6px!important;grid-template-columns:repeat(2,1fr)!important}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dual-metric{gap:16px;grid-template-columns:1fr}.processing-pipeline{flex-wrap:wrap;gap:12px}.pipeline-arrow{display:none}}@media (max-width:768px){.admin-dashboard{padding:12px}.admin-dashboard-header{flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:20px}.header-content{flex-direction:column;gap:var(--spacing-sm);width:100%}.header-controls-center{justify-content:center;order:2}.time-range-selector{flex-direction:column;gap:4px;text-align:center}.time-range-selector select{min-width:120px}.header-actions{align-items:stretch;flex-direction:column;width:100%}.metrics-summary{flex-wrap:wrap;justify-content:center}.header-controls{justify-content:space-between}.admin-dashboard-content{padding:20px}.realtime-status-bar{align-items:stretch;flex-direction:column;text-align:center}.realtime-metrics{justify-content:center}.admin-dashboard-nav{gap:2px;padding:0 4px}.tab-button{font-size:.85rem;padding:10px 12px}.tab-button span{display:none}.overview-grid{gap:8px!important;grid-template-columns:1fr!important}.kpi-grid{gap:var(--spacing-md)}.kpi-grid,.metric-grid,.metric-grid-small{grid-template-columns:1fr}.content-stats{text-align:center}.alerts-summary,.content-stats{flex-direction:column;gap:16px}.performance-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-dashboard{padding:8px}.admin-dashboard-header h1{font-size:1.75rem}.header-icon{font-size:1.5rem}.admin-dashboard-content{padding:16px}.overview-card{padding:8px!important}.overview-card.enhanced{padding:10px!important}.kpi-card{padding:20px}.card-header{gap:12px}.card-icon,.kpi-icon{font-size:1.25rem}.card-title h3{font-size:1rem}.content-count,.kpi-number,.metric-highlight-value{font-size:2rem}}@media (prefers-color-scheme:dark){.kpi-card,.overview-card{background:#0000004d}.metric-item{border-bottom-color:#ffffff14}.realtime-status-bar{background:linear-gradient(135deg,#10b9810d,#06b6d40d)}}@media print{.admin-dashboard{background:#fff;color:#000}.admin-dashboard-tabs,.card-actions,.header-actions{display:none}.kpi-card,.overview-card{background:#fff;border:1px solid #ccc;break-inside:avoid;page-break-inside:avoid}}.error-message,.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:250px}.error-message svg{color:#ef4444;font-size:3rem}.error-message h3{color:var(--text-title);font-size:1.5rem;margin:0}.error-message p{color:var(--text-secondary);max-width:400px;text-align:center}.retry-button{background:var(--button-primary-bg);color:var(--button-primary-text);font-size:.95rem;padding:10px 20px;transition:all .2s ease}.retry-button:hover{background:var(--button-primary-hover-bg);transform:translateY(-1px)}@media (max-width:768px){.admin-dashboard{padding:10px}.admin-dashboard-header{flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:16px}.header-actions{justify-content:space-between;width:100%}.admin-dashboard-nav{gap:2px}.tab-button{font-size:.85rem;padding:10px 12px}.overview-grid{gap:6px!important;grid-template-columns:1fr!important}.admin-dashboard-content{padding:16px}}@media (max-width:480px){.admin-dashboard-header h1{font-size:1.75rem}.overview-card{padding:8px!important}.card-header{gap:8px}.card-icon{font-size:1.25rem}.card-header h3{font-size:1rem}}.kpi-card.security-threat .kpi-value .kpi-unit{color:var(--text-secondary);font-size:.7rem;font-weight:400;margin-left:4px}.kpi-card.security-threat .kpi-metrics{display:flex;flex-direction:column;gap:4px}.kpi-card.security-threat .kpi-subtext.secondary{color:var(--text-secondary);font-size:.75rem;margin-top:2px}@media (prefers-color-scheme:dark){.overview-card{background:#0003}.metric-item{border-bottom-color:#ffffff14}}.analytics-summary-grid,.system-overview-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.summary-card,.system-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.summary-card:hover,.system-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.card-content small{color:var(--text-secondary);display:block;font-size:.8rem;margin-top:4px}.email-cell,.title-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.analytics-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:0;min-width:auto;width:100%}.analytics-summary-grid,.system-overview-grid{grid-template-columns:1fr}.summary-card,.system-card{padding:16px}.card-icon{padding:8px}.card-content h3,.card-icon{font-size:1.5rem}.metrics-grid{grid-template-columns:1fr}}@media (max-width:480px){.analytics-header h2{font-size:1.5rem}.analytics-table-container{padding:16px}.analytics-table td,.analytics-table th{font-size:.8rem;padding:8px 12px}}.login-analytics{width:100%}.user-link{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.user-link:hover{color:var(--accent-primary-hover)}.user-agent-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details-panel{animation:slideIn .3s ease forwards;background:var(--bg-card);border-left:1px solid #ffffff1a;box-shadow:-4px 0 20px #0000004d;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);width:400px;z-index:1000}.user-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}.recent-attempts h4{color:var(--text-title);font-size:1.1rem;font-weight:600;margin:0 0 16px}.attempts-list{display:flex;flex-direction:column;gap:8px}.attempt-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;display:flex;font-size:.85rem;justify-content:space-between;padding:8px 12px}.attempt-time{color:var(--text-secondary)}.attempt-status{font-weight:500}.attempt-ip{color:var(--text-secondary);font-family:monospace}@media (max-width:768px){.analytics-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:0;min-width:auto;width:100%}.analytics-summary-grid{grid-template-columns:1fr}.summary-card{padding:16px}.card-icon{padding:8px}.card-content h3,.card-icon{font-size:1.5rem}.user-details-panel{animation:none;transform:translateX(0);width:100%}}@media (max-width:480px){.analytics-header h2{font-size:1.5rem}.analytics-table-container{padding:16px}.analytics-table td,.analytics-table th{font-size:.8rem;padding:8px 12px}.panel-content,.panel-header{padding:16px}}.simulation-analytics{width:100%}.analytics-header{margin-bottom:var(--spacing-xl)}.analytics-header h2{color:var(--text-title);font-size:1.8rem;font-weight:700;margin:0 0 8px}.analytics-header p{color:var(--text-secondary);font-size:1rem;margin:0}.analytics-filters{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.filter-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.filter-group input,.filter-group select{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:8px 12px}.filter-group input:focus,.filter-group select:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.refresh-button{align-items:center;background:var(--button-primary-bg);border:none;border-radius:6px;color:var(--button-primary-text);cursor:pointer;display:flex;font-size:.9rem;gap:8px;height:-webkit-fit-content;height:fit-content;padding:8px 16px;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:var(--button-primary-hover-bg);transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.analytics-summary-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.summary-card{background:#ffffff0d;border-radius:12px;gap:16px;padding:20px;transition:all .2s ease}.summary-card:hover{box-shadow:0 8px 25px #00000026}.card-icon{background:#3b82f61a;border-radius:12px;font-size:2rem;padding:12px}.card-content h3{color:var(--text-title);font-size:1.8rem;font-weight:700}.card-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.analytics-table-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.analytics-table-container h3{color:var(--text-title);font-size:1.3rem;font-weight:600;margin:0 0 20px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.analytics-table{border-collapse:collapse;font-size:.9rem;width:100%}.analytics-table td,.analytics-table th{border-bottom:1px solid #ffffff1a;padding:12px 16px;text-align:left}.analytics-table th{background:#ffffff0d;color:var(--text-title);font-weight:600;position:-webkit-sticky;position:sticky;top:0}.analytics-table tr:hover{background:#ffffff05}.simulation-link{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.simulation-link:hover{color:var(--accent-primary-hover)}.status-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:uppercase}.progress-bar{background:#ffffff1a;border-radius:10px;height:20px;position:relative;width:100px}.progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-primary-hover));transition:width .3s ease}.progress-text{color:var(--text-primary);font-size:.7rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.error-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-button{align-items:center;background:var(--button-secondary-bg);border:1px solid #fff3;border-radius:6px;color:var(--button-secondary-text);display:flex;font-size:.8rem;gap:6px;padding:6px 12px;transition:all .2s ease}.action-button:hover{background:var(--button-secondary-hover-bg);transform:translateY(-1px)}.simulation-details-panel{animation:slideIn .3s ease forwards;background:var(--bg-card);border-left:1px solid #ffffff1a;box-shadow:-4px 0 20px #0000004d;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);width:500px;z-index:1000}@keyframes slideIn{to{transform:translateX(0)}}.panel-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.panel-header h3{color:var(--text-title);font-size:1.2rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:var(--text-secondary);font-size:1.5rem;padding:4px}.close-button:hover{background:#ffffff1a;color:var(--text-primary)}.panel-content{height:calc(100vh - 80px);overflow-y:auto;padding:20px}.simulation-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}.stat-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.stat-label{font-size:.9rem}.stat-value{color:var(--text-primary);font-size:1rem}.simulation-logs{margin-bottom:24px}.simulation-logs h4{color:var(--text-title);font-size:1.1rem;font-weight:600;margin:0 0 16px}.logs-container{background:#0003;border:1px solid #ffffff1a;border-radius:8px;max-height:300px;overflow-y:auto;padding:12px}.log-entry{border-bottom:1px solid #ffffff0d;display:flex;font-family:Courier New,monospace;font-size:.8rem;gap:12px;padding:8px 0}.log-entry:last-child{border-bottom:none}.log-timestamp{color:var(--text-secondary);min-width:140px}.log-level{font-weight:600;min-width:60px}.log-message{color:var(--text-primary);flex:1 1}.error-details{margin-top:24px}.error-details h4{color:#ef4444;font-size:1.1rem;font-weight:600;margin:0 0 16px}.error-content{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:16px}.error-content p{color:var(--text-primary);font-weight:500;margin:0 0 12px}.stack-trace{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#ef4444;font-family:Courier New,monospace;font-size:.75rem;max-height:200px;overflow-x:auto;overflow-y:auto;padding:12px;white-space:pre-wrap}.analytics-error,.analytics-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px}.analytics-error svg,.analytics-loading svg{color:var(--accent-primary);font-size:2rem}.analytics-error h3{color:var(--text-title);font-size:1.5rem;margin:0}.analytics-error p{color:var(--text-secondary);max-width:400px;text-align:center}@media (max-width:768px){.analytics-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:0;min-width:auto;width:100%}.analytics-summary-grid{grid-template-columns:1fr}.summary-card{padding:16px}.card-icon{padding:8px}.card-content h3,.card-icon{font-size:1.5rem}.simulation-details-panel{animation:none;transform:translateX(0);width:100%}.progress-bar{height:16px;width:80px}.progress-text{font-size:.6rem}}@media (max-width:480px){.analytics-header h2{font-size:1.5rem}.analytics-table-container{padding:16px}.analytics-table td,.analytics-table th{font-size:.8rem;padding:8px 12px}.panel-content,.panel-header{padding:16px}.log-entry{flex-direction:column;gap:4px}.log-level,.log-timestamp{min-width:0;min-width:auto}}.authentication-failed-attempts{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:0}.failed-attempts-error,.failed-attempts-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-align:center}.failed-attempts-error svg,.failed-attempts-loading svg{color:var(--accent-primary);font-size:3rem;margin-bottom:20px}.failed-attempts-error svg{color:#ef4444}.retry-btn{background:var(--button-primary-bg);border:none;border-radius:8px;color:var(--button-primary-color);cursor:pointer;font-weight:500;margin-top:16px;padding:12px 24px;transition:background-color .2s ease}.retry-btn:hover{background:var(--button-primary-hover-bg)}.no-data{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-align:center}.no-data svg{color:var(--accent-primary);font-size:2rem;margin-bottom:12px}.no-data p{font-size:.9rem;margin:0}.failed-attempts-summary{margin-bottom:12px}.search-filter-indicator{align-items:center;background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid #3b82f64d;border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:16px;padding:10px 16px}.search-filter-indicator svg{color:#60a5fa;margin-right:8px}.search-filter-indicator span{font-size:.9rem;font-weight:500}.clear-filter-btn{background:#ef4444cc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:background-color .2s ease}.clear-filter-btn:hover{background:#dc2626e6}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.summary-card{align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.summary-card:hover{border-color:#fff3;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.summary-card.primary{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-color:#3b82f64d}.summary-card.warning{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b4d}.summary-card.critical{background:linear-gradient(135deg,#ef444426,#ef44440d);border-color:#ef44444d}.summary-card.healthy{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b9814d}.summary-card.top-failures-card{background:linear-gradient(135deg,#f59e0b1f,#f59e0b08);border:2px solid #f59e0b66;box-shadow:0 4px 12px #f59e0b1a}.summary-card.top-failures-card:hover{border-color:#f59e0b99;box-shadow:0 8px 24px #f59e0b33}.top-failures-list{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px;width:100%}.failure-reason-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;display:flex;gap:8px;padding:4px 6px}.failure-rank{background:#f59e0b4d;border-radius:3px;color:#f59e0b;font-size:.7rem;font-weight:700;min-width:24px;padding:2px 6px;text-align:center}.failure-reason{color:var(--text-primary);flex:1 1;font-size:.8rem;font-weight:500}.failure-count{background:#3b82f633;border-radius:3px;color:var(--accent-primary);font-size:.8rem;font-weight:600;padding:2px 6px}.no-failure-data{color:var(--text-secondary);font-size:.9rem;font-style:italic;padding:8px;text-align:center}.card-icon{align-items:center;background:#3b82f633;border-radius:8px;color:var(--accent-primary);display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;width:36px}.summary-card.warning .card-icon{background:#f59e0b33;color:#f59e0b}.summary-card.critical .card-icon{background:#ef444433;color:#ef4444}.summary-card.healthy .card-icon{background:#10b98133;color:#10b981}.card-content h3{color:var(--text-secondary);font-size:.8rem;font-weight:600;margin:0 0 4px}.card-value{font-size:1.6rem;font-weight:700;line-height:1}.card-value,.card-value-text{color:var(--text-title);margin:0 0 2px}.card-value-text{font-size:1rem;font-weight:600;line-height:1.2}.card-subtitle{color:var(--text-secondary);font-size:.75rem;margin:0}.failed-attempts-controls{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:12px;padding:0}.controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.time-range-selector{align-items:center;display:flex;gap:8px}.time-range-selector label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.search-controls input,.search-controls select,.time-range-selector select{background:#ffffff14;border:1px solid #fff3;border-radius:8px;color:var(--text-primary);font-size:.9rem;min-width:140px;padding:8px 12px}.search-controls{align-items:center;display:flex;gap:12px}.search-controls input{min-width:200px}.refresh-btn,.search-btn{background:var(--button-primary-bg);border:none;border-radius:8px;color:var(--button-primary-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 12px;transition:background-color .2s ease}.refresh-btn:hover,.search-btn:hover{background:var(--button-primary-hover-bg)}.refresh-btn{margin-left:auto}.content-grid{margin-bottom:12px}.main-content{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.failed-attempts-table-section h3,.suspicious-ips-section h3{align-items:center;color:var(--text-title);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 8px}.failed-attempts-table-section h3 svg,.suspicious-ips-section h3 svg{color:var(--accent-primary)}.suspicious-ips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.suspicious-ip-card{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d;border-radius:8px;padding:10px;transition:all .3s ease}.suspicious-ip-card:hover{box-shadow:0 8px 24px #ef444433;transform:translateY(-2px)}.ip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ip-address{color:var(--text-title);font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.threat-badge{background:#dc2626;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.ip-details{display:flex;flex-direction:column;gap:4px}.ip-stat{align-items:center;display:flex;justify-content:space-between}.stat-label{color:var(--text-secondary);font-size:.85rem}.stat-value{color:var(--text-title);font-size:.9rem;font-weight:600}.authentication-failed-attempts .stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:auto}.authentication-failed-attempts .stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#1b312933;max-width:-webkit-fit-content;max-width:fit-content;min-height:auto;padding:8px;transition:all .3s ease}.authentication-failed-attempts .stat-card:hover{background:#ffffff14;border-color:#fff3}.authentication-failed-attempts .stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding:6px 8px 0}.authentication-failed-attempts .stat-reason{color:var(--text-title);font-size:.8rem;font-weight:600}.authentication-failed-attempts .stat-percentage{color:var(--text-secondary);font-size:.75rem;font-weight:600}.authentication-failed-attempts .stat-count{color:var(--text-secondary);font-size:.75rem;margin-bottom:6px;padding:0 8px}.authentication-failed-attempts .stat-bar{border-radius:2px;height:3px;margin:0 8px 8px;transition:width .3s ease}.failed-attempts-table-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:12px}.attempts-table-container{margin-top:8px;overflow-x:auto}.attempts-table{font-size:.85rem}.attempts-table th{background:#ffffff0d;color:var(--text-title);padding:8px}.attempts-table td{padding:8px;vertical-align:middle}.email-cell,.ip-cell,.location-cell,.reason-cell,.threat-score-cell,.time-cell{align-items:center;display:flex;gap:8px}.email-cell svg,.ip-cell svg,.location-cell svg,.time-cell svg{color:var(--text-secondary);flex-shrink:0;font-size:.8rem}.blocked-badge{background:#dc2626;border-radius:8px;font-weight:600}.threat-score-cell{gap:2px}.threat-level{font-size:.75rem}.geolocation{color:var(--text-secondary);font-size:.8rem;margin-left:8px}@media (max-width:768px){.authentication-failed-attempts{padding:12px}.summary-cards{gap:8px;grid-template-columns:repeat(2,1fr)}.summary-card{flex-direction:column;padding:10px;text-align:center}.card-icon{font-size:1rem;height:32px;width:32px}.controls-row{align-items:stretch;flex-direction:column;gap:8px}.search-controls{flex-wrap:wrap}.search-controls input{flex:1 1;min-width:100%}.stats-grid,.suspicious-ips-grid{grid-template-columns:1fr}.main-content{gap:8px}.attempts-table{font-size:.8rem}.attempts-table td,.attempts-table th{padding:6px}}.detailed-view-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.detailed-view-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;width:1200px}.detailed-view-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.detailed-view-header h2{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:12px;margin:0}.detailed-view-header h2 svg{color:var(--accent-primary)}.close-btn{border-radius:4px;color:#fff;font-size:24px;padding:5px 10px;transition:background-color .2s ease}.close-btn:hover{background:#ffffff1a}.detailed-view-info{background:#0000001a;border-bottom:1px solid #ffffff1a;padding:16px 24px}.detailed-view-info p{color:#ccc;font-size:.9rem;margin:0 0 12px}.detailed-stats{display:flex;flex-wrap:wrap;gap:24px}.detailed-stats .stat{color:#fff;font-size:.9rem}.detailed-stats .stat strong{color:var(--accent-primary)}.detailed-view-content{flex:1 1;overflow:auto;padding:0}.loading-spinner{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner svg{color:var(--accent-primary);font-size:2rem}.loading-spinner.spin svg{animation:spin 1s linear infinite}.detailed-attempts-table{overflow-x:auto}.attempts-table{background:#0000;border-collapse:collapse;width:100%}.attempts-table th{background:#0000004d;border-bottom:2px solid #ffffff1a;color:#fff;font-size:.85rem;font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.attempts-table td{border-bottom:1px solid #ffffff0d;padding:12px;vertical-align:top}.attempts-table tbody tr{transition:background-color .2s ease}.attempts-table tbody tr:hover{background:#ffffff08}.email-cell,.fingerprint-cell,.ip-cell,.location-cell,.reason-cell,.threat-score-cell,.time-cell{align-items:center;color:#fff;display:flex;font-size:.85rem;gap:8px}.time-cell svg{color:#64b5f6}.email-cell svg{color:#81c784}.ip-cell svg{color:#ffb74d}.location-cell svg{color:#f06292}.blocked-badge{align-items:center;background:#d32f2f;border-radius:4px;color:#fff;display:flex;font-size:.7rem;gap:4px;margin-left:8px;padding:2px 6px}.geolocation{color:#ccc;font-size:.75rem;margin-left:4px}.fingerprint-hash{background:#ffffff1a;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;padding:2px 6px;transition:background-color .2s ease}.fingerprint-hash:hover{background:#fff3}.no-fingerprint{color:#666;font-style:italic}.threat-score-cell{align-items:flex-start;flex-direction:column;gap:4px}.threat-score{font-size:1rem;font-weight:700}.threat-level{font-size:.7rem;font-weight:500;opacity:.8}.detailed-view-footer{background:#0003;border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding:16px 24px}.detailed-view-footer .btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.btn-secondary{background:#666}.btn-secondary:hover{background:#777}.total-attempts.clickable{cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.total-attempts.clickable:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.total-attempts.clickable:active{transform:translateY(0)}.total-attempts.clickable:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.total-attempts.clickable:hover:after{left:100%}.click-subtitle{color:#fff9;font-size:.75rem;font-style:italic;margin-top:4px}@media (max-width:768px){.detailed-view-overlay{padding:10px}.detailed-view-modal{max-height:95vh;width:100%}.detailed-view-header{padding:16px}.detailed-view-header h2{font-size:1.2rem}.detailed-stats{flex-direction:column;gap:8px}.attempts-table{font-size:.75rem}.attempts-table td,.attempts-table th{padding:8px 6px}.email-cell,.fingerprint-cell,.ip-cell,.location-cell,.reason-cell,.threat-score-cell,.time-cell{font-size:.75rem}}.detailed-view-inline{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:12px;margin-top:16px;padding:20px}.detailed-view-header-inline{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.header-left{display:flex;flex-direction:column;gap:12px}.back-btn{align-items:center;background:var(--button-secondary-bg);border-radius:6px;color:var(--button-secondary-color);display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease;width:-webkit-fit-content;width:fit-content}.back-btn:hover{background:var(--button-secondary-hover-bg)}.detailed-view-header-inline h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;gap:12px;margin:0}.detailed-view-header-inline h3 svg{color:var(--accent-primary)}.detailed-view-info-inline{text-align:right}.detailed-view-info-inline p{color:#ccc;font-size:.9rem;margin:0 0 8px}.detailed-stats-inline{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.detailed-stats-inline .stat{background:#0003;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.85rem;padding:4px 10px}.detailed-stats-inline .stat strong{color:var(--accent-primary)}.detailed-view-content-inline{overflow-x:auto}.detailed-attempts-table-inline{border:1px solid #ffffff1a;border-radius:8px;overflow-x:auto;width:100%}.attempts-table-inline{background:#0003;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.attempts-table-inline th{background:#0006;border-bottom:2px solid #ffffff1a;color:#fff;font-size:.8rem;font-weight:600;padding:12px 10px;text-align:left;white-space:nowrap}.attempts-table-inline td{border-bottom:1px solid #ffffff0d;padding:10px;vertical-align:top}.attempts-table-inline tbody tr{transition:background-color .2s ease}.attempts-table-inline tbody tr:hover{background:#ffffff08}@media (max-width:768px){.detailed-view-header-inline{align-items:flex-start;flex-direction:column}.detailed-view-info-inline{text-align:left}.detailed-stats-inline{justify-content:flex-start}.attempts-table-inline{font-size:.7rem}.attempts-table-inline td,.attempts-table-inline th{padding:6px 4px}}.failed-attempts-details{background:linear-gradient(135deg,#0009,#0006);border:1px solid #ffffff26;border-radius:8px;box-shadow:0 4px 16px #0000004d;box-sizing:border-box;margin:12px 0 0;max-width:100%;overflow-x:auto;padding:12px 8px;position:relative;width:100%}.failed-attempts-details .table-header{align-items:center;border-bottom:2px solid #3b82f64d;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.failed-attempts-details .table-header h3{align-items:center;color:var(--text-title);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}.failed-attempts-details .table-header h3 svg{color:#f59e0b;font-size:1rem}.failed-attempts-details .table-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.failed-attempts-details .time-range-info{color:var(--text-title);font-size:.8rem;font-weight:500}.authentication-failed-attempts .failed-attempts-details .table-stats{color:var(--text-secondary);display:flex;flex-wrap:nowrap;gap:16px}.authentication-failed-attempts .failed-attempts-details .stat-item{color:var(--text-secondary);flex-shrink:0;font-size:.75rem;white-space:nowrap}.authentication-failed-attempts .failed-attempts-details .stat-item strong{color:var(--text-title)}.failed-attempts-details .attempts-table-container{border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;margin:0;max-width:100%;overflow-x:auto}.failed-attempts-details .attempts-table-readable{background:#0006;border-collapse:collapse;color:#fff;font-size:.8rem;min-width:1000px;width:100%}.failed-attempts-details .attempts-table-readable thead{background:linear-gradient(135deg,#3b82f6cc,#2563ebcc);color:#fff}.failed-attempts-details .attempts-table-readable th{border-bottom:2px solid #fff3;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:8px 6px;text-align:left;text-transform:uppercase}.failed-attempts-details .attempts-table-readable td:first-child,.failed-attempts-details .attempts-table-readable th:first-child{max-width:150px;min-width:120px;width:12%}.failed-attempts-details .attempts-table-readable td:nth-child(2),.failed-attempts-details .attempts-table-readable th:nth-child(2){max-width:220px;min-width:180px;width:22%}.failed-attempts-details .attempts-table-readable td:nth-child(3),.failed-attempts-details .attempts-table-readable th:nth-child(3){max-width:150px;min-width:120px;width:12%}.failed-attempts-details .attempts-table-readable td:nth-child(4),.failed-attempts-details .attempts-table-readable th:nth-child(4){max-width:170px;min-width:130px;width:15%}.failed-attempts-details .attempts-table-readable td:nth-child(5),.failed-attempts-details .attempts-table-readable th:nth-child(5){max-width:180px;min-width:140px;width:15%}.failed-attempts-details .attempts-table-readable td:nth-child(6),.failed-attempts-details .attempts-table-readable th:nth-child(6){max-width:160px;min-width:120px;width:14%}.failed-attempts-details .attempts-table-readable td:nth-child(7),.failed-attempts-details .attempts-table-readable th:nth-child(7){max-width:130px;min-width:100px;width:10%}.failed-attempts-details .attempts-table-readable tbody tr{border-bottom:1px solid #ffffff1a;transition:background-color .2s ease}.failed-attempts-details .attempts-table-readable tbody tr:hover{background:#3b82f626}.failed-attempts-details .attempts-table-readable tbody tr:nth-child(2n){background:#ffffff08}.failed-attempts-details .attempts-table-readable tbody tr:nth-child(2n):hover{background:#3b82f62e}.failed-attempts-details .attempts-table-readable td{word-wrap:break-word;border-bottom:1px solid #ffffff14;overflow-wrap:break-word;padding:6px;vertical-align:top}.failed-attempts-details .time-cell-readable{color:#93c5fd;font-size:.75rem;font-weight:500}.failed-attempts-details .email-cell-readable{color:#fff;font-size:.75rem;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.failed-attempts-details .ip-cell-readable{display:flex;flex-direction:column;gap:2px}.failed-attempts-details .ip-cell-readable>div:first-child{color:#fbbf24;font-family:monospace;font-size:.75rem;font-weight:500}.failed-attempts-details .blocked-badge-readable{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:3px;color:#fff;display:inline-flex;font-size:.65rem;font-weight:600;margin-top:2px;padding:1px 4px;text-transform:uppercase}.failed-attempts-details .location-cell-readable{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.failed-attempts-details .location-cell-readable>span:first-child{color:#a78bfa;font-size:.75rem;font-weight:500}.failed-attempts-details .geolocation-readable{color:#d1d5db;font-size:.7rem;font-style:italic;line-height:1.2}.failed-attempts-details .fingerprint-cell-readable{font-family:monospace;font-size:.75rem}.failed-attempts-details .fingerprint-hash-readable{color:#fb7185;cursor:help;display:block;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.failed-attempts-details .no-fingerprint-readable{color:#6b7280;font-size:.75rem;font-style:italic}.failed-attempts-details .reason-cell-readable .failure-reason-badge{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:3px 6px;text-transform:uppercase}.failed-attempts-details .threat-score-cell-readable{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center}.failed-attempts-details .threat-score-badge{border-radius:4px;flex-shrink:0;font-size:.75rem;font-weight:700;min-width:24px;padding:3px 6px;text-align:center}.failed-attempts-details .threat-score-badge.threat-low{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.failed-attempts-details .threat-score-badge.threat-medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.failed-attempts-details .threat-score-badge.threat-high{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.failed-attempts-details .threat-score-badge.threat-critical{background:linear-gradient(135deg,#7c2d12,#451a03);border:1px solid #dc2626;color:#fff}.failed-attempts-details .threat-level-text{color:#d1d5db;flex-shrink:0;font-size:.65rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.failed-attempts-details .loading-spinner{align-items:center;color:#93c5fd;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:20px 15px}.failed-attempts-details .loading-spinner svg{color:#60a5fa;font-size:1.2rem}@media (max-width:1400px){.failed-attempts-details{padding:12px}.failed-attempts-details .attempts-table-readable{font-size:.75rem;min-width:800px}.failed-attempts-details .attempts-table-readable td,.failed-attempts-details .attempts-table-readable th{padding:6px}.failed-attempts-details .attempts-table-readable td:nth-child(5),.failed-attempts-details .attempts-table-readable th:nth-child(5){display:none}.failed-attempts-details .attempts-table-readable td:first-child,.failed-attempts-details .attempts-table-readable th:first-child{max-width:140px;min-width:120px;width:14%}.failed-attempts-details .attempts-table-readable td:nth-child(2),.failed-attempts-details .attempts-table-readable th:nth-child(2){max-width:220px;min-width:180px;width:28%}.failed-attempts-details .attempts-table-readable td:nth-child(3),.failed-attempts-details .attempts-table-readable th:nth-child(3){max-width:140px;min-width:120px;width:15%}.failed-attempts-details .attempts-table-readable td:nth-child(4),.failed-attempts-details .attempts-table-readable th:nth-child(4){max-width:160px;min-width:130px;width:18%}.failed-attempts-details .attempts-table-readable td:nth-child(6),.failed-attempts-details .attempts-table-readable th:nth-child(6){max-width:150px;min-width:120px;width:15%}.failed-attempts-details .attempts-table-readable td:nth-child(7),.failed-attempts-details .attempts-table-readable th:nth-child(7){max-width:120px;min-width:100px;width:10%}}@media (max-width:768px){.failed-attempts-details{margin:12px -16px 0;max-width:calc(100% + 32px);padding:10px 16px;width:calc(100% + 32px)}.failed-attempts-details .table-header{align-items:flex-start;flex-direction:column;gap:12px}.failed-attempts-details .table-info{align-items:flex-start;color:var(--text-title)}.failed-attempts-details .table-stats{flex-direction:column;gap:8px}.failed-attempts-details .attempts-table-readable{font-size:.75rem}.failed-attempts-details .attempts-table-readable td,.failed-attempts-details .attempts-table-readable th{padding:6px}.failed-attempts-details .attempts-table-readable td:first-child,.failed-attempts-details .attempts-table-readable th:first-child{max-width:80px;width:15%}.failed-attempts-details .attempts-table-readable td:nth-child(2),.failed-attempts-details .attempts-table-readable th:nth-child(2){max-width:120px;width:20%}.failed-attempts-details .attempts-table-readable td:nth-child(3),.failed-attempts-details .attempts-table-readable th:nth-child(3){max-width:100px;width:15%}.failed-attempts-details .attempts-table-readable td:nth-child(7),.failed-attempts-details .attempts-table-readable th:nth-child(7){max-width:80px;width:12%}}@media (max-width:1200px){.failed-attempts-details .attempts-table-readable{font-size:.8rem;min-width:850px}.failed-attempts-details .attempts-table-readable th{font-size:.65rem;padding:6px 4px}.failed-attempts-details .attempts-table-readable td{padding:5px 4px}.failed-attempts-details .attempts-table-readable td:nth-child(5),.failed-attempts-details .attempts-table-readable th:nth-child(5){display:none}.failed-attempts-details .attempts-table-readable td:first-child,.failed-attempts-details .attempts-table-readable th:first-child{width:12%}.failed-attempts-details .attempts-table-readable td:nth-child(2),.failed-attempts-details .attempts-table-readable th:nth-child(2){width:22%}.failed-attempts-details .attempts-table-readable td:nth-child(3),.failed-attempts-details .attempts-table-readable td:nth-child(4),.failed-attempts-details .attempts-table-readable th:nth-child(3),.failed-attempts-details .attempts-table-readable th:nth-child(4){width:15%}.failed-attempts-details .attempts-table-readable td:nth-child(6),.failed-attempts-details .attempts-table-readable th:nth-child(6){width:22%}.failed-attempts-details .attempts-table-readable td:nth-child(7),.failed-attempts-details .attempts-table-readable th:nth-child(7){width:14%}}@media (max-width:480px){.summary-cards{gap:12px;grid-template-columns:1fr}.failed-attempts-details{margin:12px -12px 0;max-width:calc(100% + 24px);padding:8px 12px;width:calc(100% + 24px)}.failed-attempts-details .table-header h3{font-size:1rem}.failed-attempts-details .attempts-table-readable{font-size:.7rem}.failed-attempts-details .attempts-table-readable td,.failed-attempts-details .attempts-table-readable th{padding:4px}.failed-attempts-details .table-stats{flex-wrap:wrap;gap:6px}.failed-attempts-details .stat-item{font-size:.7rem}}.pagination-controls{background:#0003;border-radius:0 0 8px 8px;border-top:1px solid #ffffff1a;gap:16px;justify-content:center;margin-top:12px;padding:16px 0}.pagination-btn{background:linear-gradient(135deg,#3b82f6cc,#2563ebcc);border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;min-width:80px}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563ebe6,#1d4ed8e6);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.pagination-btn:disabled{background:#4b556380;box-shadow:none;color:#ffffff80;transform:none}.pagination-info{font-size:.85rem;font-weight:500;min-width:200px;text-align:center}@media (max-width:768px){.pagination-controls{flex-direction:column;gap:12px;padding:12px 0}.pagination-btn{font-size:.8rem;min-width:70px;padding:6px 12px}.pagination-info{font-size:.8rem;min-width:auto}}.user-roles-admin{margin:0 auto;max-width:1400px;padding:2rem}.page-header{border-bottom:2px solid var(--border-light);margin-bottom:2rem;padding-bottom:1rem}.page-header h1{align-items:center;color:var(--text-primary);display:flex;gap:.75rem;margin:0 0 .5rem}.page-icon{color:var(--header-bg-secondary)}.page-description{color:var(--text-secondary);font-size:1rem;margin:0}.access-denied{color:var(--text-secondary);padding:4rem 2rem;text-align:center}.access-denied-icon{color:var(--danger);font-size:4rem;margin-bottom:1rem}.access-denied h3{color:var(--text-primary);margin:1rem 0}.controls-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.search-form{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.search-input-container{flex:1 1;max-width:500px;position:relative}.search-icon{color:var(--text-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid var(--border-medium);border-radius:6px;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s;width:100%}.search-input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.search-button{background:var(--header-bg-secondary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.search-button:hover{background:#0056b3}.clear-search-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s}.clear-search-button:hover{color:var(--text-primary)}.filter-section{border-top:1px solid var(--border-light);padding-top:1.5rem}.filter-header{align-items:center;color:var(--text-secondary);font-weight:500;gap:.5rem}.filter-header,.role-filters{display:flex;margin-bottom:1rem}.role-filters{flex-wrap:wrap;gap:1rem}.role-filter-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s}.role-filter-checkbox:hover{background:var(--bg-secondary)}.role-filter-checkbox input[type=checkbox]{margin:0}.role-icon,.role-label{font-size:.875rem}.role-label{color:var(--text-primary);font-weight:500}.clear-filters-button{background:none;border:1px solid var(--border-medium);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.clear-filters-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.results-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.error-state,.loading-state,.no-results{color:var(--text-secondary);padding:3rem;text-align:center}.loading-state{gap:1rem}.error-message{color:var(--danger);margin-bottom:1rem}.retry-button{background:var(--header-bg-secondary);padding:.75rem 1.5rem;transition:background-color .2s}.retry-button:hover{background:var(--header-bg-secondary-dark)}.results-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:1rem 1.5rem}.results-info{display:flex;flex-direction:column;gap:.5rem}.results-count{color:var(--text-primary);font-weight:600}.filter-info{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;font-size:.875rem;width:100%}.users-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.users-table td,.users-table th{border-bottom:1px solid var(--border-light);padding:1rem .75rem}.users-table td{vertical-align:top}.users-table tr:hover{background:var(--bg-secondary)}.user-info .user-name{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.user-info .user-uuid{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.75rem}.contact-info .user-email{color:var(--text-primary);margin-bottom:.25rem}.contact-info .user-phone{color:var(--text-secondary);font-size:.75rem}.account-info,.group-info{min-width:120px}.account-name,.group-name{color:var(--text-primary);font-weight:500;margin-bottom:.25rem}.account-id,.group-id{color:var(--text-secondary);font-size:.75rem}.no-account,.no-group,.no-roles{color:var(--text-muted);font-style:italic}.roles-list{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.role-badge{align-items:center;background:var(--bg-secondary);border:1px solid;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;opacity:.8;padding:.25rem .5rem}.status-info{min-width:90px}.status-indicator,.verification-indicator{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:.25rem;padding:.25rem .5rem}.status-indicator.active{background:#d1edff;background:var(--success-light);color:#0c5460;color:var(--success-dark)}.status-indicator.inactive{background:#f8d7da;background:var(--danger-light);color:#721c24;color:var(--danger-dark)}.verification-indicator.verified{background:#d1ecf1;background:var(--info-light);color:#0c5460;color:var(--info-dark)}.verification-indicator.unverified{background:#fff3cd;background:var(--warning-light);color:#856404;color:var(--warning-dark)}.last-login-info{font-size:.875rem;min-width:100px}.last-login-date{color:var(--text-primary);font-weight:500}.last-login-time{color:var(--text-secondary);font-size:.75rem}.never-logged-in{color:#999;color:var(--text-muted,#999);font-style:italic}.created-info{color:var(--text-secondary);font-size:.75rem;min-width:100px}.pagination-section{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.pagination-info{color:var(--text-secondary);font-size:.875rem}.pagination-controls{gap:.5rem}.pagination-button{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.pagination-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--header-bg-secondary)}.pagination-button:disabled{opacity:.5}.page-numbers{display:flex;gap:.25rem}.page-number{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.page-number:hover{background:var(--bg-secondary)}.page-number.active,.page-number:hover{border-color:var(--header-bg-secondary)}.page-number.active{background:var(--header-bg-secondary);color:#fff}@media (max-width:768px){.user-roles-admin{padding:1rem}.search-form{align-items:stretch;flex-direction:column}.search-input-container{max-width:none}.role-filters{flex-direction:column}.users-table{font-size:.75rem}.users-table td,.users-table th{padding:.5rem}.roles-list{min-width:auto}.pagination-section{flex-direction:column;text-align:center}.page-numbers{justify-content:center}}:root{--success-light:#d1edff;--success-dark:#0c5460;--danger-light:#f8d7da;--danger-dark:#721c24;--warning-light:#fff3cd;--warning-dark:#856404;--info-light:#d1ecf1;--info-dark:#0c5460}.alert-management-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.alert-management-header{margin-bottom:30px;text-align:center}.alert-management-header h2{color:#333;font-size:2.2em;margin-bottom:10px}.alert-management-header p{color:#666;font-size:1.1em}.alert-message{align-items:center;border-radius:6px;display:flex;font-weight:500;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33}.success-message{background-color:#efe;border:1px solid #cfc;color:#3c3}.close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;opacity:.7;transition:opacity .3s}.close-btn:hover{opacity:1}.alert-form-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:10px}.alert-form-section h3{color:#333;font-size:1.5em;margin-bottom:20px}.alert-form{max-width:100%}.form-row{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:10px}.form-group{flex:1 1;min-width:200px}.form-group.full-width{flex:1 1 100%}.form-group.toggle-group{align-items:flex-start;display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-end;min-width:auto;padding-bottom:8px}.toggle-label{color:#333;display:block;font-weight:600;margin-bottom:5px}.form-group.date-field{flex:0 0 220px;max-width:220px;min-width:220px}.form-group label{color:#333;margin-bottom:5px}.toggle-switch{cursor:pointer;display:inline-block;height:34px;margin-top:6px;position:relative;width:60px}.toggle-input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:26px;left:4px;position:absolute;transition:.3s;width:26px}.toggle-input:checked+.toggle-slider{background-color:#4caf50}.toggle-input:focus+.toggle-slider{box-shadow:0 0 5px #4caf5080}.toggle-input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-input:disabled+.toggle-slider{cursor:not-allowed;opacity:.6}.toggle-input:disabled+.toggle-slider:before{background-color:#f5f5f5}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;transition:border-color .3s,box-shadow .3s;width:100%}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.form-actions{gap:15px;justify-content:flex-start;margin-top:0}.btn-deactivate,.btn-delete,.btn-edit,.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s,transform .2s}.btn-primary{background-color:#4caf50}.btn-primary:hover:not(:disabled){background-color:#45a049;transform:translateY(-1px)}.btn-secondary{background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-edit{background-color:#17a2b8;color:#fff;font-size:12px;margin-right:5px;padding:6px 12px}.btn-edit:hover:not(:disabled){background-color:#138496}.btn-deactivate{background-color:#ffc107;color:#212529;font-size:12px;margin-right:5px;padding:6px 12px}.btn-deactivate:hover:not(:disabled){background-color:#e0a800}.btn-delete{background-color:#dc3545;color:#fff;font-size:12px;padding:6px 12px}.btn-delete:hover:not(:disabled){background-color:#c82333}.btn-deactivate:disabled,.btn-delete:disabled,.btn-edit:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.alerts-list-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px}.alerts-list-section h3{color:#333;font-size:1.5em;margin-bottom:20px}.loading-message,.no-alerts-message{color:#666;font-size:1.1em;font-style:italic;padding:40px 20px;text-align:center}.alerts-table-container{margin-top:20px;overflow-x:auto}.alerts-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.alerts-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.sortable-header{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#e9ecef!important;color:#007bff}.sortable-header:active{background-color:#dee2e6!important}.alerts-table td{border-bottom:1px solid #dee2e6;padding:12px;vertical-align:top}.alert-row{transition:background-color .3s}.alert-row:hover{background-color:#f8f9fa}.alert-message-cell{max-width:300px}.alert-message-text{word-wrap:break-word;font-size:.8rem;line-height:1.4}.target-audience-cell{font-size:.8rem}.date-cell{color:#666;font-size:13px}.date-time-container{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.date-part{color:#333;font-weight:500}.time-part{color:#666;font-size:11px;font-style:italic}.actions-cell{min-width:100px;text-align:right}.actions-cell button{display:block;margin-bottom:4px;width:100%}.actions-cell button:last-child{margin-bottom:0}.alert-type-badge,.priority-badge,.status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.type-info{background-color:#d1ecf1;color:#0c5460}.type-warning{background-color:#fff3cd;color:#856404}.type-error{background-color:#f8d7da;color:#721c24}.type-success{background-color:#d4edda;color:#155724}.type-maintenance{background-color:#e2e3e5;color:#383d41}.priority-low{background-color:#d4edda;color:#155724}.priority-medium{background-color:#fff3cd;color:#856404}.priority-high{background-color:#f8d7da;color:#721c24}.priority-critical{background-color:#721c24;color:#fff}.status-badge.active{background-color:#28a745;color:#fff}.status-badge.inactive{background-color:#6c757d;color:#fff}@media (max-width:1024px){.alert-management-container{padding:15px}.alerts-table{font-size:14px}.alert-message-cell{max-width:250px}}@media (max-width:768px){.alert-management-container{padding:15px}.form-row{flex-direction:column;gap:15px}.form-group{min-width:100%}.form-actions{align-items:stretch;flex-direction:column;gap:10px}.form-actions button{margin:0;width:100%}.alerts-table-container{display:none}.alerts-mobile-view{display:block}.alert-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;padding:15px}.alert-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.alert-card-message{word-wrap:break-word;color:#333;flex:1 1;font-weight:600;min-width:0}.alert-card-status{flex-shrink:0}.alert-card-details{grid-gap:8px;display:grid;font-size:14px;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:15px}.alert-card-detail{display:flex;flex-direction:column}.alert-card-detail-label{color:#666;font-size:12px;font-weight:600;margin-bottom:2px}.alert-card-actions{display:flex;flex-wrap:wrap;gap:8px}.alert-card-actions button{flex:1 1;font-size:13px;min-width:80px;padding:8px 12px}}@media (max-width:480px){.alert-management-container{padding:10px}.alert-management-header h2{font-size:1.8em}.form-group{margin-bottom:15px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{font-size:16px}.alert-card{padding:12px}.alert-card-details{gap:6px;grid-template-columns:1fr}.alert-card-actions{flex-direction:column}.alert-card-actions button{margin:0;width:100%}}@media (min-width:769px){.alerts-mobile-view{display:none}.alerts-table-container{display:block}}[data-theme=dark] .alert-management-header h2{color:#e2e8f0}[data-theme=dark] .alert-management-header p{color:#94a3b8}[data-theme=dark] .error-message{background-color:#450a0a;border-color:#991b1b;color:#fca5a5}[data-theme=dark] .success-message{background-color:#14532d;border-color:#166534;color:#86efac}[data-theme=dark] .alert-form-section{background:#1e293b;border-color:#334155}[data-theme=dark] .alert-form-section h3,[data-theme=dark] .form-group label,[data-theme=dark] .toggle-label{color:#e2e8f0}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background-color:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .form-group input:disabled,[data-theme=dark] .form-group select:disabled,[data-theme=dark] .form-group textarea:disabled{background-color:#1e293b}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#64748b}[data-theme=dark] .alerts-list-section{background:#1e293b;border-color:#334155}[data-theme=dark] .alerts-list-section h3{color:#e2e8f0}[data-theme=dark] .loading-message,[data-theme=dark] .no-alerts-message{color:#94a3b8}[data-theme=dark] .alerts-table{background:#1e293b;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .alerts-table th{background-color:#0f172a;border-bottom-color:#334155;color:#e2e8f0}[data-theme=dark] .sortable-header:hover{background-color:#334155!important;color:#5b9bd5}[data-theme=dark] .sortable-header:active{background-color:#475569!important}[data-theme=dark] .alerts-table td{border-bottom-color:#334155;color:#cbd5e1}[data-theme=dark] .alert-row:hover{background-color:#334155}[data-theme=dark] .date-part{color:#e2e8f0}[data-theme=dark] .time-part{color:#94a3b8}[data-theme=dark] .type-info{background-color:#1e3a5f;color:#93c5fd}[data-theme=dark] .type-warning{background-color:#422006;color:#fcd34d}[data-theme=dark] .type-error{background-color:#450a0a;color:#fca5a5}[data-theme=dark] .type-success{background-color:#14532d;color:#86efac}[data-theme=dark] .type-maintenance{background-color:#334155;color:#cbd5e1}[data-theme=dark] .priority-low{background-color:#14532d;color:#86efac}[data-theme=dark] .priority-medium{background-color:#422006;color:#fcd34d}[data-theme=dark] .priority-high{background-color:#450a0a;color:#fca5a5}[data-theme=dark] .priority-critical{background-color:#7f1d1d;color:#fef2f2}[data-theme=dark] .alert-card{background:#1e293b;border-color:#334155;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .alert-card-message{color:#e2e8f0}[data-theme=dark] .alert-card-detail-label{color:#94a3b8}.feature-coming-soon{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:60vh;padding:2rem}.coming-soon-container{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.coming-soon-icon{animation:pulse 2s ease-in-out infinite;color:#007cba;font-size:4rem;margin-bottom:1.5rem}.coming-soon-title{color:#2c3e50;font-size:2rem;font-weight:600;line-height:1.2;margin-bottom:1rem}.coming-soon-message{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.coming-soon-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.detail-item{align-items:center;color:#555;display:flex;font-size:.95rem;gap:.5rem;justify-content:center}.detail-icon{color:#007cba;font-size:1.1rem}.coming-soon-footer{border-top:1px solid #eee;padding-top:1.5rem}.coming-soon-footer p{color:#888;font-size:.9rem;font-style:italic;margin:0}@media (max-width:768px){.feature-coming-soon{min-height:50vh;padding:1rem}.coming-soon-container{padding:2rem 1.5rem}.coming-soon-icon{font-size:3rem}.coming-soon-title{font-size:1.5rem}.coming-soon-message{font-size:1rem}.detail-item{font-size:.9rem}}@media (max-width:480px){.coming-soon-container{padding:1.5rem 1rem}.coming-soon-icon{font-size:2.5rem}.coming-soon-title{font-size:1.3rem}.detail-item{flex-direction:column;gap:.3rem;text-align:center}}.common-section-content{min-height:200px;padding:10px}.refresh-button{margin-left:auto}.notifications-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:200px;padding:var(--spacing-xxl)}.notifications-loading svg{color:var(--accent-green);font-size:2rem}.notifications-error{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:200px;padding:var(--spacing-xxl);text-align:center}.notifications-error .error-text{color:var(--error-red);font-weight:600;margin:0}.notifications-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:200px;padding:var(--spacing-xxl);text-align:center}.notifications-empty .empty-icon{color:var(--accent-green);font-size:3rem;margin-bottom:var(--spacing-md)}.notifications-empty h4{color:var(--text-primary);font-size:var(--font-size-lg);margin:0}.notifications-empty p{margin:0;max-width:400px}.notifications-actions{align-items:center;background:var(--bg-secondary);border:1px solid #e5e7eb;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.notifications-count{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.notification-list{display:flex;flex-direction:column;gap:0;padding:0}.notification-item{align-items:flex-start;border:1px solid #e5e7eb;border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-fast)}.notification-item:hover{background:#22c55e05;border-color:gray}.notification-item.unread{background:#649cf70d;border-color:blue}.notification-item.unread:before{background:var(--accent-blue);background:blue;border-radius:0 var(--radius-sm) var(--radius-sm) 0;height:60%;top:50%;transform:translateY(-50%);width:4px}.notification-item:not(.unread) .notification-action-btn{background:#fff;border-color:var(--accent-blue);color:var(--accent-blue)}.notification-item:not(.unread) .notification-action-btn:hover{background:#3b82f60d;border-color:var(--accent-blue);color:var(--accent-blue)}.notification-item:not(.unread) .notification-action-btn.dismiss:hover{background:#ef44441a;border-color:var(--error-red);color:var(--error-red)}.notification-icon{background:var(--accent-green);font-size:var(--font-size-sm);height:40px;width:40px}.notification-item.unread .notification-icon{background:var(--accent-blue)}.notification-header{gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xs)}.notification-title{color:var(--text-primary);font-size:var(--font-size-md);line-height:1.4;margin:0}.notification-time{flex-shrink:0;font-size:var(--font-size-xs);white-space:nowrap}.notification-message{color:var(--text-tertiary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-sm) 0}.notification-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.notification-info pre{color:var(--text-tertiary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-xs);margin:0;white-space:pre-wrap}.notification-actions{flex-direction:column;flex-shrink:0;gap:var(--spacing-xs)}.notification-action-section .notification-action-btn{align-items:center;border:1px solid #d1d5db;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-fast)}.notification-action-btn:hover{background:var(--bg-hover);border-color:var(--accent-green);color:var(--accent-green)}.notification-action-btn.dismiss:hover{background:#ef44441a;border-color:var(--error-red);color:var(--error-red)}.notification-action-btn:disabled{opacity:.5}.notification-action-btn svg{font-size:var(--font-size-sm)}@media (max-width:768px){.notification-list{padding:0}.notification-item{align-items:stretch;-webkit-backface-visibility:hidden;backface-visibility:hidden;flex-direction:column;transform:translateZ(0);will-change:auto}.notification-header{align-items:stretch;flex-direction:row;gap:var(--spacing-xs)}.notification-time{align-self:flex-start;white-space:normal}.notification-actions{flex-direction:row;justify-content:flex-end;margin-top:var(--spacing-sm)}.notifications-actions{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.common-section-content{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.notifications-loading{min-height:150px}}@media (max-width:480px){.notification-list{padding:0}.notification-item{padding:var(--spacing-md)}.notification-icon{font-size:var(--font-size-xs);height:32px;width:32px}.notification-title{font-size:var(--font-size-sm)}.notification-message{font-size:var(--font-size-xs)}}.notifications-empty,.notifications-error,.notifications-loading{min-height:200px}.notification-action-btn{animation:fadeIn .3s ease-in-out}.notification-section-badge{align-items:center;background:var(--accent-blue);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-xs);font-weight:600;height:18px;justify-content:center;margin-left:auto;min-width:18px}.notification-item.unread .notification-title{font-weight:700}.notification-item.unread .notification-message{color:var(--text-primary)}.notification-icon.email-analysis{background:#3b82f6}.notification-icon.system{background:#6366f1}.notification-icon.default{background:var(--accent-green)}.notification-item{background:#fff;background:var(--card-background,#fff);border:1px solid #e1e8ed;border:1px solid var(--border-color,#e1e8ed);border-radius:8px;margin-bottom:8px;overflow:hidden;padding:6px;position:relative;transition:all .2s ease}.notification-item:hover{background:#f8f9fa;background:var(--hover-background,#f8f9fa);border-color:#d1d9e0;border-color:var(--hover-border-color,#d1d9e0);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.notification-item.unread{background:#c1c9fa;background:var(--unread-background,#c1c9fa);border-left:4px solid #007bff;border-left:4px solid var(--primary-color,#007bff)}.notification-item.unread:before{background:linear-gradient(90deg,#007bff,#0000);background:linear-gradient(90deg,var(--primary-color,#007bff),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.notification-item.notification-critical{background:#fff5f5;border-left-color:#dc3545}.notification-item.notification-high{background:#fff8f0;border-left-color:#fd7e14}.notification-item.notification-medium{border-left-color:#007bff;border-left-color:var(--primary-color,#007bff)}.notification-item.notification-low{background:#f8fff8;border-left-color:#28a745}.notification-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.notification-icon{align-items:center;background:#f1f3f4;background:var(--icon-background,#f1f3f4);border-radius:50%;color:#5f6368;color:var(--icon-color,#5f6368);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.notification-critical .notification-icon{background:#fee;color:#dc3545}.notification-high .notification-icon{background:#fff3cd;color:#fd7e14}.notification-low .notification-icon{background:#d4edda;color:#28a745}.notification-content{flex:1 1;min-width:0}.notification-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#202124;color:var(--text-color,#202124);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 4px;overflow:hidden}.notification-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.notification-time{color:#5f6368;color:var(--secondary-text-color,#5f6368);font-size:12px}.notification-priority{border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.notification-priority.critical{background:#dc3545;color:#fff}.notification-priority.high{background:#fd7e14;color:#fff}.notification-priority.low{background:#28a745;color:#fff}.notification-actions{align-items:center;display:flex;gap:4px}.notification-actions .notification-dismiss-btn{background:none;border:none;border-radius:4px;color:#5f6368;color:var(--secondary-text-color,#5f6368);cursor:pointer;font-size:24px;opacity:0;padding:4px;transition:all .2s ease}.notification-item:hover .notification-dismiss-btn{opacity:1}.notification-actions-container{border-top:1px solid #e1e8ed;border-top:1px solid var(--border-color,#e1e8ed);justify-content:space-between;margin-top:12px;padding-top:8px}.notification-actions-container,.notification-right-actions{align-items:center;display:flex;gap:8px}.notification-action-btn{background:#007bff;background:var(--primary-color,#007bff);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.notification-action-btn:hover{background:#0056b3;background:var(--primary-hover-color,#0056b3);transform:translateY(-1px)}.notification-action-btn:active{transform:translateY(0)}.notification-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.notification-item:not(.unread) .notification-action-btn{border:1px solid #007bff;border:1px solid var(--primary-color,#007bff)}.notification-item:not(.unread) .notification-action-btn:hover{border-color:#0056b3;border-color:var(--primary-hover-color,#0056b3)}.notification-mark-read-btn{align-items:center;background:none;border:none;border-radius:4px;color:#28a745;color:var(--success-color,#28a745);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px;transition:all .2s ease}.notification-mark-read-btn:hover{background:#d4edda;background:var(--success-background,#d4edda);color:#1e7e34;color:var(--success-hover-color,#1e7e34)}.notification-mark-read-btn:disabled{cursor:not-allowed;opacity:.5}.notification-dismiss-btn{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;color:var(--secondary-text-color,#5f6368);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px;transition:all .2s ease}.notification-dismiss-btn:hover{background:#fff5f5;background:var(--danger-background,#fff5f5);color:#dc3545;color:var(--danger-color,#dc3545)}.notification-dismiss-btn:disabled{cursor:not-allowed;opacity:.5}.notification-body{padding-left:0}.notification-message{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#5f6368;color:var(--secondary-text-color,#5f6368);display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 12px;overflow:hidden}.notification-error-message{color:#dc3545;color:var(--danger-color,#dc3545);font-size:13px;line-height:1.4;margin:0 0 8px}.notification-verification-failed{background:#fff5f5;background:var(--danger-background,#fff5f5);border:1px solid #dc3545;border:1px solid var(--danger-color,#dc3545);border-radius:6px;margin-bottom:8px;margin-top:8px;padding:12px}.notification-verification-actions{align-items:center;display:flex;gap:8px;margin-top:8px}.notification-delete-confirm-btn{background:#dc3545;background:var(--danger-color,#dc3545);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.notification-delete-confirm-btn:hover{background:#c82333;background:var(--danger-hover-color,#c82333);transform:translateY(-1px)}.notification-delete-confirm-btn:active{transform:translateY(0)}.notification-delete-confirm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.notification-delete-cancel-btn{background:#f8f9fa;background:var(--secondary-background,#f8f9fa);border:1px solid #e1e8ed;border:1px solid var(--border-color,#e1e8ed);border-radius:4px;color:#202124;color:var(--text-color,#202124);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.notification-delete-cancel-btn:hover{background:#e9ecef;background:var(--hover-background,#e9ecef);border-color:#d1d9e0;border-color:var(--hover-border-color,#d1d9e0);transform:translateY(-1px)}.notification-delete-cancel-btn:active{transform:translateY(0)}.notification-delete-cancel-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-theme=dark] .notification-item{background:#1e1e1e;background:var(--dark-card-background,#1e1e1e);border-color:#404040;border-color:var(--dark-border-color,#404040);color:#e0e0e0;color:var(--dark-text-color,#e0e0e0)}[data-theme=dark] .notification-item:hover{background:#2a2a2a;background:var(--dark-hover-background,#2a2a2a);border-color:#505050;border-color:var(--dark-hover-border-color,#505050)}[data-theme=dark] .notification-item.unread{background:#1a1a2e;background:var(--dark-unread-background,#1a1a2e)}[data-theme=dark] .notification-title{color:#e0e0e0;color:var(--dark-text-color,#e0e0e0)}[data-theme=dark] .notification-message{color:#b0b0b0;color:var(--dark-secondary-text-color,#b0b0b0)}[data-theme=dark] .notification-time{color:#888;color:var(--dark-secondary-text-color,#888)}[data-theme=dark] .notification-icon{background:#333;background:var(--dark-icon-background,#333);color:#b0b0b0;color:var(--dark-icon-color,#b0b0b0)}[data-theme=dark] .notification-actions-container{border-top-color:#404040;border-top-color:var(--dark-border-color,#404040)}[data-theme=dark] .notification-mark-read-btn{color:#4caf50;color:var(--dark-success-color,#4caf50)}[data-theme=dark] .notification-mark-read-btn:hover{background:#2a2a2a;background:var(--dark-success-background,#2a2a2a);color:#66bb6a;color:var(--dark-success-hover-color,#66bb6a)}[data-theme=dark] .notification-dismiss-btn{color:#888;color:var(--dark-secondary-text-color,#888)}[data-theme=dark] .notification-dismiss-btn:hover{background:#2a1a1a;background:var(--dark-danger-background,#2a1a1a);color:#f44336;color:var(--dark-danger-color,#f44336)}[data-theme=dark] .notification-item:not(.unread) .notification-action-btn{border-color:#4a9eff;border-color:var(--dark-primary-color,#4a9eff)}[data-theme=dark] .notification-item:not(.unread) .notification-action-btn:hover{border-color:#66b3ff;border-color:var(--dark-primary-hover-color,#66b3ff)}[data-theme=dark] .notification-verification-failed{background:#2a1a1a;background:var(--dark-danger-background,#2a1a1a);border-color:#f44336;border-color:var(--dark-danger-color,#f44336)}[data-theme=dark] .notification-error-message{color:#f44336;color:var(--dark-danger-color,#f44336)}[data-theme=dark] .notification-delete-confirm-btn{background:#f44336;background:var(--dark-danger-color,#f44336)}[data-theme=dark] .notification-delete-confirm-btn:hover{background:#e53935;background:var(--dark-danger-hover-color,#e53935)}[data-theme=dark] .notification-delete-cancel-btn{background:#1e1e1e;background:var(--dark-card-background,#1e1e1e);border-color:#404040;border-color:var(--dark-border-color,#404040);color:#e0e0e0;color:var(--dark-text-color,#e0e0e0)}[data-theme=dark] .notification-delete-cancel-btn:hover{background:#2a2a2a;background:var(--dark-hover-background,#2a2a2a);border-color:#505050;border-color:var(--dark-hover-border-color,#505050)}@media (max-width:768px){.notification-item{margin-bottom:2px;padding:4px}.notification-header{gap:10px}.notification-icon{font-size:14px;height:32px;width:32px}.notification-body{padding-left:0}.notification-message{font-size:12px;padding-left:0}.notification-title{font-size:13px}.notification-time{font-size:11px}.notification-actions-container{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:4px;justify-content:space-between!important;margin-top:10px;padding-top:6px;width:100%}.notification-action-btn{flex-shrink:1;font-size:10px;max-width:60%;min-width:0;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.notification-right-actions{align-items:center!important;display:flex!important;flex-direction:row!important;flex-shrink:0;gap:4px}.notification-dismiss-btn,.notification-mark-read-btn{font-size:12px;min-height:28px;min-width:28px;padding:4px}.notification-verification-failed{margin-bottom:6px;margin-top:6px;padding:10px}.notification-error-message{font-size:12px}.notification-verification-actions{gap:6px;margin-top:6px}.notification-delete-cancel-btn,.notification-delete-confirm-btn{font-size:11px;padding:5px 10px}}.how-do-i-container{background:var(--bg-primary);color:var(--text-primary);margin:0;max-width:1000px;padding:0 30px 80px;width:100%}.how-do-i-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:.5rem;padding:16px 0}.how-do-i-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:600;gap:.75rem;margin:0}.header-title-section{display:flex;flex-direction:column}.header-title-section .subtitle{color:var(--text-secondary);font-size:1.2rem;font-weight:400;margin:.5rem 0 0;padding:0}.header-icon{color:var(--button-primary-bg)}.header-actions{align-items:center;gap:16px;min-height:52px}.howdoi-search-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:background .2s ease}.howdoi-search-icon-btn:hover{background:#0000000d}.howdoi-search-icon-btn svg{stroke:var(--text-primary);stroke-width:2;fill:none;height:32px;width:32px}.howdoi-search-container{align-items:center;animation:fadeIn .2s ease-in-out;display:flex;gap:8px}.howdoi-search-input-wrapper{align-items:center;display:flex;position:relative}.howdoi-search-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:8px 32px 8px 14px;transition:border-color .2s ease;width:250px}.howdoi-search-input:focus{border-color:var(--focus-border-color);outline:none}.howdoi-search-input::placeholder{color:var(--text-secondary)}.howdoi-search-clear-btn{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;transition:color .2s ease}.howdoi-search-clear-btn:hover{color:#666}.howdoi-search-submit-btn{background:var(--button-primary-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:8px 14px;transition:background-color .2s ease;white-space:nowrap}.howdoi-search-submit-btn:hover{background:#0d2b7a}.questions-section{margin-bottom:3rem;padding-left:30px}.questions-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.questions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;width:100%}.question-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px var(--theme-shadow);cursor:pointer;display:flex;gap:1rem;padding:.5rem;transition:all .3s ease}.question-card:hover{border-color:var(--button-primary-bg);box-shadow:0 4px 12px var(--theme-shadow);transform:translateY(-2px)}.question-icon{color:var(--button-primary-bg);font-size:2rem;min-width:3rem;text-align:center}.question-content{flex:1 1}.question-content h4{font-weight:500;margin:0}.question-content h4,.question-subtitle{color:var(--text-primary);font-size:1.1rem;line-height:1.4;text-align:left}.question-subtitle{font-style:italic;font-weight:400;margin:10px 0 0}.question-arrow{color:var(--button-primary-bg);font-size:1.5rem;font-weight:700;opacity:.7;transition:all .3s ease}.question-card:hover .question-arrow{opacity:1;transform:translateX(5px)}.no-results{color:var(--text-secondary);grid-column:1/-1;padding:3rem;text-align:center}.no-results svg{color:var(--text-secondary);font-size:3rem;margin-bottom:1rem}.no-results p{font-size:1.1rem;margin:.5rem 0}.additional-help{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:10px;padding:1.5rem;text-align:center}.additional-help h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.help-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.help-option-btn{align-items:center;background:var(--button-primary-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.help-option-btn:hover{background:var(--button-primary-bg-hover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@media (max-width:768px){.how-do-i-container{padding:1rem}.how-do-i-header h1{flex-direction:column;font-size:2rem;gap:.5rem}.subtitle{font-size:1rem}.questions-grid{gap:1rem;grid-template-columns:1fr}.question-card{flex-direction:column;padding:1rem;text-align:center}.question-content h4{text-align:left!important}.question-icon{font-size:2.5rem;min-width:auto}.question-arrow{display:none}.question-subtitle{margin:0 0 .5rem!important;max-height:none!important;opacity:1!important}.question-content p{margin:0!important}.question-card:hover .question-content p,.question-content p{max-height:0!important;opacity:0!important}.help-options{align-items:center;flex-direction:column}.help-option-btn{max-width:250px;width:100%}}@media (max-width:480px){.search-input{font-size:1rem;min-width:150px;padding:.8rem .8rem .8rem 2.5rem}.search-icon{font-size:1rem;left:.8rem}.question-card{padding:1rem .8rem}.header-icon{display:none}.question-content h4{text-align:left!important}}.contact-support-container{background:var(--theme-bg-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:0;min-height:100vh;padding:2rem 2rem 10px}.contact-support-header{border-bottom:2px solid var(--theme-border);box-shadow:0 2px 4px #0000001a;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.contact-support-header h1{align-items:center;color:var(--theme-text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin:0 0 1rem}.contact-support-header .header-icon{color:var(--primary-blue);font-size:2.5rem}.contact-support-header .subtitle{color:var(--theme-text-secondary);font-size:1.1rem;margin:0}.contact-support-content{padding-bottom:40px}.contact-methods{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.contact-method-card{background:var(--bg-card);border:2px solid var(--theme-border);border-radius:12px;box-shadow:0 4px 8px #0000000d;padding:2rem;text-align:center;transition:transform .3s,box-shadow .3s}.contact-method-card:hover{box-shadow:0 8px 20px #0003;transform:translateY(-5px)}.contact-method-card .method-icon{color:var(--primary-blue);font-size:3rem;margin-bottom:1rem}.contact-method-card h3{color:var(--theme-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.contact-method-card .method-info{color:var(--primary-blue);font-size:1.1rem;font-weight:600;margin:.5rem 0}.contact-method-card .method-info-secondary{color:var(--theme-text-secondary);font-size:.9rem;margin:.25rem 0 .5rem}.contact-method-card .method-description{color:var(--theme-text-secondary);font-size:.95rem;line-height:1.6;margin:1rem 0 1.5rem}.contact-method-btn{background-color:var(--primary-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:background-color .3s}.contact-method-btn:hover:not(:disabled){background-color:var(--primary-blue-hover)}.contact-method-btn:disabled{background-color:var(--theme-text-muted);cursor:not-allowed;opacity:.6}.support-info-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.info-card{background:var(--bg-card);border:2px solid var(--theme-border);border-radius:12px;box-shadow:0 4px 8px #0000000d;padding:2rem}.info-card .info-icon{color:var(--primary-blue);font-size:1.5rem;margin-right:.75rem}.info-card h3{align-items:center;color:var(--theme-text-primary);display:flex;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.info-list{list-style:none;margin:0;padding:0}.info-list li{color:var(--theme-text-secondary);font-size:1rem;line-height:1.8;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.info-list li:before{color:var(--primary-blue);content:"•";font-size:1.5rem;left:0;position:absolute;top:-.2rem}.info-list li strong{color:var(--theme-text-primary)}.info-list .info-note{color:var(--theme-text-muted);font-size:.9rem;font-style:italic;margin-top:1rem}.ticket-card,.ticket-card .compact-form{display:flex;flex-direction:column}.ticket-card .compact-form{gap:.75rem}.ticket-card .compact-form .form-row-compact{display:flex;gap:.75rem}.ticket-card .compact-form .form-row-compact .form-group{flex:1 1;min-width:0}.ticket-card .compact-form .form-group{margin-bottom:0}.ticket-card .compact-form label{font-size:.85rem;margin-bottom:.25rem}.ticket-card .compact-form input,.ticket-card .compact-form select,.ticket-card .compact-form textarea{font-size:.9rem;padding:.5rem .75rem}.ticket-card .compact-form textarea{min-height:60px;resize:vertical}.ticket-card .compact-submit{align-self:flex-start;background-color:var(--primary-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.75rem 2rem;transition:background-color .3s;width:auto}.ticket-card .compact-submit:hover{background-color:var(--primary-blue-hover)}.ticket-card .form-status.compact{font-size:.85rem;margin-bottom:.75rem;padding:.5rem .75rem}.support-ticket-section{background:var(--bg-card);border:2px solid var(--theme-border);border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:3rem;padding:2.5rem}.support-ticket-section h2{align-items:center;color:var(--theme-text-primary);display:flex;font-size:1.8rem;font-weight:600;gap:.75rem;margin:0 0 1rem}.support-ticket-section h2 svg{color:var(--primary-blue)}.form-intro{color:var(--theme-text-secondary);font-size:1rem;margin:0 0 2rem}.form-status{align-items:center;border-radius:8px;display:flex;font-size:1rem;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.status-success{background-color:#10b9811a;border:1px solid #10b9814d;color:#10b981}.status-error{background-color:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.form-status svg{font-size:1.5rem}.support-ticket-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{gap:.5rem}.form-group label{color:var(--theme-text-primary);font-size:1rem}.form-group .required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input)!important;border:1px solid var(--theme-border);border-radius:6px;color:var(--theme-text-primary)!important;font-family:inherit;font-size:1rem;outline:none;padding:.75rem;transition:border-color .3s,background-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-input-focus)!important;border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.form-group select option{background:var(--bg-card);color:var(--theme-text-primary)}.support-ticket-form .form-group input,.support-ticket-form .form-group select,.support-ticket-form .form-group textarea{background:var(--bg-input)!important;color:var(--theme-text-primary)!important}.support-ticket-form .form-group input:focus,.support-ticket-form .form-group select:focus,.support-ticket-form .form-group textarea:focus{background:var(--bg-input-focus)!important}.form-group textarea{min-height:150px}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--theme-text-muted);opacity:.7}.form-actions{display:flex;gap:1rem;margin-top:1rem}.reset-btn,.submit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:background-color .3s,transform .2s}.submit-btn{background-color:var(--primary-blue);color:#fff}.submit-btn:hover{background-color:var(--primary-blue-hover);transform:translateY(-2px)}.reset-btn{background-color:var(--theme-text-muted);color:#fff}.reset-btn:hover{background-color:var(--button-secondary-bg-hover)}.additional-resources{background:var(--bg-card);border:2px solid var(--theme-border);border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:0;padding:2.5rem}.additional-resources h3{color:var(--theme-text-primary);font-size:1.8rem;font-weight:600;margin:0 0 2rem;text-align:center}.resources-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.resource-item{background:var(--bg-card-hover);border:2px solid var(--theme-border-light);border-radius:8px;box-shadow:0 2px 6px #0000000a;padding:1.5rem;transition:transform .3s,box-shadow .3s}.resource-item:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.resource-item h4{color:var(--primary-blue);font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.resource-item p{color:var(--theme-text-secondary);font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.contact-support-container{padding:1rem}.contact-support-header h1{flex-direction:column;font-size:2rem;gap:.5rem}.contact-methods{gap:1.5rem}.contact-methods,.form-row,.support-info-section{grid-template-columns:1fr}.form-actions{flex-direction:column}.reset-btn,.submit-btn{justify-content:center;width:100%}.resources-grid{grid-template-columns:1fr}.additional-resources,.support-ticket-section{padding:1.5rem}}@media (max-width:480px){.contact-support-header h1{font-size:1.5rem}.contact-support-header .header-icon{font-size:2rem}.contact-method-card{padding:1.5rem}.contact-method-card .method-icon{font-size:2.5rem}}.shield-reports-page h1.main-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;font-weight:500;margin-bottom:0;padding-left:1.4rem;padding-top:.7rem}.shield-reports-page p.common-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:1rem;margin-top:.5rem;padding-left:1.4rem}.shield-reports-content{box-sizing:border-box;margin:0;padding:.5rem}.shield-reports-actions{display:flex;justify-content:flex-start;margin-bottom:1rem;padding:0 .5rem}.generate-report-btn{background:linear-gradient(135deg,#173997,#1976d2);background:linear-gradient(135deg,var(--brand-blue,#173997) 0,var(--brand-blue-light,#1976d2) 100%);border:none;border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 4px 14px #1739974d;color:#fff;cursor:pointer;font-size:16px;font-size:var(--font-size-md,16px);font-weight:600;padding:12px 24px;padding:var(--spacing-sm,12px) var(--spacing-lg,24px);transition:all .3s ease}.generate-report-btn:hover:not(:disabled){box-shadow:0 6px 20px #17399766;transform:translateY(-2px)}.generate-report-btn:disabled{cursor:not-allowed;opacity:.6}.report-loading,.shield-reports-loading{align-items:center;background:#fff;border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 4px 20px #17399714;display:flex;flex-direction:column;justify-content:center;padding:64px;padding:var(--spacing-xl,64px);text-align:center}.loading-spinner{border:4px solid #1739971a;border-top:4px solid var(--brand-blue,#173997);height:48px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);width:48px}.report-error,.shield-reports-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;border-radius:var(--radius-md,12px);color:#991b1b}.report-error,.shield-reports-error,.shield-reports-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.shield-reports-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;border-radius:var(--radius-md,12px);color:#1e40af}.shield-reports-info button{background:none;border:none;border-radius:4px;color:#1e40af;cursor:pointer;font-weight:500;padding:4px 8px}.shield-reports-info button:hover{background:#1e40af1a}.report-error{background:#fff;border:1px solid #fecaca;flex-direction:column;padding:48px;padding:var(--spacing-xl,48px);text-align:center}.report-error .error-icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.shield-reports-eligibility{align-items:flex-start;background:linear-gradient(135deg,#1739970d,#1976d214);border:1px solid #17399726;border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;gap:16px;gap:var(--spacing-md,16px);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding:24px;padding:var(--spacing-lg,24px)}.eligibility-icon{align-items:center;background:linear-gradient(135deg,#173997,#1976d2);background:linear-gradient(135deg,var(--brand-blue,#173997) 0,var(--brand-blue-light,#1976d2) 100%);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;width:56px}.eligibility-content h4{color:#173997;color:var(--brand-blue,#173997);font-size:18px;font-weight:600;margin:0 0 4px;margin:0 0 var(--spacing-xs,4px) 0}.eligibility-content p{color:#6b7280;color:var(--text-secondary,#6b7280);margin:0}.eligibility-recommendation{color:#1976d2!important;color:var(--brand-blue-light,#1976d2)!important;font-style:italic;margin-top:8px!important;margin-top:var(--spacing-sm,8px)!important}.shield-reports-list{background:#fff;border:1px solid #1739971a;border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-direction:column;gap:0;overflow:hidden}.report-row{align-items:center;border-bottom:1px solid #17399714;cursor:pointer;display:flex;flex-direction:row;gap:16px;gap:var(--spacing-md,16px);padding:12px 16px;padding:var(--spacing-sm,12px) var(--spacing-md,16px);transition:background-color .2s ease}.report-row:last-child{border-bottom:none}.report-row:hover:not(.report-header-row){background-color:#17399708}.report-header-row{background:linear-gradient(135deg,#1739970d,#1976d20d);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:default;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.report-col,.report-header-row{font-size:14px;font-size:var(--font-size-sm,14px)}.report-col{align-items:center;display:flex}.col-type{flex-shrink:0;width:100px}.col-period{flex-shrink:0;width:250px}.col-score{flex-shrink:0;font-size:18px;font-weight:700;width:80px}.col-date{color:#6b7280;color:var(--text-secondary,#6b7280);flex-shrink:0;width:100px}.col-status{display:flex;flex-shrink:0;gap:4px;gap:var(--spacing-xs,4px);width:140px}.col-actions{display:flex;flex:1 1;gap:8px;gap:var(--spacing-sm,8px);justify-content:flex-end}.report-type-badge{background:linear-gradient(135deg,#173997,#1976d2);background:linear-gradient(135deg,var(--brand-blue,#173997) 0,var(--brand-blue-light,#1976d2) 100%);border-radius:12px;color:#fff;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.report-type-badge,.status-badge{font-size:11px;font-size:var(--font-size-xs,11px)}.status-badge{background:#1739970d;border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);padding:2px 6px}.status-badge.delivered{background:#0596691a;color:#059669}.action-btn{background:#fff;border:1px solid #17399733;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;font-size:12px;font-size:var(--font-size-xs,12px);font-weight:500;padding:6px 12px;transition:all .2s ease}.action-btn.view{background:linear-gradient(135deg,#173997,#1976d2);background:linear-gradient(135deg,var(--brand-blue,#173997) 0,var(--brand-blue-light,#1976d2) 100%);border-color:#0000;color:#fff}.action-btn.view:hover{box-shadow:0 2px 8px #1739974d}.action-btn.download:hover{background:#1739970d;border-color:#173997;border-color:var(--brand-blue,#173997);color:#173997;color:var(--brand-blue,#173997)}.shield-reports-empty{background:#fff;border:1px solid #1739971a;border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 4px 20px #17399714;padding:64px 32px;padding:var(--spacing-xl,64px) var(--spacing-lg,32px);text-align:center}.empty-icon{display:block;font-size:72px;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.shield-reports-empty h3{color:#173997;color:var(--brand-blue,#173997);font-size:24px;font-weight:700;margin:0 0 12px;margin:0 0 var(--spacing-sm,12px) 0}.shield-reports-empty p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:400px}.shield-reports-empty .generate-report-btn{align-items:center;display:inline-flex;font-size:16px;gap:8px;gap:var(--spacing-sm,8px);padding:14px 28px;padding:var(--spacing-md,14px) var(--spacing-xl,28px)}.shield-reports-pagination{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:center;margin-top:32px;margin-top:var(--spacing-xl,32px);padding-top:24px;padding-top:var(--spacing-lg,24px)}.pagination-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb;background:var(--surface-secondary,#f9fafb)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:var(--font-size-sm,14px)}.shield-report-detail{margin:0 auto;max-width:900px;padding:24px;padding:var(--spacing-lg,24px)}.back-btn{background:none;border:none;color:#4f46e5;color:var(--primary-color,#4f46e5);cursor:pointer;font-size:16px;font-size:var(--font-size-md,16px);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:0}.back-btn:hover{text-decoration:underline}.report-detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px);justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.report-detail-header h1{font-size:32px;font-weight:700;margin:0 0 4px;margin:0 0 var(--spacing-xs,4px) 0}.report-period{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:18px;font-size:var(--font-size-lg,18px);margin:0}.report-generated{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:14px;font-size:var(--font-size-sm,14px);margin:4px 0 0;margin:var(--spacing-xs,4px) 0 0 0}.header-actions{display:flex;gap:8px;gap:var(--spacing-sm,8px)}.header-actions .action-btn{flex:none}.action-btn.email{background:#fff;color:#1f2937;color:var(--text-primary,#1f2937)}.report-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--radius-lg,12px);margin-bottom:12px;margin-bottom:var(--spacing-sm,12px);padding:16px;padding:var(--spacing-md,16px)}.report-section h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600;margin:0 0 4px;margin:0 0 var(--spacing-xs,4px) 0}.section-summary{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;line-height:1.4;margin:0 0 8px;margin:0 0 var(--spacing-xs,8px) 0}.score-section{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd}.score-main{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);text-align:center}.score-circle.large{align-items:center;background:#fff;border:8px solid;border-radius:50%;display:inline-flex;flex-direction:column;height:180px;justify-content:center;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);width:180px}.score-circle.large .score-number{font-size:56px;font-weight:700;line-height:1}.score-circle.large .score-level{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);letter-spacing:.5px;margin-top:4px;margin-top:var(--spacing-xs,4px);text-transform:uppercase}.score-trend{align-items:center;display:inline-flex;font-size:16px;font-size:var(--font-size-md,16px);font-weight:500;gap:4px;gap:var(--spacing-xs,4px)}.trend-from{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:400}.score-components h3{font-size:16px;font-size:var(--font-size-md,16px);margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.component-bars{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.component-bar{background:#fff;border-radius:8px;border-radius:var(--radius-md,8px);padding:16px;padding:var(--spacing-md,16px)}.component-header{display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.component-name{font-weight:500}.component-score{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600}.progress-bar{background:#f3f4f6;background:var(--surface-secondary,#f3f4f6);border-radius:4px;height:8px;margin-bottom:4px;margin-bottom:var(--spacing-xs,4px);overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.component-weight{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:12px;font-size:var(--font-size-xs,12px)}.stats-grid{grid-gap:8px;grid-gap:var(--spacing-sm,8px);gap:8px;gap:var(--spacing-sm,8px);grid-template-columns:repeat(4,1fr)}.stat-card{background:#f9fafb;background:var(--surface-secondary,#f9fafb);border-radius:8px;border-radius:var(--radius-md,8px);min-height:auto;padding:12px 8px;padding:var(--spacing-sm,12px) var(--spacing-xs,8px)}.stat-card.success{background:#ecfdf5}.stat-card.warning{background:#fef2f2}.stat-value{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-size:24px;font-weight:700;line-height:1}.stat-card.success .stat-value{color:#059669}.stat-card.warning .stat-value{color:#dc2626}.stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:11px;font-size:var(--font-size-xs,11px);line-height:1.2;margin-top:4px}.training-list{margin-top:24px;margin-top:var(--spacing-lg,24px)}.training-list h4{font-size:16px;font-size:var(--font-size-md,16px);margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0}.training-item{background:#f9fafb;background:var(--surface-secondary,#f9fafb);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs,4px);padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px)}.training-score{color:#059669;font-weight:500}.vulnerability-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.vulnerability-card{border-left:4px solid;border-radius:8px;border-radius:var(--radius-md,8px);padding:16px;padding:var(--spacing-md,16px)}.vulnerability-card.high{background:#fef2f2;border-color:#ef4444}.vulnerability-card.medium{background:#fffbeb;border-color:#f59e0b}.vuln-header{display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.vuln-risk,.vuln-type{font-weight:600}.vuln-risk{font-size:12px;font-size:var(--font-size-xs,12px);text-transform:uppercase}.vuln-risk.risk-high{color:#dc2626}.vuln-risk.risk-medium{color:#d97706}.vuln-description{color:#6b7280;color:var(--text-secondary,#6b7280);margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0}.vuln-training{color:#4f46e5;color:var(--primary-color,#4f46e5);font-size:14px;font-size:var(--font-size-sm,14px)}.tips-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.tip-card{background:#f0fdf4;border-left:4px solid #10b981;border-radius:8px;border-radius:var(--radius-md,8px);padding:16px;padding:var(--spacing-md,16px)}.tip-card.priority-high{background:#fef2f2;border-color:#ef4444}.tip-card.priority-medium{background:#fffbeb;border-color:#f59e0b}.tip-card h4{font-size:16px;font-size:var(--font-size-md,16px);margin:0 0 4px;margin:0 0 var(--spacing-xs,4px) 0}.tip-card p{font-size:14px;font-size:var(--font-size-sm,14px);margin:0}.goals-summary,.tip-card p{color:#6b7280;color:var(--text-secondary,#6b7280)}.goals-summary{margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.goals-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.goal-card{background:#f9fafb;background:var(--surface-secondary,#f9fafb);border-radius:8px;border-radius:var(--radius-md,8px);padding:16px;padding:var(--spacing-md,16px)}.goal-card.completed{background:#ecfdf5}.goal-header{display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.goal-status,.goal-title{font-weight:600}.goal-status{font-size:12px;font-size:var(--font-size-xs,12px)}.goal-status.status-completed{color:#059669}.goal-status.status-in_progress{color:#4f46e5;color:var(--primary-color,#4f46e5)}.goal-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0}.goal-progress{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm,8px)}.goal-progress .progress-bar{flex:1 1;margin:0}.goal-progress .progress-fill{background:#4f46e5;background:var(--primary-color,#4f46e5)}.goal-card.completed .progress-fill{background:#10b981}.progress-text{font-size:12px;font-size:var(--font-size-xs,12px);min-width:60px;text-align:right}.progress-text,.report-footer{color:#6b7280;color:var(--text-secondary,#6b7280)}.report-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:32px;padding:var(--spacing-xl,32px);text-align:center}.report-footer p{margin:0 0 4px;margin:0 0 var(--spacing-xs,4px) 0}.footer-date{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:12px;font-size:var(--font-size-xs,12px)}@media (max-width:768px){.shield-reports-header{align-items:stretch;flex-direction:column}.report-detail-header{flex-direction:column}.header-actions{width:100%}.header-actions .action-btn{flex:1 1}.shield-reports-list{grid-template-columns:1fr}.report-card-body{flex-direction:column;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}}.common-container.aih-container{max-width:1400px}.aih-header-wrapper{display:flex;flex-direction:column;gap:.75rem;width:100%}.aih-header-back-row{align-items:center;display:flex}.aih-header-content{align-items:flex-start;display:flex;gap:1rem;width:100%}.aih-title-section{flex:1 1}.aih-title-section .main-title{margin-bottom:.5rem}.aih-back-button{align-items:center;background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;border-radius:var(--border-radius,8px);color:#1e293b;color:var(--text-color,#1e293b);cursor:pointer;display:flex;gap:.5rem;margin-top:.25rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.aih-back-button:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.aih-back-button .back-arrow{font-size:1.2rem}.aih-refresh-button{align-items:center;background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;margin-top:.25rem;transition:all .2s ease;width:40px}.aih-refresh-button:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff;transform:rotate(180deg)}.aih-header-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:.75rem}.aih-search-container{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;position:relative;transition:all .3s ease}.aih-search-container.expanded{background:#0000;border:none;padding:0}.aih-search-row{align-items:center;display:flex;gap:.5rem;width:100%}.aih-search-input{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1e293b;color:var(--text-color,#1e293b);flex:1 1;font-size:.9rem;min-width:150px;outline:none;padding:.5rem .75rem}.aih-search-input:focus{border-color:#173997;border-color:var(--primary-color,#173997)}.aih-search-input::placeholder{color:#94a3b8;color:var(--text-light,#94a3b8)}.aih-search-submit{background:#173997;background:var(--primary-color,#173997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.aih-search-submit:hover{background:#0f2b6e;background:var(--primary-dark,#0f2b6e)}.aih-search-close-btn{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--text-light,#94a3b8);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:color .2s ease;width:32px}.aih-search-close-btn:hover,.aih-search-icon-btn{color:#1e293b;color:var(--text-color,#1e293b)}.aih-search-icon-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.aih-search-icon-btn:hover{color:#3b82f6;color:var(--primary-color,#3b82f6)}.aih-search-icon-btn svg{height:24px;width:24px}.aih-search-criteria{align-items:center;background-color:#e8f0fe;border:none;border-radius:16px;display:flex;font-size:.85rem;gap:6px;margin-top:8px;padding:6px 10px;width:auto}.aih-search-criteria-label{color:#666;font-size:.85rem;font-weight:500}.aih-search-criteria-term{color:#173997;font-size:.85rem;font-weight:600}.aih-search-criteria-clear{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:auto;justify-content:center;margin-left:auto;padding:2px;transition:background-color .2s ease,color .2s ease;width:auto}.aih-search-criteria-clear:hover{background-color:#0000001a;color:#333}.aih-content-panel{min-height:400px;padding:1.5rem}.aih-content-panel,.aih-login-prompt{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow,0 1px 3px #0000001a)}.aih-login-prompt{padding:3rem;text-align:center}.aih-login-prompt h2{color:#1e293b;color:var(--text-color,#1e293b);margin-bottom:1rem}.aih-login-prompt p{color:#64748b;color:var(--text-secondary,#64748b)}.aih-list-view{display:flex;flex-direction:column;gap:1rem}.aih-dashboard{padding-bottom:2rem}.aih-dashboard-header{margin-bottom:1.5rem}.aih-dashboard-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.aih-dashboard-title{color:#1f2937;color:var(--text-color,#1f2937);font-size:1.75rem;font-weight:700;margin:0}.aih-dashboard-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);margin:0}.aih-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem}.aih-stat-card{align-items:center;background:#fff;background:var(--card-background,#fff);border-left:4px solid #e5e7eb;border-left:4px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow,0 1px 3px #0000001a);display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.aih-stat-clickable{cursor:pointer}.aih-stat-clickable:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.aih-stat-clickable:focus{outline:2px solid #2563eb;outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}.aih-stat-critical{border-left-color:#dc2626}.aih-stat-critical.aih-stat-clickable:hover{background:#fef2f2;border-left-color:#b91c1c}.aih-stat-warning{border-left-color:#f97316}.aih-stat-warning.aih-stat-clickable:hover{background:#fff7ed;border-left-color:#ea580c}.aih-stat-peak{border-left-color:#f59e0b}.aih-stat-peak.aih-stat-clickable:hover{background:#fffbeb;border-left-color:#d97706}.aih-stat-info{border-left-color:#3b82f6}.aih-stat-info.aih-stat-clickable:hover{background:#eff6ff;border-left-color:#2563eb}.aih-stat-icon{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;width:40px}.aih-stat-critical .aih-stat-icon{background:#fef2f2;color:#dc2626}.aih-stat-warning .aih-stat-icon{background:#fff7ed;color:#f97316}.aih-stat-peak .aih-stat-icon{background:#fffbeb;color:#f59e0b}.aih-stat-info .aih-stat-icon{background:#eff6ff;color:#3b82f6}.aih-stat-content{display:flex;flex-direction:column}.aih-stat-value{color:#1f2937;color:var(--text-color,#1f2937);font-size:1.5rem;font-weight:700;line-height:1}.aih-stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.aih-view-all-container{display:flex;justify-content:flex-end;margin-bottom:2rem}.aih-view-all-btn{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:linear-gradient(135deg,var(--primary-blue,#1e3a8a) 0,var(--secondary-blue,#3b82f6) 100%);border:none;border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 4px 15px #1739974d;box-shadow:var(--shadow-primary,0 4px 15px #1739974d);color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;transition:all .2s ease;white-space:nowrap}.aih-view-all-btn:hover{background:linear-gradient(135deg,#3b82f6,#1e3a8a);background:linear-gradient(135deg,var(--secondary-blue,#3b82f6) 0,var(--primary-blue,#1e3a8a) 100%);box-shadow:0 6px 20px #17399766;transform:translateY(-2px)}.aih-view-all-btn:active{transform:translateY(0)}.aih-section{margin-bottom:2rem}.aih-section-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#1f2937;color:var(--text-color,#1f2937);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.aih-section-icon{display:none}.aih-featured-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.aih-featured-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow,0 1px 3px #0000001a);cursor:pointer;padding:1.25rem;position:relative;transition:all .2s ease}.aih-featured-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.aih-featured-card:focus{outline:2px solid #2563eb;outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}.aih-threat-badge{color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.05em;position:absolute;right:.75rem;text-transform:uppercase;top:.75rem}.aih-peak-badge,.aih-threat-badge{border-radius:4px;padding:.25rem .5rem}.aih-peak-badge{align-items:center;background:#fffbeb;color:#d97706;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-bottom:.5rem}.aih-featured-title{color:#1f2937;color:var(--text-color,#1f2937);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;padding-right:4rem}.aih-featured-meta{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.75rem}.aih-category-tag{align-items:center;display:inline-flex;gap:.25rem}.aih-time{color:#9ca3af;color:var(--text-light,#9ca3af)}.aih-featured-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.5;margin:0 0 .75rem}.aih-featured-stats{color:#9ca3af;color:var(--text-light,#9ca3af);display:flex;font-size:.75rem;gap:1rem}.aih-reviewed-badge{bottom:.75rem;color:#10b981;font-size:.75rem;position:absolute;right:.75rem}.aih-categories-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.aih-category-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;position:relative;transition:all .2s ease}.aih-category-card:hover{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:linear-gradient(135deg,var(--primary-blue,#1e3a8a) 0,var(--secondary-blue,#3b82f6) 100%);border-color:#1e3a8a;border-color:var(--primary-blue,#1e3a8a);box-shadow:0 4px 15px #1739974d;box-shadow:var(--shadow-primary,0 4px 15px #1739974d);transform:translateY(-2px)}.aih-category-card:hover .aih-category-count,.aih-category-card:hover .aih-category-icon,.aih-category-card:hover .aih-category-name{color:#fff}.aih-category-card:hover .aih-category-count{background:#fff3}.aih-category-card.disabled{background:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed;opacity:.6}.aih-category-card.disabled .aih-category-count,.aih-category-card.disabled .aih-category-icon,.aih-category-card.disabled .aih-category-name{color:#9ca3af}.aih-category-card.disabled:hover{background:#f3f4f6;border-color:#e5e7eb;box-shadow:none;transform:none}.aih-category-card.disabled:hover .aih-category-count,.aih-category-card.disabled:hover .aih-category-icon,.aih-category-card.disabled:hover .aih-category-name{color:#9ca3af}.aih-category-card.disabled:hover .aih-category-count{background:#e5e7eb}.aih-category-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}.aih-category-icon{align-items:center;background:#f3f4f6;border-radius:6px;color:#4b5563;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.aih-category-card:hover .aih-category-icon{background:#fff3;color:#fff}.aih-category-name{flex:1 1;font-size:.875rem;font-weight:500}.aih-category-count{background:#0000001a;border-radius:10px;font-size:.75rem;padding:.125rem .5rem;position:absolute;right:.25rem;top:.25rem;transition:all .2s ease}.aih-recent-list{display:flex;flex-direction:column;gap:.5rem}.aih-recent-row{align-items:center;background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.aih-recent-row:hover{background:#fff;background:var(--card-background,#fff);border-color:#2563eb;border-color:var(--primary-color,#2563eb)}.aih-threat-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.aih-recent-content{flex:1 1;min-width:0}.aih-recent-title{color:#1f2937;color:var(--text-color,#1f2937);display:block;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aih-recent-meta{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:.85rem}.aih-recent-status{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.aih-peak-indicator{background:#fffbeb;color:#d97706}.aih-peak-indicator,.aih-reviewed-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.aih-reviewed-indicator{background:#ecfdf5;color:#10b981}.aih-new-badge{background:#2563eb;background:var(--primary-color,#2563eb);border-radius:4px;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.aih-activity-section{background:#f8fafc;background:var(--surface-color,#f8fafc);border-radius:8px;border-radius:var(--border-radius,8px);padding:1.5rem}.aih-activity-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.aih-activity-stat{text-align:center}.aih-activity-value{color:#2563eb;color:var(--primary-color,#2563eb);display:block;font-size:1.75rem;font-weight:700}.aih-activity-label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:.75rem;text-transform:uppercase}.aih-empty-state{background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px dashed #e5e7eb;border:1px dashed var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius,12px);padding:3rem;text-align:center}.aih-empty-icon{color:#9ca3af;color:var(--text-light,#9ca3af);display:block;font-size:2.5rem;font-weight:300;margin-bottom:1rem}.aih-empty-state h3{color:#1f2937;color:var(--text-color,#1f2937);margin-bottom:.5rem}.aih-empty-state p,.aih-show-more-btn{color:#6b7280;color:var(--text-secondary,#6b7280)}.aih-show-more-btn{background:#0000;border:1px dashed #e5e7eb;border:1px dashed var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);cursor:pointer;display:block;margin-top:1rem;padding:.75rem;transition:all .2s ease;width:100%}.aih-show-more-btn:hover{border-color:#2563eb;border-color:var(--primary-color,#2563eb);color:#2563eb;color:var(--primary-color,#2563eb)}.aih-detail-error,.aih-detail-loading,.aih-error,.aih-list-empty,.aih-list-loading,.aih-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.aih-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border:3px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--primary-color,#2563eb);height:40px;margin-bottom:1rem;width:40px}.aih-spinner,.aih-spinner-small{animation:aih-spin .8s linear infinite}.aih-spinner-small{border:2px solid #e5e7eb;border-top-color:#2563eb;border:2px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--primary-color,#2563eb);height:20px;width:20px}.aih-spinner-tiny{animation:aih-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:.5rem;width:14px}@keyframes aih-spin{to{transform:rotate(1turn)}}.aih-retry-btn{background:#2563eb;background:var(--primary-color,#2563eb);border:none;border-radius:8px;border-radius:var(--border-radius,8px);color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1.5rem}.aih-retry-btn:hover{background:#1d4ed8;background:var(--primary-hover,#1d4ed8)}.aih-error-icon{font-size:2rem;margin-bottom:.5rem}.aih-alert-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.aih-alert-card:hover{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 2px 8px #0000001a}.aih-alert-card:focus{outline:2px solid #2563eb;outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}.aih-card-left{align-items:center;display:flex;flex-direction:column;gap:.5rem}.aih-card-threat-bar{border-radius:2px;height:100%;min-height:60px;width:4px}.aih-card-category-icon{align-items:center;background:#f3f4f6;border-radius:6px;color:#4b5563;display:flex;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.aih-card-content{flex:1 1;min-width:0}.aih-card-title-row{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.aih-card-title{color:#1f2937;color:var(--text-color,#1f2937);font-size:1rem;font-weight:600;line-height:1.3;margin:0}.aih-card-badges{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.aih-card-threat-badge{border-radius:3px;font-size:.625rem;font-weight:700;padding:.125rem .375rem;text-transform:uppercase}.aih-card-peak-badge,.aih-card-reviewed-badge,.aih-card-training-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.aih-card-peak-badge{background:#fffbeb;color:#d97706}.aih-card-training-badge{background:#eff6ff;color:#2563eb}.aih-card-reviewed-badge{background:#ecfdf5;color:#10b981}.aih-card-meta{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.25rem;margin-bottom:.5rem}.aih-card-separator{color:#9ca3af;color:var(--text-light,#9ca3af)}.aih-card-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.4;margin:0 0 .5rem}.aih-card-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.aih-card-tag{background:#f8fafc;background:var(--surface-color,#f8fafc);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.625rem;padding:.125rem .5rem}.aih-more-tags{background:#2563eb;background:var(--primary-color,#2563eb);color:#fff}.aih-card-stats{color:#9ca3af;color:var(--text-light,#9ca3af);display:flex;font-size:.75rem;gap:1rem}.aih-card-actions{display:flex;flex-direction:column;gap:.5rem}.aih-card-action{align-items:center;background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:50%;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.aih-card-action:hover{background:#2563eb;background:var(--primary-color,#2563eb);border-color:#2563eb;border-color:var(--primary-color,#2563eb);color:#fff}.aih-action-review:hover{background:#10b981;border-color:#10b981}.aih-action-dismiss:hover{background:#6b7280;border-color:#6b7280}.aih-list{display:flex;flex-direction:column;gap:1rem}.aih-list-header{padding:.5rem 0}.aih-list-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}.aih-list-items{display:flex;flex-direction:column;gap:.75rem}.aih-list-loading-more{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;gap:.5rem;justify-content:center;padding:1rem}.aih-list-footer{padding:1rem 0;text-align:center}.aih-load-more-btn{background:#2563eb;background:var(--primary-color,#2563eb);border:none;border-radius:8px;border-radius:var(--border-radius,8px);color:#fff;cursor:pointer;padding:.75rem 2rem;transition:background .2s ease}.aih-load-more-btn:hover{background:#1d4ed8;background:var(--primary-hover,#1d4ed8)}.aih-load-more-count{font-size:.75rem;margin-left:.5rem;opacity:.8}.aih-list-end{color:#9ca3af;color:var(--text-light,#9ca3af);font-size:.875rem;padding:1rem;text-align:center}.aih-search{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-md,0 2px 8px #0000001a);margin-bottom:1.5rem;padding:1.5rem}.aih-search-form{align-items:stretch;display:flex;gap:.875rem;margin-bottom:0}.aih-search-input-wrapper{flex:1 1;position:relative}.aih-search-input-wrapper .aih-search-icon{font-size:1.125rem;left:1.125rem;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.aih-search-input-wrapper:focus-within .aih-search-icon{opacity:1}.aih-search-input-wrapper .aih-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:inset 0 1px 2px #0000000d;color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;padding:.875rem 2.75rem .875rem 3rem;transition:all .2s ease;width:100%}.aih-search-input-wrapper .aih-search-input::placeholder{color:#9ca3af;color:var(--text-muted,#9ca3af)}.aih-search-input-wrapper .aih-search-input:hover{border-color:#d1d5db}.aih-search-input-wrapper .aih-search-input:focus{border-color:#1e3a8a;border-color:var(--primary-blue,#1e3a8a);box-shadow:0 0 0 3px #1e3a8a26,inset 0 1px 2px #0000000d;outline:none}.aih-search-clear{align-items:center;background:#9ca3af;background:var(--text-muted,#9ca3af);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:22px;justify-content:center;position:absolute;right:.875rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:22px}.aih-search-clear:hover{background:#ef4444;background:var(--error-red,#ef4444);transform:translateY(-50%) scale(1.1)}.aih-search-btn{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:linear-gradient(135deg,var(--primary-blue,#1e3a8a) 0,var(--secondary-blue,#3b82f6) 100%);border:none;border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 4px 15px #1739974d;box-shadow:var(--shadow-primary,0 4px 15px #1739974d);color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;transition:all .2s ease;white-space:nowrap}.aih-search-btn:hover{background:linear-gradient(135deg,#3b82f6,#1e3a8a);background:linear-gradient(135deg,var(--secondary-blue,#3b82f6) 0,var(--primary-blue,#1e3a8a) 100%);box-shadow:0 6px 20px #17399766;transform:translateY(-2px)}.aih-search-btn:active{transform:translateY(0)}.aih-filters-toggle{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md,8px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.875rem 1.125rem;transition:all .2s ease}.aih-filters-toggle:hover{background:#f8fafc}.aih-filters-toggle.active,.aih-filters-toggle:hover{border-color:#1e3a8a;border-color:var(--primary-blue,#1e3a8a);color:#1e3a8a;color:var(--primary-blue,#1e3a8a)}.aih-filters-toggle.active{background:#1e3a8a0d}.aih-filters-toggle.has-filters{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--accent-green,#10b981) 0,var(--accent-green-light,#34d399) 100%);border-color:#0000;box-shadow:0 4px 15px #22c55e4d;box-shadow:var(--shadow-success,0 4px 15px #22c55e4d);color:#fff}.aih-filters-toggle.has-filters:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.aih-filter-count{background:#fff;border-radius:12px;color:#10b981;color:var(--accent-green,#10b981);font-size:.75rem;font-weight:700;min-width:22px;padding:.125rem .625rem;text-align:center}.aih-filters-panel{animation:slideDown .2s ease-out;background:#fff;border:2px solid #e5e7eb;border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);margin-top:1rem;padding:1.75rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.aih-filter-group{border-bottom:1px solid #f3f4f6;margin-bottom:1.5rem;padding-bottom:1.25rem}.aih-filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.aih-filter-label{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:.875rem}.aih-filter-label:before{background:linear-gradient(180deg,#1e3a8a,#8b5cf6);background:linear-gradient(180deg,var(--primary-blue,#1e3a8a) 0,var(--accent-purple,#8b5cf6) 100%);border-radius:2px;content:"";height:16px;width:4px}.aih-category-chips{display:flex;flex-wrap:wrap;gap:.625rem}.aih-category-chip{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:25px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.aih-category-chip:hover{background:#1e3a8a0d;border-color:#1e3a8a;border-color:var(--primary-blue,#1e3a8a);color:#1e3a8a;color:var(--primary-blue,#1e3a8a);transform:translateY(-1px)}.aih-category-chip.selected{background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:linear-gradient(135deg,var(--primary-blue,#1e3a8a) 0,var(--secondary-blue,#3b82f6) 100%);border-color:#0000;box-shadow:0 4px 15px #1739974d;box-shadow:var(--shadow-primary,0 4px 15px #1739974d);color:#fff}.aih-category-chip.selected:hover{box-shadow:0 6px 20px #17399766;transform:translateY(-2px)}.aih-chip-icon{font-size:1rem;opacity:.85}.aih-threat-filter{align-items:center;display:flex;gap:.75rem}.aih-threat-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md,8px);color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:.875rem;font-weight:500;min-width:120px;padding:.625rem 1.125rem;transition:all .2s ease}.aih-threat-select:hover{border-color:#d1d5db}.aih-threat-select:focus{border-color:#1e3a8a;border-color:var(--primary-blue,#1e3a8a);box-shadow:0 0 0 3px #1e3a8a26;outline:none}.aih-threat-separator{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.875rem;font-weight:500}.aih-quick-filters{display:flex;flex-wrap:wrap;gap:1.25rem}.aih-checkbox-label{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;gap:.625rem;padding:.625rem 1rem;transition:all .2s ease}.aih-checkbox-label:hover{background:#1e3a8a05;border-color:#1e3a8a;border-color:var(--primary-blue,#1e3a8a)}.aih-checkbox-label input[type=checkbox]{accent-color:#1e3a8a;accent-color:var(--primary-blue,#1e3a8a);cursor:pointer;height:18px;width:18px}.aih-checkbox-label:has(input:checked){background:#1e3a8a0d;border-color:#1e3a8a;border-color:var(--primary-blue,#1e3a8a)}.aih-checkbox-text{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:500}.aih-checkbox-label:has(input:checked) .aih-checkbox-text{color:#1e3a8a;color:var(--primary-blue,#1e3a8a)}.aih-sort-options{display:flex;gap:.625rem}.aih-sort-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md,8px);color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;max-width:200px;padding:.625rem 1.125rem;transition:all .2s ease}.aih-sort-select:hover{border-color:#d1d5db}.aih-sort-select:focus{border-color:#1e3a8a;border-color:var(--primary-blue,#1e3a8a);box-shadow:0 0 0 3px #1e3a8a26;outline:none}.aih-sort-direction{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md,8px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;height:44px;justify-content:center;transition:all .2s ease;width:44px}.aih-sort-direction.asc,.aih-sort-direction.desc,.aih-sort-direction:hover{background:#1e3a8a0d;border-color:#1e3a8a;border-color:var(--primary-blue,#1e3a8a);color:#1e3a8a;color:var(--primary-blue,#1e3a8a)}.aih-filter-actions{border-top:2px solid #f3f4f6;display:flex;gap:.875rem;justify-content:flex-end;margin-top:1.75rem;padding-top:1.25rem}.aih-clear-filters-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md,8px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.aih-clear-filters-btn:hover:not(:disabled){background:#ef44440d;border-color:#ef4444;border-color:var(--error-red,#ef4444);color:#ef4444;color:var(--error-red,#ef4444)}.aih-clear-filters-btn:disabled{cursor:not-allowed;opacity:.5}.aih-apply-filters-btn{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--accent-green,#10b981) 0,var(--accent-green-light,#34d399) 100%);border:none;border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 4px 15px #22c55e4d;box-shadow:var(--shadow-success,0 4px 15px #22c55e4d);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.5rem;transition:all .2s ease}.aih-apply-filters-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);background:linear-gradient(135deg,var(--accent-green-light,#34d399) 0,var(--accent-green,#10b981) 100%);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.aih-active-filters{align-items:center;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1rem;padding-top:1rem}.aih-active-filter-chip{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);background:linear-gradient(135deg,var(--primary-blue,#1e3a8a) 0,var(--secondary-blue,#3b82f6) 100%);border-radius:25px;box-shadow:0 4px 15px #1739974d;box-shadow:var(--shadow-primary,0 4px 15px #1739974d);color:#fff;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .625rem .375rem .875rem}.aih-chip-remove{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:18px;justify-content:center;transition:all .2s ease;width:18px}.aih-chip-remove:hover{background:#fff6;transform:scale(1.1)}.aih-clear-all-btn{background:#0000;border:2px dashed #e5e7eb;border-radius:25px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.8125rem;font-weight:500;padding:.375rem .875rem;transition:all .2s ease}.aih-clear-all-btn:hover{background:#ef44440d;border-color:#ef4444;border-color:var(--error-red,#ef4444);color:#ef4444;color:var(--error-red,#ef4444)}.aih-detail{margin:0 auto;max-width:800px}.aih-detail-header{margin-bottom:2rem}.aih-detail-threat-banner{align-items:center;border-radius:8px 8px 0 0;border-radius:var(--border-radius,8px) var(--border-radius,8px) 0 0;color:#fff;display:flex;justify-content:space-between;margin:-1rem -1rem 1rem;padding:.75rem 1rem}.aih-threat-level-label{font-weight:700;letter-spacing:.05em;text-transform:uppercase}.aih-threat-level-value{font-size:.875rem;opacity:.9}.aih-detail-title{color:#1f2937;color:var(--text-color,#1f2937);font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 .75rem}.aih-detail-meta{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;margin-bottom:.75rem}.aih-detail-category{align-items:center;display:inline-flex;gap:.25rem}.aih-detail-separator{color:#9ca3af;color:var(--text-light,#9ca3af)}.aih-detail-peak{color:#f59e0b;font-weight:500}.aih-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.aih-detail-tag{background:#f8fafc;background:var(--surface-color,#f8fafc);border-radius:20px;font-size:.75rem;padding:.25rem .75rem}.aih-detail-regions,.aih-detail-tag{color:#6b7280;color:var(--text-secondary,#6b7280)}.aih-detail-regions{font-size:.875rem}.aih-regions-label{font-weight:500;margin-right:.25rem}.aih-detail-reviewed-banner{align-items:center;background:#ecfdf5;border-radius:8px;border-radius:var(--border-radius,8px);color:#059669;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.5rem 1rem}.aih-reviewed-icon{font-weight:700}.aih-detail-body,.aih-detail-section{margin-bottom:2rem}.aih-detail-section-title{align-items:center;color:#1f2937;color:var(--text-color,#1f2937);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.aih-detail-section-content{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.95rem;line-height:1.6}.aih-detail-section-content p{margin:0 0 1rem}.aih-detail-section-content p:last-child{margin-bottom:0}.aih-tactics-list{list-style:none;margin:0;padding:0}.aih-tactics-list li{align-items:flex-start;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;border-radius:0 var(--border-radius,8px) var(--border-radius,8px) 0;color:#92400e;display:flex;font-size:.95rem;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem}.aih-tactics-list li:before{content:"•";flex-shrink:0;font-weight:700}.aih-red-flags-list{list-style:none;margin:0;padding:0}.aih-red-flag-item{align-items:flex-start;background:#fef2f2;border-left:3px solid #dc2626;border-radius:0 8px 8px 0;border-radius:0 var(--border-radius,8px) var(--border-radius,8px) 0;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem}.aih-red-flag-icon{flex-shrink:0}.aih-red-flag-text{color:#991b1b;font-size:.95rem}.aih-prevention-list{counter-reset:prevention;list-style:none;margin:0;padding:0}.aih-prevention-item{align-items:flex-start;background:#f0fdf4;border-radius:8px;border-radius:var(--border-radius,8px);display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem}.aih-prevention-number{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:28px;justify-content:center;width:28px}.aih-prevention-text{color:#065f46;font-size:.95rem;line-height:1.5}.aih-examples-list{display:flex;flex-direction:column;gap:.75rem}.aih-example-card{background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);padding:1rem}.aih-example-label{color:#9ca3af;color:var(--text-light,#9ca3af);display:block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.aih-example-text{color:#1f2937;color:var(--text-color,#1f2937);font-size:.95rem;font-style:italic;margin:0}.aih-training-card{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;border-radius:var(--border-radius,8px);display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.aih-training-description{color:#1e40af;margin:0}.aih-start-training-btn{background:#2563eb;border:none;border-radius:8px;border-radius:var(--border-radius,8px);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .2s ease;white-space:nowrap}.aih-start-training-btn:hover{background:#1d4ed8}.aih-resources-list{list-style:none;margin:0;padding:0}.aih-resource-item{margin-bottom:.5rem}.aih-resource-link{align-items:center;background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);color:#2563eb;color:var(--primary-color,#2563eb);display:flex;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.aih-resource-link:hover{background:#fff;background:var(--card-background,#fff);border-color:#2563eb;border-color:var(--primary-color,#2563eb)}.aih-resource-icon{flex-shrink:0}.aih-resource-title{flex:1 1;font-weight:500}.aih-resource-source{color:#9ca3af;color:var(--text-light,#9ca3af);font-size:.75rem}.aih-detail-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.aih-detail-stat{align-items:center;background:#f8fafc;background:var(--surface-color,#f8fafc);border-radius:8px;border-radius:var(--border-radius,8px);display:flex;flex-direction:column;padding:1rem;text-align:center}.aih-detail-stat .aih-stat-icon{font-size:1.5rem;margin-bottom:.25rem}.aih-detail-stat .aih-stat-value{color:#1f2937;color:var(--text-color,#1f2937);font-size:1.25rem;font-weight:700}.aih-detail-stat .aih-stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.aih-detail-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding-top:1.5rem}.aih-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.aih-action-btn{align-items:center;border-radius:8px;border-radius:var(--border-radius,8px);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.aih-review-btn{background:#10b981;border:none;color:#fff}.aih-review-btn:hover{background:#059669}.aih-share-btn{background:#2563eb;background:var(--primary-color,#2563eb);border:none;color:#fff}.aih-share-btn:hover{background:#1d4ed8;background:var(--primary-hover,#1d4ed8)}.aih-training-btn{background:#2563eb;border:none;color:#fff}.aih-training-btn:hover{background:#1d4ed8}.aih-btn-icon{font-size:1rem}.aih-detail-updated{color:#9ca3af;color:var(--text-light,#9ca3af);font-size:.75rem}.aih-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.aih-modal{background:#fff;background:var(--card-background,#fff);border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.aih-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:1rem 1.5rem}.aih-modal-title{align-items:center;color:#1f2937;color:var(--text-color,#1f2937);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.aih-modal-icon{font-size:1.25rem}.aih-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;color:var(--text-light,#9ca3af);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.aih-modal-close:hover:not(:disabled){background:#f8fafc;background:var(--surface-color,#f8fafc);color:#1f2937;color:var(--text-color,#1f2937)}.aih-modal-close:disabled{cursor:not-allowed;opacity:.5}.aih-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.aih-modal-success{padding:2rem;text-align:center}.aih-success-icon{background:#10b981;border-radius:50%;color:#fff;display:inline-flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.aih-modal-error,.aih-success-icon{align-items:center;margin-bottom:1rem}.aih-modal-error{background:#fef2f2;border-radius:8px;border-radius:var(--border-radius,8px);color:#b91c1c;display:flex;gap:.5rem;padding:.75rem 1rem}.aih-modal-loading{align-items:center;display:flex;gap:.75rem;justify-content:center}.aih-modal-empty,.aih-modal-loading{color:#6b7280;color:var(--text-secondary,#6b7280);padding:2rem}.aih-modal-empty{text-align:center}.aih-modal-empty-hint{color:#9ca3af;color:var(--text-light,#9ca3af);font-size:.875rem;margin-top:.5rem}.aih-share-alert-preview{background:#f8fafc;background:var(--surface-color,#f8fafc);border-radius:8px;border-radius:var(--border-radius,8px);margin-bottom:1rem;padding:.75rem 1rem}.aih-share-confirmation{margin-bottom:1.5rem}.aih-share-info{font-size:.9rem;line-height:1.5}.aih-share-info,.aih-success-detail{color:#6b7280;color:var(--text-light,#6b7280)}.aih-success-detail{font-size:.85rem;margin-top:.5rem}.aih-preview-label{color:#9ca3af;color:var(--text-light,#9ca3af);display:block;font-size:.75rem;margin-bottom:.25rem}.aih-preview-title{color:#1f2937;color:var(--text-color,#1f2937);font-weight:600}.aih-form-group{margin-bottom:1.25rem}.aih-form-label{color:#1f2937;color:var(--text-color,#1f2937);display:block;font-weight:600;margin-bottom:.5rem}.aih-required{color:#dc2626;margin-left:.25rem}.aih-optional{color:#9ca3af;color:var(--text-light,#9ca3af);font-size:.875rem;font-weight:400;margin-left:.5rem}.aih-group-options{display:flex;flex-direction:column;gap:.5rem}.aih-group-option{align-items:center;background:#f8fafc;background:var(--surface-color,#f8fafc);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.aih-group-option.selected,.aih-group-option:hover{border-color:#2563eb;border-color:var(--primary-color,#2563eb)}.aih-group-option.selected{background:#eff6ff}.aih-group-icon{font-size:1.5rem}.aih-group-name{color:#1f2937;color:var(--text-color,#1f2937);flex:1 1;font-weight:500}.aih-group-count{color:#9ca3af;color:var(--text-light,#9ca3af);font-size:.75rem}.aih-recipient-options{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.aih-recipient-option{align-items:center;background:#f8fafc;background:var(--surface-color,#f8fafc);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.aih-recipient-option.selected,.aih-recipient-option:hover{border-color:#2563eb;border-color:var(--primary-color,#2563eb)}.aih-recipient-option.selected{background:#eff6ff}.aih-recipient-icon{font-size:1.5rem}.aih-recipient-avatar{align-items:center;background:#2563eb;background:var(--primary-color,#2563eb);border-radius:50%;color:#fff;display:flex;font-weight:600;height:36px;justify-content:center;width:36px}.aih-recipient-name{color:#1f2937;color:var(--text-color,#1f2937);flex:1 1;font-weight:500}.aih-recipient-hint{color:#9ca3af;color:var(--text-light,#9ca3af);font-size:.75rem}.aih-recipient-role{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;padding:.125rem .5rem}.aih-message-input{background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);box-sizing:border-box;color:#1f2937;color:var(--text-color,#1f2937);font-family:inherit;font-size:.875rem;padding:.75rem 1rem;resize:vertical;width:100%}.aih-message-input:focus{border-color:#2563eb;border-color:var(--primary-color,#2563eb);outline:none}.aih-char-count{color:#9ca3af;color:var(--text-light,#9ca3af);font-size:.75rem;margin-top:.25rem;text-align:right}.aih-modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.aih-modal-cancel-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;padding:.75rem 1.5rem;transition:all .2s ease}.aih-modal-cancel-btn:hover:not(:disabled){border-color:#6b7280;border-color:var(--text-secondary,#6b7280);color:#1f2937;color:var(--text-color,#1f2937)}.aih-modal-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.aih-modal-share-btn{align-items:center;background:#2563eb;background:var(--primary-color,#2563eb);border:none;border-radius:8px;border-radius:var(--border-radius,8px);color:#fff;cursor:pointer;display:inline-flex;font-weight:500;padding:.75rem 1.5rem;transition:background .2s ease}.aih-modal-share-btn:hover:not(:disabled){background:#1d4ed8;background:var(--primary-hover,#1d4ed8)}.aih-modal-share-btn:disabled{cursor:not-allowed;opacity:.6}.aih-modal-close-btn{background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);color:#1f2937;color:var(--text-color,#1f2937);cursor:pointer;padding:.75rem;transition:all .2s ease;width:100%}.aih-modal-close-btn:hover{background:#fff;background:var(--card-background,#fff)}@media (max-width:768px){.aih-stats-row{grid-template-columns:repeat(2,1fr)}.aih-search-bar{flex-wrap:wrap;padding:1rem}.aih-search-bar .aih-search-input{width:100%}.aih-view-all-btn{flex:1 1}.aih-search{padding:1rem}.aih-search-form{flex-wrap:wrap}.aih-search-input-wrapper{width:100%}.aih-filters-toggle,.aih-search-btn{flex:1 1}.aih-filters-panel{padding:1.25rem}.aih-quick-filters{flex-direction:column;gap:.75rem}.aih-checkbox-label{justify-content:flex-start;width:100%}.aih-sort-options{flex-wrap:wrap}.aih-sort-select{flex:1 1;max-width:none}.aih-filter-actions{flex-direction:column-reverse;gap:.75rem}.aih-apply-filters-btn,.aih-clear-filters-btn{justify-content:center;width:100%}.aih-featured-grid{grid-template-columns:1fr}.aih-categories-grid{grid-template-columns:repeat(2,1fr)}.aih-alert-card{flex-direction:column}.aih-card-left{flex-direction:row;justify-content:space-between}.aih-card-threat-bar{height:4px;min-height:auto;width:100%}.aih-card-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);flex-direction:row;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem}.aih-detail-actions{flex-direction:column}.aih-action-btn{justify-content:center}.aih-training-card{flex-direction:column;text-align:center}.aih-detail-stats-grid{grid-template-columns:repeat(2,1fr)}.aih-modal{border-radius:0;max-height:100vh}.aih-modal-backdrop{align-items:flex-end;padding:0}}@media (max-width:480px){.aih-categories-grid,.aih-stats-row{grid-template-columns:1fr}.aih-back-button .back-text{display:none}.aih-search-container.expanded{background:#fff;background:var(--card-background,#fff);border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:280px;padding:.5rem;position:absolute;right:0;top:0;z-index:10}.aih-header-actions{position:relative}}[data-theme=dark] .aih-header{border-bottom-color:#334155}[data-theme=dark] .aih-back-button{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .aih-back-button:hover{background:#5b9bd5;border-color:#5b9bd5;color:#fff}[data-theme=dark] .aih-view-title{color:#e2e8f0}[data-theme=dark] .aih-refresh-button{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .aih-refresh-button:hover{background:#5b9bd5;color:#fff}[data-theme=dark] .aih-search-container.expanded{background:#1e293b;border-color:#334155}[data-theme=dark] .aih-search-input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .aih-search-input:focus{border-color:#5b9bd5}[data-theme=dark] .aih-search-input::placeholder{color:#64748b}[data-theme=dark] .aih-search-submit{background:#5b9bd5;color:#fff}[data-theme=dark] .aih-search-submit:hover{background:#4a8bc4}[data-theme=dark] .aih-search-icon-btn{color:#94a3b8}[data-theme=dark] .aih-search-icon-btn:hover{color:#5b9bd5}[data-theme=dark] .aih-search-close-btn{color:#64748b}[data-theme=dark] .aih-search-close-btn:hover{color:#e2e8f0}[data-theme=dark] .aih-search-criteria{background-color:#1e3a5f}[data-theme=dark] .aih-search-criteria-label{color:#94a3b8}[data-theme=dark] .aih-search-criteria-term{color:#5b9bd5}[data-theme=dark] .aih-search-criteria-clear{color:#94a3b8}[data-theme=dark] .aih-search-criteria-clear:hover{background-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .aih-dashboard-title{color:#e2e8f0}[data-theme=dark] .aih-dashboard-subtitle{color:#94a3b8}[data-theme=dark] .aih-featured-card{background:#1e293b;border-color:#334155}[data-theme=dark] .aih-featured-title{color:#e2e8f0}[data-theme=dark] .aih-featured-description,[data-theme=dark] .aih-featured-meta{color:#94a3b8}[data-theme=dark] .aih-featured-stats{color:#64748b}[data-theme=dark] .aih-category-tag{color:#94a3b8}[data-theme=dark] .aih-time{color:#64748b}[data-theme=dark] .aih-category-card{background:#1e293b;border-color:#334155}[data-theme=dark] .aih-category-icon{color:#94a3b8}[data-theme=dark] .aih-category-name{color:#e2e8f0}[data-theme=dark] .aih-category-count{background:#ffffff1a;color:#94a3b8}[data-theme=dark] .aih-section-title{border-bottom-color:#334155;color:#e2e8f0}[data-theme=dark] .aih-stat-card{background:#1e293b;border-color:#334155}[data-theme=dark] .aih-stat-value{color:#e2e8f0}[data-theme=dark] .aih-stat-label{color:#94a3b8}[data-theme=dark] .aih-stat-critical.aih-stat-clickable:hover{background:#450a0a}[data-theme=dark] .aih-stat-peak.aih-stat-clickable:hover,[data-theme=dark] .aih-stat-warning.aih-stat-clickable:hover{background:#422006}[data-theme=dark] .aih-stat-info.aih-stat-clickable:hover{background:#1e3a5f}[data-theme=dark] .aih-search-bar{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}[data-theme=dark] .aih-search-bar .aih-search-input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .aih-search-bar .aih-search-input:hover{border-color:#475569}[data-theme=dark] .aih-search-bar .aih-search-input:focus{border-color:#5b9bd5;box-shadow:0 0 0 3px #5b9bd533,inset 0 1px 2px #0003}[data-theme=dark] .aih-search-bar .aih-search-input::placeholder{color:#64748b}[data-theme=dark] .aih-search{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}[data-theme=dark] .aih-search-input-wrapper .aih-search-input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .aih-search-input-wrapper .aih-search-input:hover{border-color:#475569}[data-theme=dark] .aih-search-input-wrapper .aih-search-input:focus{border-color:#5b9bd5;box-shadow:0 0 0 3px #5b9bd533,inset 0 1px 2px #0003}[data-theme=dark] .aih-search-clear{background:#475569}[data-theme=dark] .aih-search-clear:hover{background:#ef4444}[data-theme=dark] .aih-filters-toggle{background:#0f172a;border-color:#334155;color:#94a3b8}[data-theme=dark] .aih-filters-toggle.active,[data-theme=dark] .aih-filters-toggle:hover{background:#5b9bd51a;border-color:#5b9bd5;color:#5b9bd5}[data-theme=dark] .aih-filters-panel{background:#0f172a}[data-theme=dark] .aih-filter-group{border-bottom-color:#1e293b}[data-theme=dark] .aih-category-chip{color:#94a3b8}[data-theme=dark] .aih-category-chip:hover{background:#5b9bd51a;color:#5b9bd5}[data-theme=dark] .aih-sort-select:hover,[data-theme=dark] .aih-threat-select:hover{border-color:#475569}[data-theme=dark] .aih-sort-select:focus,[data-theme=dark] .aih-threat-select:focus{border-color:#5b9bd5;box-shadow:0 0 0 3px #5b9bd533}[data-theme=dark] .aih-checkbox-label{background:#0f172a;border-color:#334155}[data-theme=dark] .aih-checkbox-label:hover{background:#5b9bd50d;border-color:#5b9bd5}[data-theme=dark] .aih-checkbox-label:has(input:checked){background:#5b9bd51a;border-color:#5b9bd5}[data-theme=dark] .aih-checkbox-text{color:#94a3b8}[data-theme=dark] .aih-checkbox-label:has(input:checked) .aih-checkbox-text{color:#5b9bd5}[data-theme=dark] .aih-sort-direction.asc,[data-theme=dark] .aih-sort-direction.desc,[data-theme=dark] .aih-sort-direction:hover{background:#5b9bd51a;border-color:#5b9bd5;color:#5b9bd5}[data-theme=dark] .aih-filter-actions{border-top-color:#1e293b}[data-theme=dark] .aih-clear-filters-btn{background:#0f172a;border-color:#334155;color:#94a3b8}[data-theme=dark] .aih-clear-filters-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444}[data-theme=dark] .aih-active-filters{border-top-color:#1e293b}[data-theme=dark] .aih-clear-all-btn{border-color:#334155;color:#94a3b8}[data-theme=dark] .aih-clear-all-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}[data-theme=dark] .aih-activity-section{background:#1e293b}[data-theme=dark] .aih-activity-value{color:#5b9bd5}[data-theme=dark] .aih-activity-label{color:#94a3b8}[data-theme=dark] .aih-recent-row{background:#1e293b;border-color:#334155}[data-theme=dark] .aih-recent-row:hover{background:#334155}[data-theme=dark] .aih-recent-title{color:#e2e8f0}[data-theme=dark] .aih-recent-meta{color:#94a3b8}[data-theme=dark] .aih-alert-card{background:#1e293b;border-color:#334155}[data-theme=dark] .aih-alert-card:hover{border-color:#5b9bd5}[data-theme=dark] .aih-card-title{color:#e2e8f0}[data-theme=dark] .aih-card-description,[data-theme=dark] .aih-card-meta{color:#94a3b8}[data-theme=dark] .aih-card-stats{color:#64748b}[data-theme=dark] .aih-card-tag{background:#334155;color:#94a3b8}[data-theme=dark] .aih-card-action{background:#0f172a;border-color:#334155;color:#94a3b8}[data-theme=dark] .aih-card-action:hover{background:#5b9bd5;color:#fff}[data-theme=dark] .aih-detail-title{color:#e2e8f0}[data-theme=dark] .aih-detail-meta{color:#94a3b8}[data-theme=dark] .aih-detail-tag{background:#334155;color:#94a3b8}[data-theme=dark] .aih-detail-section-title{color:#e2e8f0}[data-theme=dark] .aih-detail-section-content{color:#cbd5e1}[data-theme=dark] .aih-detail-stat{background:#1e293b}[data-theme=dark] .aih-tactics-list li{background:#422006;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .aih-red-flag-item{background:#450a0a;border-left-color:#dc2626}[data-theme=dark] .aih-red-flag-text{color:#fca5a5}[data-theme=dark] .aih-prevention-item{background:#14532d}[data-theme=dark] .aih-prevention-number{background:#22c55e}[data-theme=dark] .aih-prevention-text{color:#bbf7d0}[data-theme=dark] .aih-example-card{background:#1e293b;border-color:#334155}[data-theme=dark] .aih-example-label{color:#64748b}[data-theme=dark] .aih-example-text{color:#cbd5e1}[data-theme=dark] .aih-training-card{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-color:#334155}[data-theme=dark] .aih-training-description{color:#93c5fd}[data-theme=dark] .aih-start-training-btn{background:#3b82f6}[data-theme=dark] .aih-start-training-btn:hover{background:#2563eb}[data-theme=dark] .aih-resource-link{background:#1e293b;border-color:#334155}[data-theme=dark] .aih-resource-link:hover{background:#334155}[data-theme=dark] .aih-resource-title{color:#5b9bd5}[data-theme=dark] .aih-resource-source{color:#64748b}[data-theme=dark] .aih-detail-reviewed-banner{background:#14532d;color:#4ade80}[data-theme=dark] .aih-filters-panel{background:#1e293b;border-color:#334155}[data-theme=dark] .aih-filter-label{color:#e2e8f0}[data-theme=dark] .aih-category-chip{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .aih-category-chip:hover{border-color:#5b9bd5}[data-theme=dark] .aih-sort-select,[data-theme=dark] .aih-threat-select{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .aih-sort-direction{background:#0f172a;border-color:#334155;color:#94a3b8}[data-theme=dark] .aih-sort-direction:hover{color:#5b9bd5}[data-theme=dark] .aih-checkbox-text{color:#e2e8f0}[data-theme=dark] .aih-modal{background:#1e293b}[data-theme=dark] .aih-modal-header{border-bottom-color:#334155}[data-theme=dark] .aih-modal-title{color:#e2e8f0}[data-theme=dark] .aih-modal-close{color:#64748b}[data-theme=dark] .aih-modal-close:hover:not(:disabled){background:#334155;color:#e2e8f0}[data-theme=dark] .aih-modal-error{background:#450a0a;color:#fca5a5}[data-theme=dark] .aih-share-alert-preview{background:#0f172a}[data-theme=dark] .aih-preview-label{color:#64748b}[data-theme=dark] .aih-form-label,[data-theme=dark] .aih-preview-title{color:#e2e8f0}[data-theme=dark] .aih-group-option,[data-theme=dark] .aih-recipient-option{background:#0f172a;border-color:#334155}[data-theme=dark] .aih-group-option:hover,[data-theme=dark] .aih-recipient-option:hover{border-color:#5b9bd5}[data-theme=dark] .aih-group-option.selected,[data-theme=dark] .aih-recipient-option.selected{background:#1e3a5f;border-color:#5b9bd5}[data-theme=dark] .aih-group-name,[data-theme=dark] .aih-recipient-name{color:#e2e8f0}[data-theme=dark] .aih-group-count,[data-theme=dark] .aih-recipient-hint,[data-theme=dark] .aih-recipient-role{color:#64748b}[data-theme=dark] .aih-recipient-role{background:#334155}[data-theme=dark] .aih-message-input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .aih-char-count{color:#64748b}[data-theme=dark] .aih-modal-footer{border-top-color:#334155}[data-theme=dark] .aih-modal-cancel-btn{border-color:#334155;color:#94a3b8}[data-theme=dark] .aih-modal-cancel-btn:hover:not(:disabled){border-color:#64748b;color:#e2e8f0}[data-theme=dark] .aih-modal-close-btn{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .aih-modal-close-btn:hover{background:#334155}[data-theme=dark] .aih-empty-state h3{color:#e2e8f0}[data-theme=dark] .aih-empty-state p,[data-theme=dark] .aih-list-count{color:#94a3b8}[data-theme=dark] .aih-list-end{color:#64748b}[data-theme=dark] .aih-show-more-btn{border-color:#334155;color:#94a3b8}[data-theme=dark] .aih-show-more-btn:hover{border-color:#5b9bd5;color:#5b9bd5}.phone-verification-modal .phone-verification-content{max-width:500px!important;width:90%!important}@media (max-width:768px){.phone-verification-modal .phone-verification-content{max-width:95%!important;padding:20px!important;width:95%!important}}@media (max-width:480px){.phone-verification-modal .phone-verification-content{max-width:100%!important;padding:15px!important;width:100%!important}}.home-container{background-color:#f8fafc;background-color:var(--bg-primary,#f8fafc);display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.body-container{display:flex;flex:1 1;flex-direction:row;min-height:0;overflow:hidden}.main-content{overflow:hidden;position:relative}.modal{filter:brightness(100%)!important;pointer-events:auto}.main-content{align-items:stretch;background:#f8fafc;background:var(
    --bg-primary,#f8fafc
  );box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:0;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;transition:margin-left .3s}.main-content.expanded{margin-left:0}.main-content::-webkit-scrollbar{width:12px}.main-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.main-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px;-webkit-transition:background-color .3s;transition:background-color .3s}.main-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.main-content{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}@media (min-width:769px){.main-content{min-height:100%}}.messages{align-items:center;border-bottom:1px solid var(--bg-secondary);border-radius:4px;bottom:0;box-sizing:border-box;color:var(--text-primary);display:flex;font-size:.8rem;height:40px;justify-content:center;left:265px;margin-top:0;max-width:100%;padding:0;position:fixed;right:0;text-align:center;text-transform:none!important;transition:background-color .3s;z-index:100}.messages,.messages.highlight{background-color:var(--bg-main-container-purple)}.messages.highlight{border-radius:0;margin:0}.message-grid{align-items:stretch;display:flex;gap:1px;min-height:100%;width:100%}.message-section{border:1px solid var(--header-bg-secondary);box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;justify-content:flex-start;margin:0;min-width:0;overflow:hidden;padding:0 4px 2px}.message-section strong{color:var(--text-primary);font-size:.7rem;line-height:1.5;margin:0 0 1px;padding-top:0;text-align:left;text-transform:none!important}.message-section p{font-size:.75rem;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:none!important;white-space:nowrap}.section-subscription{align-content:normal;flex:0 0 10%;width:10%}.section-subscription.subscription-inactive-status{background-color:#dc3545!important;border-radius:4px;color:#fff!important}.section-subscription.subscription-inactive-status p,.section-subscription.subscription-inactive-status strong{color:#fff!important}.section-selected-user{flex:0 0 15%;width:15%}.section-selected-user.user-inactive-status{background-color:#dc3545!important;border-radius:4px;color:#fff!important;position:relative}.section-selected-user.user-inactive-status p,.section-selected-user.user-inactive-status strong{color:#fff!important}.section-selected-user.selected-user-highlight{position:relative}.section-selected-user.selected-user-highlight:before{align-items:center;background-color:#ffffffe6;border-radius:50%;color:#28a745;content:"✓";display:flex;font-size:1.2rem;font-weight:700;height:20px;justify-content:center;line-height:1;padding-top:2px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;z-index:10}.section-selected-user.selected-user-highlight.user-inactive-status:before{background-color:#fffffff2;color:#28a745;z-index:999}.section-signed-in-user{flex:0 0 15%;width:15%}.section-signed-in-user.user-inactive-status{background-color:#dc3545!important;border-radius:4px;color:#fff!important}.section-signed-in-user.user-inactive-status p,.section-signed-in-user.user-inactive-status strong{color:#fff!important}.section-message{flex:0 0 49.5%;width:49.5%}.section-time{flex:0 0 9.5%;width:10%}.message-divider{display:none}@media (min-width:1200px){.messages{font-size:1rem;padding:0}.message-section{padding:0 6px 3px}.message-section strong{font-size:.8rem;margin:0 0 1px}.message-section p{font-size:.7rem}}@media (max-width:1199px) and (min-width:768px){.messages{font-size:.7rem;padding:0}.message-section{padding:0 4px 2px}.message-section strong{font-size:.6rem;margin:0 0 1px}.message-section p{font-size:.6rem}}@media (max-width:767px) and (min-width:480px){.messages{font-size:.7rem;left:0;max-height:20px;max-width:100vw;padding:0;width:100vw}.message-grid{flex-wrap:wrap}.message-section{padding:0 3px 1px}.message-section strong{font-size:.6rem;margin:0 0 1px}.message-section p{font-size:.6rem;line-height:1.2}.section-selected-user,.section-signed-in-user,.section-subscription,.section-time{flex:0 0 20%;width:20%}.section-message{flex:0 0 100%;order:1;width:100%}}@media (max-width:479px){.messages{font-size:.7rem;left:0;max-height:40px;max-width:100vw;padding:0;width:100vw}.messages.highlight{height:40px;min-height:40px}.message-grid{flex-wrap:wrap;gap:.5px}.message-grid.mobile-admin,.message-grid.mobile-user{flex-wrap:nowrap;gap:1px}.message-section{border-width:.5px;box-sizing:border-box;min-height:40px;padding:0 1px 1px}.message-section strong{font-weight:700;margin:0 0 1px;text-align:left}.message-section p,.message-section strong{font-size:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-section p{line-height:1.1;text-align:center}.mobile-25{flex:0 0 23%;width:23%}.mobile-50{flex:0 0 54%;width:54%}.mobile-50.section-message p,.mobile-50.section-message strong{overflow:visible;text-align:left;text-overflow:clip;white-space:normal}.message-grid.mobile-admin .section-subscription,.message-grid.mobile-admin .section-time,.message-grid.mobile-user .section-selected-user,.message-grid.mobile-user .section-subscription,.message-grid.mobile-user .section-time,.section-time{display:none}}@media (max-width:767px) and (orientation:landscape){.messages{left:0;max-width:100vw;min-height:30px;padding:0;width:100vw}.message-grid{flex-direction:row;flex-wrap:nowrap}.message-section{padding:0 2px 1px}.message-section strong{font-size:.7rem;margin:0 0 1px}.message-section p{font-size:.75rem}.section-selected-user,.section-signed-in-user,.section-subscription,.section-time{flex:0 0 15%;width:15%}.section-message{flex:0 0 25%;width:25%}}[data-theme=dark] .messages{background-color:#1a1a1a;border-bottom:1px solid #333;color:#e0e0e0;padding:0}[data-theme=dark] .messages.highlight{background-color:#2a2a2a}[data-theme=dark] .message-section{background-color:#ffffff05;border:1px solid #444;color:#e0e0e0}[data-theme=dark] .message-section strong{color:#fff}[data-theme=dark] .message-section p{color:#ccc}[data-theme=dark] .section-selected-user.selected-user-highlight{position:relative}[data-theme=dark] .section-selected-user.selected-user-highlight:before{align-items:center;background-color:#ffffffe6;border-radius:50%;color:#28a745;content:"✓";display:flex;font-size:1.2rem;font-weight:700;height:20px;justify-content:center;line-height:1;padding-top:2px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;z-index:10}[data-theme=dark] [data-theme=light] .section-selected-user.selected-user-highlight.user-inactive-status:before{background-color:#fffffff2;color:#28a745;z-index:999}[data-theme=light] .messages{background-color:var(--bg-main-container-purple);border-bottom:1px solid var(--bg-secondary);color:var(--text-primary);padding:0}[data-theme=light] .message-section{border:1px solid var(--header-bg-secondary);color:var(--text-primary)}[data-theme=light] .message-section p,[data-theme=light] .message-section strong{color:var(--text-primary)}[data-theme=light] .section-selected-user.selected-user-highlight{position:relative}[data-theme=light] .section-selected-user.selected-user-highlight:before{align-items:center;background-color:#ffffffe6;border-radius:50%;color:#28a745;content:"✓";display:flex;font-size:1.2rem;font-weight:700;height:20px;justify-content:center;line-height:1;padding-top:2px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;z-index:10}[data-theme=light] .section-selected-user.selected-user-highlight.user-inactive-status:before{background-color:#fffffff2;color:#28a745;z-index:10}.main-content.expanded .messages{left:100px;max-width:calc(100vw - 100px);padding:0;width:calc(100vw - 100px)}@media (max-width:767px){.main-content.expanded .messages{left:0;max-width:100vw;padding:0;width:100vw}}.header{align-items:center;background-color:#1976d2;border-bottom:2px solid #357abd;border-bottom:2px solid var(--theme-border-accent,#357abd);box-sizing:border-box;color:#fff!important;color:var(--theme-text-header,#fff)!important;display:flex;flex-shrink:0;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:400;height:auto;justify-content:space-between;margin:0;min-height:clamp(60px,8vh,80px);padding:clamp(0rem,2vw,0rem);position:relative;text-align:left;transition:padding .3s ease,min-height .3s ease;width:100%}.logo-container{flex-shrink:0;gap:clamp(.5rem,2vw,1rem);margin-left:1rem}.logo{border-radius:50%;height:clamp(35px,6vw,60px);transition:height .3s ease,width .3s ease;width:clamp(35px,6vw,60px)}.app-name{color:#00e767;font-size:clamp(1.1rem,3vw,1.8rem);font-weight:400;transition:font-size .3s ease}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:8px;color:#fff!important;color:var(--theme-text-header,#fff)!important;cursor:pointer;display:none;display:flex;font-size:clamp(1.5rem,4vw,2rem);justify-content:center;min-height:56px;min-width:56px;padding:1rem;transition:background-color .3s ease,transform .2s ease;z-index:1001}.mobile-menu-toggle:hover{background-color:#ffffff1a!important;background-color:var(--theme-bg-hover,#ffffff1a)!important;transform:scale(1.05)}.mobile-menu-toggle.menu-open{display:none!important}.mobile-controls{align-items:center;display:none;gap:clamp(.5rem,2vw,1rem)}.mobile-notifications-bell{align-items:center;background:none;border:none;border-radius:8px;color:#fff!important;color:var(--theme-text-header,#fff)!important;cursor:pointer;display:inline-flex;font-size:clamp(1.1rem,2.5vw,1.3rem);justify-content:center;min-height:44px;min-width:44px;padding:.75rem;position:relative;transition:background-color .3s ease,transform .2s ease}.mobile-notifications-bell:hover{background-color:#ffffff1a!important;background-color:var(--theme-bg-hover,#ffffff1a)!important;color:#64ffda!important;color:var(--theme-text-accent,#64ffda)!important;transform:scale(1.05)}.mobile-controls .mobile-notifications-bell .notification-badge{align-items:center!important;background:#ff4757!important;background:var(--theme-bg-danger,#ff4757)!important;border-radius:50%!important;color:#fff!important;color:var(--theme-text-on-danger,#fff)!important;display:flex!important;font-size:.75rem!important;font-weight:600!important;height:18px!important;justify-content:center!important;line-height:1!important;position:absolute!important;right:-2px!important;top:-2px!important;width:18px!important;z-index:11!important}.mobile-how-do-i-link{align-items:center;background:none;border:none;border-radius:8px;color:#fff!important;color:var(--theme-text-header,#fff)!important;cursor:pointer;display:inline-flex;font-size:clamp(.85rem,2vw,1rem);font-weight:500;justify-content:center;min-height:44px;min-width:44px;padding:.6rem .8rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease,color .3s ease;white-space:nowrap}.mobile-how-do-i-link:hover{background-color:#ffffff1a!important;background-color:var(--theme-bg-hover,#ffffff1a)!important;color:#64ffda!important;color:var(--theme-text-accent,#64ffda)!important;transform:scale(1.05)}.mobile-how-do-i-link:focus{outline:2px solid #64ffda;outline:2px solid var(--theme-text-accent,#64ffda);outline-offset:2px}@media (max-width:900px){.desktop-nav{display:none}.mobile-controls,.mobile-menu-toggle{display:flex}}@media (min-width:901px){.mobile-controls,.mobile-menu-toggle{display:none!important}.desktop-nav{display:flex}}nav{gap:clamp(1rem,3vw,2rem);margin-left:auto}nav,nav a{align-items:center;display:flex}nav a{border-radius:6px;color:#fff!important;color:var(--theme-text-header,#fff)!important;font-size:clamp(1rem,2.2vw,1.3rem);gap:.5rem;min-height:44px;padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,16px);text-decoration:none;transition:color .3s,background-color .3s,transform .2s;white-space:nowrap}nav a:hover{background-color:#ffffff1a!important;background-color:var(--theme-bg-hover,#ffffff1a)!important;color:#61dafb!important;color:var(--theme-text-accent,#61dafb)!important;transform:translateY(-1px)}nav a:last-child{padding-right:clamp(12px,4vw,20px)}.close{color:#6b7280!important;color:var(--theme-text-secondary,#6b7280)!important}.user-dropdown-container{display:inline-block;margin-top:auto;position:relative}.user-dropdown-container.signed-out,.user-icon-with-text{align-items:center;display:flex}.user-icon-with-text{border-radius:8px;color:#fff!important;color:var(--theme-text-header,#fff)!important;font-size:clamp(1.4rem,3vw,2rem);gap:.9rem;margin-right:30px;min-height:44px;min-width:44px;padding:clamp(6px,1.5vw,12px);text-decoration:none;transition:color .3s,background-color .3s,transform .2s}.user-icon-with-text:hover{background-color:#ffffff1a!important;background-color:var(--theme-bg-hover,#ffffff1a)!important;color:#61dafb!important;color:var(--theme-text-accent,#61dafb)!important;transform:translateY(-1px)}.signin-text{font-size:clamp(1rem,2.2vw,1.3rem);font-weight:400;white-space:nowrap}.signin-text.user-inactive{color:#dc3545!important}.signin-text.subscription-inactive{color:#ffc107!important}.user-icon{align-items:center;border-radius:8px;color:#fff!important;color:var(--theme-text-header,#fff)!important;display:flex;font-size:clamp(1.4rem,3vw,2rem);justify-content:center;margin-right:30px;min-height:44px;min-width:44px;padding:clamp(6px,1.5vw,12px);transition:background-color .3s ease,transform .2s ease}.user-icon:hover{background-color:#ffffff1a!important;background-color:var(--theme-bg-hover,#ffffff1a)!important;transform:scale(1.05)}.user-dropdown{background-color:#fff!important;background-color:var(--theme-bg-elevated,#fff)!important;border:1px solid #e5e7eb;border:1px solid var(--theme-border,#e5e7eb);border-radius:4px;box-shadow:0 8px 16px 0 #0003;box-shadow:0 8px 16px 0 var(--theme-shadow,#0003);margin-top:5px;min-height:30px;min-width:200px;overflow:visible;position:absolute;right:10px;top:100%;width:-webkit-max-content;width:max-content;z-index:1001}.user-dropdown .user-info{border-radius:0;margin-bottom:0;margin-left:0;padding:5px 16px}.theme-selector,.user-dropdown .user-info{background-color:#f8fafc!important;background-color:var(--theme-bg-secondary,#f8fafc)!important;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--theme-border,#e5e7eb)}.theme-selector{padding:8px 16px}.theme-options{gap:8px}.theme-option,.theme-options{align-items:center;display:flex;justify-content:center}.theme-option{background:#fff!important;background:var(--theme-bg-main,#fff)!important;border:2px solid #dee2e6;border:2px solid var(--theme-border,#dee2e6);border-radius:8px;color:#6c757d!important;color:var(--theme-text-secondary,#6c757d)!important;cursor:pointer;font-size:clamp(.8rem,2.2vw,1rem);min-height:clamp(24px,4vw,32px);min-width:clamp(24px,4vw,32px);padding:clamp(4px,1.5vw,6px);transition:all .3s ease}.theme-option:hover{background-color:#f8f9ff!important;background-color:var(--theme-bg-elevated,#f8f9ff)!important;color:#007bff!important;color:var(--theme-bg-primary,#007bff)!important;transform:translateY(-1px)}.theme-option.active,.theme-option:hover{border-color:#007bff!important;border-color:var(--theme-bg-primary,#007bff)!important}.theme-option.active{background-color:#007bff!important;background-color:var(--theme-bg-primary,#007bff)!important;box-shadow:0 2px 4px #007bff4d;color:#fff!important;color:var(--theme-text-on-primary,#fff)!important}.theme-option.active:hover{background-color:#0056b3!important;background-color:var(--theme-bg-primary-hover,#0056b3)!important;border-color:#0056b3!important;border-color:var(--theme-bg-primary-hover,#0056b3)!important}.user-name-logged-in{color:#1f2937!important;color:var(--theme-text-primary,#1f2937)!important;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:4px}.group-info{color:#6b7280!important;color:var(--theme-text-secondary,#6b7280)!important;font-size:.9rem}.user-dropdown:before{border-bottom:10px solid #fff;border-bottom:10px solid var(--theme-bg-elevated,#fff);border-left:10px solid #0000;border-right:10px solid #0000;top:-10px;z-index:2}.user-dropdown:after,.user-dropdown:before{content:"";position:absolute;right:50%;transform:translateX(50%)}.user-dropdown:after{border-bottom:11px solid #0000001a;border-bottom:11px solid var(--theme-shadow-color,#0000001a);border-left:11px solid #0000;border-right:11px solid #0000;top:-12px;z-index:1}.user-dropdown a{align-items:center;display:flex;font-size:1rem;min-height:44px;padding:5px 16px;text-align:left;text-decoration:none}.user-dropdown a,.user-dropdown a:hover{color:#1f2937!important;color:var(--theme-text-primary,#1f2937)!important}.user-dropdown a:hover{background-color:#b0b8c4!important}.mobile-menu{-webkit-overflow-scrolling:touch;background-color:#fff!important;background-color:var(--theme-bg-elevated,#fff)!important;border-left:2px solid #e5e7eb;border-left:2px solid var(--theme-border,#e5e7eb);box-shadow:-4px 0 20px #0003;box-shadow:-4px 0 20px var(--theme-shadow,#0003);display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:85vw;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:fixed;right:0;top:0;transform:translateX(0);transition:transform .3s ease-in-out;width:320px;z-index:1001}@supports not (height:100dvh){.mobile-menu{height:100vh;min-height:-webkit-fill-available}}.mobile-menu-header{align-items:center;background-color:#f8fafc!important;background-color:var(--theme-bg-secondary,#f8fafc)!important;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--theme-border,#e5e7eb);display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;justify-content:space-between;padding:1rem}.mobile-menu-content,.mobile-menu-header{color:#1f2937!important;color:var(--theme-text-primary,#1f2937)!important}.mobile-menu-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:.5em .5em 2rem}.mobile-menu-overlay{background-color:var(--theme-overlay,#00000080)}.mobile-menu-close{align-items:center;background:none;border:none;border-radius:50%;color:#1f2937!important;color:var(--theme-text-primary,#1f2937)!important;cursor:pointer;display:flex;font-size:clamp(1.8rem,4vw,2.2rem);justify-content:center;min-height:clamp(48px,10vw,56px);min-width:clamp(48px,10vw,56px);padding:clamp(.4rem,1.5vw,.6rem);pointer-events:auto;position:absolute;right:clamp(30px,5vw,30px);top:clamp(8px,2vw,12px);transition:background-color .3s,transform .2s;z-index:1010}.mobile-menu-close:hover{background-color:#f3f4f6!important;background-color:var(--theme-bg-hover-light,#f3f4f6)!important;transform:scale(1.1)}.mobile-user-info{border-bottom:1px solid var(--border-color);margin-bottom:0!important;padding:1rem 0}.mobile-user-name{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.mobile-user-name.user-inactive{color:#dc3545!important}.mobile-user-name.subscription-inactive{color:#ffc107!important}.mobile-group-info{color:var(--text-secondary);font-size:.9rem}.mobile-theme-selector{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:0;padding:0}.mobile-theme-options{display:flex;gap:.5rem}.mobile-theme-option{background:none;border:2px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.5rem;transition:all .2s ease}.mobile-theme-option:hover{background-color:var(--bg-input)}.mobile-theme-option.active{background-color:var(--button-primary-bg);color:#fff}.mobile-nav-section{margin-bottom:1rem}.mobile-nav-item{align-items:center;background:none;border:none;border-radius:.375rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;gap:.75rem;margin-bottom:.5rem;padding:.75rem;text-align:left;transition:background-color .2s ease;width:100%}.mobile-nav-item:hover{background-color:var(--bg-input)}.mobile-section-header{align-items:center;background:none;background-color:var(--bg-card);border:none;border-radius:.375rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin-bottom:.5rem;padding:.75rem;text-align:left;transition:background-color .2s ease;width:100%}.mobile-section-header:hover{background-color:var(--bg-input)}.mobile-submenu{margin-bottom:.5rem;padding-left:1rem}.mobile-submenu-item{align-items:center;background:none;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.25rem;padding:.5rem .75rem;text-align:left;transition:background-color .2s ease;width:100%}.mobile-submenu-item:hover{background-color:var(--bg-input);color:var(--text-primary)}.mobile-submenu-item.primary{border:1px solid var(--theme-border-accent);font-weight:600;margin-bottom:.75rem}.mobile-submenu-group{margin-bottom:.5rem;margin-top:.5rem}.mobile-submenu-label{align-items:center;color:var(--theme-text-accent);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin-bottom:.25rem;padding:.5rem .75rem;text-transform:uppercase}.mobile-submenu-item.nested{font-size:.85rem;padding-left:1.5rem}.mobile-menu-divider{background-color:var(--border-color);border:none;height:1px;margin:1.5rem 0}.mobile-account-section,.mobile-functional-section{margin-bottom:1rem}.mobile-sign-out{font-weight:600}.mobile-sign-out,.mobile-sign-out:hover{color:#dc3545!important;color:var(--error-color,#dc3545)!important}.mobile-sign-out:hover{background-color:#dc35451a!important}@media (max-width:1200px){.header{padding:clamp(.6rem,1.8vw,.9rem)}nav{gap:clamp(.8rem,2.5vw,1.5rem)}nav a{font-size:clamp(.95rem,2vw,1.2rem);padding:clamp(6px,1.2vw,10px) clamp(10px,1.8vw,14px)}}@media (max-width:1024px){.header{padding:clamp(.5rem,1.5vw,.8rem)}.logo{height:clamp(40px,5vw,50px);width:clamp(40px,5vw,50px)}.app-name{font-size:clamp(1.2rem,2.8vw,1.5rem)}.desktop-nav{gap:clamp(.8rem,2vw,1.5rem)}nav a{font-size:clamp(.9rem,1.8vw,1.1rem);padding:clamp(6px,1vw,8px) clamp(8px,1.5vw,12px)}.user-dropdown{margin-top:15px;min-width:180px;right:5px}.user-dropdown-container{padding:10px 14px}.theme-selector{padding:6px 14px}.user-dropdown a{font-size:.95rem;padding:10px 14px}}@media (max-width:900px){nav{gap:clamp(.6rem,1.8vw,1.2rem)}nav a{font-size:clamp(.85rem,1.6vw,1rem);padding:clamp(5px,.8vw,7px) clamp(6px,1.2vw,10px)}.user-dropdown{max-width:calc(100vw - 60px);min-width:200px}}@media (max-width:768px){.header{min-height:clamp(56px,7vh,70px);padding:clamp(.4rem,1.5vw,.7rem) clamp(.8rem,2vw,1rem)}.logo{height:clamp(32px,5vw,40px);width:clamp(32px,5vw,40px)}.app-name{font-size:clamp(1rem,2.5vw,1.3rem)}.app-name.mobile-clickable{cursor:pointer;transition:color .2s ease,text-shadow .2s ease}.app-name.mobile-clickable:hover{color:#059669!important;color:var(--theme-brand-color-hover,#059669)!important;text-shadow:0 0 8px #10b9814d}.app-name.mobile-clickable:active{transform:scale(.98);transition:transform .1s ease}.logo-container{gap:clamp(.3rem,1.5vw,.6rem)}.desktop-nav{display:none}.mobile-menu{-webkit-overflow-scrolling:touch;height:100vh;height:100dvh;overflow-y:scroll;overscroll-behavior-y:contain}.mobile-menu-content{min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px)}.mobile-controls,.mobile-menu-toggle{display:flex}.user-dropdown{left:auto;margin-top:10px;max-width:calc(100vw - 40px);min-width:220px;right:0;transform:translateX(calc(-100% + 60px))}.user-dropdown:before{right:30px}.user-dropdown:after{right:28px}.user-name-logged-in{font-size:clamp(1rem,2.2vw,1.1rem)}.theme-option{font-size:clamp(.9rem,2vw,1rem);min-height:clamp(32px,6vw,35px);min-width:clamp(32px,6vw,35px);padding:clamp(4px,1.2vw,6px) clamp(8px,2vw,10px)}}@media (max-width:480px){.header{min-height:clamp(59px,7vh,71px);padding:clamp(.4rem,1.3vw,.6rem) clamp(.6rem,1.6vw,.9rem)}.logo{height:clamp(28px,4.5vw,35px);width:clamp(28px,4.5vw,35px)}.app-name{font-size:clamp(.9rem,2.2vw,1.1rem)}.logo-container{gap:clamp(.25rem,1vw,.4rem)}.mobile-controls{gap:clamp(.3rem,1.2vw,.6rem)}.mobile-how-do-i-link,.mobile-menu-toggle,.mobile-notifications-bell{font-size:clamp(1.5rem,2.7vw,1.5rem);min-height:clamp(50px,10vw,54px);min-width:clamp(50px,10vw,54px);padding:clamp(.1rem,2.5vw,.1rem)}.mobile-how-do-i-link{font-size:clamp(.9rem,1.8vw,.9rem);padding:clamp(.3rem,1.5vw,.5rem) clamp(.4rem,1.8vw,.6rem)}.mobile-menu-overlay{justify-content:center}.user-dropdown{max-width:calc(100vw - 20px);min-width:clamp(200px,90vw,240px);transform:translateX(calc(-100% + 50px))}.user-dropdown:before{right:clamp(20px,5vw,30px)}.user-dropdown:after{right:clamp(18px,5vw,28px)}.theme-option{font-size:clamp(.8rem,1.8vw,.9rem);min-height:clamp(28px,5.5vw,32px);min-width:clamp(28px,5.5vw,32px);padding:clamp(3px,1vw,5px) clamp(6px,1.5vw,8px)}}@media (max-width:400px){.user-dropdown{left:10px;margin-top:5px;max-width:calc(100vw - 20px);min-width:240px;right:10px;transform:none;width:auto}.user-dropdown:before{right:25px}.user-dropdown:after{right:23px}.user-name-logged-in{font-size:1rem}.group-info{font-size:.85rem}.theme-options{gap:6px}.theme-option{font-size:.9rem;height:32px;min-width:32px;padding:5px 8px}.user-dropdown a{font-size:.9rem;padding:8px 12px}}@media (max-width:360px){.user-dropdown{left:5px;min-width:calc(100vw - 10px);right:5px}.user-dropdown:before{right:20px}.user-dropdown:after{right:18px}.theme-options{gap:4px}.theme-option{font-size:.8rem;height:28px;min-width:28px;padding:4px 6px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mobile-menu-close,.mobile-menu-toggle,.mobile-notifications-bell,.theme-option,nav a{transform:none!important;transition:none!important}}@media (prefers-contrast:high){.header{border-bottom-color:#fff;border-bottom-width:3px}nav a:hover{background-color:#fff;color:#112240}.theme-option{border-width:3px}.mobile-menu-toggle,.mobile-notifications-bell{border:2px solid #fff}}.mobile-menu-close:focus,.mobile-menu-header:focus,.mobile-menu-item:focus,.mobile-menu-toggle:focus,.mobile-notifications-bell:focus,.theme-option:focus,.user-icon:focus,nav a:focus{outline:2px solid #61dafb;outline-offset:2px}.mobile-menu-close:focus-visible,.mobile-menu-toggle:focus-visible,.mobile-notifications-bell:focus-visible,.theme-option:focus-visible,.user-icon:focus-visible,nav a:focus-visible{outline:2px solid var(--theme-border-accent);outline-offset:2px}@media (max-width:768px){.mobile-menu-overlay{padding-bottom:env(safe-area-inset-bottom,30px)}}@media (max-width:768px) and (-webkit-min-device-pixel-ratio:1){.mobile-menu{-webkit-overflow-scrolling:touch;height:100vh;height:-webkit-fill-available;height:100dvh;scroll-behavior:smooth;will-change:transform}.mobile-menu-content{min-height:calc(100vh - 80px);min-height:calc(-webkit-fill-available - 80px);min-height:calc(100dvh - 80px);padding-bottom:3rem}.mobile-menu::-webkit-scrollbar{background:#0000;width:0}}.notification-badge{align-items:center;animation:notification-pulse 2s infinite;background:#ff4757;border:2px solid #fff;border:2px solid var(--background-color,#fff);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:18px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-4px;width:18px;z-index:10}.notification-badge:empty{display:none}@keyframes notification-pulse{0%{box-shadow:0 0 0 0 #ff4757b3}70%{box-shadow:0 0 0 10px #ff475700}to{box-shadow:0 0 0 0 #ff475700}}.notification-badge.high-priority{animation:notification-urgent-pulse 1.5s infinite;background:#ff3742}@keyframes notification-urgent-pulse{0%,to{background:#ff3742;transform:scale(1)}50%{background:#ff1825;transform:scale(1.1)}}[data-theme=dark] .notification-badge{border-color:#2c3e50;border-color:var(--dark-background-color,#2c3e50)}@media (max-width:768px){.notification-badge{font-size:.7rem;height:16px;right:-6px;top:-6px;width:16px}}.notification-dropdown{display:inline-block;position:relative}.notification-toggle{align-items:center;background:none;border:none;border-radius:50%;color:#fff;color:var(--theme-text-header,#fff);cursor:pointer;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;margin-top:10px;padding:8px;position:relative;transition:all .2s ease;width:40px}.notification-toggle:hover{background:#ffffff1a;background:var(--theme-bg-hover,#ffffff1a);color:#61dafb;color:var(--theme-text-accent,#61dafb)}.notification-toggle.active{background:#007bff;background:var(--primary-color,#007bff);color:#fff}.notification-toggle.active:hover{background:#0056b3;background:var(--primary-hover-color,#0056b3)}.notification-dropdown-menu{animation:dropdown-appear .2s ease-out;background:#fff;background:var(--card-background,#fff);border:1px solid #e1e8ed;border:1px solid var(--border-color,#e1e8ed);border-radius:12px;box-shadow:0 8px 32px #0000001f;margin-top:8px;max-width:calc(100vw - 32px);overflow:hidden;position:absolute;right:0;top:100%;width:400px;z-index:1000}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-dropdown-header{align-items:center;background:#f8f9fa;background:var(--header-background,#f8f9fa);border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border-color,#e1e8ed);display:flex;justify-content:space-between;padding:16px 20px}.notification-dropdown-header h3{color:#202124;color:var(--text-color,#202124);font-size:16px;font-weight:600;margin:0}.mark-all-read-btn{align-items:center;background:none;border:none;border-radius:4px;color:#007bff;color:var(--primary-color,#007bff);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s ease}.mark-all-read-btn:hover{background:#007bff1a;background:var(--primary-background,#007bff1a);color:#0056b3;color:var(--primary-hover-color,#0056b3)}.notification-dropdown-content{max-height:400px;overflow-y:auto;scrollbar-color:#c1c1c1 #0000;scrollbar-color:var(--scrollbar-color,#c1c1c1) #0000;scrollbar-width:thin}.notification-dropdown-content::-webkit-scrollbar{width:6px}.notification-dropdown-content::-webkit-scrollbar-track{background:#0000}.notification-dropdown-content::-webkit-scrollbar-thumb{background-color:#c1c1c1;background-color:var(--scrollbar-color,#c1c1c1);border-radius:3px}.notification-dropdown-content::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8;background-color:var(--scrollbar-hover-color,#a8a8a8)}.notification-empty,.notification-error,.notification-loading{align-items:center;color:#5f6368;color:var(--secondary-text-color,#5f6368);display:flex;flex-direction:column;justify-content:center;padding:32px 20px;text-align:center}.notification-loading .fa-spinner{color:#007bff;color:var(--primary-color,#007bff);font-size:24px;margin-bottom:12px}.notification-empty .fa-check{color:#28a745;color:var(--success-color,#28a745);font-size:32px;margin-bottom:12px}.notification-error{color:#dc3545;color:var(--danger-color,#dc3545)}.notification-error button{background:#dc3545;background:var(--danger-color,#dc3545);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px;transition:background .2s ease}.notification-error button:hover{background:#c82333;background:var(--danger-hover-color,#c82333)}.notification-list{padding:8px}.notification-list .notification-item{margin-bottom:8px}.notification-list .notification-item:last-child{margin-bottom:0}.notification-dropdown-footer{background:#f8f9fa;background:var(--footer-background,#f8f9fa);border-top:1px solid #e1e8ed;border-top:1px solid var(--border-color,#e1e8ed);padding:12px 20px}.view-all-notifications-btn{background:none;border:1px solid #007bff;border:1px solid var(--primary-color,#007bff);border-radius:6px;color:#007bff;color:var(--primary-color,#007bff);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;width:100%}.view-all-notifications-btn:hover{background:#007bff;background:var(--primary-color,#007bff);color:#fff}[data-theme=dark] .notification-dropdown-menu{background:#1e1e1e;background:var(--dark-card-background,#1e1e1e);border-color:#404040;border-color:var(--dark-border-color,#404040);box-shadow:0 8px 32px #0000004d}[data-theme=dark] .notification-dropdown-header{background:#2a2a2a;background:var(--dark-header-background,#2a2a2a);border-bottom-color:#404040;border-bottom-color:var(--dark-border-color,#404040)}[data-theme=dark] .notification-dropdown-header h3{color:#e0e0e0;color:var(--dark-text-color,#e0e0e0)}[data-theme=dark] .notification-dropdown-footer{background:#2a2a2a;background:var(--dark-footer-background,#2a2a2a);border-top-color:#404040;border-top-color:var(--dark-border-color,#404040)}[data-theme=dark] .notification-toggle{color:#fff;color:var(--theme-text-header,#fff)}[data-theme=dark] .notification-toggle:hover{background:#ffffff1a;background:var(--theme-bg-hover,#ffffff1a);color:#61dafb;color:var(--theme-text-accent,#61dafb)}[data-theme=dark] .notification-empty,[data-theme=dark] .notification-loading{color:#b0b0b0;color:var(--dark-secondary-text-color,#b0b0b0)}[data-theme=dark] .notification-dropdown-content::-webkit-scrollbar-thumb{background-color:#555;background-color:var(--dark-scrollbar-color,#555)}[data-theme=dark] .notification-dropdown-content::-webkit-scrollbar-thumb:hover{background-color:#666;background-color:var(--dark-scrollbar-hover-color,#666)}@media (max-width:768px){.notification-dropdown-menu{right:-20px;width:265px}.notification-dropdown-header{padding:14px 16px}.notification-dropdown-header h3{font-size:15px}.mark-all-read-btn{font-size:11px;padding:3px 6px}.notification-dropdown-content{max-height:300px}.notification-list{padding:6px}.notification-dropdown-footer{padding:10px 16px}.view-all-notifications-btn{font-size:12px;padding:7px 14px}}@media (max-width:480px){.notification-dropdown-menu{right:-40px;width:300px}.notification-dropdown-content{max-height:250px}}@keyframes notification-highlight{0%{background-color:#007bff1a;background-color:var(--primary-background,#007bff1a)}to{background-color:initial}}.notification-item.new-notification{animation:notification-highlight 2s ease-out}.notification-dropdown-menu:focus-within{box-shadow:0 8px 32px #00000026,0 0 0 2px #007bff;box-shadow:0 8px 32px #00000026,0 0 0 2px var(--focus-color,#007bff)}.notification-toggle:focus{outline:2px solid #007bff;outline:2px solid var(--focus-color,#007bff);outline-offset:2px}@media (prefers-contrast:high){.notification-dropdown-menu{border-width:2px}.notification-toggle{border:2px solid #0000}.notification-toggle:focus{border-color:#007bff;border-color:var(--focus-color,#007bff);outline:none}}:root,:root.light-theme,[data-theme=light]{--brand-blue:#173997;--brand-blue-light:#1976d2;--primary-blue:var(--brand-blue);--primary-blue-hover:var(--brand-blue-light);--bg-primary:#f8fafc;--bg-secondary:#f8fafc;--bg-tertiary:#e5e7eb;--bg-dark:#0f1b3c;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#f3f4f6;--bg-input-focus:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-on-dark:#fff;--border-color:#e5e7eb;--border-focus:#10b981;--button-primary-bg:#1565c0;--button-primary-bg-hover:#1976d2;--button-secondary-bg:#6b7280;--button-secondary-bg-hover:#4b5563;--button-text:#fff;--theme-bg-main:#fff;--theme-bg-secondary:#f8fafc;--theme-bg-elevated:#fff;--theme-bg-side-panel:#173997;--theme-bg-side-panel-menu:var(--brand-blue);--theme-bg-side-panel-submenu:var(--brand-blue);--theme-bg-side-panel-item:var(--brand-blue);--theme-menu-hover-bg:#29b335;--theme-menu-hover-text:#1e3a8a;--theme-menu-active-bg:#e8f5e8;--theme-menu-active-text:#2e7d32;--theme-text-primary:#1f2937;--theme-text-secondary:#6b7280;--theme-text-muted:#9ca3af;--theme-border:#e5e7eb;--theme-shadow:#0000001a;--theme-hero-title:#1f2937;--theme-hero-subtitle:#4b5563;--theme-bg-header:#112240;--theme-text-header:#fff;--theme-text-accent:#61dafb;--theme-border-accent:#357abd;--theme-bg-hover:#ffffff1a;--theme-bg-hover-light:#f3f4f6;--theme-bg-danger:#ef4444;--theme-text-on-danger:#fff;--theme-text-on-primary:#fff;--theme-bg-primary:#1565c0;--theme-bg-primary-hover:#1976d2;--theme-overlay:#00000080;--theme-shadow-color:#0000001a;--theme-border-light:#1f29371a;--theme-brand-color:#10b981}:root.dark-theme,[data-theme=dark]{--bg-primary:#1f2937;--bg-secondary:#374151;--bg-tertiary:#4b5563;--bg-card:#374151;--bg-card-hover:#4b5563;--bg-input:#4b5563;--bg-input-focus:#6b7280;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-on-dark:#f9fafb;--border-color:#4b5563;--border-focus:#10b981;--button-primary-bg:#1565c0;--button-primary-bg-hover:#1976d2;--button-secondary-bg:#6b7280;--button-secondary-bg-hover:#4b5563;--button-text:#fff;--theme-bg-main:#1f2937;--theme-bg-secondary:#374151;--theme-bg-elevated:#4b5563;--theme-bg-side-panel:#374151;--theme-bg-side-panel-menu:#374151;--theme-bg-side-panel-submenu:#374151;--theme-bg-side-panel-item:#374151;--theme-menu-hover-bg:#4b5563;--theme-menu-hover-text:#10b981;--theme-menu-active-bg:#1f4d2f;--theme-menu-active-text:#10b981;--theme-text-primary:#f9fafb;--theme-text-secondary:#d1d5db;--theme-text-muted:#9ca3af;--theme-border:#4b5563;--theme-shadow:#0000004d;--theme-hero-title:#f9fafb;--theme-hero-subtitle:#d1d5db;--theme-bg-header:#112240;--theme-text-header:#fff;--theme-text-accent:#61dafb;--theme-border-accent:#357abd;--theme-bg-hover:#ffffff1a;--theme-bg-hover-light:#4b5563;--theme-bg-danger:#ff4757;--theme-text-on-danger:#fff;--theme-text-on-primary:#fff;--theme-bg-primary:#1565c0;--theme-bg-primary-hover:#1976d2;--theme-overlay:#000000b3;--theme-shadow-color:#0000004d;--theme-border-light:#ffffff1a;--theme-brand-color:#10b981;--bg-main-container-blue:#374151;--bg-block-container-blue:#4b5563;--bg-input-error:#7f1d1d;--bg-input-success:#14532d;--bg-input-warning:#92400e}.common-container{background:#f8fafc;background:var(--bg-primary);color:#1f2937;color:var(--theme-text-primary)}.common-section{background:#fff;background:var(--theme-bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--theme-border)}.common-form-field input,.common-form-field select,.common-form-field textarea{background:#f3f4f6;background:var(--bg-input);border-color:#e5e7eb;border-color:var(--theme-border);color:#1f2937;color:var(--theme-text-primary)}.common-form-field input:focus,.common-form-field select:focus,.common-form-field textarea:focus{background:#e5e7eb;background:var(--bg-input-focus);border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.common-form-field label,.common-nav-item{color:#1f2937;color:var(--theme-text-primary)}.common-nav-item:hover{background:#10b9811a}.common-nav-text h4{color:#1f2937;color:var(--theme-text-primary)}.common-nav-text p{color:#6b7280;color:var(--theme-text-secondary)}:root .side-panel,:root.light-theme .side-panel,[data-theme=dark] .side-panel,[data-theme=light] .side-panel{background-color:#173997;background-color:var(--theme-bg-side-panel);border-right-color:#3b82f6}:root .admin-menu-item,:root .menu-item,:root .platform-admin-menu-item,:root .reports-menu-item,:root .scam-detector-menu-item,:root .simulations-menu-item,:root .submenu-item,:root .top-menu-item,:root.light-theme .admin-menu-item,:root.light-theme .menu-item,:root.light-theme .platform-admin-menu-item,:root.light-theme .reports-menu-item,:root.light-theme .scam-detector-menu-item,:root.light-theme .simulations-menu-item,:root.light-theme .submenu-item,:root.light-theme .top-menu-item,[data-theme=light] .admin-menu-item,[data-theme=light] .menu-item,[data-theme=light] .platform-admin-menu-item,[data-theme=light] .reports-menu-item,[data-theme=light] .scam-detector-menu-item,[data-theme=light] .simulations-menu-item,[data-theme=light] .submenu-item,[data-theme=light] .top-menu-item{background-color:#173997;background-color:var(--theme-bg-side-panel-item);color:#fff}:root .admin-menu-item:hover,:root .menu-item:hover,:root .platform-admin-menu-item:hover,:root .reports-menu-item:hover,:root .scam-detector-menu-item:hover,:root .simulations-menu-item:hover,:root .submenu-item:hover,:root .top-menu-item:hover,:root.light-theme .admin-menu-item:hover,:root.light-theme .menu-item:hover,:root.light-theme .platform-admin-menu-item:hover,:root.light-theme .reports-menu-item:hover,:root.light-theme .scam-detector-menu-item:hover,:root.light-theme .simulations-menu-item:hover,:root.light-theme .submenu-item:hover,:root.light-theme .top-menu-item:hover,[data-theme=light] .admin-menu-item:hover,[data-theme=light] .menu-item:hover,[data-theme=light] .platform-admin-menu-item:hover,[data-theme=light] .reports-menu-item:hover,[data-theme=light] .scam-detector-menu-item:hover,[data-theme=light] .simulations-menu-item:hover,[data-theme=light] .submenu-item:hover,[data-theme=light] .top-menu-item:hover{background-color:#ffffff1a;color:#fff}:root .caret,:root.light-theme .caret,[data-theme=light] .caret{border-color:#fff}:root .icon,:root.light-theme .icon,[data-theme=light] .icon{color:#fffc}:root .side-panel ul,:root.light-theme .side-panel ul,[data-theme=light] .side-panel ul{background-color:#173997;background-color:var(--theme-bg-side-panel-menu)}[data-theme=dark] .admin-menu-item,[data-theme=dark] .menu-item,[data-theme=dark] .platform-admin-menu-item,[data-theme=dark] .reports-menu-item,[data-theme=dark] .scam-detector-menu-item,[data-theme=dark] .simulations-menu-item,[data-theme=dark] .submenu-item,[data-theme=dark] .top-menu-item{background-color:#173997;background-color:var(--theme-bg-side-panel-menu);color:#1f2937;color:var(--theme-text-primary)}[data-theme=dark] .admin-menu-item:hover,[data-theme=dark] .menu-item:hover,[data-theme=dark] .platform-admin-menu-item:hover,[data-theme=dark] .reports-menu-item:hover,[data-theme=dark] .scam-detector-menu-item:hover,[data-theme=dark] .simulations-menu-item:hover,[data-theme=dark] .submenu-item:hover,[data-theme=dark] .top-menu-item:hover{background-color:#6b7280;background-color:var(--button-secondary-bg);color:#fff;color:var(--button-text)}[data-theme=dark] .caret{border-color:#1f2937;border-color:var(--theme-text-primary)}[data-theme=dark] .icon{color:#6b7280;color:var(--theme-text-secondary)}[data-theme=dark] .side-panel ul{background-color:#173997;background-color:var(--theme-bg-side-panel-menu)}[data-theme=dark] .side-panel .menu-item.disabled,[data-theme=dark] .side-panel .submenu-item.disabled{background-color:#fff!important;background-color:var(--theme-bg-elevated)!important;color:#9ca3af!important;color:var(--theme-text-muted)!important}[data-theme=dark] .side-panel .menu-item.disabled .icon,[data-theme=dark] .side-panel .submenu-item.disabled .icon{color:#9ca3af!important;color:var(--theme-text-muted)!important}[data-theme=dark] .common-dropdown-menu{background:#fff;background:var(--theme-bg-elevated);border-color:#e5e7eb;border-color:var(--theme-border)}:root.dark-theme .dashboard-card,[data-theme=dark] .dashboard-card{background:#fff;background:var(--bg-card);border-color:#e5e7eb;border-color:var(--border-color);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}:root.dark-theme .dashboard-card:hover,[data-theme=dark] .dashboard-card:hover{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d}:root.dark-theme .dashboard-card h4,[data-theme=dark] .dashboard-card h4{border-bottom-color:#e5e7eb;border-bottom-color:var(--border-color);color:#1f2937;color:var(--text-primary)}:root.dark-theme .dashboard-card p,[data-theme=dark] .dashboard-card p{color:#6b7280;color:var(--text-secondary)}:root.dark-theme .dashboard-section-header,[data-theme=dark] .dashboard-section-header{border-bottom-color:#e5e7eb;border-bottom-color:var(--border-color);color:#1f2937;color:var(--text-primary)}:root.dark-theme .last-updated,[data-theme=dark] .last-updated{color:#9ca3af;color:var(--text-muted)}:root.dark-theme .score-error,[data-theme=dark] .score-error{background:#ef444433;color:#fca5a5}:root.dark-theme .dashboard-effectiveness-card,:root.dark-theme .dashboard-metric-card,[data-theme=dark] .dashboard-effectiveness-card,[data-theme=dark] .dashboard-metric-card{background:#fff;background:var(--bg-card);border-color:#e5e7eb;border-color:var(--border-color)}:root.dark-theme .dashboard-effectiveness-card h5,[data-theme=dark] .dashboard-effectiveness-card h5{color:#1f2937;color:var(--text-primary)}:root.dark-theme .dashboard-effectiveness-card p,[data-theme=dark] .dashboard-effectiveness-card p{color:#6b7280;color:var(--text-secondary)}:root{--risk-critical-bg:#fef2f2;--risk-critical-border:#fecaca;--risk-critical-text:#dc2626;--risk-high-bg:#fffbeb;--risk-high-border:#fde68a;--risk-high-text:#d97706;--risk-low-bg:#f0fdf4;--risk-low-border:#bbf7d0;--risk-low-text:#15803d;--shield-strong-bg:#f0fdf4;--shield-strong-border:#bbf7d0;--shield-strong-text:#15803d;--shield-medium-bg:#fffbeb;--shield-medium-border:#fde68a;--shield-medium-text:#d97706;--shield-weak-bg:#fef2f2;--shield-weak-border:#fecaca;--shield-weak-text:#dc2626;--progress-bg:#f1f5f9;--progress-strong:#22c55e;--progress-medium:#f59e0b;--progress-weak:#ef4444}:root.dark-theme,[data-theme=dark]{--risk-critical-bg:#b91c1c33;--risk-critical-border:#b91c1c66;--risk-critical-text:#fca5a5;--risk-high-bg:#d9770633;--risk-high-border:#d9770666;--risk-high-text:#fcd34d;--risk-low-bg:#15803d33;--risk-low-border:#15803d66;--risk-low-text:#86efac;--shield-strong-bg:#15803d33;--shield-strong-border:#15803d66;--shield-strong-text:#86efac;--shield-medium-bg:#d9770633;--shield-medium-border:#d9770666;--shield-medium-text:#fcd34d;--shield-weak-bg:#b91c1c33;--shield-weak-border:#b91c1c66;--shield-weak-text:#fca5a5;--progress-bg:#374151;--progress-strong:#22c55e;--progress-medium:#f59e0b;--progress-weak:#ef4444;--simulation-completed-bg:#15803d33;--simulation-pending-bg:var(--bg-card);--simulation-completed-color:#22c55e;--simulation-pending-color:#3b82f6;--simulation-progress-bg:#4b5563;--phishing-alert-bg:#b91c1c26;--phishing-danger-bg:#b91c1c33;--phishing-success-bg:#15803d33;--phishing-fail-bg:#b91c1c33}.common-button{background:#f8fafc;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;color:#1f2937;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:background .3s ease,color .3s ease}.common-button:hover{background:#f8fafc;background:var(--bg-secondary)}.common-button.secondary{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff}.common-button.secondary:hover{background:linear-gradient(135deg,#4b5563,#6b7280)}.common-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a;padding:1rem}.common-card:hover{box-shadow:0 10px 15px -3px #0003}.common-header{background:#f8fafc;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color)}.common-footer,.common-header{color:#1f2937;color:var(--text-primary);padding:.5rem 1rem}.common-footer{background:#f8fafc;background:var(--bg-secondary);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color)}.common-link{color:#1f2937;color:var(--text-primary);text-decoration:none;transition:color .3s ease}.common-link:hover{color:#6b7280;color:var(--text-secondary)}.common-table{border-collapse:collapse;margin:1rem 0;width:100%}.common-table td,.common-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.common-table th{background:#f8fafc;background:var(--bg-secondary);color:#1f2937;color:var(--text-primary)}.common-table tr:hover{background:#f8fafc;background:var(--bg-card-hover)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.theme-switching *{transition:none!important}.theme-indicator{align-items:center;background:#10b9811a;border-radius:.375rem;color:#10b981;display:inline-flex;font-size:.875rem;gap:.5rem;margin-left:.5rem;padding:.25rem .5rem}[data-theme=dark] .theme-indicator{background:#10b98133;color:#34d399}.theme-icon{height:1rem;width:1rem}@media (prefers-contrast:high){[data-theme=dark]{--theme-text-primary:#fff;--theme-text-secondary:#e5e7eb;--theme-border:#6b7280}[data-theme=light]{--theme-text-primary:#000;--theme-text-secondary:#374151;--theme-border:#9ca3af}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media print{:root{--theme-bg-main:#fff!important;--theme-bg-secondary:#fff!important;--theme-bg-elevated:#fff!important;--theme-text-primary:#000!important;--theme-text-secondary:#374151!important;--theme-border:#9ca3af!important}*{background:#fff!important;border-color:#9ca3af!important;color:#000!important}}[data-theme=dark] .side-panel .sign-in-message{color:#6b7280;color:var(--theme-text-secondary)}[data-theme=dark] .admin-menu-header,[data-theme=dark] .platform-admin-menu-header,[data-theme=dark] .reports-menu-header,[data-theme=dark] .scam-detector-menu-header,[data-theme=dark] .simulations-menu-header{border-top-color:#e5e7eb;border-top-color:var(--theme-border)}[data-theme=dark] .side-panel::-webkit-scrollbar-track{background:#fff;background:var(--theme-bg-main)}[data-theme=dark] .side-panel::-webkit-scrollbar-thumb{background:#6b7280;background:var(--theme-text-secondary)}[data-theme=dark] .side-panel::-webkit-scrollbar-thumb:hover{background:#1f2937;background:var(--theme-text-primary)}[data-theme=dark] .common-message.warning{background:linear-gradient(135deg,#f59e0b26,#fbbf2426);border-color:#f59e0b66;color:#fbbf24}[data-theme=dark] .common-message.critical{background:linear-gradient(135deg,#dc262626,#ef444426);border-color:#dc262666;color:#f87171}[data-theme=dark] .common-message.info{background:linear-gradient(135deg,#3b82f626,#60a5fa26);border-color:#3b82f666;color:#60a5fa}[data-theme=dark] .common-warning-box{background:linear-gradient(135deg,#f59e0b26,#fbbf2414);box-shadow:0 2px 8px #f59e0b33}[data-theme=dark] .common-warning-box.at-limit,[data-theme=dark] .common-warning-box.critical{background:linear-gradient(135deg,#dc262633,#ef44441a);box-shadow:0 4px 12px #dc262640}[data-theme=dark] .common-warning-box.near-limit{background:linear-gradient(135deg,#f59e0b2e,#fbbf2417);box-shadow:0 3px 10px #f59e0b2e}[data-theme=dark] .common-warning-box h3,[data-theme=dark] .common-warning-box h4,[data-theme=dark] .common-warning-box p{color:#fbbf24}[data-theme=dark] .common-warning-box.at-limit h3,[data-theme=dark] .common-warning-box.at-limit h4,[data-theme=dark] .common-warning-box.at-limit p,[data-theme=dark] .common-warning-box.critical h3,[data-theme=dark] .common-warning-box.critical h4,[data-theme=dark] .common-warning-box.critical p{color:#f87171}.landing-header{align-items:center;background-color:#112240;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;top:0;width:97%;z-index:1000}.logo-container{align-items:center;display:flex;gap:.5rem}.logo{height:40px;width:auto}.app-name{color:var(--brand-green-light);font-size:1.5rem;font-weight:600}.nav-links{align-items:center;gap:2rem;margin-right:2rem}.nav-links,.nav-links.desktop-only{display:flex}.nav-links a{color:#fff!important;font-size:1.3rem;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#ff7f00}.stay-informed-dropdown{display:inline-block;position:relative}.stay-informed-dropdown>a{color:#fff!important;cursor:pointer;font-size:.9rem;margin:0 1rem;position:relative;text-decoration:none;transition:color .3s ease}.stay-informed-dropdown>a.active,.stay-informed-dropdown>a:hover{color:#ff7f00}.stay-informed-dropdown>a:after{content:" ▼";font-size:.8em;transition:transform .3s ease}.stay-informed-dropdown>a.active:after{transform:rotate(180deg)}.dropdown-menu{background-color:#1a2b4a;border:1px solid #357;border-radius:6px;box-shadow:0 8px 16px #0000004d;height:auto;left:0;margin-top:.5rem;max-height:none;max-width:265px;min-width:280px;overflow:visible;padding:.5rem 0;position:absolute;top:100%;width:-webkit-max-content;width:max-content;z-index:1001}.dropdown-menu a{border-bottom:1px solid #357;color:#fff!important;display:block;font-size:1rem;line-height:1.4;overflow:visible;padding:.75rem 1rem;text-decoration:none;text-overflow:clip;transition:background-color .2s ease;white-space:nowrap}.dropdown-menu a:last-child{border-bottom:none}.dropdown-menu a:hover{background-color:#2a3f5f;color:#ff7f00}.hamburger-menu{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:.5rem;z-index:1001}.hamburger-menu span{background-color:#fff;border-radius:2px;height:3px;margin:3px 0;transition:all .3s ease;width:25px}.hamburger-menu.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-overlay{align-items:flex-start;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-sidepanel-main{align-items:flex-start;background-color:#112240;border-radius:8px 0 0 8px;box-shadow:-2px 0 10px #0000004d;height:auto;margin-bottom:20px;margin-right:10px;margin-top:10px;max-height:calc(100vh - 100px);max-width:300px;min-height:-webkit-fit-content;min-height:fit-content;overflow-x:hidden;overflow-y:auto;padding:.5rem;width:min(300px,calc(100vw - 20px))}.mobile-sidepanel-main,.mobile-sidepanel-main-content{display:flex;flex-direction:column;gap:0}.mobile-menu-section{margin-bottom:0}.mobile-menu-section a{border-bottom:1px solid #ffffff1a;color:#fff!important;display:block;font-size:1.3rem;justify-content:flex-start;line-height:1.2;padding:.5rem .85rem;text-align:left;text-decoration:none;transition:background-color .3s ease}.mobile-menu-section a:hover{background-color:#ffffff1a;color:#ff7f00}.mobile-buttons{border-top:1px solid #fff3;display:none;flex-direction:column;gap:0;margin-top:.25rem;padding-top:.25rem;width:100%}.mobile-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:1.3rem;padding:.6rem .85rem;transition:background-color .3s ease;width:100%}.desktop-only{display:flex}.header-buttons{align-items:center;display:flex;gap:1rem}.get-started{background-color:#ff7f00;border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:1.3rem;padding:1.5rem 1rem}.get-started:hover{background-color:#e6720a}.kinshield-app{background-color:var(--brand-green);border:none;border-radius:4px;color:#fff!important;cursor:pointer;display:inline-block;font-size:1.3rem;padding:1.5rem 1rem;text-align:center;text-decoration:none}.kinshield-app:hover{background-color:var(--brand-green-light)}.stay-informed-btn{background-color:#2563eb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.stay-informed-btn:hover{background-color:#1d4ed8}@media (max-width:1024px){.landing-header{padding:1rem 1.5rem}.nav-links a{font-size:1.3rem;margin:0 .75rem}.get-started,.kinshield-app{font-size:1.2rem;padding:1.25rem .75rem}}@media (max-width:768px){.landing-header{align-items:center;justify-content:space-between;padding:1rem;position:relative;width:calc(100% - 2rem)}.hamburger-menu{display:flex;position:relative;z-index:1002}.desktop-only,.mobile-menu-section .stay-informed-dropdown,.nav-links.desktop-only,.stay-informed-dropdown{display:none}.mobile-buttons{border-top:1px solid #fff3;display:flex;flex-direction:column;gap:0;margin-top:.25rem;padding-top:.25rem;width:100%}.mobile-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:1.3rem;justify-content:flex-start;padding:.6rem .85rem;text-align:left;transition:background-color .3s ease;width:100%}.mobile-buttons .get-started{background-color:#ff7f00;color:#fff!important}.mobile-buttons .get-started:hover{background-color:#e6720a}.mobile-buttons .kinshield-app{background-color:#00b359;color:#fff!important}.mobile-buttons .kinshield-app:hover{background-color:#009e4f}}@media (max-width:480px){.landing-header{padding:.75rem;width:calc(100% - 1.5rem)}.logo{height:35px}.app-name{font-size:1.3rem}.nav-links{padding:.75rem;right:5px}.nav-links a{font-size:1.1rem;padding:.6rem;text-align:left}.hamburger-menu span{height:2.5px;width:22px}}@media (max-width:360px){.landing-header{padding:.5rem;width:calc(100% - 1rem)}.logo{height:30px}.app-name{font-size:1.2rem}.nav-links{padding:.5rem;top:60px}.nav-links a{font-size:1rem;padding:.5rem}.hamburger-menu{padding:.25rem}.hamburger-menu span{height:2px;margin:2px 0;width:20px}}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.modal-content{max-width:500px;padding:2rem;position:relative;width:90%}.close{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}@media (max-width:768px){.modal{padding:.5rem}.modal-content{max-height:85vh;padding:1.5rem;width:95%}}@media (max-width:480px){.modal-content{max-height:80vh;padding:1rem;width:98%}.close{font-size:1.3rem;right:8px;top:8px}}.choose-plans{background-color:#1e1e2f;border:2px solid #fff;border-radius:8px;box-sizing:border-box;color:#e0e0e0;max-height:85vh;overflow-y:auto;padding:1.5rem;text-align:center;width:100%}.choose-plans h1{color:#4caf50;font-size:1.8rem;margin-bottom:.8rem}.choose-plans-description{color:#b0b0b0;font-size:1rem;line-height:1.4;margin-bottom:1.5rem}.plans-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:1200px}.plan-card{background-color:var(--bg-primary);border:2px solid #3a3a4f;border-radius:8px;box-sizing:border-box;color:#666;display:flex;flex-direction:column;margin-bottom:1rem;max-width:100%;min-width:280px;padding:1rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:350px}.plan-card:hover{background-color:#3e3e55;box-shadow:0 6px 12px #0000004d;color:#e0e0e0;transform:scale(1.03)}.plan-card h2{color:#4caf50;font-size:1.4rem;margin-bottom:.5rem;transition:font-size .3s ease}.plan-card h2,.plan-price{align-items:center;display:flex;height:2.5rem;margin-top:0}.plan-price{color:#666;font-size:2rem;font-weight:700;margin-bottom:.8rem}.plan-card:hover .plan-price{color:#a0a0a0}.plan-card ul{flex-grow:1;list-style:none;margin-bottom:0;padding:0}.plan-card li{align-items:center;color:inherit;display:flex;font-size:.9rem;margin-bottom:.4rem}.plan-card li:before{color:#4caf50;content:"✔";font-weight:700;margin-right:.5rem}.got-it-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1.5rem;max-width:150px;min-width:100px;padding:.6rem 1.2rem;width:auto}.got-it-button:hover{background-color:#45a049}.cancel-button{background-color:#3a3a4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1.5rem;max-width:150px;min-width:100px;padding:.6rem 1.2rem;width:auto}.cancel-button:hover{background-color:#4caf50}.modal-overlay{background-color:#00000080;height:100%;width:100%;z-index:999}@media (max-width:1200px){.plans-container{gap:.8rem}.plan-card{height:380px;min-width:260px;width:260px}.plan-card h2,.plan-price{height:2.5rem}}@media (max-width:768px){.choose-plans{max-height:90vh;padding:1rem}.choose-plans h1{font-size:1.5rem;margin-bottom:.5rem}.choose-plans-description{font-size:.9rem;margin-bottom:1rem}.plans-container{align-items:center;flex-direction:column;gap:.8rem}.plan-card{height:350px;margin-bottom:.8rem;max-width:350px;min-width:auto;width:100%}.plan-card h2{font-size:1.2rem;height:2rem}.plan-price{font-size:1.6rem;height:2rem}.plan-card li{font-size:.85rem}}@media (max-width:480px){.choose-plans{max-height:95vh;padding:.8rem}.choose-plans h1{font-size:1.3rem}.choose-plans-description{font-size:.85rem}.plan-card{height:265px;max-width:100%;padding:.8rem}.plan-card h2{font-size:1.1rem;height:1.8rem}.plan-price{font-size:1.4rem;height:1.8rem}.plan-card li{font-size:.8rem}.cancel-button{font-size:.85rem;padding:.5rem 1rem}}.footer{background-color:#fff;box-sizing:border-box;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:2rem 1rem;width:100%}.footer-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-section-wrapper{display:flex;flex:2 1;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:flex-end}.footer-section,.footer-section-about{display:flex;flex:1 1;flex-direction:column;max-width:300px;min-width:200px;text-align:left}.footer-section-about{margin-right:100px;max-width:400px}.footer-business-info{border-top:1px solid #1739971a;margin-top:1.5rem;padding-top:1rem}.footer-business-name{color:#173997;font-size:1rem;margin:0 0 .5rem}.footer-business-address{color:#4b5563;font-size:.85rem;margin:0 0 .5rem}.footer-business-contact{color:#4b5563;font-size:.85rem;line-height:1.6;margin:0}.footer-business-contact a{color:#15803d;text-decoration:none;transition:color .3s ease}.footer-business-contact a:hover{color:#173997;text-decoration:underline}.footer-section h4,.footer-section-about h4{color:#173997;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.footer-section p,.footer-section ul{font-size:.9rem;line-height:1.6;margin:0}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#15803d;text-decoration:none;text-shadow:1px 1px 2px #0003;transition:color .3s ease}.footer-section ul li a:hover{color:#15803d;text-decoration:underline}.social-icons{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.social-icons a{color:#15803d;font-size:1rem;text-decoration:none;text-shadow:1px 1px 2px #0003;transition:color .3s ease;white-space:nowrap}.social-icons a:hover{color:#15803d;text-decoration:underline}.footer-bottom{border-top:1px solid #17399733;color:#6b7280;font-size:.8rem;margin-top:2rem;padding-top:1rem;text-align:center}.footer-company-info{align-items:center;display:flex;flex-direction:column;gap:.5rem}.footer-company-name{color:#374151;font-size:.9rem;margin:0}.footer-company-link{color:#173997;font-weight:600;text-decoration:none;transition:color .3s ease}.footer-company-link:hover{color:#15803d;text-decoration:underline}.footer-copyright{color:#6b7280;font-size:.8rem;margin:0}@media (max-width:768px){.footer{padding:1.5rem 1rem}.footer-container{flex-direction:column;gap:1.5rem;text-align:left}.footer-section-wrapper{flex-direction:column;gap:1.5rem;justify-content:flex-start}.footer-section,.footer-section-about{max-width:100%;width:100%}.footer-section h4,.footer-section-about h4{font-size:1.1rem;margin-bottom:.8rem}.social-icons{justify-content:flex-start}}@media (max-width:480px){.footer{padding:1rem .8rem}.footer-container,.footer-section-wrapper{gap:1rem}.footer-section h4,.footer-section-about h4{font-size:1rem;margin-bottom:.6rem}.footer-section p,.footer-section ul{font-size:.85rem}.footer-section ul li{margin-bottom:6px}.social-icons{gap:.8rem}.social-icons a{font-size:.9rem}.footer-bottom{font-size:.75rem;margin-top:1.5rem}}@media (max-width:600px) and (min-width:481px){.footer-section-wrapper{flex-direction:row;justify-content:space-between}.footer-section{flex:1 1;min-width:0}}@media (max-width:360px){.footer{padding:.8rem .5rem}.footer-section h4,.footer-section-about h4{font-size:.95rem}.footer-section p,.footer-section ul{font-size:.8rem}.social-icons{align-items:flex-start;flex-direction:column;gap:.5rem}}.footer-legal-link{background:none;border:none;color:#15803d;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none;text-shadow:1px 1px 2px #0003;transition:color .3s ease}.footer-legal-link:hover{color:#15803d;text-decoration:underline}.footer-legal-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.footer-legal-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 10px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:95%}.back-to-footer-button{align-items:center;background:none;border:none;border-bottom:1px solid #e0e0e0;color:#1565c0;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem;text-align:right;width:100%}.back-to-footer-button:hover{background-color:#f5f5f5;color:#0d47a1}.footer-legal-content-wrapper{flex:1 1;overflow-y:auto;padding:0}.footer-legal-content-wrapper>div{min-height:auto!important}.contact-modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.contact-modal-content{animation:slideUp .3s ease-out;background:#fff;background:var(--theme-bg-elevated,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;color:#1f2937;color:var(--theme-text-primary,#1f2937);max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;position:relative;width:100%}.contact-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--theme-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:40px}.contact-modal-close:hover{background-color:#f3f4f6;background-color:var(--theme-bg-hover-light,#f3f4f6)}.contact-modal-close:hover,.contact-modal-content h2{color:#1f2937;color:var(--theme-text-primary,#1f2937)}.contact-modal-content h2{font-size:1.75rem;margin:0 0 .35rem}.contact-modal-subtitle{color:#6b7280;color:var(--theme-text-secondary,#6b7280);font-size:1rem;margin:0 0 .75rem}.contact-form{display:flex;flex-direction:column;gap:.5rem}.form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{color:#1f2937;color:var(--theme-text-primary,#1f2937);font-size:.95rem}.form-group input,.form-group textarea{background-color:#fff;background-color:var(--theme-bg-input,#fff);border:2px solid #e5e7eb;border:2px solid var(--theme-border,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--theme-text-primary,#1f2937);font-family:inherit;font-size:1rem;padding:.5rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.form-group textarea{min-height:80px;resize:vertical}.contact-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.25rem}.contact-modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel{background-color:#f3f4f6;background-color:var(--theme-bg-secondary,#f3f4f6);color:#1f2937;color:var(--theme-text-primary,#1f2937)}.btn-cancel:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--theme-bg-hover-light,#e5e7eb)}.btn-submit{background-color:#007bff;background-color:var(--theme-bg-primary,#007bff);color:#fff;color:var(--theme-text-on-primary,#fff)}.btn-submit:hover:not(:disabled){background-color:#0056b3;background-color:var(--theme-bg-primary-hover,#0056b3);box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}.contact-alternative{border-top:1px solid #e5e7eb;border-top:1px solid var(--theme-border,#e5e7eb);margin-top:1rem;padding-top:.75rem;text-align:center}.contact-alternative p{color:#6b7280;color:var(--theme-text-secondary,#6b7280);font-size:.95rem;margin:.5rem 0}.contact-email{font-size:1rem!important}.contact-email a{color:#007bff;color:var(--theme-bg-primary,#007bff);font-weight:600;text-decoration:none}.contact-email a:hover{text-decoration:underline}@media (max-width:768px){.contact-modal-content{max-height:95vh;padding:1.5rem}.contact-modal-content h2{font-size:1.5rem}.contact-modal-actions{flex-direction:column-reverse}.contact-modal-actions button{width:100%}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.contact-modal-overlay{padding:.5rem}.contact-modal-content{padding:1rem}.contact-modal-close{font-size:1.75rem;height:36px;right:.5rem;top:.5rem;width:36px}.form-group input,.form-group textarea{font-size:.95rem}}.landing-page{background-color:#173997;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:50vh}.landing-main{background-position:50%;background-size:cover;margin-bottom:4%;margin-left:2%;margin-top:7%;padding:2rem;text-align:left;width:93%}.landing-main h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9cffdb,#6ffcb8 30%,#2ef58a 70%,#6ffcb8);-webkit-background-clip:text;background-clip:text;color:var(--brand-green);filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));font-size:3.052rem;font-weight:400;margin-bottom:1rem;text-shadow:2px 2px 4px #0006,-1px -1px 1px #9cffdb80,3px 3px 6px #0000004d}.landing-main h2{color:#add8e6;font-size:1.25rem;font-weight:400;line-height:1.8;margin-bottom:2rem;max-width:800px}.landing-main p{color:#d1d5db;font-size:1rem;line-height:1.8;margin:0 0 2rem;max-width:600px}.landing-page .action-buttons{display:flex;gap:1.5rem;justify-content:flex-start;margin-top:40px}.start-trial{align-items:center;background:var(--brand-green);border:2px solid #fff3;border-radius:6px;box-shadow:0 6px 12px #0006,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:54px;justify-content:center;min-width:180px;padding:.75rem 2rem;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;white-space:nowrap;width:auto}.start-trial:hover{background:var(--brand-green-light);box-shadow:0 8px 16px #00000080,inset 0 1px 2px #fff6,inset 0 -1px 2px #0000004d;transform:translateY(-2px)}.start-trial:active{box-shadow:0 3px 6px #0006,inset 0 1px 2px #0000004d;transform:translateY(0)}.watch-demo{align-items:center;background:linear-gradient(145deg,#5a6472,#4b5563);border:2px solid #ffffff26;border-radius:6px;box-shadow:0 6px 12px #0006,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;gap:.5rem;height:54px;justify-content:center;min-width:180px;padding:.75rem 2rem;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;white-space:nowrap;width:auto}.watch-demo:hover{background:linear-gradient(145deg,#6b7280,#5a6472);box-shadow:0 8px 16px #00000080,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000004d;color:#fff;transform:translateY(-2px)}.watch-demo:active{box-shadow:0 3px 6px #0006,inset 0 1px 2px #0000004d;transform:translateY(0)}.watch-demo .play-icon{color:#fff;font-size:1.563rem}.overview-podcast{align-items:center;background:linear-gradient(145deg,#5a6472,#4b5563);border:2px solid #ffffff26;border-radius:6px;box-shadow:0 6px 12px #0006,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;gap:.5rem;height:54px;justify-content:center;min-width:180px;padding:.75rem 2rem;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;white-space:nowrap;width:auto}.overview-podcast:hover{background:linear-gradient(145deg,#6b7280,#5a6472);box-shadow:0 8px 16px #00000080,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000004d;color:#fff;transform:translateY(-2px)}.overview-podcast:active{box-shadow:0 3px 6px #0006,inset 0 1px 2px #0000004d;transform:translateY(0)}.overview-podcast .audio-icon{color:#fff;font-size:1.563rem}.landing-content-wrapper{align-items:flex-start;display:flex;gap:2rem;width:95%}.hero-shield-container{left:75%;opacity:.15;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.hero-shield{filter:drop-shadow(0 0 40px rgba(0,179,89,.5))}@media (max-width:1024px){.hero-shield-container{opacity:.12}}@media (max-width:768px){.hero-shield-container{opacity:.1}}.landing-content{flex:1 1;min-width:0}.landing-image{border-radius:15px;box-shadow:0 10px 30px #00000080,0 6px 15px #0006,inset 0 1px 2px #ffffff1a;display:block;flex-shrink:0;margin-top:0;position:relative;width:50%}.landing-image:after,.landing-image:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:1px;z-index:1}.landing-image:before{background:linear-gradient(180deg,#0000 0,#fff6 50%,#fff6);left:0}.landing-image:after{background:linear-gradient(0deg,#0000 0,#fff6 50%,#fff6);right:0}@media (max-width:1024px){.landing-main{margin-left:1%;margin-top:5%;padding:1.5rem;width:97%}.landing-main h1,.landing-main h2{font-size:2.441rem}.landing-main p{font-size:1.125rem;max-width:100%}.landing-image{margin-top:20px;width:40%}.action-buttons{margin-top:60px}.start-trial,.watch-demo{font-size:1.125rem;height:50px;min-width:160px;padding:.7rem 1.5rem;width:auto}}@media (max-width:768px){.landing-main{margin-left:0;margin-top:3%;padding:1rem;width:100%}.landing-content-wrapper{align-items:center;flex-direction:column;gap:1.5rem;text-align:center}.landing-content{order:2}.landing-image{margin-top:0;max-width:500px;order:1;width:85%}.landing-main h1{font-size:2.441rem}.landing-main h1,.landing-main h2{margin-bottom:1rem;text-align:center}.landing-main h2{font-size:1.563rem}.landing-main p{font-size:1rem;margin:0 auto 1.5rem;text-align:center}.action-buttons{align-items:center;flex-direction:column;gap:1rem;margin-top:30px;width:100%}.overview-podcast,.start-trial,.watch-demo{font-size:1rem;height:48px;justify-content:center;max-width:280px;padding:.75rem 1.5rem;width:80%}}@media (max-width:480px){.landing-page{min-height:40vh}.landing-main{margin-top:2%;padding:.75rem}.landing-image{max-width:250px;width:80%}.landing-main h1{font-size:1.953rem}.landing-main h1,.landing-main h2{line-height:1.3;margin-bottom:.8rem}.landing-main h2{font-size:1.25rem}.landing-main p{font-size:.875rem;line-height:1.6;margin-bottom:1rem}.action-buttons{gap:.8rem;margin-top:20px}.overview-podcast,.start-trial,.watch-demo{font-size:.875rem;height:44px;max-width:260px;padding:.6rem 1.2rem;width:90%}.overview-podcast .audio-icon,.watch-demo .play-icon{font-size:1.25rem}}@media (max-width:360px){.landing-main h1,.landing-main h2{font-size:1.563rem}.landing-main p{font-size:.875rem}.start-trial,.watch-demo{font-size:.75rem;height:40px;padding:.5rem 1rem}}.modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:90vw;overflow-y:auto}[data-theme=dark] .modal-content{background-color:var(--theme-bg-card)}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{margin:0;max-height:95vh;max-width:95vw}}@media (max-width:480px){.modal-overlay{padding:.25rem}.modal-content{border-radius:4px;max-height:98vh;max-width:98vw}}.video-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-container{background-color:#1e293b;border-radius:8px;max-width:800px;padding:20px;text-align:center;width:80%}.video-header{align-items:center;border-bottom:2px solid #3b82f6;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.video-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.close-button{align-items:center;background-color:initial;border:2px solid #ef4444;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;transition:all .2s ease;width:35px}.close-button:hover{background-color:#ef4444;color:#fff}video{border-radius:8px;width:100%}.video-controls{margin-top:10px}.video-controls button{background-color:#2563eb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:0 10px;padding:10px 20px}.video-controls button:hover{background-color:#1d4ed8}.particle-background-canvas{height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.particle-container{overflow:hidden;position:relative}.particle-container>:not(.particle-background-canvas){position:relative;z-index:2}@media (max-width:768px){.particle-background-canvas{opacity:.4}}@media (prefers-reduced-motion:reduce){.particle-background-canvas{display:none}}.landing-page-animated{background-color:#173997;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:50vh}.landing-page-animated .landing-main{background-position:50%;background-size:cover;margin-bottom:4%;margin-left:2%;margin-top:10%;overflow:visible;padding:2rem;position:relative;text-align:left;width:93%}.landing-page-animated .landing-main:before{animation:lightSourceArc 9s ease-in-out 2.1s forwards;background:radial-gradient(circle,#fff 0,#ffffffd9 15%,#fff9 35%,#ffffff4d 65%,#ffffff1a 85%,#0000 100%);border-radius:50%;content:"";filter:blur(120px);height:1600px;left:-40%;pointer-events:none;position:absolute;top:30%;width:1600px;z-index:1}@keyframes lightSourceArc{0%{left:-40%;opacity:1}to{left:140%;opacity:1}}.landing-page-animated .landing-main h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9cffdb,#6ffcb8 30%,#2ef58a 70%,#6ffcb8);-webkit-background-clip:text;background-clip:text;color:#00db6e;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));font-size:3.052rem;font-weight:400;margin-bottom:1rem;text-shadow:2px 2px 4px #0006,-1px -1px 1px #9cffdb80,3px 3px 6px #0000004d}.landing-page-animated .landing-main h2{color:#add8e6;font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:2rem;max-width:1000px}.landing-page-animated .landing-main p{color:#d1d5db;font-size:1rem;line-height:1.6;margin:0 0 2rem;max-width:600px}.landing-page-animated .action-buttons{display:flex;gap:1.5rem;justify-content:flex-start;margin-top:40px}.landing-page-animated .start-trial{align-items:center;background:linear-gradient(145deg,#02db6e,#00b359);border:2px solid #fff3;border-radius:6px;box-shadow:0 6px 12px #0006,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:54px;justify-content:center;min-width:180px;padding:.75rem 2rem;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;white-space:nowrap;width:auto}.landing-page-animated .start-trial:hover{background:linear-gradient(145deg,#5af5a8,#02db6e);box-shadow:0 8px 16px #00000080,inset 0 1px 2px #fff6,inset 0 -1px 2px #0000004d;transform:translateY(-2px)}.landing-page-animated .start-trial:active{box-shadow:0 3px 6px #0006,inset 0 1px 2px #0000004d;transform:translateY(0)}.landing-page-animated .watch-demo{align-items:center;background:linear-gradient(145deg,#5a6472,#4b5563);border:2px solid #ffffff26;border-radius:6px;box-shadow:0 6px 12px #0006,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;gap:.5rem;height:54px;justify-content:center;min-width:180px;padding:.75rem 2rem;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;white-space:nowrap;width:auto}.landing-page-animated .watch-demo:hover{background:linear-gradient(145deg,#6b7280,#5a6472);box-shadow:0 8px 16px #00000080,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000004d;color:#fff;transform:translateY(-2px)}.landing-page-animated .watch-demo:active{box-shadow:0 3px 6px #0006,inset 0 1px 2px #0000004d;transform:translateY(0)}.landing-page-animated .watch-demo .play-icon{color:#fff;font-size:1.563rem}.landing-page-animated .overview-podcast{align-items:center;background:linear-gradient(145deg,#5a6472,#4b5563);border:2px solid #ffffff26;border-radius:6px;box-shadow:0 6px 12px #0006,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;gap:.5rem;height:54px;justify-content:center;min-width:180px;padding:.75rem 2rem;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;white-space:nowrap;width:auto}.landing-page-animated .overview-podcast:hover{background:linear-gradient(145deg,#6b7280,#5a6472);box-shadow:0 8px 16px #00000080,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000004d;color:#fff;transform:translateY(-2px)}.landing-page-animated .overview-podcast:active{box-shadow:0 3px 6px #0006,inset 0 1px 2px #0000004d;transform:translateY(0)}.landing-page-animated .overview-podcast .audio-icon{color:#fff;font-size:1.563rem}.landing-page-animated .landing-content-wrapper{align-items:stretch;display:flex;gap:3.5rem;width:100%}.landing-page-animated .landing-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0}.landing-page-animated .landing-image-container{align-items:stretch;align-self:stretch;display:flex;flex-shrink:0;justify-content:center;max-height:650px;min-height:450px;overflow:visible;position:relative;width:40%}.landing-page-animated .landing-image-wrapper{border-radius:8px;box-shadow:0 10px 30px #00000080,0 6px 15px #0006,inset 0 1px 2px #ffffff1a;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.landing-page-animated .landing-image-wrapper:after,.landing-page-animated .landing-image-wrapper:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:1px;z-index:1}.landing-page-animated .landing-image-wrapper:before{background:linear-gradient(180deg,#0000 0,#fff6 50%,#fff6);left:0}.landing-page-animated .landing-image-wrapper:after{background:linear-gradient(0deg,#0000 0,#fff6 50%,#fff6);right:0}.landing-page-animated .landing-image{border-radius:8px;height:100%;margin-top:0;object-fit:cover;object-position:center;transform-origin:top left;width:100%}.phone-screen-container{align-items:flex-start;display:flex;height:133%;justify-content:center;left:0;max-width:327px;position:absolute;top:0;width:100%}.phone-frame{aspect-ratio:9/20.9;background:#1a1a1a;border-radius:45px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:100%;max-height:1030px;padding:10px;position:relative;width:100%}.phone-notch{background:#1a1a1a;border-radius:0 0 18px 18px;height:30px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:120px;z-index:10}.phone-screen{background:linear-gradient(180deg,#0a0a0a 0,#1a1a1a);border-radius:32px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.phone-header{background:#2a2a2a;border-bottom:1px solid #3a3a3a;padding:40px 16px 10px}.contact-info{gap:12px}.contact-avatar,.contact-info{align-items:center;display:flex}.contact-avatar{background:#f44;border-radius:50%;font-size:1.953rem;height:48px;justify-content:center;width:48px}.contact-details{flex:1 1}.contact-name{color:#f44;font-size:1rem;font-weight:700;margin-bottom:4px}.contact-number{color:#888;font-size:.875rem}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:400px;overflow-y:auto;padding:16px}.message-bubble{align-self:flex-start;background:#2a5298;border-radius:18px;border-top-left-radius:4px;box-shadow:0 2px 8px #0000004d;color:#fff;max-width:85%;padding:12px 16px}.message-text{word-wrap:break-word;font-size:.875rem;line-height:1.4}.message-time{color:#fff9;font-size:.75rem;margin-top:4px;text-align:right}.phone-nav-bar{align-items:center;background:#000;border-bottom-left-radius:32px;border-bottom-right-radius:32px;display:flex;justify-content:center;padding:12px 0}.nav-indicator{background:#fff;border-radius:3px;height:5px;opacity:.6;width:140px}@media (max-width:1024px){.landing-page-animated .landing-main{margin-left:1%;margin-top:5%;padding:1.5rem;width:97%}.landing-page-animated .landing-main h1,.landing-page-animated .landing-main h2{font-size:2.441rem}.landing-page-animated .landing-main p{font-size:1.125rem;max-width:100%}.landing-page-animated .landing-content-wrapper{align-items:center;flex-direction:column;width:100%}.landing-page-animated .landing-image{margin-top:20px;width:50%}.landing-page-animated .landing-content{text-align:left;width:100%}.landing-page-animated .action-buttons{flex-wrap:wrap}}@media (max-width:768px){.landing-page-animated .landing-main{margin-left:0;margin-top:3%;padding:1rem;width:100%}.landing-page-animated .landing-main h1{font-size:2.441rem}.landing-page-animated .landing-main h2{font-size:1.25rem}.landing-page-animated .landing-image{width:70%}.landing-page-animated .action-buttons{flex-direction:column;gap:1rem;width:100%}.landing-page-animated .overview-podcast,.landing-page-animated .start-trial,.landing-page-animated .watch-demo{min-width:auto;width:100%}}@media (max-width:480px){.landing-page-animated .landing-main h1{font-size:1.563rem}.landing-page-animated .landing-main h2{font-size:1rem}.landing-page-animated .landing-image{width:90%}}@media (prefers-reduced-motion:reduce){.landing-page-animated *,.landing-page-animated :after,.landing-page-animated :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero-buttons button,.hero-left-section,.hero-right-section,.title-phrase{will-change:transform}.landing-page-animated{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (hover:hover){.btn-start-trial:hover:before{animation:ripple .6s ease-out;background:radial-gradient(circle at center,#fff3 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.btn-podcast:hover,.btn-watch-demo:hover{background:#4b5563}}@keyframes ripple{to{opacity:1;transform:scale(2)}}.landing-page-animated .landing-image-container{perspective:1200px}.landing-page-animated .landing-image-wrapper,.landing-page-animated .phone-screen-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.landing-main10{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb 25%,#90caf9 50%,#64b5f6 75%,#42a5f5);color:#1a1a1a;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:auto;overflow:hidden;padding:40px 24px;position:relative}.landing-main10:before{background:radial-gradient(circle at 20% 30%,#00b35940 0,#0000 40%),radial-gradient(circle at 80% 70%,#17399733 0,#0000 40%),radial-gradient(circle at 50% 50%,#02db6e26 0,#0000 50%);content:"";filter:blur(60px);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.landing-page10{background-color:initial;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1200px;padding:0;position:relative;width:100%;z-index:1}.hero-section{padding:0 24px}.landing-page10-title{color:#173997;font-size:3.052rem;font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-bottom:40px;text-shadow:2px 2px 8px #00000026}.content-section-top{align-items:flex-start;display:flex;gap:40px;margin:0 auto 32px;max-width:1400px;text-align:left}.content-text-first{flex:1.3 1;min-width:0}.content-section-middle{align-items:flex-start;display:flex;gap:40px;margin:0 auto 32px;max-width:1400px;text-align:left}.content-text-middle{flex:1.3 1;min-width:0}.content-section-bottom{margin:0 auto;max-width:1400px;text-align:left}.content-section-bottom p{margin-bottom:24px}.content-image{align-items:center;display:flex;flex:0 0 420px;justify-content:center}.landing-intro-image{border-radius:16px;box-shadow:0 20px 60px #00000040,0 8px 20px #00000026;height:auto;transition:transform .3s ease,box-shadow .3s ease;width:100%}.landing-intro-image:hover{box-shadow:0 24px 70px #0000004d,0 12px 24px #0000002e;transform:translateY(-4px)}.intro-paragraph,.problem-paragraph,.solution-paragraph{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a;color:#333;font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:24px;padding:32px 28px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.intro-paragraph:hover,.problem-paragraph:hover,.solution-paragraph:hover{box-shadow:0 8px 30px #0000001f,0 4px 12px #00000014;transform:translateY(-2px)}.first-sentence{color:#000;display:block;font-size:1.563rem;font-weight:600;line-height:1.3;margin-bottom:16px}.intro-paragraph{border-left:5px solid #3b82f6}.problem-paragraph{border-left:5px solid #8b5cf6}.solution-paragraph{border-left:5px solid #10b981}@media (max-width:768px){.landing-main10{min-height:auto;padding:32px 16px}.landing-page10{max-width:100%}.landing-page10-title{font-size:2.441rem;margin-bottom:32px}.content-section-middle,.content-section-top{flex-direction:column;gap:24px}.content-image{flex:0 0 auto;margin:0 auto;max-width:400px;width:100%}.intro-paragraph,.problem-paragraph,.solution-paragraph{font-size:.875rem;line-height:1.6;margin-bottom:20px;padding:24px 20px}.first-sentence{font-size:1.563rem;font-weight:600;margin-bottom:12px}}@media (max-width:480px){.landing-main10{padding:24px 12px}.landing-page10-title{font-size:1.953rem;line-height:1.1;margin-bottom:24px}.intro-paragraph,.problem-paragraph,.solution-paragraph{font-size:.875rem;line-height:1.6;padding:20px 16px}.first-sentence{font-size:1.25rem;font-weight:600}.content-image{max-width:100%}.hero-section{padding:0 12px}}:root{--brand-blue:#173997;--brand-blue-light:#1976d2;--brand-green:#10b981;--brand-green-light:#34d399;--primary-navy:#0f1b3c;--accent-green:#00e197;--accent-green-light:#34d399;--accent-purple:#8b5cf6;--accent-purple-light:#a78bfa;--accent-white:#fff;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-primary-hover:#f8fafc;--bg-secondary-hover:#5f6881;--bg-dark:#0f1b3c;--bg-gradient:linear-gradient(135deg,#0f1b3c,#1e3a8a);--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-modal:#0f1b3ccc;--bg-modal-content:#fff;--bg-main-container-teal:#8ac4bb;--bg-main-container-purple:#f0edff;--bg-main-container-blue:#173997;--bg-main-container-green-1:#ccf8ee;--bg-main-container-green:#e4f7f3;--bg-main-container-gradient-1:linear-gradient(135deg,#b9f8ca,#96cce7 15%,#7bb1f8);--bg-main-container-gradient-2:linear-gradient(135deg,#f4b9fe,#a5d2f7 30%,#559bf6);--bg-card-container-teal:#76b4aa;--bg-card-container-purple:#efdefe;--bg-card-container-blue:#3056bf;--bg-card-container-green:#d4faf0;--bg-card-container-gray:#e3e3e3;--bg-block-container-teal:#76b4aa;--bg-block-container-purple:#f4eff7;--bg-block-container-blue:#3056bf;--bg-block-container-green:#a2daab;--bg-block-container-gray:#e3e3e3;--bg-header:linear-gradient(135deg,#0f1b3c,#1e3a8a);--bg-footer:#0f1b3c;--bg-button:linear-gradient(135deg,#1e3a8a,#3b82f6);--bg-button-hover:linear-gradient(135deg,#1e3a8a,#4f46e5);--bg-button-active:linear-gradient(135deg,#1e3a8a,#4338ca);--bg-button-disabled:#d1d5db;--bg-button-text:#fff;--bg-button-text-hover:#fff;--bg-button-text-active:#fff;--bg-button-text-disabled:#9ca3af;--bg-input:#f3f4f6;--bg-input-focus:#e5e7eb;--bg-input-error:#fee2e2;--bg-input-success:#dcfce7;--bg-input-warning:#fffbeb;--primary-blue:#1e3a8a;--secondary-blue:#3b82f6;--success-green:#10b981;--success-green-dark:#059669;--error-red:#ef4444;--error-red-dark:#dc2626;--warning-orange:#f59e0b;--warning-orange-dark:#d97706;--purple-light:#ccc6e8;--purple:#8b5cf6;--purple-dark:#7c3aed;--text-primary:#283b56;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-on-dark:#fff;--text-on-primary:#fff;--text-on-secondary:#283b56;--text-accent:#10b981;--text-title:var(--text-primary);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #0000001a;--shadow-lg:0 4px 15px #00000026;--shadow-primary:0 4px 15px #1739974d;--shadow-success:0 4px 15px #22c55e4d;--shadow-error:0 4px 15px #e53e3e4d;--transition-fast:all 0.2s ease;--transition-normal:all 0.3s ease;--transition-slow:all 0.5s ease;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-title:var(--font-size-lg)}.main-title{color:#283b56;color:var(--text-title);font-size:1.125rem;font-size:var(--font-size-title);font-weight:400;line-height:1.2;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cta-button{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 15px #1739974d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;padding:16px 32px;text-decoration:none;transition:all .3s ease}.cta-button,.cta-button.primary{background:#173997}.cta-button.primary:hover{background:#2563eb;box-shadow:0 6px 25px #17399766;transform:translateY(-2px)}.cta-button.secondary{background:#00b359;box-shadow:0 4px 15px #28a7454d}.cta-button.secondary:hover{background:#02db6e;box-shadow:0 6px 25px #28a74566;transform:translateY(-2px)}.landing-page-32{background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding:80px 20px;position:relative}.stats-header{margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:1000px;padding:0 40px;text-align:center}.stats-header h1{color:#000;font-size:3.052rem;font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}.header-subtitle{color:#333!important;font-size:1.25rem;font-weight:400;line-height:1.5;margin:0 auto 16px;max-width:800px;text-transform:none!important}.warning-icon{color:#173997;font-size:1.1em;margin-right:8px;vertical-align:middle}.stats-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto 120px;max-width:1200px;padding:0;width:100%}.stat-card{align-items:center;animation:fadeInUp .8s ease-out forwards;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 6px 25px #00000038;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;overflow:visible;padding:40px 30px;position:relative;text-align:center;transform:translateY(30px);transition:all .3s ease}.stat-card:first-child{animation-delay:.2s}.stat-card:nth-child(2){animation-delay:.4s}.stat-card:nth-child(3){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-5px)}.stat-number{font-feature-settings:"tnum";color:#000;font-size:3.815rem;font-variant-numeric:tabular-nums;font-weight:300;letter-spacing:-.02em;line-height:1;margin-bottom:16px}.animated-counter{font-feature-settings:"tnum";display:inline-block}.stat-label{color:#000;font-size:1.25rem;font-weight:400;letter-spacing:normal;line-height:1.6;margin-bottom:24px;max-width:100%;text-align:center;text-transform:none}.stat-detail{color:#666;font-size:.75rem;font-style:normal;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-trend{background:#e6f0ff;border-radius:4px;color:#173997;display:inline-block;font-size:.875rem;font-weight:600;margin-top:8px;padding:4px 8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.protection-cta{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:20px;box-shadow:0 12px 45px #00000026;margin:120px auto 80px;max-width:1000px;padding:60px 50px;text-align:center}.protection-cta h2{align-items:center;color:#000;display:flex;flex-wrap:wrap;font-size:1.953rem;font-weight:500;justify-content:center;letter-spacing:-.02em;margin-bottom:24px}.protection-cta p{color:#333;font-size:1.25rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px}.disclaimer{color:#666;font-size:.875rem;line-height:1.4}@media (max-width:768px){.landing-page-32{padding:60px 20px}.stats-header{padding:0 20px}.stats-header h1{font-size:2.441rem}.header-subtitle{font-size:1.125rem}.stat-number{font-size:3.052rem}.stat-label{font-size:.9rem;max-width:200px}.protection-cta{margin:80px auto;padding:40px 30px}.protection-cta h2{flex-direction:column;font-size:1.953rem;gap:10px}.cta-buttons{align-items:center;flex-direction:column}.cta-button{max-width:300px;width:100%}}@media (max-width:480px){.stats-header h1{font-size:1.953rem}.stat-number{font-size:2.441rem}.stat-label{max-width:280px}.stat-card{padding:30px 20px}.cta-button{font-size:.9rem;padding:14px 24px}.protection-cta h2{font-size:1.563rem}.protection-cta p{font-size:1.125rem}}.landing-main20{background:linear-gradient(135deg,#f8f9fa,#fff);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:0;position:relative}.landing-page20{margin:0 auto;max-width:1400px;padding:60px 20px}.features-section{margin-bottom:100px}.section-title{font-size:3.052rem;line-height:1.1;margin-bottom:24px}.hero-icon{color:#173997;font-size:3.052rem;margin-right:16px}.section-subtitle{color:#333;font-size:1.25rem;line-height:1.6;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:950px;text-align:center}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:60px;width:100%}.feature-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 6px 25px #00000038;padding:24px;transition:all .3s ease}.feature-card.interactive{cursor:pointer;display:flex;flex-direction:column;min-height:380px;-webkit-user-select:none;user-select:none}.feature-card.interactive:focus{outline:3px solid #173997;outline-offset:2px}.feature-card.interactive:focus:not(:focus-visible){outline:none}.feature-card:hover{box-shadow:0 12px 40px #0000004d;transform:translateY(-5px)}.feature-header{align-items:center;display:flex;gap:0;margin-bottom:16px}.feature-icon{display:none}.feature-title{align-items:center;color:#000;display:flex;flex-wrap:wrap;font-size:1.563rem;font-weight:600;gap:12px;margin:0}.coming-soon-badge{background:linear-gradient(135deg,#fd7e14,#ff9800);border-radius:12px;box-shadow:0 2px 6px #fd7e144d;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.feature-content{margin-top:20px}.feature-content-wrapper{border-radius:12px;flex:1 1;margin-top:16px;min-height:280px;overflow:hidden;position:relative}.feature-gif-layer{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;transition:opacity .45s ease-in-out,visibility .45s ease-in-out}.feature-gif-layer.visible{opacity:1;visibility:visible}.feature-gif-layer.hidden{opacity:0;visibility:hidden}.feature-gif{border-radius:12px;height:100%;object-fit:cover;width:100%}.feature-gif-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px;text-align:center}.placeholder-icon{color:#173997;font-size:4rem;opacity:.6}.feature-gif-placeholder span{color:#999;font-size:.9rem}.gif-overlay-hint,.text-overlay-hint{background:#000000b3;border-radius:20px;bottom:12px;color:#fff;font-size:.8rem;font-weight:500;left:50%;opacity:.9;padding:8px 16px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.feature-card.interactive:hover .gif-overlay-hint,.feature-card.interactive:hover .text-overlay-hint{opacity:1}.feature-text-layer{background:#fff;border-radius:12px;bottom:0;left:0;overflow-y:auto;padding:20px;position:absolute;right:0;top:0;transition:opacity .45s ease-in-out,visibility .45s ease-in-out}.feature-text-layer.visible{opacity:1;visibility:visible}.feature-text-layer.hidden{opacity:0;visibility:hidden}.feature-text-layer .feature-description{margin-bottom:16px}.feature-text-layer .feature-list{margin-bottom:40px}.feature-description{color:#333;font-size:1rem;line-height:1.6;margin-bottom:20px}.feature-list{list-style:none;margin:0;padding:0;text-align:left}.feature-list li{color:#000;font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:10px;padding-left:20px;position:relative;text-align:left}.feature-list li:before{color:#00b359;content:"✔";font-weight:700;left:0;position:absolute}.features-cta-title{color:#000;font-size:1.953rem;font-weight:600;letter-spacing:-.02em;margin-bottom:24px}.cta-description{font-size:1.25rem;max-width:600px}.cta-guarantee{font-size:.875rem}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-page20{padding:40px 20px}.features-grid{grid-template-columns:1fr}.feature-card.interactive{min-height:350px}.feature-content-wrapper{min-height:250px}.section-title{font-size:1.953rem}.cta-buttons{align-items:center;flex-direction:column}.cta-button{justify-content:center;max-width:300px;width:100%}.gif-overlay-hint,.text-overlay-hint{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.feature-card{padding:20px 16px}.feature-card.interactive{min-height:320px}.feature-content-wrapper{min-height:220px}.section-title{font-size:1.5rem}.features-cta-title{font-size:1.563rem}.feature-title{font-size:1.3rem}.placeholder-icon{font-size:3rem}}@media (prefers-reduced-motion:reduce){.feature-card,.feature-gif-layer,.feature-text-layer{transition:none}.feature-card:hover{transform:none}}.landing-main30{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:60px;min-height:100vh;padding:0;position:relative}.scroll-to-top-link{font-size:.9rem}.landing-page30{margin:0 auto;max-width:1200px;padding:60px 20px}.hero-section{margin-bottom:100px;padding:60px 0;text-align:center}.hero-title{color:#000;font-size:3.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:24px}.hero-subtitle{color:#333;font-size:1.3rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:800px}.steps-section{margin-bottom:120px}.section-title{color:#000;font-size:3rem;font-weight:400;letter-spacing:-.02em;margin-bottom:60px;text-align:center}.section-icon{color:#173997;margin-right:12px}.steps-timeline{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin-top:60px}.step-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:40px 15px;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-5px)}.step-card.active{border-color:#173997;box-shadow:0 6px 25px #17399726}.step-number{align-items:center;background:#173997;border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:40px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:40px}.step-icon{color:#173997;display:block;font-size:2.5rem;margin:20px 0}.step-title{color:#000;font-size:1.5rem;font-weight:600;margin-bottom:16px}.step-description{color:#333;font-size:1rem;line-height:1.6;margin-bottom:20px}.step-features{list-style:none;margin:0;padding:0;text-align:left}.step-features li{color:#000;font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:8px;padding-left:20px;position:relative}.step-features li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.modules-section{margin-bottom:120px}.modules-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:60px}.module-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:30px;transition:all .3s ease}.module-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-3px)}.module-card.featured{border-color:#173997;box-shadow:0 6px 25px #17399726}.module-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.module-icon{color:#173997;font-size:2rem;margin-right:12px}.module-title{color:#000;flex:1 1;font-size:1.3rem;font-weight:600}.module-duration{background:#f8f9fa;border-radius:20px;color:#666;font-size:.85rem;font-weight:500;padding:4px 12px}.module-description{color:#333;font-size:1rem;line-height:1.5;margin-bottom:16px}.module-highlights{display:flex;flex-wrap:wrap;gap:8px}.highlight{background:#fff3e0;border-radius:12px;color:#e65100;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.metrics-section{margin-bottom:120px;text-align:center}.metrics-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:60px}.metric-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:40px 20px;text-align:center;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-5px)}.metric-icon{color:#28a745;display:block;font-size:2.5rem;margin-bottom:16px}.metric-number{color:#173997;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:8px}.metric-label{color:#000;font-size:1.1rem;font-weight:600;margin-bottom:8px}.metric-detail{color:#666;font-size:.9rem}.why-section{margin-bottom:120px}.benefits-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:60px}.benefit-item{padding:20px;text-align:center}.benefit-icon{color:#173997;display:block;font-size:3rem;margin:0 auto 20px}.benefit-title{color:#000;font-size:1.3rem;font-weight:600;margin-bottom:12px}.benefit-description{color:#333;font-size:1rem;line-height:1.5}.cta-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 40px #00000014;padding:60px 50px;text-align:center}.cta-title{color:#000;font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:24px}.cta-description{color:#333;font-size:1.2rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px}.cta-buttons{flex-wrap:wrap;gap:20px;margin-bottom:30px}.cta-buttons,.cta-guarantee{display:flex;justify-content:center}.cta-guarantee{align-items:center;color:#666;font-size:.9rem;gap:8px}.cta-guarantee svg{color:#28a745}@media (max-width:1200px){.modules-grid,.steps-timeline{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-page30{padding:40px 20px}.hero-title{font-size:2.5rem}.section-title{font-size:2.2rem}.benefits-grid,.metrics-grid,.modules-grid,.steps-timeline{gap:30px;grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.cta-button{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.metric-card,.module-card,.step-card{padding:25px 20px}.hero-title{font-size:2rem}.section-title{font-size:1.8rem}.cta-title{font-size:2rem}}.landing-page-blogs{background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:15px auto 0;max-width:1200px;padding:80px 40px;position:relative}.blogs-header{margin-bottom:60px;text-align:center}.blogs-header h2{color:#000;font-size:3.052rem;font-weight:400;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px}.blogs-subtitle{color:#666;font-size:1.25rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.blogs-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.blog-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 20px #0000000d;height:100%;padding:30px;transition:all .3s ease}.blog-card,.blog-card-clickable{display:flex;flex-direction:column}.blog-card-clickable{color:inherit;cursor:pointer;text-decoration:none}.blog-card-clickable:focus-visible{outline:3px solid #173997;outline-offset:4px}.blog-card:hover{border-color:#173997;box-shadow:0 8px 30px #0000001a;position:relative;transform:translateY(-5px);z-index:10}.blog-card-header{margin-bottom:20px}.blog-footer{width:100%}.blog-author-info{text-overflow:ellipsis}.blog-author-info .blog-author,.blog-author-info .blog-date{white-space:nowrap}.blog-footer .read-more-inline,.blog-footer .read-more-link{align-items:center;display:inline-flex;flex-shrink:0;gap:4px;white-space:nowrap}@media (max-width:420px){.blog-footer{gap:6px}.blog-author-info{font-size:.75rem;gap:6px}.blog-footer .read-more-inline,.blog-footer .read-more-link{font-size:.75rem}.author-icon,.date-icon{font-size:.7rem;margin-right:2px}}.blog-icon{align-items:center;background:#e6f0ff;border-radius:50%;color:#173997;display:flex;font-size:2.441rem;height:60px;justify-content:center;width:60px}.blog-meta{align-items:flex-end;flex-direction:column;gap:4px}.blog-category{background:#e6f0ff;border-radius:4px;color:#173997;font-size:.75rem;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.blog-read-time{color:#999;font-size:.75rem;font-weight:400}.blog-content{flex:1 1;margin-bottom:24px}.blog-title{color:#000;font-size:1.563rem;font-weight:600;line-height:1.3;margin-bottom:16px;transition:color .3s ease}.blog-card:hover .blog-title{color:#173997}.read-more-inline{align-items:center;color:#173997;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px}.blog-card-clickable:hover .read-more-inline{text-decoration:underline}.blog-summary{color:#666;font-size:1rem;font-weight:400;line-height:1.6}.blog-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;padding-top:16px}.blog-author-info{color:#666;flex-wrap:nowrap;font-size:.875rem;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}.author-icon,.date-icon{color:#777;font-size:.75rem;margin-right:3px}.blog-author,.blog-date{font-size:.875rem;font-weight:500}.read-more-link{color:#173997;display:flex;font-weight:600;transition:all .3s ease}.read-more-link:hover{color:#0f2a6e;transform:translateX(3px)}.more-blogs-section{align-items:center;display:flex;justify-content:flex-end;margin-top:40px}.more-blogs-btn{align-items:center;background:#173997;border:2px solid #173997;border-radius:8px;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:12px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.more-blogs-btn:hover{background:#fff;box-shadow:0 8px 25px #17399733;color:#173997;transform:translateY(-2px)}@media (max-width:1024px){.landing-page-blogs{padding:60px 30px}.blogs-grid{gap:25px}.blog-card{padding:25px}}@media (max-width:900px){.blogs-grid{gap:25px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-page-blogs{padding:60px 20px}.blogs-header h2{font-size:2.441rem}.blogs-subtitle{font-size:1.125rem}.blogs-grid{gap:30px;grid-template-columns:1fr}.blog-card{padding:24px}.blog-card-header{align-items:flex-start;flex-direction:row;gap:12px;justify-content:space-between}.blog-meta{align-items:flex-end;min-width:-webkit-fit-content;min-width:fit-content}.blog-icon,.blog-meta{flex-shrink:0}.blog-title{font-size:1.25rem}.blog-footer{align-items:center;flex-direction:row;gap:8px;justify-content:space-between}.blog-author-info{flex-wrap:nowrap;font-size:.8rem;gap:8px;min-width:0;overflow:hidden}.more-blogs-section{justify-content:center}.more-blogs-btn{font-size:.875rem;padding:14px 28px}}@media (max-width:480px){.blog-icon,.blogs-header h2{font-size:1.953rem}.blog-icon{height:50px;width:50px}.blog-title{font-size:1.125rem}.blog-summary{font-size:.875rem}.blog-author-info{font-size:.8rem;gap:6px}.author-icon,.date-icon{font-size:.7rem}}.blog-modal-overlay{align-items:center;background-color:#000c;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:10000}.blog-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;height:90%;max-height:800px;max-width:900px;overflow:hidden;width:85%}.blog-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.blog-modal-title{color:#333;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0;max-width:calc(100% - 60px)}.blog-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.563rem;height:40px;justify-content:center;min-width:40px;padding:8px;transition:all .2s ease}.blog-modal-close:hover{background-color:#e9ecef;color:#333}.blog-modal-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.blog-iframe{background:#fff;border:none;flex:1 1;height:100%;width:100%}@media (max-width:768px){.blog-modal-overlay{padding:10px}.blog-modal{height:95%;max-height:90vh;width:95%}.blog-modal-header{padding:16px 20px}.blog-modal-title{font-size:1.1rem;max-width:calc(100% - 50px)}.blog-modal-close{font-size:1.25rem;height:36px;min-width:36px}}.read-more-link{align-items:center;background:none;border:none;color:#4caf50;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:6px;padding:0;text-decoration:none;transition:all .2s ease}.read-more-link:hover{color:#45a049}.read-more-link svg{font-size:.75rem;transition:transform .2s ease}.read-more-link:hover svg{transform:translateX(2px)}.landing-main40{background-color:#112240;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:40px 20px;position:relative;text-align:center}.scroll-to-top-link{background-color:#4caf50;border-radius:25px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:10px 15px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:100}.scroll-to-top-link:hover{background-color:#02db6e;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.landing-page40{background-color:#112240;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:40px 20px;text-align:center}.landing-page40-title{color:#d1d5db;font-size:3.052rem;font-weight:400;margin-bottom:30px}.faq-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px}.faq-card{background-color:#334155;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:left}.faq-question{color:#4caf50;font-size:1.563rem;font-weight:600;margin-bottom:10px}.faq-answer{color:#d1d5db;font-size:1rem;line-height:1.6}@media (max-width:768px){.faq-container{gap:15px;grid-template-columns:1fr}.faq-card{padding:15px}.faq-question{font-size:1.25rem}.faq-answer{font-size:.875rem}}.stay-informed{background-color:#f9fafb;color:#111827;padding:2rem}.stay-informed h2{color:#1f2937;font-size:1.8rem;margin-bottom:1rem}.stay-informed p{font-size:1rem;margin-bottom:1.5rem}.stay-informed ul{list-style:none;padding:0}.stay-informed ul li{margin-bottom:.8rem}.stay-informed ul li a{color:#2563eb;font-size:1rem;text-decoration:none}.stay-informed ul li a:hover{text-decoration:underline}.verify-consent-container{align-items:center;background-color:#f7f9fc;display:flex;justify-content:center;min-height:80vh;padding:20px}.verify-consent-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:600px;padding:30px;text-align:center;width:100%}.verify-consent-card h1{color:#036;margin-bottom:20px}.verify-message{border-radius:5px;margin:20px 0;padding:15px}.success-message{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.error-message{background-color:#ffebee;border-left:4px solid #c62828;color:#c62828}.loading-message{background-color:#e3f2fd;border-left:4px solid #1565c0;color:#1565c0}.checkmark-icon{color:#4caf50}.checkmark-icon,.error-icon{font-size:60px;margin:20px 0}.error-icon{color:#f44336}.loading-spinner{border:4px solid #0000001a;border-left-color:#1565c0;height:10px;margin:20px auto;width:10px}.action-button{background-color:#036;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:12px 24px;transition:background-color .3s}.action-button:hover{background-color:#00254d}.set-password-form{margin-top:20px;text-align:left}.set-password-form .form-group{margin-bottom:20px}.set-password-form label{color:#036;display:block;font-weight:500;margin-bottom:5px}.set-password-form input[type=password]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.set-password-form input[type=password]:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.set-password-form input.error{border-color:#f44336}.password-requirements{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;margin:15px 0;padding:15px}.password-requirements p{color:#036;margin:0 0 10px}.password-requirements ul{margin:0;padding-left:20px}.password-requirements li{color:#666;font-size:14px;margin-bottom:5px}.form-buttons{display:flex;justify-content:center;margin-top:20px}.form-buttons .action-button{margin:0 5px}.verification-form{margin:20px 0}.verification-code-input{border:2px solid #ddd;border-radius:6px;display:block;font-size:18px;letter-spacing:3px;margin:0 auto;padding:12px;text-align:center;width:150px}.verification-code-input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.verification-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.verification-actions .primary-button{background-color:#036;color:#fff;font-weight:700}.verification-actions .secondary-button{background-color:#f0f0f0;border:1px solid #ccc;color:#333}.verification-actions .secondary-button:hover{background-color:#e0e0e0}.verification-success{padding:40px 20px;text-align:center}.success-icon{font-size:48px;margin-bottom:20px}.phone-display{background-color:#f8f9fa;border-radius:5px;color:#666;margin:15px 0;padding:10px}.verification-instructions{color:#666;line-height:1.5;margin-bottom:20px}.help-section{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.help-text{color:#666;font-size:14px;margin:10px 0}.link-button{background:none;border:none;color:#036;cursor:pointer;font-size:inherit;text-decoration:underline}.link-button:hover{color:#06c}.verification-phone-btn{background-color:#036;color:#fff;font-weight:700;margin-bottom:10px}.verification-acknowledge-btn.secondary{background-color:#f0f0f0;border:1px solid #ccc;color:#666}.verification-acknowledge-btn.secondary:hover{background-color:#e0e0e0}.sms-consent-container{background-color:#f8fafc;color:#334155;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:20px}.sms-consent-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:40px;padding:30px 20px;text-align:center}.sms-consent-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.sms-consent-header p{font-size:1.1rem;margin:0;opacity:.9}.content-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:30px}.content-section h2{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.service-list{list-style:none;padding:0}.service-list li{background:#f1f5f9;border-left:4px solid #4f46e5;border-radius:8px;margin:10px 0;padding:15px}.service-list li strong{color:#4f46e5}.legal-text{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;font-size:.9rem;margin:20px 0;padding:20px}.consent-form{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin:30px 0;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#1e293b;display:block;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:var(--focus-border-color);box-shadow:var(--focus-shadow);outline:none;transition:var(--focus-transition)}.form-group small{color:#64748b;display:block;font-size:.9rem;margin-top:5px}.consent-checkboxes{margin:25px 0}.checkbox-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;margin:15px 0;padding:15px}.checkbox-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin-right:12px;margin-top:2px;width:20px}.checkbox-item label{color:#475569;cursor:pointer;font-size:.95rem;font-weight:400;margin:0}.submit-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;box-shadow:0 4px 6px #4f46e54d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 6px 8px #4f46e566;transform:translateY(-2px)}.submit-button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.success-message{background:#d1fae5;border:2px solid #10b981;border-radius:8px;color:#065f46;margin-top:25px;padding:25px}.success-message h3{color:#065f46;margin:0 0 15px}.error-message{background:#fee2e2;border:2px solid #ef4444;border-radius:8px;color:#991b1b;margin-top:25px;padding:25px}.error-message h3{color:#991b1b;margin:0 0 15px}.footer{color:#64748b;font-size:.9rem;padding:30px 20px;text-align:center}@media (max-width:768px){.sms-consent-container{padding:10px}.sms-consent-header h1{font-size:2rem}.consent-form,.content-section{padding:20px}}.blogs-container{background-color:#fff;color:#2c2c2c;font-family:"Arial, Helvetica, sans-serif";font-size:1rem;font-weight:400;line-height:1.8;margin:0 auto;max-width:1200px;padding:20px}.content-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 6px #0000000d;padding:20px;width:100%}.blogs-header{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px;position:relative}.header-navigation{left:20px;position:absolute;top:50%;transform:translateY(-50%)}.header-navigation .back-button{margin-bottom:0}.page-title{font-feature-settings:"onum";color:#2c3e50;font-size:28px;font-variant-numeric:oldstyle-nums;font-weight:600;margin:0;text-align:center}.trademark{font-size:.5em;font-weight:400;vertical-align:super}.back-button-wrapper{display:flex;justify-content:flex-start;margin-bottom:20px;width:100%}.back-button{background-color:#007cba;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-bottom:0;padding:10px 20px;text-decoration:none;transition:background-color .2s ease}.back-button:hover{background-color:#005a87}.blog-navigation{margin-bottom:20px;text-align:left}.blog-navigation .back-button{margin-bottom:0}.back-button-sticky{margin-bottom:20px;position:-webkit-sticky;position:sticky;text-align:right;top:10px;z-index:1000}.back-button-small{box-shadow:0 2px 4px #0000001a;font-size:12px;padding:8px 16px}.blog-content-wrapper{min-height:400px;width:100%}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007cba;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state h2{color:#2c3e50;font-size:24px;margin-bottom:10px}.loading-state p{color:#666;font-size:16px;margin:0}.loading-content{color:#666;padding:40px;text-align:center}.error-state{align-items:center;background-color:#fdf2f2;border:1px solid #f5c6cb;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:60px 20px;text-align:center}.error-state h2{color:#721c24;font-size:24px;margin-bottom:15px}.error-state p{color:#721c24;font-size:16px;margin-bottom:20px;max-width:500px}.error-content{color:#999;padding:40px;text-align:center}.share-notification{align-items:center;animation:slideInRight .3s ease-out;background-color:#28a745;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:14px;font-weight:500;justify-content:space-between;max-width:400px;min-width:300px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:10000}.share-notification.info{background-color:#007bff}.share-notification.warning{background-color:#ffc107;color:#212529}.share-notification.error{background-color:#dc3545}.notification-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:12px;opacity:.8;padding:0;transition:opacity .2s ease}.notification-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.blogs-container{padding:0}.blogs-header{padding:15px}.header-navigation{left:15px}.page-title{font-size:24px;padding-left:120px;text-align:left}.share-notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}@media (max-width:480px){.blogs-header{padding:12px}.header-navigation{left:12px;margin-bottom:10px;position:static;transform:none}.page-title{font-size:20px;padding-left:0;text-align:center}}.blog-metadata-section{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:20px}.blog-metadata-info{align-items:center;display:flex;gap:20px;justify-content:space-between}.author-info,.published-info{display:flex;flex-direction:column;gap:4px}.metadata-label{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metadata-value{color:#333;font-size:.9rem;font-weight:500}.blog-content{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow:visible;overflow-wrap:break-word;text-align:left;width:100%}.blog-html-content{color:#333;line-height:1.6}.blog-html-content h1,.blog-html-content h2,.blog-html-content h3,.blog-html-content h4,.blog-html-content h5,.blog-html-content h6{color:#2c3e50;margin-bottom:.5em;margin-top:1.5em}.blog-html-content p{margin-bottom:1em}.blog-html-content ol,.blog-html-content ul{margin-bottom:1em;padding-left:1.5em}.blog-html-content blockquote{background-color:#f8f9fa;border-left:4px solid #007cba;font-style:italic;margin:1em 0;padding:1em}.blog-html-content code{background-color:#f1f1f1;border-radius:3px;font-family:Monaco,Courier New,monospace;padding:2px 4px}.blog-html-content pre{background-color:#f8f9fa;border-radius:5px;margin:1em 0;overflow-x:auto;padding:1em}.blog-html-content img{border-radius:5px;display:block;height:auto;margin:1em auto;max-width:100%}.blog-html-content a{color:#007cba;text-decoration:none}.blog-html-content a:hover{text-decoration:underline}.blog-source{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;margin:20px 0;padding:15px;text-align:left}.blog-source p{color:#495057;font-size:.95rem;margin:0;text-align:left}.blog-source strong{color:#212529;font-weight:600}.blog-source a{color:#007bff;text-decoration:none;transition:color .2s ease;word-break:break-all}.blog-source a:hover{color:#0056b3;text-decoration:underline}.blog-source span{display:inline}.blog-source .source-list{list-style-type:disc;margin:10px 0 0;padding-left:20px}.blog-source .source-list li{color:#495057;line-height:1.5;margin:8px 0}.blog-source .source-list li a{color:#007bff;text-decoration:none;transition:color .2s ease;word-break:break-all}.blog-source .source-list li a:hover{color:#0056b3;text-decoration:underline}.blog-source p{margin:8px 0 0}.blog-source a+span:before{content:" ";white-space:pre}.blog-sharing{clear:both;margin-top:30px;text-align:center;width:100%}.blog-sharing h3{color:#2c3e50;display:block;font-size:18px;margin-bottom:20px;width:100%}.share-container{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:30px;padding:20px;text-align:center}.share-title{color:#2c3e50;font-size:18px;margin:0 0 15px}.share-subtitle{color:#666;font-size:14px;margin:0 0 15px}.share-buttons,.sharing-buttons{align-items:center;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:15px;width:100%}.share-button{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;justify-content:center;max-width:100px;min-width:75px;padding:8px 10px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.share-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.share-icon{flex-shrink:0;margin-right:4px}.share-button-email{background-color:#ea4335;border-color:#ea4335;color:#fff}.share-button-email:hover{background-color:#d33b2c;border-color:#d33b2c;color:#fff}.share-button-x{background-color:#000;border-color:#000;color:#fff}.share-button-x:hover{background-color:#333;border-color:#333;color:#fff}.share-button-facebook{background-color:#1877f2;border-color:#1877f2;color:#fff}.share-button-facebook:hover{background-color:#166fe5;border-color:#166fe5;color:#fff}.share-button-linkedin{background-color:#0a66c2;border-color:#0a66c2;color:#fff}.share-button-linkedin:hover{background-color:#085a9f;border-color:#085a9f;color:#fff}.share-button-text{background-color:#25d366;border-color:#25d366;color:#fff}.share-button-text:hover{background-color:#22c55e;border-color:#22c55e;color:#fff}.share-button-copy{background-color:#6c757d;border-color:#6c757d;color:#fff}.share-button-copy:hover{background-color:#5a6268;border-color:#5a6268;color:#fff}.share-button-copy.copied{background-color:#28a745;border-color:#28a745;color:#fff}@media (max-width:768px){.blog-metadata-info{align-items:flex-start;flex-direction:column;gap:16px}.published-info{order:1}.author-info{order:2}.metadata-label{font-size:.7rem}.metadata-value{font-size:.85rem}.sharing-buttons{flex-wrap:nowrap;gap:4px;justify-content:flex-start;overflow-x:auto;padding:2px 0}.share-button{flex-shrink:0;font-size:11px;gap:3px;max-width:75px;min-width:65px;padding:6px 8px}.blog-sharing h3{font-size:16px;margin-bottom:12px}.author-icon,.date-icon{display:none}}@media (max-width:600px){.sharing-buttons .share-label{display:none}.sharing-buttons .share-button{justify-content:center;max-width:44px;min-width:40px;padding:6px}.sharing-buttons .share-icon{margin:0}}@media (max-width:480px){.blog-sharing{margin-top:20px;padding:0 4px}.blog-sharing h3{clear:both;font-size:14px;margin-bottom:8px;text-align:left}.sharing-buttons{clear:both;flex-wrap:nowrap;gap:3px;justify-content:flex-start;overflow-x:auto;padding:4px 0;width:100%}.share-button{font-size:10px;gap:2px;max-width:65px;min-width:55px;padding:6px}.share-button span{display:none}.share-button:after{content:attr(title);font-size:9px}.author-icon,.date-icon{display:none}}@media (max-width:600px){.blog-sharing .sharing-buttons{grid-gap:8px;align-items:stretch;display:grid!important;gap:8px;grid-auto-rows:1fr;grid-template-columns:repeat(3,1fr);justify-items:stretch;overflow:visible;padding:4px 0}.blog-sharing .share-button{flex-direction:column;gap:4px;max-width:none;min-width:0;padding:10px 6px;width:100%}.blog-sharing .share-label{display:none}.blog-sharing .share-button:after{content:attr(title);display:block;font-size:10px;font-weight:500;line-height:1.1;margin-top:2px;text-align:center;white-space:normal}.blog-sharing .share-icon{margin:0}}.blog-controls{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:20px;margin:20px 0 30px;padding:20px}.blog-controls .search-section{align-items:flex-end;background-color:initial;border:none;border-radius:0;display:flex;flex-direction:column;gap:10px;margin-bottom:0;padding:0}.blog-controls .search-form{margin-bottom:0}.blog-controls .search-input-container{align-items:center;background-color:#fff;border:2px solid #007bff;border-radius:25px;display:flex;max-width:600px;overflow:hidden;position:relative}.blog-controls .search-input{background-color:initial;border:none;flex:1 1;font-size:1rem;outline:none;padding:12px 20px}.blog-controls .search-input::placeholder{color:#6c757d}.blog-controls .search-button{align-items:center;background-color:#007bff;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:auto;padding:20px;transition:background-color .2s ease}.blog-controls .search-button:hover{background-color:#0056b3}.blog-controls .search-info{align-items:center;background-color:#e8f4f8;border:1px solid #007bff;border-radius:5px;display:flex;justify-content:space-between;max-width:600px;padding:10px 15px}.blog-controls .search-info span{color:#495057;font-size:.9rem;font-weight:500}.blog-controls .search-info-spacer{flex:1 1;min-width:20px}.blog-controls .clear-search{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:5px 12px;transition:background-color .2s ease}.blog-controls .clear-search:hover{background-color:#c82333}.blog-controls .filter-section{align-items:center;display:flex;flex-direction:row;gap:15px;margin-bottom:0}.blog-controls .filter-label{color:#495057;font-size:.95rem;font-weight:600}.blog-controls .category-filter{background-color:#fff;border:1px solid #ced4da;border-radius:5px;cursor:pointer;font-size:.9rem;min-width:200px;padding:8px 12px;transition:all .2s ease}.blog-controls .category-filter:hover{border-color:#007bff;box-shadow:0 2px 6px #00000026}.blog-controls .category-filter:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.blog-controls .category-filter option{font-size:14px;padding:8px 12px}.blogs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:0}.blogs-grid .blog-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:space-between;margin:10px 0;min-height:280px;padding:15px;transition:all .3s ease}.blogs-grid .blog-card:hover{background-color:#f8f9fa;border-color:#007cba;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.blog-card-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px}.blogs-grid .blog-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-bottom:10px}.blogs-grid .blog-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:17px;font-weight:600;line-height:1.2;margin:0 0 8px;overflow:hidden}.blogs-grid .blog-summary{color:#666;font-size:13px;line-height:1.4;margin:0;min-height:150px;overflow:visible}.blog-footer{border-top:1px solid #eee;flex-shrink:0;margin-top:auto;padding-top:12px}.blog-author-info,.blog-meta{align-items:center;color:#888;display:flex;font-size:12px;justify-content:space-between}.blog-date,.blog-meta,.blog-read-time{margin:0}.blog-category{color:#007cba;font-weight:600;white-space:nowrap}.read-more-link{flex-shrink:0;font-size:11px;white-space:nowrap}.pagination-controls{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;margin-top:40px;padding:20px}.pagination-info{color:#666;font-size:14px;font-weight:600;margin-bottom:15px}.pagination-buttons{flex-wrap:wrap;gap:8px}.pagination-button,.pagination-buttons{align-items:center;display:flex;justify-content:center}.pagination-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#007cba;border-color:#007cba;color:#fff}.pagination-button:disabled{background-color:#f8f9fa;border-color:#e0e0e0;color:#ccc;cursor:not-allowed}.pagination-button.active{background-color:#007cba;border-color:#007cba;color:#fff;font-weight:600}.no-results-state{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:60px 20px;text-align:center}.no-results-state h2{color:#2c3e50;font-size:24px;margin-bottom:10px}.no-results-state p{color:#666;font-size:16px;margin-bottom:20px}.show-all-button{background-color:#007cba;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.show-all-button:hover{background-color:#005a87}.retry-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:12px 24px;transition:background-color .2s ease}.retry-button:hover{background-color:#218838}.blogs-description{color:#666;font-size:16px;margin:10px 0 0;text-align:center}@media (max-width:768px){.blog-controls{gap:15px;padding:15px}.blog-controls .search-info,.blog-controls .search-input-container{max-width:100%}.blog-controls .search-input{font-size:16px}.blog-controls .search-info{align-items:flex-start;flex-direction:column;gap:10px}.blog-controls .filter-section{align-items:center;flex-direction:row;gap:10px;width:100%}.blog-controls .category-filter{min-width:100%}.blogs-grid{gap:15px;grid-template-columns:1fr}.blogs-grid .blog-card{height:auto;min-height:240px}.blogs-grid .blog-card-header{margin-bottom:6px}.blogs-grid .blog-summary{margin-bottom:16px;min-height:100px}.blogs-grid .blog-footer{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;padding-top:8px}.blogs-grid .blog-author-info{align-items:center;display:flex;flex-shrink:0;font-size:11px;gap:8px}.blogs-grid .read-more-link{flex-shrink:0;font-size:11px;white-space:nowrap}.pagination-buttons{gap:4px}.pagination-button{font-size:12px;min-width:35px;padding:6px 10px}.pagination-controls{padding:15px}}@media (max-width:1024px){.blogs-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blogs-grid .blog-card-header{margin-bottom:4px}.blogs-grid .blog-card{height:auto;min-height:260px}}@media (max-width:480px){.blog-card{margin:5px 0}.blogs-grid .blog-card{height:auto;min-height:220px}.blogs-grid .blog-card-header{margin-bottom:4px}.blogs-grid .blog-summary{font-size:12px;margin-bottom:14px;min-height:100px}.blogs-grid .blog-footer{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;padding-top:6px}.blogs-grid .blog-author-info{align-items:center;display:flex;flex-shrink:0;font-size:10px;gap:6px}.blogs-grid .read-more-link{flex-shrink:0;font-size:10px;white-space:nowrap}.blog-controls{padding:10px}.filter-section{align-items:center;flex-direction:row;gap:8px;text-align:center}.category-filter{max-width:200px;width:100%}.pagination-buttons{flex-wrap:wrap;gap:2px}.pagination-button{font-size:11px;min-width:30px;padding:4px 8px}.pagination-button:nth-child(n+6):nth-child(-n+10){display:none}}.simulation-landing{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.simulation-container{animation:slideUp .6s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:800px;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.simulation-header{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:30px 20px;position:relative;text-align:center}.warning-icon{align-items:center;display:flex;font-size:3rem;justify-content:center;margin-bottom:10px}.simulation-logo{border-radius:20px;box-shadow:0 8px 24px #00000040,0 4px 12px #00000026;height:auto;max-width:150px}.simulation-header h1{font-size:2.2rem;font-weight:700;margin:0 0 15px}.alert-banner{background:#87e89433;border:2px solid #418b744d;border-radius:25px;display:inline-block;font-weight:600;letter-spacing:1px;padding:8px 20px}.simulation-content{padding:40px 30px}.detection-info{margin-bottom:40px;text-align:center}.detection-info h2{color:#1976d2;font-size:1.8rem;margin-bottom:15px}.congratulations{color:#4a5568;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.encouragement,.url-details,.what-happened,.why-matters{background:#f8f9fa;border-left:4px solid #1976d2;border-radius:8px;margin-bottom:30px;padding:25px}.encouragement h3,.what-happened h3,.why-matters h3{color:#2d3748;font-size:1.3rem;margin-bottom:15px;margin-top:0;text-align:left}.explanation,.reassurance{color:#4a5568;line-height:1.6;margin-bottom:15px;text-align:left}.reassurance{background:#e6f4ea;border-left:3px solid #28a745;border-radius:6px;margin-top:15px;padding:15px}.url-reveal{margin-top:20px}.url-label{color:#4a5568;font-weight:600;margin-bottom:8px}.why-matters ul{margin:15px 0;padding-left:25px;text-align:left}.why-matters li{color:#4a5568;line-height:1.5;margin-bottom:10px;text-align:left}.final-tip{background:#fff3cd;border-left:3px solid orange;border-radius:6px;font-size:1rem;margin-top:15px;padding:15px}.url-details h3{color:#2d3748;font-size:1.3rem;margin-top:0}.detail-item{margin-bottom:20px}.detail-item:last-child{margin-bottom:0}.label{color:#4a5568;display:block;font-weight:600;margin-bottom:8px}.time-display,.url-display{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;display:block;font-family:Courier New,monospace;font-size:.95rem;margin-top:10px;padding:12px 15px;word-break:break-all}.clicked-url-message{color:#4a5568;line-height:1.6;margin:0}.clicked-url-message .url-display{font-weight:600;margin-top:12px}.time-display{font-family:inherit}.micro-lesson{margin-bottom:40px}.micro-lesson h3{color:#2d3748;font-size:1.4rem;margin-bottom:20px;text-align:left}.lesson-content{grid-gap:25px;display:grid;gap:25px;margin:0 auto;max-width:700px}.safety-tips,.url-analysis,.warning-signs{background:#f7fafc;border-left:4px solid orange;border-radius:8px;padding:20px}.safety-tips{border-left-color:#28a745}.url-analysis{border-left-color:#6f42c1}.safety-tips h4,.url-analysis h4,.warning-signs h4{color:#2d3748;font-size:1.1rem;margin-bottom:15px;margin-top:0}.safety-tips ul,.url-analysis ul,.warning-signs ul{margin:0;padding-left:8px}.safety-tips li,.url-analysis li,.warning-signs li{color:#4a5568;line-height:1.5;margin-bottom:8px;text-align:left}.url-breakdown{margin-top:15px}.url-breakdown code{background:#e2e8f0;border-radius:3px;color:#2d3748;font-size:.9rem;padding:2px 6px;word-break:break-all}.url-breakdown p{color:#4a5568;line-height:1.6;margin-bottom:10px}.device-protection{background:#f7fafc;border-left:4px solid #1976d2;border-radius:8px;padding:20px}.device-protection h4{color:#2d3748;font-size:1.1rem;margin-bottom:15px;margin-top:0}.device-protection ul{margin:0;padding-left:8px}.device-protection li{color:#4a5568;line-height:1.5;margin-bottom:8px;text-align:left}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:0;margin-top:0}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}.simulation-footer{background:#f8f9fa;border-top:1px solid #e2e8f0;padding:25px;text-align:center}.simulation-footer p{color:#6c757d;line-height:1.6;margin:0 0 15px}.timestamp{color:#868e96;font-size:.9rem;font-style:italic}@media (max-width:768px){.simulation-landing{padding:10px}.simulation-header{padding:25px 15px}.simulation-header h1{font-size:1.8rem}.simulation-content{padding:30px 20px}.detection-info h2{font-size:1.5rem}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{max-width:300px;width:100%}.lesson-content{gap:20px}.safety-tips,.url-analysis,.warning-signs{padding:15px}}
/*# sourceMappingURL=main.54f567ec.css.map*/