@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--sans:var(--font-body,"DM Sans", sans-serif);--heading:var(--font-display,"Bricolage Grotesque", sans-serif);--mono:var(--font-mono,ui-monospace, Consolas, monospace);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--color-text-primary);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--color-text-primary);border-radius:4px;display:inline-flex}code{background:var(--neutral-100);padding:4px 8px;font-size:15px;line-height:135%}:root{--color-guardian-blue:#1a47c8;--color-action-orange:#f97316;--color-gold-accent:#c5a572;--color-verified-green:#10b981;--color-shield-slate:#334155;--color-warning-amber:#f59e0b;--neutral-100:#f8f9fa;--neutral-200:#e9ecef;--neutral-400:#adb5bd;--neutral-500:#6c757d;--neutral-600:#495057;--neutral-900:#212529;--color-canvas:#f8fafc;--color-boundary-gray:#e2e8f0;--color-white:#fff;--color-black:#000;--color-primary:var(--color-guardian-blue);--color-primary-hover:#153aa4;--color-primary-active:#102d80;--color-primary-light:#e8eeff;--color-secondary:var(--color-shield-slate);--color-secondary-hover:#1e293b;--color-secondary-active:#0f172a;--color-success:var(--color-verified-green);--color-success-light:#d1fae5;--color-success-dark:#059669;--color-warning:var(--color-warning-amber);--color-warning-light:#fef3c7;--color-warning-dark:#d97706;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-danger-dark:#dc2626;--color-info:var(--color-guardian-blue);--color-info-light:var(--color-primary-light);--color-action-primary:var(--color-action-orange);--color-action-primary-hover:#ea580c;--color-action-text:var(--color-white);--brand-primary:var(--color-guardian-blue);--brand-secondary:var(--color-action-orange);--brand-logo-gradient-start:var(--color-guardian-blue);--brand-logo-gradient-end:var(--color-action-orange);--brand-font-heading:var(--font-display);--brand-font-body:var(--font-body);--color-text-primary:var(--color-shield-slate);--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-inverse:var(--color-white);--color-text-link:var(--color-guardian-blue);--color-text-link-hover:#153aa4;--color-bg-primary:var(--color-white);--color-bg-secondary:var(--color-canvas);--color-bg-tertiary:#f1f5f9;--color-bg-overlay:#0f172abf;--color-gold-overlay-10:#c5a5721a;--color-gold-overlay-08:#c5a57214;--color-gold-overlay-20:#c5a57233;--color-gold-overlay-30:#c5a5724d;--color-gold-overlay-40:#c5a57266;--color-blue-overlay-10:#3b82f61a;--color-blue-overlay-20:#3b82f633;--color-green-overlay-10:#10b9811a;--color-primary-overlay-10:#1a47c81a;--color-white-overlay-90:#ffffffe6;--color-white-overlay-10:#ffffff1a;--color-border-default:var(--color-boundary-gray);--color-border-light:#f1f5f9;--color-border-dark:#cbd5e1;--color-border-focus:var(--color-guardian-blue);--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-base:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--focus-ring:3px solid var(--color-info);--focus-offset:2px;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-modal-backdrop:1200;--z-modal:1300;--z-toast:1400;--z-tooltip:1500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}a{color:var(--color-text-link);text-decoration:none;transition:color .2s}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-none);border-radius:var(--radius-base);cursor:pointer;white-space:nowrap;border:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-primary:active{background-color:var(--color-primary-active)}.btn-secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn-secondary:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover{background-color:var(--color-danger-dark)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.card:hover{box-shadow:var(--shadow-md)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.card-description{font-size:var(--text-sm);color:var(--color-text-secondary)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2);display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-base);transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-textarea{resize:vertical;min-height:100px}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap;display:inline-flex}.badge-neutral{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.nav{gap:var(--space-2);padding:var(--space-2);display:flex}.nav-item{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-base);cursor:pointer;transition:all .2s}.nav-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-item.active{background-color:var(--color-primary-light);color:var(--color-primary)}.stat-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.stat-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-none)}.stat-change{align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);display:inline-flex}table{border-collapse:collapse;width:100%}thead{background-color:var(--color-bg-tertiary)}th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-default)}td{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--color-bg-secondary)}.progress{width:100%;height:var(--space-2);background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.progress-bar.success{background-color:var(--color-success)}.progress-bar.warning{background-color:var(--color-warning)}.progress-bar.danger{background-color:var(--color-danger)}.font-display{font-family:var(--font-display)}.icon{flex-shrink:0;line-height:1;display:inline-block}.icon-xs{width:16px;height:16px}.icon-xl{width:40px;height:40px}.icon-secondary{color:var(--color-text-secondary)}.icon-warning{color:var(--color-warning)}.icon-danger{color:var(--color-danger)}:root{--color-guardian-blue:#1a47c8;--color-action-orange:#f97316;--color-gold-accent:#c5a572;--color-verified-green:#10b981;--color-shield-slate:#334155;--color-warning-amber:#f59e0b;--neutral-100:#f8f9fa;--neutral-200:#e9ecef;--neutral-400:#adb5bd;--neutral-500:#6c757d;--neutral-600:#495057;--neutral-900:#212529;--color-canvas:#f8fafc;--color-boundary-gray:#e2e8f0;--color-white:#fff;--color-black:#000;--color-primary:var(--color-guardian-blue);--color-primary-hover:#153aa4;--color-primary-active:#102d80;--color-primary-light:#e8eeff;--color-secondary:var(--color-shield-slate);--color-secondary-hover:#1e293b;--color-secondary-active:#0f172a;--color-success:var(--color-verified-green);--color-success-light:#d1fae5;--color-success-dark:#059669;--color-warning:var(--color-warning-amber);--color-warning-light:#fef3c7;--color-warning-dark:#d97706;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-danger-dark:#dc2626;--color-info:var(--color-guardian-blue);--color-info-light:var(--color-primary-light);--color-text-primary:var(--color-shield-slate);--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-inverse:var(--color-white);--color-text-link:var(--color-guardian-blue);--color-text-link-hover:#153aa4;--color-bg-primary:var(--color-white);--color-bg-secondary:var(--color-canvas);--color-bg-tertiary:#f1f5f9;--color-bg-overlay:#0f172abf;--color-border-default:var(--color-boundary-gray);--color-border-light:#f1f5f9;--color-border-dark:#cbd5e1;--color-border-focus:var(--color-guardian-blue);--color-cta-primary-bg:var(--color-action-orange);--color-cta-primary-hover:#ea580c;--color-cta-primary-text:var(--color-white);--brand-primary:var(--color-guardian-blue);--brand-secondary:var(--color-action-orange);--brand-logo-gradient-start:var(--color-guardian-blue);--brand-logo-gradient-end:var(--color-action-orange);--brand-font-heading:var(--font-display);--brand-font-body:var(--font-body);--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:.25rem;--radius-base:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-base:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-focus:0 0 0 3px #002b5c33;--focus-ring:3px solid var(--color-info);--focus-offset:2px;--duration-instant:0s;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.35s;--duration-slower:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--transition-base:all var(--duration-base) var(--ease-in-out);--transition-colors:color var(--duration-fast) var(--ease-in-out), background-color var(--duration-fast) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out);--transition-transform:transform var(--duration-base) var(--ease-out)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s;--duration-slower:0s;--transition-base:none;--transition-colors:none;--transition-transform:none}}.container{width:100%;max-width:1280px;padding-left:var(--space-6);padding-right:var(--space-6);margin-left:auto;margin-right:auto}.container-wide{max-width:1536px}.grid{gap:var(--space-6);display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.portal-layout{min-height:100vh;display:flex}.portal-sidebar{flex-shrink:0;width:280px}.portal-main{background-color:var(--color-bg-secondary);padding:var(--space-8);flex:1;overflow-y:auto}@media (width<=1024px){.portal-layout{flex-direction:column}.portal-sidebar{width:100%;position:static}}.homepage{background-color:var(--color-bg-primary)}.homepage-section{padding:var(--space-16) 0}.homepage-section.hero{padding:var(--space-24) 0;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-active) 100%);color:var(--color-text-inverse)}.homepage-section.alt{background-color:var(--color-bg-secondary)}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.gap-0{gap:var(--space-0)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-auto{margin:auto}.mt-0{margin-top:var(--space-0)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-16{margin-top:var(--space-16)}.mr-0{margin-right:var(--space-0)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mr-10{margin-right:var(--space-10)}.mr-12{margin-right:var(--space-12)}.mr-16{margin-right:var(--space-16)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.ml-0{margin-left:var(--space-0)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.ml-10{margin-left:var(--space-10)}.ml-12{margin-left:var(--space-12)}.ml-16{margin-left:var(--space-16)}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-10{margin-left:var(--space-10);margin-right:var(--space-10)}.mx-12{margin-left:var(--space-12);margin-right:var(--space-12)}.mx-16{margin-left:var(--space-16);margin-right:var(--space-16)}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.my-10{margin-top:var(--space-10);margin-bottom:var(--space-10)}.my-12{margin-top:var(--space-12);margin-bottom:var(--space-12)}.my-16{margin-top:var(--space-16);margin-bottom:var(--space-16)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.pt-0{padding-top:var(--space-0)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-10{padding-top:var(--space-10)}.pt-12{padding-top:var(--space-12)}.pt-16{padding-top:var(--space-16)}.pr-0{padding-right:var(--space-0)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.pr-10{padding-right:var(--space-10)}.pr-12{padding-right:var(--space-12)}.pr-16{padding-right:var(--space-16)}.pb-0{padding-bottom:var(--space-0)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-10{padding-bottom:var(--space-10)}.pb-12{padding-bottom:var(--space-12)}.pb-16{padding-bottom:var(--space-16)}.pl-0{padding-left:var(--space-0)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.pl-10{padding-left:var(--space-10)}.pl-12{padding-left:var(--space-12)}.pl-16{padding-left:var(--space-16)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}}@media (width>=1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}}@media (width>=1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.xl\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:flex-row{flex-direction:row}.xl\:flex-col{flex-direction:column}}.touch-target{min-width:44px;min-height:44px}.mb-1{margin-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-4)}.mt-0-5{margin-top:var(--space-1)}.mt-1{margin-top:var(--space-2)}.mt-2{margin-top:var(--space-4)}.m-0{margin:0}.p-0{padding:0}.label{margin-bottom:var(--space-1);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.label-uppercase{font-size:var(--font-size-tiny);color:var(--color-text-secondary);text-transform:uppercase;font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:.25rem 0}.text-tiny{font-size:var(--font-size-tiny)}.text-small{font-size:var(--font-size-small)}.text-base{font-size:var(--font-size-body)}.text-large{font-size:var(--font-size-body-large)}.font-normal{font-weight:var(--font-weight-normal)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-tertiary{color:var(--color-text-tertiary)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-white{color:#fff}.text-inverse{color:var(--text-inverse)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.form-label{margin-bottom:var(--space-1);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.form-input{width:100%;padding:var(--space-2);font-size:var(--font-size-body);font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.form-input:disabled{background-color:var(--color-background-alt);cursor:not-allowed}.card{background-color:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card-header{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.card-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-body{padding:0}.divider-vertical{background-color:var(--color-border-medium);width:1px;margin:0 var(--space-1)}.divider-horizontal{background-color:var(--color-border-light);height:1px;margin:var(--space-3) 0}.loading-container{min-height:100vh;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.loading-spinner{border:4px solid var(--color-border-light);border-top-color:var(--color-info);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.badge{padding:.25rem var(--space-1);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;display:inline-flex}.badge-error{color:var(--color-error);background-color:#ef44441a}.container{max-width:var(--container-content-width);padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile);margin-left:auto;margin-right:auto}@media (width>=768px){.container{padding-left:var(--container-padding-tablet);padding-right:var(--container-padding-tablet)}}@media (width>=1024px){.container{padding-left:var(--container-padding-desktop);padding-right:var(--container-padding-desktop)}}.container-narrow{max-width:var(--container-narrow-width)}.container-text{max-width:var(--container-text-width)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.bg-white{background-color:var(--color-background)}.bg-gray{background-color:var(--color-background-alt)}.bg-dark{background-color:var(--color-background-dark)}.border{border:1px solid var(--color-border-light)}.border-none{border:none}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.heading-large{margin:0 0 var(--space-2) 0;font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}.heading-medium{margin:0 0 var(--space-2) 0;font-size:var(--font-size-body-large)}.font-medium{font-weight:var(--font-weight-medium)}.cursor-pointer{cursor:pointer}.flex-col-gap-2{gap:var(--space-4);flex-direction:column;display:flex}.flex-col-gap-1-rem{flex-direction:column;gap:1rem;display:flex}.p-2{padding:var(--space-4)}.page-container{padding:var(--space-4);max-width:1400px;margin:0 auto}.empty-state-container{padding:var(--space-4);text-align:center;color:var(--color-text-secondary)}.empty-state-large{padding:var(--space-6);text-align:center;color:var(--color-text-secondary)}.table-full{border-collapse:collapse;width:100%}.table-header{text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-tiny);color:var(--color-text-secondary);text-transform:uppercase;padding:.75rem}.table-header-bordered{text-align:left;font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border-light);padding:.75rem}.table-cell{font-size:var(--font-size-small);padding:.75rem}.table-cell-bordered{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding:.75rem}.table-header-alt{background-color:var(--color-background-alt);border-bottom:1px solid var(--color-border-light)}.card-white{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3);background-color:#fff}.help-text{font-size:var(--font-size-tiny);color:var(--color-text-secondary);margin:.25rem 0 0}.block-label{margin-bottom:var(--space-1);font-weight:var(--font-weight-medium);display:block}.block-label-small{margin-bottom:var(--space-1);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);display:block}.border-bottom{border-bottom:1px solid var(--color-border-light)}.flex-1{flex:1}.bg-gray-50{background-color:var(--color-background-alt)}.heading-label{font-size:var(--font-size-small);color:var(--color-text-primary);margin-bottom:.25rem;display:block}.heading-label-uppercase{margin:0 0 var(--space-1) 0;font-size:var(--font-size-tiny);color:var(--color-text-secondary);text-transform:uppercase;font-weight:var(--font-weight-semibold)}.page-heading{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 16px}.page-container-narrow{padding:var(--space-4);max-width:1200px;margin:0 auto}.empty-state-xl{text-align:center;color:var(--color-text-secondary);padding:40px}.table-cell-text{padding:var(--space-2);font-size:var(--font-size-small);color:var(--color-text-secondary)}.table-cell-header{padding:var(--space-2);text-align:left;font-weight:var(--font-weight-semibold)}.table-cell-sm{padding:12px}.table-cell-sm-secondary{color:var(--color-text-secondary);padding:12px}.input-sm{padding:var(--space-1);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);font-size:var(--font-size-small)}.flex-between-center-mb{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.text-tiny-secondary{font-size:var(--font-size-tiny);color:var(--color-text-secondary)}.text-tiny-secondary-mb{font-size:var(--font-size-tiny);color:var(--color-text-secondary);margin-bottom:.25rem}.text-tiny-bold{font-size:var(--font-size-tiny);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.text-sm-primary{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.text-success-sm{color:var(--color-success);margin:0;font-size:14px}.error-container{text-align:center;padding:40px}.notification-section{padding:16px}.notification-heading{margin-bottom:12px;font-size:.875rem;font-weight:600}.notification-group{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.help-text-xs{color:#666;margin-top:4px;font-size:.75rem}.help-text-sm{color:#666;margin-top:4px;font-size:.875rem}.text-2xl{font-size:var(--font-size-h3)}.text-xl-bold{font-size:var(--font-size-h5);font-weight:var(--font-weight-bold);margin:0}.text-base-semibold{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin-bottom:.75rem}.inline-icon{vertical-align:middle;margin-right:var(--space-1);display:inline}.alert-warning{padding:var(--space-2);border-radius:var(--radius-md);margin-bottom:var(--space-2);background-color:#fef3c7}.alert-warning-bordered{padding:var(--space-2);border-radius:var(--radius-md);background-color:#fef3c7;border:1px solid #fbbf24}.alert-info{padding:var(--space-2);border-radius:var(--radius-md);background-color:#e0e7ff;border:1px solid #6366f1}.alert-gray{padding:var(--space-2);border-radius:var(--radius-md);background-color:#f3f4f6;border:1px solid #d1d5db}.card-gray{background-color:var(--color-background-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.card-white-bordered{padding:var(--space-3);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:#fff}.img-preview{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);max-width:200px;max-height:100px;padding:var(--space-1)}.flex-gap-075{gap:.75rem;display:flex}.flex-between-mb-1-5{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.heading-1-5{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0}.heading-1-25{margin:0 0 var(--space-2) 0;font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold)}.text-sm-gray{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0}.text-sm-gray-mt{margin:var(--space-2) 0 0 0;font-size:var(--font-size-small);color:var(--color-text-secondary)}.text-sm-gray-mb{margin-bottom:var(--space-3);font-size:var(--font-size-small);color:var(--color-text-secondary)}.text-sm-primary-color{color:var(--color-text-primary);font-size:var(--font-size-small);margin:0}.text-sm-blue{color:#3730a3;font-size:var(--font-size-small);margin:0}.text-sm-blue-flex{color:#1e40af;font-size:var(--font-size-small);align-items:center;gap:var(--space-1);margin:0;display:flex}.text-sm-warning{padding-left:var(--space-3);color:#92400e;font-size:var(--font-size-small);margin:0}.text-sm-warning-mt{margin:var(--space-1) 0 0 0;padding-left:var(--space-3);color:#92400e;font-size:var(--font-size-small)}.text-tiny-gray{margin:var(--space-1) 0 0 0;font-size:var(--font-size-tiny);color:var(--color-text-secondary)}.text-tiny-gray-ml{margin:var(--space-1) 0 0 var(--space-4);font-size:var(--font-size-tiny);color:var(--color-text-secondary)}.text-center-gray{padding:var(--space-4);text-align:center}.text-center-gray-mt{margin:var(--space-4) 0 0 0;font-size:var(--font-size-small);color:var(--color-text-secondary);text-align:center}.border-bottom-mb{margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.icon-sm{width:20px;height:20px;margin-right:.75rem}.toggle-container{width:60px;height:32px;position:relative}.success-container{text-align:center;background-color:#f9fafb;border-radius:8px;max-width:600px;margin:80px auto;padding:40px}.success-icon{background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex}.success-heading{margin-bottom:16px;font-size:1.875rem;font-weight:700}.success-text{color:#6b7280;margin-bottom:32px;line-height:1.6}.warning-banner{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-bottom:32px;padding:16px}.warning-banner-content{gap:12px;display:flex}.warning-icon{flex-shrink:0}.warning-title{color:#92400e;margin-bottom:4px;font-weight:600}.warning-text{color:#78350f;margin:0;font-size:.875rem;line-height:1.5}.category-container{flex-direction:column;gap:16px;display:flex}.category-card{cursor:pointer;border:2px solid;border-radius:8px;padding:20px;transition:all .2s}.category-card-content{align-items:start;gap:16px;display:flex}.category-card-content .page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.category-card-content .btn-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600}.category-card-content .filter-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.category-card-content .filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.category-card-content .filter-input{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem;font-size:.875rem}.category-card-content .alert-error{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:1rem;padding:1rem}.category-card-content .empty-state-card{text-align:center;color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:3rem}.category-card-content .table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.category-card-content .table-header-right{text-align:right;color:#6b7280;text-transform:uppercase;padding:.75rem;font-size:.75rem;font-weight:600}.category-card-content .table-cell-standard{padding:1rem;font-size:.875rem}.category-card-content .table-cell-right{text-align:right;padding:1rem}.category-card-content .badge-tier{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.category-card-content .status-indicator{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.category-card-content .status-dot{border-radius:50%;width:8px;height:8px}.category-card-content .pagination-container{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.category-card-content .btn-outline{color:#3b82f6;cursor:pointer;background-color:#0000;border:1px solid #3b82f6;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.category-card-content .btn-pagination{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem}.category-checkbox{width:20px;height:20px;margin-top:2px}.category-title{color:#111827;margin-bottom:4px;font-weight:600}.category-description{color:#6b7280;margin:0;font-size:.875rem}.help-text-sm{color:#6b7280;margin-bottom:12px;font-size:.875rem}.textarea-full{resize:vertical;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:.9375rem}.alert-error{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-bottom:24px;padding:12px 16px}.actions-container{justify-content:flex-end;gap:12px;display:flex}.btn-min-width{min-width:200px}.table-bordered{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.table-sm{border-collapse:collapse;width:100%;font-size:var(--font-size-small)}.table-cell-0-75{padding:.75rem}.table-cell-border-b{border-bottom:1px solid var(--color-border-light);padding:.75rem}.table-header-right{text-align:right;font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border-light);padding:.75rem}.table-row-stripe:nth-child(2n){background-color:var(--color-background-alt)}.bg-blue-50{background:#eff6ff}.bg-amber-50{background:#fef3c7}.bg-emerald-50{background:#d1fae5}.bg-pink-50{background:#fce7f3}.text-amber-500{color:#f59e0b}.text-emerald-600{color:#059669}.text-pink-600{color:#db2777}.code-badge{font-size:var(--font-size-tiny);border-radius:var(--radius-sm);font-family:var(--font-mono);background-color:#f3f4f6;padding:.125rem .25rem}.btn-primary{color:#fff;cursor:pointer;transition:background-color var(--transition-base);background-color:#3b82f6;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-primary:hover{background-color:#2563eb}.btn-primary:disabled{cursor:not-allowed;opacity:.6;background-color:#9ca3af}.btn-primary-lg{color:#fff;cursor:pointer;transition:background-color var(--transition-base);background-color:#3b82f6;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500}.btn-primary-lg:hover{background-color:#2563eb}.btn-primary-lg:disabled{cursor:not-allowed;background-color:#9ca3af}.btn-secondary{color:#3b82f6;cursor:pointer;transition:background-color var(--transition-base);background-color:#0000;border:1px solid #3b82f6;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem}.btn-secondary:hover{background-color:#3b82f61a}.btn-danger-outline{color:#dc2626;cursor:pointer;transition:background-color var(--transition-base);background-color:#0000;border:1px solid #dc2626;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem}.btn-danger-outline:hover{background-color:#dc26261a}.btn-gray{color:#374151;cursor:pointer;transition:background-color var(--transition-base);background-color:#e5e7eb;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem}.btn-gray:hover{background-color:#d1d5db}.btn-tab{color:#6b7280;cursor:pointer;background-color:#0000;border:none;border-bottom:2px solid #0000;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-tab:hover{color:#3b82f6}.btn-tab-active{color:#3b82f6;cursor:pointer;background-color:#0000;border:none;border-bottom:2px solid #3b82f6;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-sm{border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:#374151;font-size:var(--font-size-tiny);cursor:pointer;transition:background-color var(--transition-base);background-color:#fff;padding:.25rem .5rem}.btn-sm:hover{background-color:var(--color-background-alt)}.btn-sm-danger{border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-tiny);cursor:pointer;transition:background-color var(--transition-base);background-color:#fff;padding:.25rem .5rem}.btn-sm-danger:hover{background-color:#ef44441a}.mb-0{margin-bottom:0}.mb-0-25{margin-bottom:.25rem}.mt-0-25{margin-top:.25rem}.mt-1-rem{margin-top:1rem}.ml-0-5{margin-left:var(--space-1)}.ml-1-rem{margin-left:1rem}.ml-2-rem{margin-left:2rem}.mr-0-75{margin-right:.75rem}.p-0-75{padding:.75rem}.p-1{padding:1rem}.section-container{margin-bottom:var(--space-4)}.section-header{color:var(--color-text-secondary);margin:0 0 1rem}.bordered-section{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3);background-color:#fff}.bordered-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.card-white-flex{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.grid-gap-1{gap:1rem;display:grid}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.grid-auto-fit-300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.gap-3{gap:24px}.alert-success{color:#065f46;background-color:#d1fae5;border-radius:.375rem;padding:1rem}.progress-bar-container{background-color:#e5e7eb;border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{height:100%}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background-color:#fff;border-radius:.5rem;width:90%;max-width:500px;padding:2rem;box-shadow:0 10px 25px #0003}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.heading-xl{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.heading-lg-flex{align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-weight:600;display:flex}.code-inline{background-color:#e5e7eb;border-radius:.25rem;padding:.125rem .25rem;font-family:monospace;font-size:.875rem}.text-base-medium-span{font-size:1rem;font-weight:500}.btn-cancel{color:#6b7280;cursor:pointer;background-color:#0000;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-cancel:hover{background-color:#f9fafb}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.flex-center{justify-content:center;align-items:center;display:flex}.flex-start{align-items:flex-start;display:flex}.text-xl-gray{color:#6b7280;font-size:1.5rem}.text-sm-medium{font-size:.875rem;font-weight:500}.text-sm-medium-gray{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.text-base-medium{margin-bottom:.25rem;font-size:1rem;font-weight:500}.text-xs{font-size:.75rem}.text-xs-gray{color:#6b7280;font-size:.75rem}.input-flex{border:1px solid #d1d5db;border-radius:.375rem;flex:1;padding:.5rem;font-size:.875rem}.input-flex:focus{border-color:#3b82f6;outline:none}.textarea-full{width:100%;min-height:120px;padding:var(--space-2);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-body);resize:vertical}.textarea-full:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 3px #3b82f61a}.select-full{width:100%;padding:var(--space-2);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:var(--font-size-body);cursor:pointer;background-color:#fff}.select-full:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 3px #3b82f61a}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.grid-2-col{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.grid-3-col{gap:var(--space-2);grid-template-columns:1fr 1fr 1fr;display:grid}.grid-2-col-12{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-2-col-1rem{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-2-col-1rem-mb{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.flex-gap-0-5{gap:.5rem;display:flex}.flex-gap-1-rem{gap:1rem;display:flex}.flex-gap-1-end{justify-content:flex-end;gap:1rem;display:flex}.flex-gap-0-75-end{justify-content:flex-end;gap:.75rem;display:flex}.flex-gap-0-5-mb{gap:.5rem;margin-bottom:.5rem;display:flex}.flex-col-12{flex-direction:column;gap:12px;display:flex}.flex-between-start{justify-content:space-between;align-items:flex-start;display:flex}.flex-between-mt{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.flex-gap-1-center-wrap{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.p-1-rem-right{text-align:right;padding:1rem}.table-cell-right-sm{fontSize:.875rem;text-align:right;padding:.75rem;font-weight:500}.table-header-sm-right{text-align:right;color:#6b7280;text-transform:uppercase;padding:.75rem;font-size:.75rem;font-weight:600}.table-sm-13{border-collapse:collapse;width:100%;font-size:13px}.mr-0-5{margin-right:.5rem}.mt-1-5{margin-top:1.5rem}.heading-1-5-mb{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.heading-1-25-mb{margin:0 0 1rem;font-size:1.25rem}.heading-2rem{color:#374151;font-size:2rem;font-weight:700}.heading-1-rem-semibold{font-size:1rem;font-weight:600}.text-sm-gray-mb{color:#6b7280;margin-bottom:.5rem;font-size:.875rem}.text-sm-semibold-mb{margin-bottom:12px;font-size:.875rem;font-weight:600}.text-sm-semibold{color:#374151;font-size:.875rem;font-weight:500}.text-sm-medium{margin:0;font-size:.875rem;font-weight:500}.text-sm-regular{margin:0;font-size:.875rem}.text-gray-medium{color:#6b7280;font-weight:500}.btn-white{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem}.btn-white-lg{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500}.btn-white-mb{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem}.btn-danger{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600}.btn-success{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600}.btn-sm-danger-icon{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.border-t-light{border-top:1px solid #e5e7eb}.status-indicator{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.badge-pill{color:#3b82f6;background-color:#eff6ff;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem}.badge-pill-sm{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.editor-toolbar-btn{border:1px solid var(--color-border-medium);cursor:pointer;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.editor-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.badge-case-type{color:#3b82f6;text-transform:capitalize;background-color:#eff6ff;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem}.flex-between-center-mb{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.flex-gap-1-mb-0-5{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.flex-gap-2-rem{gap:2rem;display:flex}.card-white-p-1-5{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.card-white-p-2{text-align:center;color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:2rem}.tab-container{border-bottom:1px solid #e5e7eb;margin-bottom:2rem}.tab-list{gap:2rem;display:flex}.tab-button{color:#6b7280;cursor:pointer;text-transform:capitalize;background-color:#0000;border:none;border-bottom:2px solid #0000;padding:1rem 0;font-size:.875rem;font-weight:600}.tab-button-active{color:#3b82f6;cursor:pointer;text-transform:capitalize;background-color:#0000;border:none;border-bottom:2px solid #3b82f6;padding:1rem 0;font-size:.875rem;font-weight:600}.grid-2-col-gap-1-5{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.grid-gap-0-75{gap:.75rem;display:grid}.grid-gap-0-75-sm{gap:.75rem;font-size:.875rem;display:grid}.grid-case-types{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.grid-states{border:1px solid #e5e7eb;border-radius:.375rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;max-height:200px;padding:1rem;display:grid;overflow:auto}.grid-metrics{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.checkbox-label{cursor:pointer;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;gap:.5rem;padding:.75rem;display:flex}.checkbox-label-selected{cursor:pointer;background-color:#eff6ff;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;gap:.5rem;padding:.75rem;display:flex}.checkbox-label-all-markets{cursor:pointer;border:2px solid #3b82f6;border-radius:.375rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.checkbox-label-all-markets-selected{cursor:pointer;background-color:#eff6ff;border:2px solid #3b82f6;border-radius:.375rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.checkbox-label-sm{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.label-text-sm{text-transform:capitalize;font-size:.875rem}.label-text-sm-bold{font-size:.875rem;font-weight:600}.btn-tab-padding{padding:12px 0}.flex-gap-32{gap:32px;display:flex}.select-auto{border:1px solid var(--color-border-medium);border-radius:var(--radius-md);cursor:pointer;background-color:#fff;width:auto;padding:6px 12px;font-size:13px}.select-auto:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn-download-sm{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none;display:inline-block}.btn-download-sm:hover{background-color:#2563eb}.text-warning-amber{color:#f59e0b}.text-mono-xs{font-family:monospace;font-size:11px}.m-8-0{margin:8px 0}.btn-danger-full{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:.375rem;width:100%;padding:12px 24px;font-size:14px;font-weight:500}.btn-danger-full:hover:not(:disabled){background-color:#dc2626}.btn-danger-full:disabled{opacity:.5;cursor:not-allowed}.upload-zone{text-align:center;background-color:var(--color-background-alt);border-radius:var(--radius-md);border:2px dashed #d1d5db;margin-bottom:12px;padding:40px}.alert-success-bordered{background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:.375rem;margin-top:1rem;padding:.75rem}.flex-gap-16-mt-24{gap:16px;margin-top:24px;display:flex}.btn-success-md{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:.375rem;padding:12px 24px;font-size:14px;font-weight:500}.btn-success-md:hover:not(:disabled){background-color:#059669}.btn-success-md:disabled{opacity:.5;cursor:not-allowed}.btn-danger-md{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:.375rem;padding:12px 24px;font-size:14px;font-weight:500}.btn-danger-md:hover:not(:disabled){background-color:#dc2626}.btn-danger-md:disabled{opacity:.5;cursor:not-allowed}.backup-status-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:24px}.grid-gap-12-text-sm{gap:12px;font-size:14px;display:grid}.backup-label{color:#6b7280;font-weight:500}.backup-value{color:#111827}.btn-trigger-backup{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;margin-top:16px;padding:10px 20px;font-size:14px;font-weight:500}.btn-trigger-backup:hover:not(:disabled){background-color:#2563eb}.btn-trigger-backup:disabled{opacity:.5;cursor:not-allowed}.alert-error-mb{background-color:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:16px;padding:12px}.alert-success-mb{background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:.375rem;margin-bottom:16px;padding:12px}.empty-state-backups{text-align:center;color:#6b7280;background-color:#f9fafb;border-radius:8px;padding:40px}.table-full-13{border-collapse:collapse;width:100%;font-size:13px}.table-cell-primary-bold{color:#111827;padding:12px;font-weight:500}.backup-download-link{color:#fff;background-color:#3b82f6;border-radius:.375rem;margin-right:8px;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none;display:inline-block}.backup-download-link:hover{background-color:#2563eb}.btn-restore{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:4px 12px;font-size:12px;font-weight:500}.btn-restore:hover{background-color:#f9fafb}.page-container-narrow-p-24{max-width:1200px;margin:0 auto;padding:24px}.sub-tab-nav{border-bottom:2px solid #e5e7eb;gap:.5rem;display:flex;overflow-x:auto}.sub-tab-button{cursor:pointer;white-space:nowrap;color:#6b7280;background-color:#0000;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:color .2s,border-color .2s}.sub-tab-button-active{color:#3b82f6;border-bottom-color:#3b82f6}.input-full{border:1px solid #e5e7eb;border-radius:.375rem;width:100%;padding:.5rem}.select-sm{border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem;font-size:.875rem}.select-sm:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editor-heading{margin:0 0 .5rem;font-size:1rem;font-weight:600}.editor-textarea{border:1px solid #e5e7eb;border-radius:.375rem;width:100%;height:400px;padding:1rem;font-family:monospace;font-size:.875rem}.editor-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editor-preview{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;height:400px;padding:1rem;overflow-y:auto}.btn-primary-sm{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;padding:.25rem .75rem;font-size:.75rem}.btn-primary-sm:hover{background-color:#2563eb}.btn-white-sm{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.25rem .75rem;font-size:.75rem}.btn-white-sm:hover{background-color:#f9fafb}.mb-0-5{margin-bottom:.5rem}.link-blue{color:#3b82f6}.link-blue:hover{color:#2563eb}.text-success{color:#10b981}.text-error-red{color:#ef4444}.bg-success-light{background-color:#d1fae5}.bg-error-light{background-color:#fee2e2}.bg-gray-light{background-color:#f3f4f6}.whitespace-pre-wrap{white-space:pre-wrap}.bg-blue-50{background-color:#eff6ff}.border-blue-200{border:1px solid #bfdbfe}.text-blue-700{color:#1e40af}.btn-warning{color:#fff;cursor:pointer;background-color:#f59e0b;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-warning:hover{background-color:#d97706}.btn-sm-green{color:#059669;border-color:#059669}.btn-sm-orange{color:#d97706;border-color:#d97706}.checkbox-base{cursor:pointer;width:16px;height:16px}.status-dot{border-radius:9999px;width:8px;height:8px}.badge-role{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.modal-container-large{background-color:#fff;border-radius:.5rem;width:95%;max-width:900px;max-height:90vh;padding:1.5rem;overflow:auto;box-shadow:0 20px 25px -5px #0000001a}.close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem}.table-container{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.table-simple{border-collapse:collapse;width:100%}.timeline-connector{flex:1;min-width:20px;height:2px}.timeline-connector-success{background-color:#10b981;flex:1;min-width:20px;height:2px}.timeline-connector-blue{background-color:#3b82f6;flex:1;min-width:20px;height:2px}.timeline-connector-purple{background-color:#8b5cf6;flex:1;min-width:20px;height:2px}.timeline-connector-error{background-color:#dc2626;flex:1;min-width:20px;height:2px}.iframe-container{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.iframe-email-preview{background-color:#fff;border:none;width:100%;height:400px}.box-p-1-border-rounded{border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem}.inline-flex-items-center-gap-0-5{align-items:center;gap:.5rem;display:inline-flex}.flex-gap-1-5{gap:1.5rem;display:flex}.page-header-bordered{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.btn-back{color:#1f2937;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-switch{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:background-color .2s}.btn-switch:disabled{cursor:not-allowed;background-color:#d1d5db}.alert-error{color:#991b1b;background-color:#fee2e2;border:1px solid #ef4444;border-radius:.5rem;padding:1rem}.alert-warning{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;padding:1rem}.alert-warning-text{color:#92400e;margin:0;font-size:.875rem}.env-badge{border-radius:.375rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1.125rem;font-weight:700;display:inline-flex}.env-badge-staging{color:#92400e;background-color:#fef3c7;border:2px solid #fbbf24}.env-badge-production{color:#065f46;background-color:#d1fae5;border:2px solid #10b981}.env-badge-icon{font-size:1.5rem}.radio-label{cursor:pointer;border:2px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.75rem;padding:1rem;display:flex}.radio-label-staging{background-color:#f9fafb}.radio-label-staging-selected{background-color:#fef3c7;border-color:#fbbf24}.radio-label-production{background-color:#f9fafb}.radio-label-production-selected{background-color:#d1fae5;border-color:#10b981}.radio-input{cursor:pointer;width:1.25rem;height:1.25rem}.radio-label-title{font-size:1rem;font-weight:600}.radio-label-subtitle{color:#6b7280;margin-top:.25rem;font-size:.875rem}.credential-badge{color:#fff;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.credential-badge-ready{background-color:#10b981}.credential-badge-not-configured{background-color:#ef4444}.help-text-error{color:#dc2626;margin:.75rem 0 0;font-size:.875rem}.help-text-muted{color:#6b7280;margin:.75rem 0 0;font-size:.875rem}.radio-group{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.container-1200{max-width:1200px;margin:0 auto}.welcome-header{background-color:var(--color-background-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.welcome-heading{margin:0 0 var(--space-1) 0;font-size:var(--font-size-h5)}.welcome-text{color:var(--color-text-secondary);margin:0}.dashboard-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.dashboard-card{background-color:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-base)}.dashboard-card:hover{border-color:var(--color-link);box-shadow:var(--shadow-md)}.alert-warning-box{margin-top:var(--space-4);padding:var(--space-2);border:1px solid var(--color-warning);border-radius:var(--radius-md);background-color:#fef3c7}.alert-warning-text{font-size:var(--font-size-small);color:#92400e;margin:0}.flex-heading{margin:0 0 var(--space-2) 0;font-size:var(--font-size-body-large);align-items:center;gap:var(--space-1);display:flex}.btn-primary-md{padding:var(--space-1) var(--space-3);background-color:var(--color-link);color:var(--color-text-inverse);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:background-color var(--transition-base);border:none}.btn-primary-md:hover{background-color:var(--color-link-hover)}.btn-primary-md:disabled{cursor:not-allowed;background-color:#9ca3af}.text-score-display{min-width:50px;font-size:1.25rem;font-weight:600}.label-flex-center{cursor:pointer;align-items:center;display:flex}.span-sm-medium-gray{color:#374151;font-size:.875rem;font-weight:500}.alert-info-blue{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;margin-bottom:2rem;padding:1rem}.info-box-blue-left{background-color:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:4px;padding:12px}.text-sm-blue-dark{color:#0c4a6e;font-size:.875rem}.demo-status-on{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;margin-bottom:2rem;padding:1rem}.demo-status-off{background-color:#d1fae5;border:1px solid #10b981;border-radius:.5rem;margin-bottom:2rem;padding:1rem}.flex-items-center-gap-0-5{align-items:center;gap:.5rem;display:flex}.m-0-text-sm-demo-on{color:#92400e;margin:0;font-size:.875rem}.m-0-text-sm-demo-off{color:#065f46;margin:0;font-size:.875rem}.h3-demo-on{color:#92400e;margin:0;font-size:1.125rem;font-weight:600}.h3-demo-off{color:#065f46;margin:0;font-size:1.125rem;font-weight:600}.label-flex-gap-1{cursor:pointer;align-items:center;gap:1rem;display:flex}.hidden-input{display:none}.toggle-track{cursor:pointer;border-radius:16px;width:60px;height:32px;transition:background-color .2s;position:relative}.toggle-track-on{background-color:#3b82f6}.toggle-track-off{background-color:#d1d5db}.toggle-knob{background-color:#fff;border-radius:50%;width:24px;height:24px;transition:left .2s;position:absolute;top:4px;box-shadow:0 2px 4px #0003}.toggle-knob-on{left:32px}.toggle-knob-off{left:4px}.grid-gap-1-5{gap:1.5rem;display:grid}.heading-warning{color:#92400e}.heading-info{color:#3730a3}.heading-gray{color:#374151}.btn-demo-enable{background-color:#fbbf24}.btn-demo-disable{background-color:#3b82f6}.grid-column-full{grid-column:1/-1}.status-badge-up{color:#065f46;background-color:#d1fae5}.status-badge-down{color:#991b1b;background-color:#fee2e2}.border-bottom-2{border-bottom:2px solid #e5e7eb}.pb-1{padding-bottom:1rem}.input-monospace{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem;font-family:monospace;font-size:.875rem}.input-monospace:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 3px #3b82f61a}.toast-container{z-index:10000;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{border-radius:.5rem;align-items:center;gap:.5rem;min-width:300px;padding:1rem 1.5rem;display:flex;box-shadow:0 10px 15px -3px #0000001a}.toast-success{color:#065f46;background-color:#d1fae5;border:1px solid #10b981}.toast-error{color:#991b1b;background-color:#fee2e2;border:1px solid #ef4444}.toast-info{color:#1e40af;background-color:#dbeafe;border:1px solid #3b82f6}.toast-icon{font-size:1.25rem}.modal-overlay-p-1{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-container-500{background-color:#fff;border-radius:.5rem;width:100%;max-width:500px}.modal-container-800{background-color:#fff;border-radius:.5rem;width:100%;max-width:800px;max-height:90vh;overflow:auto}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-footer-border{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.input-sm{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem;font-size:.875rem}.input-sm:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.select-input-sm{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem;font-size:.875rem}.select-input-sm:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.grid-2-col-gap-1-mb-1{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.grid-2-col-gap-1{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-cancel-gray{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500}.btn-cancel-gray:hover:not(:disabled){background-color:#f9fafb}.btn-cancel-gray:disabled{cursor:not-allowed;opacity:.5}.btn-submit-blue{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600}.btn-submit-blue:hover:not(:disabled){background-color:#2563eb}.btn-submit-blue:disabled{cursor:not-allowed;background-color:#9ca3af}.alert-error-mb-1{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:1rem;padding:1rem}.btn-success-lg{color:#fff;cursor:pointer;transition:background-color var(--transition-base);background-color:#10b981;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600}.btn-success-lg:hover{background-color:#059669}.btn-cancel-lg{color:#374151;cursor:pointer;transition:background-color var(--transition-base);background-color:#e5e7eb;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500}.btn-cancel-lg:hover{background-color:#d1d5db}.btn-edit{color:#fff;cursor:pointer;transition:background-color var(--transition-base);background-color:#3b82f6;border:none;border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500}.btn-edit:hover{background-color:#2563eb}.btn-edit-disabled{color:#9ca3af;cursor:not-allowed;background-color:#e5e7eb;border:none;border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500}.btn-deactivate{color:#fff;cursor:pointer;transition:background-color var(--transition-base);background-color:#dc2626;border:none;border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500}.btn-deactivate:hover{background-color:#b91c1c}.btn-deactivate-disabled{color:#9ca3af;cursor:not-allowed;background-color:#e5e7eb;border:none;border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500}.table-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.table-row{background-color:#fff}.badge-you{color:#3b82f6;margin-left:.5rem;font-size:.75rem;font-weight:600}.badge-role-blue{color:#1e40af;background-color:#dbeafe;border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.badge-status-active{color:#065f46;background-color:#d1fae5;border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.badge-status-inactive{color:#991b1b;background-color:#fee2e2;border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.badge-permission{color:#1e40af;background-color:#dbeafe;border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;display:inline-block}.text-success-semibold{color:#10b981;font-weight:600}.modal-container-medium{background-color:#fff;border-radius:.5rem;width:90%;max-width:600px;max-height:90vh;padding:2rem;overflow:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-heading{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.permission-heading{margin:0 0 .75rem;font-size:.875rem;font-weight:600}.checkbox-label{cursor:pointer;align-items:center;display:flex}.checkbox-input{margin-right:.5rem}.border-dashed{border:1px dashed #d1d5db}.grid-auto-fit-200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stat-value{font-size:2rem;font-weight:700}.cursor-not-allowed{cursor:not-allowed}.text-blue-600{color:#3b82f6}.text-purple-600{color:#8b5cf6}.text-orange-600{color:#ea580c}.modal-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.section-subtitle-sm{margin-bottom:.75rem;font-size:1rem;font-weight:500}.mb-0-75{margin-bottom:.75rem}.line-item-grid{background-color:#f9fafb;border-radius:.375rem;grid-template-columns:2fr 1fr 1fr 1fr;gap:.5rem;margin-bottom:.5rem;padding:.5rem;font-size:.875rem;display:grid}.custom-line-item-grid{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;gap:.5rem;margin-bottom:.5rem;display:grid}.btn-sm-success{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500}.btn-sm-success:hover{background-color:#059669}.invoice-total-box{background-color:#f9fafb;border-radius:.375rem;margin-bottom:1.5rem;padding:1rem}.invoice-total-row{justify-content:space-between;font-size:1.125rem;font-weight:700;display:flex}.progress-bar-fill-primary{background-color:#3b82f6}.progress-bar-fill-danger{background-color:#dc2626}.no-bg{background:0 0}.ul-list-standard{margin:.5rem 0 0;padding-left:1.5rem}.text-warning-dark{color:#92400e}.text-sm-warning-darker{color:#78350f;font-size:.875rem}.text-success-dark{color:#065f46}.text-sm-success-darker{color:#047857;font-size:.875rem}.border-success{border:1px solid #6ee7b7}.textarea-input{resize:vertical;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem;font-family:inherit;font-size:.875rem}.btn-disabled-lg{color:#fff;cursor:not-allowed;background-color:#9ca3af;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600}.btn-danger-lg{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600}.btn-danger-lg:hover:not(:disabled){background-color:#b91c1c}.btn-danger-lg:disabled{cursor:not-allowed;background-color:#9ca3af}.font-heading{font-family:var(--brand-font-heading)}.font-body{font-family:var(--brand-font-body)}.text-brand-primary{color:var(--brand-primary)}.bg-brand-primary{background:var(--brand-primary)}.bg-brand-secondary{background:var(--brand-secondary)}.bg-logo-gradient{background:var(--color-primary)}.gap-1-5{gap:1.5rem}.h-100{height:100px}.text-4xl{font-size:var(--text-4xl)}.mr-1-rem{margin-right:1rem}.btn-close-modal{cursor:pointer;color:#6b7280;background-color:#0000;border:none;padding:0;font-size:1.5rem;line-height:1}.error-message-box{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.input-password-toggle{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem 2.5rem .5rem .5rem;font-size:.875rem}.btn-password-toggle{cursor:pointer;color:#6b7280;background-color:#0000;border:none;font-size:.875rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.btn-generate-password{color:#fff;cursor:pointer;white-space:nowrap;background-color:#10b981;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-generate-password:hover{background-color:#059669}.password-requirements-box{color:#6b7280;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem;font-size:.75rem}.password-requirements-heading{margin-bottom:.5rem;font-weight:600}.password-requirements-list{margin:0;padding-left:1.5rem}.bg-blue-light{background-color:#eff6ff}.bg-green-light{background-color:#dcfce7}.bg-green-lighter{background-color:#d1fae5}.bg-yellow-light{background-color:#fef3c7}.bg-gray-lightest{background-color:#f9fafb}.bg-transparent{background-color:#0000}.bg-accent-primary{background-color:var(--accent-primary)}.bg-accent-primary-hover{background-color:var(--accent-primary-hover)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.text-blue-primary{color:#2563eb}.text-green-primary{color:#16a34a}.text-green-600{color:#059669}.text-yellow-primary{color:#f59e0b}.text-yellow-800{color:#92400e}.text-red-600{color:#dc2626}.text-red-800{color:#991b1b}.text-gray-600{color:#6b7280}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-gray-400{color:#9ca3af}.border-gray-300{border-color:#d1d5db}.border-yellow{border-color:#fbbf24}.border-light{border:1px solid var(--color-border-light)}.border-medium{border:1px solid var(--color-border-medium)}.border-dark{border:1px solid var(--color-border-dark)}.border-2-light{border:2px solid var(--color-border-light)}.border-2-medium{border:2px solid var(--color-border-medium)}.border-2-dark{border:2px solid var(--color-border-dark)}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.z-9999{z-index:9999}.p-1-5{padding:.75rem}.p-3{padding:1.5rem}.py-1{padding-top:.5rem;padding-bottom:.5rem}.mb-3{margin-bottom:1.5rem}.mt-3{margin-top:1.5rem}.flex-col-gap-2{flex-direction:column;gap:1rem;display:flex}.flex-gap-1{gap:.5rem;display:flex}.flex-gap-2{gap:1rem;display:flex}.flex-items-center-gap-1{align-items:center;gap:.5rem;display:flex}.flex-wrap{flex-wrap:wrap}.w-48{width:48px}.w-90-pct{width:90%}.h-48{height:48px}.max-w-500{max-width:500px}.max-w-600{max-width:600px}.max-w-1600{max-width:1600px}.max-h-90vh{max-height:90vh}.min-h-200{min-height:200px}.min-w-100{min-width:100px}.min-w-200{min-width:200px}.border-b-2{border-bottom:2px solid}.border-radius-8{border-radius:8px}.font-size-0-875{font-size:.875rem}.font-size-1-25{font-size:1.25rem}.font-size-2{font-size:2rem}.font-weight-600{font-weight:600}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.shadow-modal{box-shadow:0 20px 25px -5px #0000001a}.transition-all{transition:all .2s}.min-h-screen{min-height:100vh}.p-2-rem{padding:2rem}.mx-auto{margin-left:auto;margin-right:auto}.pb-1-rem{padding-bottom:1rem}.mb-neg-2px{margin-bottom:-2px}.gap-1-rem{gap:1rem}.gap-0-5-rem{gap:.5rem}.mt-0-25-rem{margin-top:.25rem}.p-0-5-rem{padding:.5rem}.p-0-5-1-rem{padding:.5rem 1rem}.p-0-25-0-5-rem{padding:.25rem .5rem}.p-0-75-1-5-rem{padding:.75rem 1.5rem}.mt-0-5-rem{margin-top:.5rem}.btn-back{color:#6b7280;cursor:pointer;background-color:#0000;border:none;padding:.5rem;font-size:1.25rem}.btn-logout{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-tab{cursor:pointer;white-space:nowrap;background-color:#0000;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-tab-border{border-bottom:2px solid #0000;margin-bottom:-2px}.text-h2{font-size:2rem}.text-3xl{font-size:3rem}.empty-state-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:3rem}.card-interactive{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:all .2s}.grid-auto-fit-150{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.mb-0-5-rem{margin-bottom:.5rem}.mb-1-5-rem{margin-bottom:1.5rem}.text-icon-4xl{font-size:4rem}.heading-coming-soon{color:#374151;margin:0 0 1rem;font-size:1.5rem}.mb-1-rem{margin-bottom:1rem}.modal-overlay-fullscreen{background-color:#00000080;position:fixed;inset:0}.form-label-gray{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-padded{box-sizing:border-box;padding:.5rem .75rem}.textarea-resize-vertical{resize:vertical}.border-red-300{border-color:#fca5a5}.border-green-300{border-color:#6ee7b7}.text-green-700{color:#15803d}.m-0-0-0-5-0{margin:0 0 .5rem}.z-1000{z-index:1000}.border-radius-0-5{border-radius:.5rem}.heading-2xl{margin:0 0 .5rem;font-size:2rem;font-weight:700}.heading-1-5{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.contact-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:block}.contact-icon{margin-bottom:.75rem;font-size:2rem}.contact-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.contact-value{color:#6b7280;margin:0;font-size:.875rem}.faq-question{color:#111827;margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.faq-answer{color:#4b5563;margin:0;font-size:.9375rem;line-height:1.6}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;margin-top:2rem;padding:1.5rem}.text-blue-dark{color:#1e40af}.link-blue-underline{color:#2563eb;text-decoration:underline}.flex-between-center-mb-2{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.select-filter{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem;font-size:.875rem}.alert-error{color:#dc2626;background-color:#fee2e2;border-radius:.375rem;margin-bottom:1rem;padding:1rem}.table-cell-partner{padding:.75rem;font-size:.875rem;font-weight:500}.table-cell-amount{text-align:right;padding:.75rem;font-size:.875rem;font-weight:500}.table-cell-actions{text-align:right;padding:.75rem}.status-badge{text-transform:capitalize;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.link-blue{color:#3b82f6;text-decoration:none}.config-field-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.config-field-label{color:#374151;font-size:.875rem;font-weight:500}.btn-edit-outline{color:#3b82f6;cursor:pointer;background-color:#0000;border:1px solid #3b82f6;border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem}.btn-edit-outline:hover{background-color:#3b82f61a}.flex-gap-items-center{align-items:center;gap:.5rem;display:flex}.input-field-sm{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem;font-size:.875rem}.input-field-sm:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.input-color{border:1px solid #d1d5db;border-radius:.375rem;width:100px;height:40px;padding:.25rem;font-size:.875rem}.input-color:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.color-preview-edit{border:1px solid #d1d5db;border-radius:.25rem;width:40px;height:40px}.color-preview-display{border:1px solid #d1d5db;border-radius:.25rem;width:30px;height:30px}.btn-container-mt{gap:.5rem;margin-top:.5rem;display:flex}.btn-save{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;padding:.375rem 1rem;font-size:.875rem}.btn-save:hover{background-color:#2563eb}.btn-cancel-secondary{color:#374151;cursor:pointer;background-color:#e5e7eb;border:none;border-radius:.375rem;padding:.375rem 1rem;font-size:.875rem}.btn-cancel-secondary:hover{background-color:#d1d5db}.value-display-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.modal-container-600{background-color:#fff;border-radius:.5rem;width:100%;max-width:600px;max-height:90vh;overflow:auto}.modal-body-gray{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1.5rem}.grid-2-col-gap-1-text-sm{grid-template-columns:1fr 1fr;gap:1rem;font-size:.875rem;display:grid}.text-xs-gray-mt-05{color:#6b7280;margin-top:.5rem;font-size:.75rem}.alert-warning-yellow{color:#92400e;background-color:#fef3c7;border:1px solid #fcd34d;border-radius:.375rem;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}.flex-end-gap-075{justify-content:flex-end;gap:.75rem;display:flex}.form-label-sm-gray{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.close-btn-icon{cursor:pointer;color:#6b7280;background-color:#0000;border:none;padding:0;font-size:1.5rem;line-height:1}.filter-grid{background-color:#f9fafb;border-radius:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}.input-full{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem;font-size:.875rem}.input-full:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.link-primary{color:#3b82f6;font-weight:500;text-decoration:none}.link-primary:hover{text-decoration:underline}.table-cell-right{text-align:right;padding:.75rem}.table-cell-right-medium{text-align:right;padding:.75rem;font-size:.875rem;font-weight:500}.btn-action-primary{color:#fff;cursor:pointer;transition:background-color var(--transition-base);background-color:#3b82f6;border:none;border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem}.btn-action-primary:hover{background-color:#2563eb}.btn-action-success{color:#fff;cursor:pointer;transition:background-color var(--transition-base);background-color:#10b981;border:none;border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem}.btn-action-success:hover{background-color:#059669}.btn-action-secondary{color:#374151;cursor:pointer;transition:background-color var(--transition-base);background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem}.btn-action-secondary:hover{background-color:#e5e7eb}.pagination-container{justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.btn-pagination{transition:background-color var(--transition-base);color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem}.btn-pagination:not(:disabled){cursor:pointer}.btn-pagination:not(:disabled):hover{background-color:#f9fafb}.btn-pagination:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.pagination-text{color:#374151;padding:.5rem 1rem;font-size:.875rem}.grid-page-editor{grid-template-columns:300px 1fr;gap:1.5rem;display:grid}.page-list-button{text-align:left;cursor:pointer;border:1px solid;border-radius:.375rem;padding:1rem;transition:all .2s}.page-list-button-title{margin-bottom:.25rem;font-weight:600}.page-list-button-slug{color:#6b7280;font-size:.75rem}.page-list-button-updated{color:#9ca3af;margin-top:.25rem;font-size:.75rem}.preview-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;min-height:200px;padding:2rem}.empty-state-page-editor{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.empty-state-icon{margin-bottom:1rem;font-size:4rem}.empty-state-heading{color:#6b7280;margin:0 0 .5rem}.p-0-5{padding:.5rem}.px-0-75{padding-left:.75rem;padding-right:.75rem}.py-0-5{padding-top:.5rem;padding-bottom:.5rem}.outline-none{outline:none}.font-italic{font-style:italic}.text-line-through{text-decoration:line-through}.max-h-600{max-height:600px}.modal-container-confirmation{background-color:#fff;border-radius:8px;width:90%;max-width:500px;padding:24px;box-shadow:0 4px 6px #0000001a}.modal-heading-confirmation{margin:0 0 16px;font-size:20px;font-weight:600}.modal-message{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.5}.confirmation-input-wrapper{margin-bottom:24px}.confirmation-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.confirmation-input{border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px 12px;font-family:monospace;font-size:14px}.modal-button-group{justify-content:flex-end;gap:12px;display:flex}.btn-modal-cancel{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500}.btn-modal-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-modal-confirm{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500}.btn-modal-confirm:disabled{cursor:not-allowed;opacity:.5}.btn-modal-confirm-danger{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500}.btn-modal-confirm-danger:disabled{cursor:not-allowed;opacity:.5}.skeleton-bar{background-color:#e5e7eb;border-radius:.25rem}.skeleton-bar-sm{height:.875rem}.skeleton-bar-md{height:1rem}.skeleton-bar-lg{height:2rem}.skeleton-mb{margin-bottom:1rem}.skeleton-mb-sm{margin-bottom:.5rem}.w-60{width:60%}.w-40{width:40%}.kpi-title{color:#6b7280;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.kpi-value{color:#111827;margin-bottom:.5rem;font-size:2rem;font-weight:700}.gap-0-25{gap:.25rem}.ml-0-25{margin-left:.25rem}.text-uppercase{text-transform:uppercase}.color-warning-orange{color:var(--warning-orange)}.color-warning-yellow{color:var(--warning-yellow)}.color-success-green{color:var(--success-green)}.color-neutral-500{color:var(--neutral-500)}.filter-card-flex{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.device-filter-group{border:1px solid #e5e7eb;border-radius:.375rem;gap:.25rem;display:flex;overflow:hidden}.device-filter-btn{cursor:pointer;text-transform:capitalize;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.grid-auto-fit-400{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.grid-auto-fit-250{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.heading-h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.info-box-heading{color:#1e40af;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.info-box-list{color:#1e40af;margin:0;padding-left:1.5rem;font-size:.875rem}.chart-help-text{color:#6b7280;text-align:center;margin:.5rem 0 0;font-size:.875rem}.btn-connect{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-disconnect{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-test{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.webhook-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.webhook-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.webhook-heading{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.status-badge{text-transform:uppercase;border:1px solid;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.webhook-test-btn{border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.text-sm-gray-700{color:#374151;font-size:.875rem}.text-sm-red{color:#dc2626;font-size:.875rem}.text-sm-red-bold{color:#dc2626;font-size:.875rem;font-weight:600}.border-gray-200{border:1px solid #e5e7eb}.border-bottom-gray-200{border-bottom:1px solid #e5e7eb}.table-th-sortable{text-align:left;color:#374151;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.table-td{color:#111827;padding:.75rem 1rem;font-size:.875rem}.pagination-container{color:#6b7280;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.pagination-button{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.25rem .75rem}.padding-8-12{padding:8px 12px}.padding-8-24{padding:8px 24px}.btn-search{color:#fff;background-color:#3b82f6;border:none;border-radius:4px;padding:8px 24px;font-size:14px;font-weight:500}.btn-search:not(:disabled){cursor:pointer;opacity:1}.btn-search:disabled{cursor:not-allowed;opacity:.5}.border-red-200{border-color:#fecaca}.border-green-200{border-color:#a7f3d0}.text-mono-xs-gray-900{color:#111827;font-family:monospace;font-size:12px}.text-xs-capitalize{color:#111827;text-transform:capitalize;font-size:12px}.mb-12px{margin-bottom:12px}.btn-export{color:#fff;white-space:nowrap;background-color:#3b82f6;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500}.btn-export:not(:disabled){cursor:pointer;opacity:1}.btn-export:disabled{cursor:not-allowed;opacity:.5}.btn-group{border:1px solid var(--color-border-light);border-radius:var(--radius-md);gap:.25rem;display:flex;overflow:hidden}.date-input{border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-small);padding:.5rem}.alert-error-subscriptions{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-bottom:24px;padding:12px 16px}.info-box-subscriptions{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:32px;padding:16px}.text-blue-900{color:#0c4a6e}.py-0-375{padding-top:.375rem;padding-bottom:.375rem}.font-size-13{font-size:13px}.font-size-16{font-size:16px}.font-size-20{font-size:20px}.font-size-28{font-size:28px}.animation-spin{animation:2s linear infinite spin}.text-gold{color:var(--color-gold-accent)}.text-link{color:var(--color-link)}.text-underline{text-decoration:underline}.disabled-state{cursor:not-allowed;opacity:.6}.btn-connect:hover:not(:disabled){background-color:#2563eb}.btn-connect:disabled{opacity:.6;cursor:not-allowed}.btn-disconnect:hover:not(:disabled){background-color:#dc2626}.btn-disconnect:disabled{opacity:.6;cursor:not-allowed}.btn-test:hover:not(:disabled){background-color:#f9fafb}.btn-test:disabled{opacity:.6;cursor:not-allowed}.btn-tier{text-transform:uppercase;border-style:solid;border-width:1px;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600}.page-list-button-active{background-color:#dbeafe;border-color:#3b82f6}.text-blue-800{color:#1e40af}.text-xl{font-size:1.25rem}.status-badge-pill{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.text-capitalize{text-transform:capitalize}.btn-pagination-disabled{cursor:not-allowed;background-color:#f3f4f6}.invoice-totals-section{border-top:2px solid #e5e7eb;padding-top:1rem}.btn-disabled{cursor:not-allowed;opacity:.5}.cursor-default{cursor:default}.mb-1-5{margin-bottom:1.5rem}.text-color-info{color:#3b82f6}.text-color-success{color:#10b981}.text-color-warning{color:#f59e0b}.text-color-danger{color:#dc2626}.chart-container-300{height:300px;position:relative}.chart-bar{border-radius:.25rem .25rem 0 0;width:100%;transition:all .3s;position:relative}.chart-value-label{white-space:nowrap;font-size:.75rem;font-weight:500;position:absolute;top:-1.5rem;left:50%;transform:translate(-50%)}.chart-month-label{color:#6b7280;text-align:center;margin-top:.5rem;font-size:.75rem}.chart-note{text-align:center;color:#6b7280;margin-top:1rem;font-size:.75rem}.progress-bar-fill{border-radius:9999px;height:100%}.btn-maintenance-toggle{color:#fff;border:none;border-radius:.375rem;padding:1rem 2rem;font-size:1rem;font-weight:600}.font-monospace{font-family:monospace}.chart-loading-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.circle-transition{transition:stroke-dashoffset .5s}.width-120{width:120px}.gap-0-75{gap:.75rem}.mr-0-25{margin-right:.25rem}.grid-2-col{grid-template-columns:1fr 1fr;display:grid}.inline-flex{display:inline-flex}.gap-0-5{gap:.5rem}.p-0-5-1{padding:.5rem 1rem}.border-radius-0-375{border-radius:.375rem}.error-banner{border-radius:var(--radius-md);padding:var(--space-2);margin-bottom:var(--space-2);background:#fee2e2;border:1px solid #fca5a5;justify-content:space-between;align-items:center;display:flex}.error-banner p{color:var(--color-error);margin:0}.retry-button{padding:var(--space-1) var(--space-2);background:var(--color-link);color:var(--color-text-inverse);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-small);border:none}.loading-table,.empty-state{padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{color:var(--color-link);margin-bottom:var(--space-2);animation:1s linear infinite spin}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-body-large)}.checkbox-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.checkbox-btn:hover{color:var(--color-link)}.case-number{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);color:var(--color-link)}.case-link{transition:color var(--transition-base);text-decoration:none}.case-link:hover{color:var(--color-link-hover);text-decoration:underline}.type-badge{border-radius:var(--radius-full);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);text-transform:capitalize;padding:.25rem .75rem;display:inline-block}.type-phishing{color:#991b1b;background:#fee2e2}.type-breach{color:#92400e;background:#fef3c7}.type-identity_theft{color:#3730a3;background:#e0e7ff}.type-robocall{color:#5b21b6;background:#ddd6fe}.status-badge{border-radius:var(--radius-full);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);text-transform:capitalize;padding:.25rem .75rem;display:inline-block}.status-pending{color:#92400e;background:#fef3c7}.status-in_progress{color:#1e40af;background:#dbeafe}.status-resolved{color:#065f46;background:#d1fae5}.status-closed{background:var(--color-background-alt);color:var(--color-text-primary)}.priority-badge{border-radius:var(--radius-full);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);text-transform:capitalize;padding:.25rem .75rem;display:inline-block}.priority-low{background:var(--color-background-alt);color:var(--color-text-primary)}.priority-medium{color:#1e40af;background:#dbeafe}.priority-high{color:#92400e;background:#fef3c7}.priority-critical{color:#991b1b;background:#fee2e2}.bulk-actions{padding:var(--space-2);border-radius:var(--radius-md);margin-bottom:var(--space-2);background:#eff6ff;border:1px solid #bfdbfe;justify-content:space-between;align-items:center;display:flex}.selection-count{font-weight:var(--font-weight-semibold);color:#1e40af}.bulk-buttons{gap:var(--space-1);display:flex}.bulk-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border:none;display:flex}.export-btn{background:var(--color-background);color:var(--color-link);border:1px solid #bfdbfe}.export-btn:hover{background:var(--color-background-alt)}.delete-btn{background:var(--color-error);color:var(--color-text-inverse)}.delete-btn:hover{background:#b91c1c}.case-detail-page{max-width:1400px}.loading-container,.error-container{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;min-height:400px;display:flex}.error-icon{color:var(--color-error)}.back-button{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-small);transition:all var(--transition-base);margin-bottom:var(--space-2);display:flex}.back-button:hover{background:var(--color-background-alt);color:var(--color-text-primary)}.header-content{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.title-section{align-items:center;gap:var(--space-2);display:flex}.title-section h1{margin:0}.escalated-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:#166534;border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);background:#dcfce7;display:flex}.header-actions{gap:var(--space-2);display:flex}.btn-escalate{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-warning);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none;display:flex}.btn-escalate:hover{background:#d97706}.info-grid{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));display:grid}.info-card{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3)}.info-card h3{align-items:center;gap:var(--space-1);margin:0 0 var(--space-2) 0;color:var(--color-text-primary);font-size:var(--font-size-body-large);display:flex}.info-row{padding:var(--space-2) 0;border-bottom:1px solid var(--color-background-alt);justify-content:space-between;align-items:center;display:flex}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.user-id{font-family:var(--font-mono);font-size:var(--font-size-small);color:var(--color-text-secondary)}.case-description h4{margin:0 0 var(--space-1) 0;color:var(--color-text-primary)}.case-description p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.escalation-timeline{gap:var(--space-3);flex-direction:column;display:flex}.escalation-event{padding:var(--space-3);background:var(--color-background-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.event-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.event-decision{align-items:center;gap:var(--space-2);display:flex}.decision-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-transform:uppercase}.decision-hard_escalate{color:#991b1b;background:#fee2e2}.decision-soft_escalate{color:#92400e;background:#fef3c7}.decision-inform{color:#1e40af;background:#dbeafe}.manual-badge{padding:.375rem var(--space-2);color:#3730a3;border-radius:var(--radius-sm);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);background:#e0e7ff;align-items:center;gap:.375rem;display:flex}.event-meta{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-small);display:flex}.event-score{margin-bottom:var(--space-2);font-size:var(--font-size-small);color:var(--color-text-secondary)}.event-score strong{color:var(--color-text-primary)}.event-notes{gap:var(--space-2);padding:var(--space-2);background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-2);display:flex}.event-notes>svg{color:var(--color-text-secondary);flex-shrink:0}.event-notes p{margin:var(--space-1) 0;color:var(--color-text-secondary)}.note-author{color:var(--color-text-secondary);font-size:var(--font-size-small);font-style:italic}.event-signals ul{margin:var(--space-1) 0 0 0;gap:var(--space-1);padding:0;list-style:none;display:grid}.event-signals li{padding:var(--space-1);background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);justify-content:space-between;display:flex}.signal-type{color:var(--color-text-secondary);font-size:var(--font-size-small)}.signal-points{color:var(--color-success);font-weight:var(--font-weight-semibold);font-size:var(--font-size-small)}.modal-overlay{z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-background);border-radius:var(--radius-md);padding:var(--space-4);width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal h2{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2) 0;color:var(--color-text-primary);display:flex}.modal-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.form-group label{margin-bottom:var(--space-1);color:var(--color-text-primary);font-weight:var(--font-weight-medium);display:block}.form-group textarea{width:100%;padding:var(--space-2);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-small);resize:vertical}.form-group textarea:focus{border-color:var(--color-link);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea.error{border-color:var(--color-error)}.form-group textarea:disabled{background:var(--color-background-alt);cursor:not-allowed}.error-text{margin-top:var(--space-1);color:var(--color-error);font-size:var(--font-size-small);display:block}.modal-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.btn-primary,.btn-secondary,.btn-danger{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border:none;display:flex}.btn-primary:hover{background:var(--color-link-hover)}.btn-secondary{background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border-medium)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.damages{font-weight:var(--font-weight-semibold);color:var(--color-error)}.consumer-name-link{color:var(--color-link);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;text-decoration:underline}.consumer-name-link:hover{color:var(--color-link-hover)}.impersonate-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-link);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:all var(--transition-base);display:flex}.impersonate-btn:hover{background:var(--color-background-alt);border-color:var(--color-link)}.th-content{align-items:center;gap:var(--space-1);display:flex}.sort-indicator{color:var(--color-link);align-items:center;display:flex}.back-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-small);transition:all var(--transition-base);margin-bottom:var(--space-2);display:flex}.back-btn:hover{background:var(--color-background-alt);color:var(--color-text-primary)}.consumer-id{margin:var(--space-1) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-size-small);font-family:var(--font-mono)}.impersonate-btn-large{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-link);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none;display:flex}.impersonate-btn-large:hover{background:var(--color-link-hover)}.tabs{gap:var(--space-2);border-bottom:2px solid var(--color-border-light);margin-bottom:var(--space-4);display:flex}.tab{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-link);border-bottom-color:var(--color-link)}.tab-content{margin-top:var(--space-4)}.profile-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.profile-card{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4)}.profile-card h3{margin:0 0 var(--space-3) 0;color:var(--color-text-primary);font-size:var(--font-size-h5)}.profile-card .info-row{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-background-alt);display:flex}.profile-card .info-row:last-child{border-bottom:none}.profile-card .info-row label{font-size:var(--font-size-small);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block}.profile-card .info-row p{color:var(--color-text-primary);margin:0}.status-indicator{border-radius:var(--radius-full);background:var(--color-success);width:12px;height:12px;margin-top:var(--space-1);flex-shrink:0}.status-value{text-transform:capitalize;font-weight:var(--font-weight-semibold);color:var(--color-success)}.stats-row{gap:var(--space-4);display:flex}.stat{flex:1}.stat label{font-size:var(--font-size-small);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block}.stat-value{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.timeline{gap:var(--space-3);flex-direction:column;display:flex}.timeline-item{gap:var(--space-3);display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:var(--color-border-light);width:2px;position:absolute;top:24px;bottom:-24px;left:5px}.timeline-marker{border-radius:var(--radius-full);background:var(--color-link);flex-shrink:0;width:12px;height:12px;margin-top:6px}.timeline-content{padding:var(--space-2);background:var(--color-background-alt);border-radius:var(--radius-md);flex:1}.timeline-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.timeline-header h4{font-size:var(--font-size-body);color:var(--color-text-primary);margin:0}.timeline-time{font-size:var(--font-size-small);color:var(--color-text-secondary)}.timeline-description{margin:var(--space-1) 0;color:var(--color-text-secondary)}.timeline-user{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0;font-style:italic}.notes-section{gap:var(--space-4);flex-direction:column;display:flex}.add-note{gap:var(--space-2);padding:var(--space-3);background:var(--color-background-alt);border-radius:var(--radius-md);flex-direction:column;display:flex}.add-note textarea{width:100%;padding:var(--space-2);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-body);resize:vertical}.add-note textarea:focus{border-color:var(--color-link);outline:none;box-shadow:0 0 0 3px #2563eb1a}.save-note-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-link);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none;align-self:flex-end;display:flex}.save-note-btn:hover{background:var(--color-link-hover)}.notes-list{gap:var(--space-3);flex-direction:column;display:flex}.note-card{padding:var(--space-3);background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.note-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.note-date{font-size:var(--font-size-small);color:var(--color-text-secondary)}.note-content{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.hide-mobile{display:none!important}.show-mobile{display:block!important}@media (width>=768px){.hide-mobile{display:block!important}.show-mobile,.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (width>=1024px){.hide-tablet{display:block!important}.show-tablet,.hide-desktop{display:none!important}.show-desktop{display:block!important}}.responsive-container{width:100%;max-width:var(--container-max-width,1440px);padding-left:var(--container-padding-mobile,1.5rem);padding-right:var(--container-padding-mobile,1.5rem);margin-left:auto;margin-right:auto}@media (width>=768px){.responsive-container{padding-left:var(--container-padding-tablet,2rem);padding-right:var(--container-padding-tablet,2rem)}}@media (width>=1024px){.responsive-container{padding-left:var(--container-padding-desktop,3rem);padding-right:var(--container-padding-desktop,3rem)}}.responsive-grid{gap:var(--grid-gap-mobile,1rem);grid-template-columns:repeat(var(--grid-columns-mobile,1), 1fr);display:grid}@media (width>=768px){.responsive-grid{gap:var(--grid-gap-tablet,1.5rem);grid-template-columns:repeat(var(--grid-columns-tablet,2), 1fr)}}@media (width>=1024px){.responsive-grid{gap:var(--grid-gap-desktop,2rem);grid-template-columns:repeat(var(--grid-columns-desktop,3), 1fr)}}.responsive-flex{gap:var(--space-2,1rem);flex-direction:column;display:flex}@media (width>=768px){.responsive-flex{gap:var(--space-3,1.5rem);flex-direction:row}}.responsive-flex-reverse{gap:var(--space-2,1rem);flex-direction:column-reverse;display:flex}@media (width>=768px){.responsive-flex-reverse{gap:var(--space-3,1.5rem);flex-direction:row}}.responsive-section{padding-top:var(--section-spacing-mobile,4rem);padding-bottom:var(--section-spacing-mobile,4rem)}@media (width>=768px){.responsive-section{padding-top:var(--section-spacing-tablet,6rem);padding-bottom:var(--section-spacing-tablet,6rem)}}@media (width>=1024px){.responsive-section{padding-top:var(--section-spacing-desktop,8rem);padding-bottom:var(--section-spacing-desktop,8rem)}}.responsive-heading{font-size:var(--font-size-h3,1.5rem);line-height:var(--line-height-tight,1.25)}@media (width>=768px){.responsive-heading{font-size:var(--font-size-h2,2rem)}}@media (width>=1024px){.responsive-heading{font-size:var(--font-size-h1,2.5rem)}}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=767px){.responsive-table-wrapper{margin-left:calc(var(--container-padding-mobile,1.5rem) * -1);margin-right:calc(var(--container-padding-mobile,1.5rem) * -1);padding-left:var(--container-padding-mobile,1.5rem);padding-right:var(--container-padding-mobile,1.5rem)}}.responsive-table-stack{width:100%}@media (width<=767px){.responsive-table-stack thead{display:none}.responsive-table-stack,.responsive-table-stack tbody,.responsive-table-stack tr,.responsive-table-stack td{width:100%;display:block}.responsive-table-stack tr{margin-bottom:var(--space-3,1.5rem);border:1px solid var(--color-border-light,#e5e7eb);border-radius:var(--radius-md,.5rem);padding:var(--space-2,1rem)}.responsive-table-stack td{padding:var(--space-1,.5rem) 0;border:none;padding-left:50%;position:relative}.responsive-table-stack td:before{content:attr(data-label);width:45%;padding-right:var(--space-1,.5rem);font-weight:var(--font-weight-semibold,600);color:var(--color-text-secondary,#6b7280);position:absolute;left:0}}.responsive-sidebar-layout{gap:var(--space-4,2rem);flex-direction:column;display:flex}@media (width>=1024px){.responsive-sidebar-layout{gap:var(--space-6,3rem);flex-direction:row}.responsive-sidebar-layout__sidebar{flex:0 0 280px}.responsive-sidebar-layout__main{flex:1}}@media (width<=767px){body{overflow-x:hidden}*{max-width:100%}img,video{height:auto}}.consumer-container{max-width:var(--container-max-width);padding:0 var(--container-padding-mobile);margin:0 auto}.consumer-container--content{max-width:var(--container-content-width)}.consumer-container--narrow{max-width:var(--container-narrow-width)}.consumer-container--text{max-width:var(--container-text-width)}@media (width>=768px){.consumer-container{padding:0 var(--container-padding-tablet)}}@media (width>=1024px){.consumer-container{padding:0 var(--container-padding-desktop)}}.consumer-page{background:var(--color-bg-secondary);min-height:100vh;padding-top:80px}.consumer-page__header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);padding:var(--space-4) 0;margin-bottom:var(--space-4)}.consumer-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);margin:0}.consumer-page__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:var(--space-2) 0 0 0;line-height:var(--leading-normal)}.consumer-section{padding:var(--space-4) 0}.consumer-section--compact{padding:var(--space-3) 0}.consumer-section--spacious{padding:var(--space-6) 0}.consumer-section__header{margin-bottom:var(--space-4)}.consumer-section__title{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight);margin:0}.consumer-section__description{font-size:var(--text-base);color:var(--color-text-secondary);margin:var(--space-2) 0 0 0;line-height:var(--leading-relaxed)}.consumer-grid{gap:var(--grid-gap-mobile);width:100%;display:grid}.consumer-grid--2,.consumer-grid--3{grid-template-columns:1fr}.consumer-grid--4{grid-template-columns:repeat(var(--grid-columns-mobile), 1fr)}@media (width>=768px){.consumer-grid{gap:var(--grid-gap-tablet)}.consumer-grid--2,.consumer-grid--3,.consumer-grid--4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.consumer-grid{gap:var(--grid-gap-desktop)}.consumer-grid--3{grid-template-columns:repeat(3,1fr)}.consumer-grid--4{grid-template-columns:repeat(4,1fr)}}.consumer-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base)}.consumer-card:hover{box-shadow:var(--shadow-md)}.consumer-card--interactive{cursor:pointer}.consumer-card--interactive:hover{transform:translateY(-2px)}.consumer-card--compact{padding:var(--space-3)}.consumer-card--spacious{padding:var(--space-5)}.consumer-show-mobile{display:block}.consumer-hide-mobile{display:none}@media (width>=768px){.consumer-show-mobile{display:none}.consumer-hide-mobile,.consumer-show-tablet{display:block}.consumer-hide-tablet{display:none}}@media (width>=1024px){.consumer-show-desktop{display:block}.consumer-hide-desktop{display:none}}.consumer-mt-0{margin-top:0}.consumer-mt-1{margin-top:var(--space-1)}.consumer-mt-2{margin-top:var(--space-2)}.consumer-mt-3{margin-top:var(--space-3)}.consumer-mt-4{margin-top:var(--space-4)}.consumer-mb-0{margin-bottom:0}.consumer-mb-1{margin-bottom:var(--space-1)}.consumer-mb-2{margin-bottom:var(--space-2)}.consumer-mb-3{margin-bottom:var(--space-3)}.consumer-mb-4{margin-bottom:var(--space-4)}.consumer-pt-0{padding-top:0}.consumer-pt-1{padding-top:var(--space-1)}.consumer-pt-2{padding-top:var(--space-2)}.consumer-pt-3{padding-top:var(--space-3)}.consumer-pt-4{padding-top:var(--space-4)}.consumer-pb-0{padding-bottom:0}.consumer-pb-1{padding-bottom:var(--space-1)}.consumer-pb-2{padding-bottom:var(--space-2)}.consumer-pb-3{padding-bottom:var(--space-3)}.consumer-pb-4{padding-bottom:var(--space-4)}:focus{outline:none}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input[type=tel]:focus-visible,input[type=url]:focus-visible,input[type=search]:focus-visible,input[type=number]:focus-visible,input[type=date]:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent-primary);outline-offset:-3px;box-shadow:0 0 0 1px var(--accent-primary)}.skip-link{background:var(--accent-primary);color:var(--text-primary);font-weight:var(--font-weight-semibold);z-index:var(--z-tooltip);border-radius:var(--radius-md);transition:top var(--transition-base);padding:8px 16px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus,.skip-link:focus-visible{outline:3px solid var(--text-primary);outline-offset:2px;top:8px;left:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus,.sr-only-focusable:focus-visible{width:auto;height:auto;padding:inherit;margin:inherit;clip:auto;white-space:normal;position:static;overflow:visible}@media (width<=768px){button,a,[role=button],[role=link],input[type=checkbox],input[type=radio],select{min-width:44px;min-height:44px}button[aria-label]:not([aria-label=""]):empty,a[aria-label]:not([aria-label=""]):empty{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}input[type=checkbox],input[type=radio]{width:24px;height:24px;margin:10px}button+button,a+button,button+a{margin-left:8px}}a{color:var(--color-link);text-decoration:underline}a:hover{color:var(--color-link-hover)}::placeholder{color:var(--text-secondary);opacity:1}div:focus,span:focus,p:focus{outline:none}[role=button]:not([tabindex]),[role=link]:not([tabindex]),[role=menuitem]:not([tabindex]),[role=tab]:not([tabindex]){cursor:pointer}nav[aria-label],main[id=main-content],header[role=banner],footer[role=contentinfo],aside[role=complementary]{position:relative}@media (prefers-contrast:high){:focus-visible{outline-offset:3px;outline-width:4px}button,a,input,select,textarea{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.card:focus-visible,.clickable-card:focus-visible,[role=article]:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 6px var(--accent-bg,#c5a5721a)}[aria-label*=close]:focus-visible,[aria-label*=Close]:focus-visible,.modal-close:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px;background-color:var(--accent-bg,#c5a5721a)}[role=menuitem]:focus-visible,[role=option]:focus-visible{outline:3px solid var(--accent-primary);outline-offset:-3px;background-color:var(--accent-bg,#c5a5721a)}.show-focus-order :focus-visible{outline-offset:3px!important;outline:5px solid red!important}.show-interactive button,.show-interactive a,.show-interactive input,.show-interactive select,.show-interactive textarea,.show-interactive [role=button],.show-interactive [role=link]{outline:2px dashed #00f!important}.app{background:var(--color-bg-secondary);flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:100%}main>div:not([class*=content-page]):not([class*=landing]){min-height:calc(100vh - 70px);padding:var(--space-8);background:#fff}@media (width<=640px){main>div:not([class*=content-page]):not([class*=landing]){padding:var(--space-4)}}.breach-finder-module{max-width:600px;padding:var(--space-8);margin:0 auto}.analyzing-title{font-size:var(--text-xl);color:var(--neutral-900);margin-bottom:var(--space-3);font-family:var(--brand-font-heading);font-weight:700}.progress-bar-container{background:var(--neutral-200);width:100%;height:8px;margin-bottom:var(--space-4);border-radius:4px;overflow:hidden}.progress-bar{background:var(--color-primary);border-radius:4px;height:100%;animation:2s ease-in-out infinite progress}@keyframes progress{0%{width:0%}50%{width:70%}to{width:90%}}.analyzing-steps{text-align:left;margin-top:var(--space-6);padding:var(--space-4);background:var(--neutral-100);border-radius:var(--radius-sm)}.analyzing-step{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-2);display:flex}.analyzing-step:last-child{margin-bottom:0}.step-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.step-icon.step-complete{color:var(--success-green)}.step-icon.step-pending{color:var(--neutral-400)}.result-card{border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-6);position:relative;overflow:hidden}.result-card.success{border:1px solid var(--success-green);background:#10b9810d}.result-card.success:before{background:var(--success-green)}.result-card.error{border:1px solid var(--error-red);background:#ef44440d}.result-card.error:before{background:var(--error-red)}.result-card.success .result-icon{color:var(--success-green);background:#10b9811a}.result-card.error .result-icon{color:var(--error-red);background:#ef44441a}.breach-list{margin-top:var(--space-5);padding-left:var(--space-3)}.breach-item{border:1px solid var(--neutral-200);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-3);background:#fff}.breach-item:last-child{margin-bottom:0}.breach-name{color:var(--neutral-900);margin-bottom:var(--space-2);font-weight:600;font-size:var(--text-base)}.breach-date{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-2)}.breach-date-label{font-weight:600}.breach-description{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-3);line-height:var(--leading-normal)}.breach-details{gap:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.breach-detail{align-items:center;gap:var(--space-2);color:var(--neutral-600);display:flex}.detail-icon{color:var(--error-red);font-size:12px}.escalation-alert{border:2px solid var(--info-blue);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-6);background:#3b82f61a}.escalation-icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--info-blue);background:#3b82f633;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.btn-escalation{width:100%;padding:var(--space-4) var(--space-6);background:var(--primary-gold);color:var(--primary-navy);border-radius:var(--radius-sm);font-family:var(--brand-font-body);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600}.btn-escalation:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c5a57266}.btn-escalation:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media (width<=640px){.breach-finder-module{padding:var(--space-4)}.module-icon{width:48px;height:48px;font-size:28px}.module-title{font-size:var(--text-xl)}.analyzing-title,.result-title{font-size:var(--text-lg)}.breach-details{gap:var(--space-2);flex-direction:column}}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-tooltip);gap:var(--space-3);pointer-events:none;flex-direction:column;max-width:calc(100vw - 2rem);display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);pointer-events:auto;min-width:320px;max-width:480px;animation:slideInRight var(--duration-base) var(--ease-out);display:flex}@keyframes slideInRight{0%{transform:translateX(calc(100% + var(--space-6)));opacity:0}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-message{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-primary);font-family:var(--font-body);flex:1}.toast-dismiss{padding:var(--space-1);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:var(--transition-colors);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-dismiss:hover{color:var(--color-text-primary);background-color:#0000000d}.toast-dismiss:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:4px solid var(--color-danger)}.toast-error .toast-icon{color:var(--color-danger)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}@media (width<=767px){.toast-container{top:auto;bottom:var(--space-4);left:var(--space-4);right:var(--space-4)}.toast{min-width:unset;width:100%}@keyframes slideInRight{0%{transform:translateY(calc(100% + var(--space-4)));opacity:0}to{opacity:1;transform:translateY(0)}}}@media (width<=1023px){.toast-dismiss{padding:var(--space-2);min-width:44px;min-height:44px}}.signup-cta{background:var(--color-primary);color:#fff;border-radius:12px;margin-top:24px;padding:24px;box-shadow:0 4px 12px #667eea33}.signup-cta__content{margin-bottom:16px}.signup-cta__title{color:#fff;margin:0 0 8px;font-size:1.125rem;font-weight:600}.signup-cta__text{color:#ffffffe6;margin:0;font-size:.875rem;line-height:1.5}.signup-cta .btn-primary{color:#667eea;background:#fff;border:none;font-weight:600;transition:all .2s}.signup-cta .btn-primary:hover{background:#f7f7f7;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.signup-cta .btn-primary:active{transform:translateY(0)}.signup-phone-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.signup-phone-modal__content{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:32px;position:relative;box-shadow:0 20px 60px #0000004d}.signup-phone-modal__close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.signup-phone-modal__close:hover{color:#333;background:#f5f5f5}.signup-phone-modal__title{color:#1a1a1a;margin:0 0 12px;font-size:1.5rem;font-weight:700}.signup-phone-modal__description{color:#666;margin:0 0 24px;font-size:.9375rem;line-height:1.5}.signup-phone-modal__form{flex-direction:column;gap:20px;display:flex}.signup-phone-modal__field{flex-direction:column;gap:6px;display:flex}.signup-phone-modal__label{color:#333;font-size:.875rem;font-weight:600}.signup-phone-modal__input{border:2px solid #e0e0e0;border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .2s}.signup-phone-modal__input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.signup-phone-modal__input:disabled{cursor:not-allowed;background:#f5f5f5}.signup-phone-modal__hint{color:#666;font-size:.75rem}.signup-phone-modal__submit{color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:8px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s}.signup-phone-modal__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.signup-phone-modal__submit:active:not(:disabled){transform:translateY(0)}.signup-phone-modal__submit:disabled{opacity:.6;cursor:not-allowed}.signup-phone-modal__privacy{color:#999;text-align:center;margin:0;font-size:.75rem;line-height:1.4}@media (width<=640px){.signup-cta{padding:20px}.signup-cta__title{font-size:1rem}.signup-cta__text{font-size:.8125rem}.signup-phone-modal__content{padding:24px}.signup-phone-modal__title{font-size:1.25rem}}.phishing-checker-module,.phishing-checker-input,.phishing-checker-analyzing,.phishing-checker-results,.phishing-checker-error{max-width:600px;padding:var(--space-6,1.5rem);margin:0 auto}.module-icon{background:var(--color-action-orange);width:56px;height:56px;margin-bottom:var(--space-4,1rem);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;font-size:32px;display:flex}.form-textarea{width:100%;min-height:120px;padding:var(--space-3,.75rem) var(--space-4,1rem);border:1px solid var(--neutral-400,#adb5bd);font-family:var(--font-body,"Inter", sans-serif);font-size:var(--text-base,1rem);color:var(--neutral-900,#212529);resize:vertical;border-radius:.375rem;transition:all .2s}.form-textarea:focus{border:2px solid var(--primary-navy,#002b5c);outline:none;box-shadow:0 0 0 3px #002b5c1a}.form-textarea[aria-invalid=true]{border-color:var(--error-red,#ef4444)}.input-separator{text-align:center;color:var(--neutral-400,#adb5bd);margin:var(--space-4,1rem) 0;font-size:var(--text-sm,.875rem);font-weight:600}.file-upload-container{margin-bottom:var(--space-6,1.5rem)}.file-input-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-upload{border:2px dashed var(--neutral-400,#adb5bd);padding:var(--space-6,1.5rem);text-align:center;cursor:pointer;border-radius:.375rem;transition:all .2s;display:block}.file-upload:hover{border-color:var(--primary-navy,#002b5c);background:var(--neutral-100,#f8f9fa)}.upload-icon{color:var(--neutral-400,#adb5bd);margin-bottom:var(--space-3,.75rem);font-size:40px}.upload-text{font-size:var(--text-base,1rem);color:var(--neutral-600,#495057);margin-bottom:var(--space-2,.5rem);font-weight:500}.threat-details{margin-top:var(--space-4,1rem);padding:var(--space-4,1rem);padding-left:var(--space-3,.75rem);background:#fff;border-radius:.375rem}.threat-detail-row{padding:var(--space-2,.5rem) 0;border-bottom:1px solid var(--neutral-200,#e9ecef);font-size:var(--text-sm,.875rem);justify-content:space-between;display:flex}.threat-detail-row:last-child{border-bottom:none}.threat-label{color:var(--neutral-900,#212529);font-weight:600}.threat-value{color:var(--neutral-600,#495057)}.btn-warning{background:var(--warning-amber,#f59e0b);color:#fff}.btn-warning:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}@media (width<=640px){.phishing-checker-module,.phishing-checker-input,.phishing-checker-analyzing,.phishing-checker-results,.phishing-checker-error{padding:var(--space-4,1rem)}.module-title{font-size:var(--text-xl,1.25rem)}.result-title{font-size:var(--text-lg,1.125rem)}}.domain-validator-module,.domain-validator-input,.domain-validator-analyzing,.domain-validator-results,.domain-validator-error{max-width:600px;padding:var(--space-6,1.5rem);margin:0 auto}.module-header{margin-bottom:var(--space-6,1.5rem)}.module-icon.domain-icon{background:var(--color-verified-green);width:56px;height:56px;margin-bottom:var(--space-4,1rem);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;font-size:32px;display:flex}.module-title{font-size:var(--text-2xl,1.5rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-3,.75rem);font-family:var(--font-heading,"Bricolage Grotesque", sans-serif);font-weight:700}.form-label{font-size:var(--text-sm,.875rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-2,.5rem);font-weight:600;display:block}.form-input{width:100%;padding:var(--space-3,.75rem) var(--space-4,1rem);border:1px solid var(--neutral-400,#adb5bd);font-family:var(--font-body,"DM Sans", sans-serif);font-size:var(--text-base,1rem);color:var(--neutral-900,#212529);border-radius:.375rem;transition:all .2s}.form-input:focus{border:2px solid var(--primary-navy,#002b5c);outline:none;box-shadow:0 0 0 3px #002b5c1a}.form-input[aria-invalid=true]{border-color:var(--error-red,#ef4444)}.form-error{font-size:var(--text-sm,.875rem);color:var(--error-red,#ef4444);margin-top:var(--space-2,.5rem)}.info-box{background:var(--neutral-100,#f8f9fa);padding:var(--space-4,1rem);margin-top:var(--space-6,1.5rem);border-radius:.5rem}.info-title{font-size:var(--text-sm,.875rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-3,.75rem);font-weight:600;font-family:var(--font-heading,"Bricolage Grotesque", sans-serif)}.info-list{margin:0;padding:0;list-style:none}.info-list li{font-size:var(--text-sm,.875rem);color:var(--neutral-600,#495057);padding:var(--space-2,.5rem) 0;line-height:1.5}.analyzing-card{border:2px solid var(--neutral-200,#e9ecef);padding:var(--space-8,2rem);text-align:center;margin-bottom:var(--space-6,1.5rem);background:#fff;border-radius:.75rem}.analyzing-spinner{border:4px solid var(--neutral-200,#e9ecef);border-top-color:var(--primary-navy,#002b5c);width:48px;height:48px;margin:0 auto var(--space-4,1rem);border-radius:50%;animation:1s linear infinite spin}.analyzing-title{font-size:var(--text-xl,1.25rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-2,.5rem);font-family:var(--font-heading,"Bricolage Grotesque", sans-serif)}.analyzing-url{font-size:var(--text-sm,.875rem);color:var(--primary-navy,#002b5c);background:var(--neutral-100,#f8f9fa);padding:var(--space-2,.5rem) var(--space-3,.75rem);word-break:break-all;margin-bottom:var(--space-6,1.5rem);border-radius:.25rem;font-family:monospace}.analyzing-steps{text-align:left;max-width:300px;margin:0 auto}.analyzing-step{align-items:center;gap:var(--space-3,.75rem);padding:var(--space-2,.5rem) 0;font-size:var(--text-sm,.875rem);color:var(--neutral-600,#495057);display:flex}.step-icon{font-size:20px}.result-card{padding:var(--space-6,1.5rem);margin-bottom:var(--space-6,1.5rem);border-radius:.5rem;position:relative;overflow:hidden}.result-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.result-card.safe{border:1px solid var(--success-green,#10b981);background:#10b9810d}.result-card.safe:before{background:var(--success-green,#10b981)}.result-card.caution{border:1px solid #fbb F24;background:#fbbf240d}.result-card.caution:before{background:#fbbf24}.result-card.suspicious{border:1px solid var(--warning-amber,#f59e0b);background:#f59e0b0d}.result-card.suspicious:before{background:var(--warning-amber,#f59e0b)}.result-card.dangerous,.result-card.error{border:1px solid var(--error-red,#ef4444);background:#ef44440d}.result-card.dangerous:before,.result-card.error:before{background:var(--error-red,#ef4444)}.result-header{align-items:flex-start;gap:var(--space-4,1rem);margin-bottom:var(--space-4,1rem);padding-left:var(--space-3,.75rem);display:flex}.result-icon{border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.result-card.safe .result-icon{color:var(--success-green,#10b981);background:#10b9811a}.result-card.caution .result-icon{color:#fbbf24;background:#fbbf241a}.result-card.suspicious .result-icon{color:var(--warning-amber,#f59e0b);background:#f59e0b1a}.result-card.dangerous .result-icon,.result-card.error .result-icon{color:var(--error-red,#ef4444);background:#ef44441a}.result-title{font-size:var(--text-xl,1.25rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-2,.5rem);font-family:var(--font-heading,"Bricolage Grotesque", sans-serif);font-weight:700}.score-bar{margin:var(--space-4,1rem) 0 var(--space-6,1.5rem);padding:0 var(--space-3,.75rem)}.score-label{font-size:var(--text-sm,.875rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-2,.5rem);font-weight:600}.score-bar-track{background:var(--neutral-200,#e9ecef);height:12px;margin-bottom:var(--space-2,.5rem);border-radius:6px;overflow:hidden}.score-bar-fill{border-radius:6px;height:100%;transition:width .6s}.score-bar-fill.safe{background:var(--color-success)}.score-bar-fill.caution{background:var(--color-warning)}.score-bar-fill.suspicious{background:var(--color-action-orange)}.score-bar-fill.dangerous{background:var(--color-danger)}.score-value{font-size:var(--text-lg,1.125rem);color:var(--neutral-900,#212529);text-align:center;font-weight:700}.domain-details{margin-top:var(--space-4,1rem);padding:var(--space-4,1rem);padding-left:var(--space-3,.75rem);background:#fff;border-radius:.375rem}.detail-row{padding:var(--space-2,.5rem) 0;border-bottom:1px solid var(--neutral-200,#e9ecef);font-size:var(--text-sm,.875rem);justify-content:space-between;align-items:center;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--neutral-900,#212529);font-weight:600}.detail-value{color:var(--neutral-600,#495057);text-align:right;align-items:center;gap:var(--space-2,.5rem);display:flex}.detail-badge{text-transform:uppercase;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.detail-badge.warning{color:#d97706;background:#fbbf2433}.detail-badge.danger{color:#dc2626;background:#ef444433}.warning-details{margin-top:var(--space-4,1rem);padding-left:var(--space-3,.75rem)}.warning-details-title{font-size:var(--text-sm,.875rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-3,.75rem);font-weight:600;font-family:var(--font-heading,"Bricolage Grotesque", sans-serif)}.warning-item{align-items:flex-start;gap:var(--space-2,.5rem);margin-bottom:var(--space-2,.5rem);font-size:var(--text-sm,.875rem);color:var(--neutral-600,#495057);display:flex}.warning-item-icon{color:var(--warning-amber,#f59e0b);flex-shrink:0}.recommendations{margin-top:var(--space-4,1rem);padding-left:var(--space-3,.75rem)}.recommendations-title{font-size:var(--text-sm,.875rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-3,.75rem);font-weight:600;font-family:var(--font-heading,"Bricolage Grotesque", sans-serif)}.recommendations-list{padding-left:var(--space-5,1.25rem);margin:0}.recommendations-list li{font-size:var(--text-sm,.875rem);color:var(--neutral-600,#495057);margin-bottom:var(--space-2,.5rem);line-height:1.6}.escalation-card{border:2px solid var(--info-blue,#3b82f6);padding:var(--space-5,1.25rem);margin-bottom:var(--space-6,1.5rem);background:#3b82f61a;border-radius:.5rem}.escalation-header{align-items:center;gap:var(--space-3,.75rem);margin-bottom:var(--space-3,.75rem);display:flex}.escalation-icon{width:40px;height:40px;color:var(--info-blue,#3b82f6);background:#3b82f633;border-radius:.375rem;justify-content:center;align-items:center;font-size:24px;display:flex}.escalation-title{font-size:var(--text-lg,1.125rem);color:var(--neutral-900,#212529);font-family:var(--font-heading,"Bricolage Grotesque", sans-serif);font-weight:700}.escalation-text{font-size:var(--text-base,1rem);color:var(--neutral-600,#495057);margin-bottom:var(--space-5,1.25rem);line-height:1.6}.btn{padding:var(--space-3,.75rem) var(--space-5,1.25rem);font-family:var(--font-body,"DM Sans", sans-serif);font-size:var(--text-base,1rem);cursor:pointer;border:none;border-radius:.375rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:#003d7a;transform:translateY(-2px);box-shadow:0 4px 12px #002b5c4d}.btn-secondary{color:var(--primary-navy,#002b5c);border:2px solid var(--primary-navy,#002b5c);background:#fff}.btn-escalation{background:var(--primary-gold,#c5a572);color:var(--primary-navy,#002b5c);font-size:var(--text-lg,1.125rem)}.btn-escalation:hover{background:#b89560;transform:translateY(-2px);box-shadow:0 4px 12px #c5a57266}.btn-full-width{width:100%;padding:var(--space-4,1rem) var(--space-6,1.5rem)}@media (width<=640px){.domain-validator-module,.domain-validator-input,.domain-validator-analyzing,.domain-validator-results,.domain-validator-error{padding:var(--space-4,1rem)}.module-title{font-size:var(--text-xl,1.25rem)}.result-title{font-size:var(--text-lg,1.125rem)}.detail-row{align-items:flex-start;gap:var(--space-1,.25rem);flex-direction:column}.detail-value{text-align:left}}.evidence-extractor-module{max-width:800px;padding:var(--space-8);margin:0 auto}.module-header{margin-bottom:var(--space-6);text-align:center}.module-icon{background:var(--color-primary);border-radius:var(--radius-md);width:56px;height:56px;margin:0 auto var(--space-4);color:#fff;justify-content:center;align-items:center;font-size:32px;display:flex}.module-title{font-family:var(--brand-font-heading);font-size:var(--text-2xl);color:var(--neutral-900);margin-bottom:var(--space-3);font-weight:700}.module-description{font-size:var(--text-base);color:var(--neutral-600);line-height:var(--leading-normal)}.upload-area{border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;background:var(--neutral-50);margin-bottom:var(--space-4);transition:all .2s;position:relative}.upload-area:hover{border-color:var(--primary-navy);background:var(--neutral-100)}.upload-area:focus{outline:2px solid var(--primary-navy);outline-offset:2px}.upload-area.dragging{border-color:var(--primary-navy);background:var(--info-blue-50);border-style:solid}.upload-area.has-file{border-style:solid;border-color:var(--success-green);background:var(--success-green-50)}.upload-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-icon{margin-bottom:var(--space-4);font-size:48px}.upload-text{font-size:var(--text-lg);color:var(--neutral-900);margin-bottom:var(--space-2)}.upload-hint{font-size:var(--text-sm);color:var(--neutral-600)}.file-preview{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:#fff;display:flex}.file-icon{flex-shrink:0;font-size:32px}.file-info{text-align:left;flex:1}.file-name{color:var(--neutral-900);margin-bottom:var(--space-1);word-break:break-all;font-weight:600}.file-size{font-size:var(--text-sm);color:var(--neutral-600)}.file-remove{background:var(--error-red);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .2s;display:flex}.file-remove:hover{background:var(--error-dark)}.privacy-notice{margin-top:var(--space-4);text-align:center}.privacy-notice p{font-size:var(--text-sm);color:var(--neutral-600)}.analyzing-container{text-align:center;padding:var(--space-8) 0}.spinner{width:64px;height:64px;margin:0 auto var(--space-6);border:4px solid var(--neutral-200);border-top-color:var(--primary-navy);border-radius:50%;animation:1s linear infinite spin}.analyzing-title{font-size:var(--text-xl);color:var(--neutral-900);margin-bottom:var(--space-3);font-weight:600}.analyzing-text{font-size:var(--text-base);color:var(--neutral-600);margin-bottom:var(--space-6)}.analyzing-steps{gap:var(--space-2);flex-direction:column;max-width:400px;margin:0 auto;display:flex}.step{padding:var(--space-2);background:var(--neutral-100);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--neutral-700)}.evidence-extractor-results{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-card{border:2px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);background:#fff}.result-card.error{border-color:var(--error-red);background:var(--error-red-50)}.result-header{gap:var(--space-4);align-items:flex-start;display:flex}.result-icon{flex-shrink:0;font-size:32px}.result-content{flex:1}.result-title{font-size:var(--text-xl);color:var(--neutral-900);margin-bottom:var(--space-2);font-weight:600}.result-text{font-size:var(--text-base);color:var(--neutral-700);line-height:var(--leading-normal)}.risk-score{margin-top:var(--space-3);padding:var(--space-3);background:var(--neutral-100);border-radius:var(--radius-md);font-size:var(--text-base)}.evidence-section{margin-bottom:var(--space-6)}.section-title{font-size:var(--text-lg);color:var(--neutral-900);margin-bottom:var(--space-4);border-bottom:2px solid var(--neutral-200);padding-bottom:var(--space-2);font-weight:600}.recommendations-list{gap:var(--space-3);flex-direction:column;display:flex}.recommendation-item{padding:var(--space-3);background:var(--info-blue-50);border-left:4px solid var(--info-blue);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--neutral-900)}.red-flags-list{gap:var(--space-4);flex-direction:column;display:flex}.red-flag-item{padding:var(--space-4);background:var(--error-red-50);border:1px solid var(--error-red-200);border-radius:var(--radius-md)}.flag-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.flag-severity{font-size:20px}.flag-category{color:var(--neutral-900);text-transform:capitalize;font-weight:600}.flag-count{padding:var(--space-1) var(--space-2);background:var(--error-red);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);margin-left:auto;font-weight:500}.flag-description{font-size:var(--text-sm);color:var(--neutral-700);margin-bottom:var(--space-2)}.flag-examples{font-size:var(--text-sm);color:var(--neutral-800)}.flag-examples ul{margin-top:var(--space-1);margin-left:var(--space-4)}.flag-examples li{margin-bottom:var(--space-1);font-style:italic}.entity-group{margin-bottom:var(--space-5);padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-md)}.entity-title{font-size:var(--text-base);color:var(--neutral-900);margin-bottom:var(--space-3);font-weight:600}.entity-list{margin-bottom:var(--space-3)}.entity-list:last-child{margin-bottom:0}.entity-list strong{margin-bottom:var(--space-2);color:var(--neutral-800);font-size:var(--text-sm);display:block}.entity-list ul{margin-left:var(--space-4)}.entity-list li{margin-bottom:var(--space-1);color:var(--neutral-700);font-size:var(--text-sm);word-break:break-all}.urls-list{gap:var(--space-3);flex-direction:column;display:flex}.url-item{padding:var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:#fff}.url-domain{color:var(--neutral-900);margin-bottom:var(--space-1);font-weight:600}.url-full{font-size:var(--text-sm);color:var(--neutral-600);word-break:break-all;margin-bottom:var(--space-2)}.url-flags{gap:var(--space-2);flex-wrap:wrap;display:flex}.url-flag-badge{padding:var(--space-1) var(--space-2);background:var(--warning-yellow);color:var(--neutral-900);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.amounts-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.amount-item{padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-md);font-size:var(--text-sm);background:#fff}.amount-value{color:var(--neutral-900);margin-right:var(--space-1);font-weight:600}.amount-numeric{color:var(--neutral-600)}.dates-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.date-badge{padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--neutral-900);background:#fff}.legal-summary{padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-md)}.legal-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.legal-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-700);display:flex}.legal-yes{color:var(--error-red);font-size:18px;font-weight:700}.legal-no{color:var(--success-green);font-size:18px;font-weight:700}.legal-conclusion{padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--text-sm);background:#fff}.legal-flags-total{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);background:#fff}.export-section{margin-bottom:var(--space-6)}.export-buttons{gap:var(--space-3);flex-wrap:wrap;display:flex}.export-buttons .btn{flex:1;min-width:150px}.form-error{color:var(--error-red);font-size:var(--text-sm);margin-top:var(--space-2)}@media (width<=768px){.evidence-extractor-module{padding:var(--space-4)}.legal-grid{grid-template-columns:1fr}.export-buttons{flex-direction:column}.export-buttons .btn{width:100%}}.legal-intake{max-width:800px;padding:var(--space-6,1.5rem);margin:0 auto}.intake-intro{background:var(--neutral-white,white);padding:var(--space-8,2rem);margin-bottom:var(--space-8,2rem);border-radius:.75rem;box-shadow:0 2px 8px #0000000d}.intro-badge{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-2,.5rem) var(--space-4,1rem);border:1px solid var(--success-green,#10b981);font-size:var(--text-sm,.875rem);color:var(--success-green,#10b981);margin-bottom:var(--space-5,1.25rem);background:#10b9811a;border-radius:2rem;font-weight:500;display:inline-flex}.intake-title{font-family:var(--brand-font-heading,var(--font-heading,"Bricolage Grotesque", sans-serif));color:var(--neutral-900,#212529);margin-bottom:var(--space-4,1rem);font-size:clamp(1.875rem,5vw,2.25rem);line-height:1.2}.intake-description{font-size:var(--text-lg,1.125rem);color:var(--neutral-600,#495057);margin-bottom:var(--space-6,1.5rem);line-height:1.8}.intake-features{gap:var(--space-4,1rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.feature-item{align-items:center;gap:var(--space-3,.75rem);font-size:var(--text-base,1rem);color:var(--neutral-600,#495057);display:flex}.feature-icon{color:var(--success-green,#10b981);flex-shrink:0}.intake-form{background:var(--neutral-white,white);padding:var(--space-8,2rem);border-radius:.75rem;box-shadow:0 2px 8px #0000000d}.form-section-title{font-family:var(--brand-font-heading,var(--font-heading,"Bricolage Grotesque", sans-serif));font-size:var(--text-2xl,1.5rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-6,1.5rem);padding-bottom:var(--space-4,1rem);border-bottom:2px solid var(--neutral-200,#e9ecef)}.form-section-title:not(:first-child){margin-top:var(--space-8,2rem)}.form-label{font-size:var(--text-sm,.875rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-2,.5rem);font-weight:600}.required{color:var(--error-red,#ef4444)}.form-input,.form-select,.form-textarea{padding:var(--space-3,.75rem) var(--space-4,1rem);border:1px solid var(--neutral-400,#adb5bd);font-family:var(--brand-font-body,var(--font-body,"DM Sans", sans-serif));font-size:var(--text-base,1rem);color:var(--neutral-900,#212529);background:#fff;border-radius:.375rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border:2px solid var(--brand-primary,var(--primary-navy,#002b5c));padding:calc(var(--space-3,.75rem) - 1px) calc(var(--space-4,1rem) - 1px);outline:none;box-shadow:0 0 0 3px #002b5c1a}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--error-red,#ef4444)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:var(--error-red,#ef4444);box-shadow:0 0 0 3px #ef44441a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--neutral-100,#f8f9fa);cursor:not-allowed;opacity:.7}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.form-error{font-size:var(--text-sm,.875rem);color:var(--error-red,#ef4444);margin-top:var(--space-2,.5rem);font-weight:500}.form-help{font-size:var(--text-sm,.875rem);color:var(--neutral-600,#495057);margin-top:var(--space-2,.5rem)}.checkbox-group{align-items:flex-start;gap:var(--space-3,.75rem);padding:var(--space-4,1rem);background:var(--neutral-100,#f8f9fa);margin:var(--space-6,1.5rem) 0;border-radius:.375rem;display:flex}.checkbox-input{cursor:pointer;width:20px;height:20px;accent-color:var(--brand-primary,var(--primary-navy,#002b5c));flex-shrink:0;margin-top:2px}.checkbox-input:disabled{cursor:not-allowed;opacity:.5}.checkbox-label{font-size:var(--text-sm,.875rem);color:var(--neutral-600,#495057);line-height:1.6}.checkbox-label a{color:var(--brand-primary,var(--primary-navy,#002b5c));text-decoration:underline}.checkbox-label a:hover{text-decoration:none}.submit-section{margin-top:var(--space-8,2rem);text-align:center}.btn-submit{padding:var(--space-5,1.25rem) var(--space-12,3rem);background:var(--brand-secondary,var(--primary-gold,#c5a572));color:var(--brand-primary,var(--primary-navy,#002b5c));font-family:var(--brand-font-body,var(--font-body,"DM Sans", sans-serif));font-size:var(--text-xl,1.25rem);cursor:pointer;border:none;border-radius:.375rem;width:100%;max-width:400px;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #c5a5724d}.btn-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #c5a57266}.btn-submit:focus-visible{outline:3px solid var(--info-blue,#3b82f6);outline-offset:2px}.submit-help{font-size:var(--text-sm,.875rem);color:var(--neutral-600,#495057);margin-top:var(--space-4,1rem)}.security-badge{justify-content:center;align-items:center;gap:var(--space-3,.75rem);margin-top:var(--space-8,2rem);padding:var(--space-4,1rem);background:var(--neutral-100,#f8f9fa);border-radius:.375rem;display:flex}.security-icon{color:var(--success-green,#10b981)}.security-text{font-size:var(--text-sm,.875rem);color:var(--neutral-600,#495057)}.success-message{background:var(--neutral-white,white);padding:var(--space-12,3rem) var(--space-8,2rem);text-align:center;border-radius:.75rem;box-shadow:0 2px 8px #0000000d}.success-icon{width:80px;height:80px;margin:0 auto var(--space-6,1.5rem);background:var(--success-green,#10b981);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex}.success-title{font-family:var(--brand-font-heading,var(--font-heading,"Bricolage Grotesque", sans-serif));font-size:var(--text-3xl,1.875rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-4,1rem)}.success-text{font-size:var(--text-lg,1.125rem);color:var(--neutral-600,#495057);margin-bottom:var(--space-4,1rem);line-height:1.8}.success-next-steps{background:var(--neutral-100,#f8f9fa);padding:var(--space-6,1.5rem);margin:var(--space-8,2rem) 0;text-align:left;border-radius:.5rem}.success-next-steps h3{font-family:var(--brand-font-heading,var(--font-heading,"Bricolage Grotesque", sans-serif));font-size:var(--text-xl,1.25rem);color:var(--neutral-900,#212529);margin-bottom:var(--space-4,1rem)}.success-next-steps ul{margin:0;padding:0;list-style:none}.success-next-steps li{font-size:var(--text-base,1rem);color:var(--neutral-600,#495057);padding:var(--space-3,.75rem) 0;border-bottom:1px solid var(--neutral-200,#e9ecef)}.success-next-steps li:last-child{border-bottom:none}.btn-secondary{margin-top:var(--space-6,1.5rem);padding:var(--space-4,1rem) var(--space-8,2rem);background:var(--neutral-white,white);color:var(--brand-primary,var(--primary-navy,#002b5c));border:2px solid var(--brand-primary,var(--primary-navy,#002b5c));font-family:var(--brand-font-body,var(--font-body,"DM Sans", sans-serif));font-size:var(--text-base,1rem);cursor:pointer;border-radius:.375rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--brand-primary,var(--primary-navy,#002b5c));color:#fff}.error-message{background:var(--neutral-white,white);padding:var(--space-12,3rem) var(--space-8,2rem);text-align:center;border:2px solid var(--error-red,#ef4444);border-radius:.75rem;box-shadow:0 2px 8px #0000000d}.error-icon{margin-bottom:var(--space-4,1rem);font-size:4rem}.error-title{font-family:var(--brand-font-heading,var(--font-heading,"Bricolage Grotesque", sans-serif));font-size:var(--text-3xl,1.875rem);color:var(--error-red,#ef4444);margin-bottom:var(--space-4,1rem)}.error-text{font-size:var(--text-lg,1.125rem);color:var(--neutral-600,#495057);margin-bottom:var(--space-4,1rem)}.error-help{font-size:var(--text-base,1rem);color:var(--neutral-600,#495057);margin-bottom:var(--space-8,2rem)}.error-help a{color:var(--brand-primary,var(--primary-navy,#002b5c));font-weight:600;text-decoration:underline}.error-help a:hover{text-decoration:none}@media (width<=768px){.legal-intake{padding:var(--space-4,1rem)}.intake-intro,.intake-form{padding:var(--space-6,1.5rem)}.intake-title{font-size:1.875rem}.form-row,.intake-features{grid-template-columns:1fr}.btn-submit{max-width:100%}}@media (width<=480px){.intake-intro,.intake-form,.success-message,.error-message{padding:var(--space-5,1.25rem)}.intake-title,.success-title,.error-title{font-size:1.5rem}.btn-submit{font-size:var(--text-lg,1.125rem);padding:var(--space-4,1rem) var(--space-6,1.5rem)}}.otp-verification{text-align:center;max-width:500px;margin:0 auto;padding:2rem}.otp-header{margin-bottom:2rem}.otp-title{color:var(--color-text-primary,#1a1a1a);margin-bottom:.75rem;font-size:1.75rem;font-weight:600}.otp-description{color:var(--color-text-secondary,#666);margin-bottom:.5rem;font-size:1rem}.otp-description strong{color:var(--color-text-primary,#1a1a1a);font-weight:600}.otp-help{color:var(--color-text-tertiary,#999);font-size:.875rem}.otp-input-container{margin-bottom:2rem}.otp-inputs{justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.otp-input{text-align:center;border:2px solid var(--color-border,#ddd);width:3rem;height:3.5rem;color:var(--color-text-primary,#1a1a1a);background:#fff;border-radius:.5rem;font-size:1.5rem;font-weight:600;transition:all .2s}.otp-input:focus{border-color:var(--color-primary,#06c);outline:none;box-shadow:0 0 0 3px #0066cc1a}.otp-input:disabled{cursor:not-allowed;opacity:.7;background:#f5f5f5}.otp-input.error{border-color:var(--color-error,#dc3545)}.otp-error{color:var(--color-error,#dc3545);margin:.5rem 0 0;font-size:.875rem}.otp-verifying{color:var(--color-primary,#06c);margin:.5rem 0 0;font-size:.875rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 4px 6px -1px #0000001a}50%{box-shadow:0 10px 20px -3px #f59e0b80}}.otp-actions{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.btn-link{color:var(--color-primary,#06c);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.9375rem;text-decoration:underline;transition:opacity .2s}.btn-link:hover:not(:disabled){opacity:.8}.btn-link:disabled{color:var(--color-text-tertiary,#999);cursor:not-allowed;text-decoration:none}.otp-security-note{background:var(--color-background-secondary,#f8f9fa);color:var(--color-text-secondary,#666);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;display:flex}.security-icon{font-size:1.25rem}@media (width<=640px){.otp-verification{padding:1.5rem 1rem}.otp-title{font-size:1.5rem}.otp-inputs{gap:.5rem}.otp-input{width:2.5rem;height:3rem;font-size:1.25rem}}.hero{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-active) 100%);min-height:100vh;padding:var(--space-32) var(--space-12);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#c5a5721a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#c5a57214 0%,#0000 50%);position:absolute;inset:0}.hero__container{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:960px;margin:0 auto;display:flex;position:relative}.hero__content{animation:fadeSlideUp var(--duration-base) var(--ease-out) .1s backwards}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--brand-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);color:var(--color-text-inverse);background:#c5a57233;border-radius:2rem;font-weight:500;display:inline-flex}.hero__badge-icon{width:16px;height:16px;color:var(--brand-secondary)}.hero__title{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--font-extrabold);color:var(--color-text-inverse);line-height:var(--leading-tight);max-width:960px;margin-bottom:var(--space-6);letter-spacing:var(--tracking-tight)}.hero__subtitle{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--font-normal);color:var(--color-text-inverse);opacity:.95;line-height:var(--leading-relaxed);max-width:960px;margin-bottom:var(--space-8)}.hero__trust-signals{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-inverse);opacity:.9;margin-top:var(--space-6);letter-spacing:var(--tracking-wide)}.hero__cta-group{gap:var(--space-4);animation:fadeSlideUp var(--duration-base) var(--ease-out) .3s backwards;display:flex}.hero__visual{animation:.6s ease-out .4s backwards fadeIn}.hero__preview-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);aspect-ratio:4/3;background:#ffffff1a;border-radius:16px;justify-content:center;align-items:center;padding:24px;display:flex;box-shadow:0 20px 25px -5px #0000004d}.hero__preview-content{flex-direction:column;gap:16px;width:100%;display:flex}.hero__preview-header{background:#fff3;border-radius:8px;height:40px}.hero__preview-body{background:#ffffff1a;border-radius:8px;flex:1}.cta{font-family:var(--font-display);padding:var(--space-5) var(--space-10);font-size:var(--text-xl);font-weight:var(--font-semibold);border-radius:var(--radius-base);cursor:pointer;min-width:200px;transition:var(--transition-colors), var(--transition-transform);white-space:nowrap;border:2px solid #0000}.cta--primary{background:var(--color-action-primary);color:var(--color-action-text);box-shadow:0 4px 20px #c5a5724d}.cta--primary:hover{background:var(--color-action-primary-hover);transform:translateY(-2px);box-shadow:0 8px 30px #c5a57266}.cta--primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.cta--primary:focus-visible{box-shadow:var(--shadow-focus);border-color:var(--color-border-focus);outline:none}.cta--secondary{color:var(--color-text-inverse);border:2px solid var(--color-text-inverse);box-shadow:none;background:0 0}.cta--secondary:hover{border-color:var(--color-text-inverse);background:#ffffff1a}.cta--secondary:focus-visible{box-shadow:var(--shadow-focus);outline:none}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero__content,.hero__cta-group,.hero__visual{animation:none}.cta{transition:none}}@media (width<=1023px){.hero{min-height:500px;padding:96px 32px}.hero__container{grid-template-columns:1fr;gap:32px}.hero__title{font-size:48px}}@media (width<=767px){.hero{text-align:center;min-height:400px;padding:64px 24px}.hero__container{grid-template-columns:1fr}.hero__title{max-width:100%;font-size:40px}.hero__subtitle{max-width:100%}.hero__cta-group{flex-direction:column;width:100%}.cta{width:100%;min-width:auto}.hero__visual{order:-1}.hero__preview-placeholder{max-width:90%;margin:0 auto}}.problem-statement{background:var(--color-bg-secondary);padding:128px 48px}.problem-statement__container{max-width:1200px;margin:0 auto}.section-heading{text-align:center;margin-bottom:48px}.section-heading__eyebrow{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);display:block}.section-heading__title{font-size:var(--text-4xl);font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-4)}.section-heading__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:700px;margin:0 auto}.problem-cards{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.problem-card{background:var(--color-background,#fff);border:1px solid var(--color-border-light,#e5e7eb);border-radius:16px;padding:32px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.problem-card:hover{border-color:var(--color-trust-blue,#3b82f6);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.problem-card__icon{border-radius:.375rem;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.problem-card__icon--gold{color:var(--color-verified-green);background:#10b9811a}.problem-card__icon--blue{color:var(--color-info);background:#3b82f61a}.problem-card__title{font-size:var(--font-size-h4,24px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#1a1f36);margin-bottom:12px}.problem-card__description{font-size:var(--font-size-body,16px);color:var(--color-text-secondary,#6b7280);line-height:1.6}@media (width<=1023px){.problem-statement{padding:96px 32px}.problem-cards{grid-template-columns:1fr;gap:24px}.section-heading__title{font-size:32px}}@media (width<=767px){.problem-statement{padding:64px 24px}.section-heading__title{font-size:28px}.section-heading__subtitle{font-size:16px}.problem-card{padding:24px}}@media (prefers-reduced-motion:reduce){.problem-card{transition:none}.problem-card:hover{transform:none}}.module-showcase{background:var(--color-bg-secondary);padding:var(--space-24) var(--space-12)}.module-showcase__container{max-width:1280px;margin:0 auto}.module-cards{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 1}.module-cards:after{content:"";grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.module-cards>.feature-card:nth-child(4){grid-column:1/2;width:100%;max-width:380px;margin:0 auto}.module-cards>.feature-card:nth-child(5){grid-column:2/3;width:100%;max-width:380px;margin:0 auto}.feature-card{background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-8);transition:var(--transition-base);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--color-action-orange);transform-origin:0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.feature-card:hover:before{transform:scaleX(1)}.feature-card:focus-visible{box-shadow:var(--shadow-focus);border-color:var(--color-border-focus);outline:none}.feature-card__icon{margin-bottom:var(--space-4);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-card__icon--gold{background:var(--color-primary)}.feature-card__icon--blue{background:var(--color-action-orange)}.feature-card:first-child .feature-card__icon{background:var(--color-primary)}.feature-card:nth-child(2) .feature-card__icon{background:var(--color-action-orange)}.feature-card:nth-child(3) .feature-card__icon{background:var(--color-verified-green)}.feature-card:nth-child(4) .feature-card__icon{background:var(--color-secondary)}.feature-card:nth-child(5) .feature-card__icon{background:var(--color-warning)}.feature-card__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--leading-tight)}.feature-card__description{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);flex:1}.feature-card__link{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff;background:var(--color-guardian-blue);padding:var(--space-3) var(--space-5);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;width:100%;text-decoration:none;transition:all .2s;display:flex}.feature-card__link:hover{background:#003d7a}@media (width<=1023px){.module-showcase{padding:96px 32px}.module-cards{grid-template-columns:repeat(2,1fr);gap:24px}.module-cards>.feature-card:nth-child(4),.module-cards>.feature-card:nth-child(5){grid-column:span 1;max-width:none;margin:0}.module-cards:after{display:none}}@media (width<=767px){.module-showcase{padding:64px 24px}.module-cards{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px}.feature-card__title{font-size:20px}}@media (prefers-reduced-motion:reduce){.feature-card{transition:none}.feature-card:hover{transform:none}}.trust-signals{padding:var(--space-24) var(--space-12);background:var(--color-bg-secondary)}.trust-signals__container{justify-content:space-between;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap;max-width:1280px;margin:0 auto;display:flex}.trust-pillar{text-align:center;min-width:250px;padding:var(--space-6);flex:1}.trust-pillar__number{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--color-primary);line-height:var(--leading-none);margin-bottom:var(--space-4)}.trust-pillar__label{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-2)}.trust-pillar__text{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media (width<=1023px){.trust-signals{padding:var(--space-20) var(--space-8)}.trust-signals__container{gap:var(--space-6)}.trust-pillar{min-width:200px}}@media (width<=767px){.trust-signals{padding:var(--space-16) var(--space-6)}.trust-signals__container{gap:var(--space-8);flex-direction:column}.trust-pillar{width:100%}.trust-pillar__number{font-size:var(--text-4xl)}}.final-cta{background:var(--color-primary);padding:var(--space-24) var(--space-12);text-align:center;position:relative;overflow:hidden}.final-cta__container{z-index:1;flex-direction:column;align-items:center;max-width:720px;margin:0 auto;display:flex;position:relative}.final-cta__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-inverse);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.final-cta__subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-inverse);opacity:.9;line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.cta--large{padding:var(--space-5) var(--space-10);font-size:var(--text-xl);min-width:300px}.cta--large:hover{animation:2s ease-in-out infinite pulse}@media (width<=767px){.final-cta{padding:80px 24px}.final-cta__title{font-size:32px}.cta--large{width:100%;min-width:auto}}@media (prefers-reduced-motion:reduce){.cta--large:hover{animation:none}}.landing-footer{padding:var(--space-12) var(--space-6);background:var(--neutral-900);color:var(--neutral-400)}.landing-footer-container{max-width:1280px;margin:0 auto}.landing-footer-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.landing-footer-brand{gap:var(--space-4);flex-direction:column;display:flex}.landing-footer-logo{align-items:center;gap:var(--space-3);display:flex}.landing-footer-description{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--neutral-400)}.landing-footer-column h4{font-size:var(--text-base);color:#fff;margin-bottom:var(--space-4);font-family:var(--brand-font-heading);line-height:var(--leading-tight)}.landing-footer-links{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.landing-footer-links a{color:var(--neutral-400);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.landing-footer-links a:hover{color:var(--brand-secondary)}.landing-footer-links a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.landing-footer-bottom{padding-top:var(--space-6);text-align:center;font-size:var(--text-sm);border-top:1px solid #ffffff1a}@media (width<=1024px){.landing-footer-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.landing-footer-grid{grid-template-columns:1fr}}.social-proof-bar{background:var(--color-background-alt);padding:128px 48px}.social-proof-bar__container{max-width:var(--container-content-width);text-align:center;margin:0 auto}.social-proof-bar__label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.social-proof-bar__logos{justify-content:center;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.social-proof-bar__logo{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);opacity:.6;filter:grayscale();transition:all var(--transition-medium);padding:var(--space-2) var(--space-4)}.social-proof-bar__logo:hover{opacity:1;filter:grayscale(0%);color:var(--color-text-primary)}@media (width<=768px){.social-proof-bar__logos{gap:var(--space-3)}.social-proof-bar__logo{font-size:var(--font-size-tiny)}}.how-it-works{background:var(--color-background,#fff);padding:128px 48px}.how-it-works__container{max-width:var(--container-content-width);margin:0 auto}.how-it-works__header{text-align:center;margin-bottom:var(--space-12)}.how-it-works__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.how-it-works__subtitle{font-size:var(--font-size-body-large);color:var(--color-text-secondary);max-width:var(--container-text-width);line-height:var(--line-height-relaxed);margin:0 auto}.how-it-works__steps{justify-content:center;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-12);display:flex}.how-it-works__step-wrapper{align-items:center;gap:var(--space-4);display:flex}.how-it-works__step{text-align:center;flex:1;max-width:300px}.how-it-works__step-number{background:var(--color-action-orange);border-radius:var(--radius-full);width:80px;height:80px;margin:0 auto var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.how-it-works__number{font-size:var(--font-size-h3);font-weight:var(--font-weight-extrabold);color:var(--color-text-inverse);margin-bottom:var(--space-1);line-height:1}.how-it-works__icon{color:var(--color-guardian-blue);opacity:.8}.how-it-works__arrow{color:var(--color-border-medium);flex-shrink:0}.how-it-works__step-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}.how-it-works__step-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.how-it-works__cta{text-align:center}.how-it-works__cta-button{background:var(--color-cta-primary-bg);color:var(--color-cta-primary-text);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);border:none;min-width:280px;padding:16px 32px}.how-it-works__cta-button:hover{background:var(--color-cta-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.how-it-works__cta-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}@media (width<=1024px){.how-it-works__steps{flex-direction:column;align-items:center}.how-it-works__arrow{display:none}.how-it-works__step{max-width:400px}}@media (width<=768px){.how-it-works{padding:64px 24px}.how-it-works__title{font-size:var(--font-size-h3)}.how-it-works__step-number{width:64px;height:64px}.how-it-works__number{font-size:var(--font-size-h4)}.how-it-works__icon{width:24px;height:24px}.how-it-works__cta-button{width:100%;max-width:100%}}.main-nav{border-bottom:1px solid var(--neutral-200);z-index:100;box-shadow:var(--shadow-sm);background:#fff;position:sticky;top:0}body.demo-mode-active .main-nav{top:40px!important}.main-nav-container{max-width:1200px;padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.main-nav-logo{align-items:center;gap:var(--space-3);color:var(--brand-primary);transition:opacity var(--transition-fast);text-decoration:none;display:flex}.main-nav-logo:hover{opacity:.8}.main-nav-logo:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.main-nav-logo-mark{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;width:40px;height:40px;font-family:var(--brand-font-heading);font-size:var(--text-xl);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.main-nav-logo-text{font-family:var(--brand-font-heading);font-size:var(--text-lg);white-space:nowrap;font-weight:700}.main-nav-desktop{align-items:center;gap:var(--space-1);display:none}@media (width>=768px){.main-nav-desktop{display:flex}}.main-nav-link{color:var(--neutral-900);font-size:var(--text-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;font-weight:500;text-decoration:none}.main-nav-link:hover{color:var(--brand-primary);background:var(--neutral-100)}.main-nav-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.main-nav-dropdown{position:relative}.main-nav-dropdown-trigger{align-items:center;gap:var(--space-1);color:var(--neutral-900);font-size:var(--text-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-weight:500;display:flex}.main-nav-dropdown-trigger:hover{color:var(--brand-primary);background:var(--neutral-100)}.main-nav-dropdown-trigger:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.main-nav-dropdown-menu{z-index:1000;min-width:220px;padding-top:4px;position:absolute;top:100%;left:0}.main-nav-dropdown-panel{border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);background:#fff;animation:.2s fadeIn}.main-nav-dropdown-item{color:var(--neutral-900);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--text-sm);white-space:nowrap;text-decoration:none;display:block}.main-nav-dropdown-item:hover{background:var(--neutral-100);color:var(--brand-primary)}.main-nav-dropdown-item:focus-visible{outline:var(--focus-ring);outline-offset:2px}.main-nav-cta{background:var(--color-cta-primary-bg);color:var(--color-cta-primary-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-small);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0;font-weight:600}@media (width>=768px){.main-nav-cta{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}}.main-nav-cta:hover{background:var(--color-cta-primary-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.main-nav-cta:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.main-nav-mobile-toggle{color:var(--brand-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:flex}@media (width>=768px){.main-nav-mobile-toggle{display:none}}.main-nav-mobile-toggle:hover{background:var(--neutral-100)}.main-nav-mobile-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.main-nav-mobile{border-top:1px solid var(--neutral-200);padding:var(--space-4);background:#fff;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@media (width>=768px){.main-nav-mobile{display:none}}.main-nav-mobile-section{margin-bottom:var(--space-2)}.main-nav-mobile-section-header{width:100%;color:var(--neutral-900);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.main-nav-mobile-section-header:hover{background:var(--neutral-100)}.main-nav-mobile-section-header:focus-visible{outline:var(--focus-ring);outline-offset:2px}.main-nav-mobile-section-header svg{transition:transform var(--transition-fast)}.main-nav-mobile-section-header svg.rotate-180{transform:rotate(180deg)}.main-nav-mobile-section-items{padding-left:var(--space-4);animation:.2s expandDown}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.main-nav-mobile-link{color:var(--neutral-600);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--text-sm);text-decoration:none;display:block}.main-nav-mobile-link:hover{background:var(--neutral-100);color:var(--brand-primary)}.main-nav-mobile-link:focus-visible{outline:var(--focus-ring);outline-offset:2px}@media (width<=640px){.main-nav-container{padding:var(--space-3) var(--space-4)}.main-nav-logo-text{font-size:var(--text-base)}.main-nav-logo-mark{width:36px;height:36px;font-size:var(--text-lg)}}.demo-banner{z-index:9999;background:var(--color-warning);border-bottom:2px solid #d97706;width:100%;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000001a}.demo-banner__content{color:#78350f;text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.demo-banner__icon{font-size:1rem;line-height:1}.demo-banner__label{letter-spacing:.05em;text-transform:uppercase;font-weight:700}.demo-banner__separator{opacity:.7;font-weight:400}.demo-banner__message{font-weight:500}@media (width<=640px){.demo-banner__content{gap:.375rem;padding:.375rem .75rem;font-size:.75rem}.demo-banner__separator{display:none}}@media (prefers-contrast:high){.demo-banner{background:#fbbf24;border-bottom:3px solid #000}.demo-banner__content{color:#000}}@media (prefers-reduced-motion:reduce){.demo-banner{animation:none}}@media print{.demo-banner{display:none}}body.demo-mode-active{padding-top:40px}.admin-login-container{background:var(--color-primary);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.admin-login-card{background:#fff;border-radius:12px;width:100%;max-width:480px;padding:2rem;animation:.3s ease-out slideUp;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-login-card h1{color:#333;text-align:center;margin:0 0 .5rem;font-size:2rem;font-weight:700}.admin-login-card h2{color:#333;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.subtitle{text-align:center;color:#666;margin:0 0 1.5rem;font-size:.95rem}.auth-method-selection{flex-direction:column;gap:1rem;display:flex}.auth-method-button{cursor:pointer;text-align:left;background:#fff;border:2px solid #e0e0e0;border-radius:8px;align-items:center;gap:1rem;width:100%;padding:1.25rem;transition:all .2s;display:flex}.auth-method-button:hover{background:#f8f9ff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.auth-method-icon{flex-shrink:0;font-size:2.5rem}.auth-method-content{flex:1}.auth-method-content h3{color:#333;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.auth-method-content p{color:#666;margin:0;font-size:.875rem}.security-note{background:#e7f3ff;border-left:4px solid #2196f3;border-radius:4px;margin-top:1.5rem;padding:1rem}.security-note p{color:#555;margin:0;font-size:.875rem;line-height:1.5}.security-note strong{color:#2196f3;margin-bottom:.25rem;display:block}.auth-form{animation:.3s ease-in-out fadeIn}.form-group input{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:6px;width:100%;padding:.875rem;font-size:1rem;transition:all .2s}.form-group input[type=text]#totpCode,.form-group input[type=text]#otpCode{text-align:center;letter-spacing:.5rem;font-family:Courier New,monospace;font-size:1.25rem}.form-group input:disabled{cursor:not-allowed;opacity:.7;background-color:#f5f5f5}.help-text{color:#666;margin-top:.5rem;font-size:.825rem}.error-message{color:#c33;background-color:#fee;border-left:4px solid #c33;border-radius:6px;margin-bottom:1rem;padding:.875rem;font-size:.875rem}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary:hover{background:#e9ecef;border-color:#d0d0d0}.btn-link{color:#667eea;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:1rem;padding:0;font-size:.875rem;text-decoration:underline;display:block}@media (width<=640px){.admin-login-container{padding:.5rem}.admin-login-card{padding:1.5rem}.admin-login-card h1{font-size:1.75rem}.admin-login-card h2{font-size:1.25rem}.auth-method-button{padding:1rem}.auth-method-icon{font-size:2rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.partner-login-container{background:var(--color-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.partner-login-card{background:var(--color-background);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:400px}.partner-login-card h1{margin:0 0 var(--space-3) 0;color:var(--color-text-primary);font-size:var(--font-size-h3);text-align:center;font-weight:var(--font-weight-bold)}.form-group label{margin-bottom:var(--space-1);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-small);display:block}.error-message{color:var(--color-error);padding:var(--space-2);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--font-size-small);border:1px solid var(--color-error);background-color:#ef44441a}button[type=submit]{width:100%;padding:var(--space-2);background:var(--color-cta-primary-bg);color:var(--color-cta-primary-text);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-fast);border:none}button[type=submit]:hover:not(:disabled){background:var(--color-cta-primary-hover);transform:translateY(-1px)}.form-group small{margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--font-size-small);line-height:var(--line-height-normal);display:block}.btn-secondary{width:100%;padding:var(--space-2);background:var(--color-cta-secondary-bg);color:var(--color-cta-secondary-text);border:2px solid var(--accent-primary);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-base), border-color var(--transition-base);margin-top:var(--space-2)}.btn-secondary:hover:not(:disabled){background:var(--color-cta-secondary-hover);border-color:var(--accent-primary-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);text-align:center;white-space:nowrap;padding:var(--space-3) var(--space-6);border-radius:var(--radius-base);cursor:pointer;transition:var(--transition-colors), var(--transition-transform);appearance:none;border:2px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{box-shadow:var(--shadow-focus);border-color:var(--color-border-focus);outline:none}.btn-primary{color:var(--color-text-inverse);background-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background-color:var(--color-secondary-active);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active:not(:disabled){background-color:var(--color-danger-dark);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-ghost{color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none;background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary-hover);color:var(--color-primary-hover)}.btn-ghost:active:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary-active);color:var(--color-primary-active)}.btn-sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn-lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.btn-xl{font-size:var(--text-xl);padding:var(--space-5) var(--space-10)}.btn-full-width{width:100%}.btn-icon{flex-shrink:0;align-items:center;display:inline-flex}.btn-icon-left{margin-right:calc(var(--space-1) * -.5)}.btn-icon-right{margin-left:calc(var(--space-1) * -.5)}.btn-text{align-items:center;display:inline-flex}.btn-loading{color:#0000;position:relative}.btn-spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-small{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn-medium{font-size:var(--text-base);padding:var(--space-3) var(--space-6)}.btn-large{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.btn-tertiary{color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none;background-color:#0000}.btn-tertiary:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary-hover);color:var(--color-primary-hover)}.modal-close,.dialog-close{top:var(--space-2);right:var(--space-2);padding:var(--space-1);cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-xl);transition:var(--transition-colors);background:0 0;border:none;line-height:1;position:absolute}.modal-close:hover,.dialog-close:hover{color:var(--color-text-primary)}.consumer-login-container{background:var(--color-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.consumer-login-card{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:2rem;box-shadow:0 10px 25px #0003}.consumer-login-card h1{color:#333;text-align:center;margin:0 0 .5rem;font-size:1.75rem}.login-subtitle{text-align:center;color:#666;margin-bottom:1.5rem;font-size:.875rem}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-size:1rem}button[type=submit]{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;margin-bottom:.5rem;padding:.875rem;font-size:1rem;font-weight:600;transition:opacity .2s}button[type=submit]:hover:not(:disabled){opacity:.9}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.secondary-button{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s}.secondary-button:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.secondary-button:disabled{opacity:.6;cursor:not-allowed}.breadcrumbs{margin-bottom:var(--space-6);padding:var(--space-4) 0}.breadcrumbs-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.breadcrumbs-link{color:var(--brand-primary);transition:color var(--transition-fast);text-decoration:none}.breadcrumbs-link:hover{color:var(--brand-secondary);text-decoration:underline}.breadcrumbs-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.breadcrumbs-current{color:var(--neutral-600);font-weight:500}@media (width<=640px){.breadcrumbs{font-size:var(--text-xs)}}.content-page{background:var(--neutral-100);flex-direction:column;min-height:100vh;display:flex}.content-page-main{padding:var(--space-8) var(--space-4);flex:1}.content-page-container{max-width:800px;margin:0 auto}.content-page-article{border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-md);background:#fff}.content-page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid var(--neutral-200)}.content-page-title{font-family:var(--brand-font-heading);font-size:var(--text-4xl);color:var(--brand-primary);margin:0 0 var(--space-4) 0;font-weight:700;line-height:var(--leading-tight)}.content-page-description{font-size:var(--text-lg);color:var(--neutral-600);line-height:var(--leading-normal);margin:0}.content-page-body{font-family:var(--brand-font-body);font-size:var(--text-base);color:var(--neutral-900);line-height:var(--leading-normal)}.content-page-body h2{font-family:var(--brand-font-heading);font-size:var(--text-2xl);color:var(--brand-primary);margin:var(--space-10) 0 var(--space-4) 0;font-weight:700;line-height:var(--leading-tight)}.content-page-body h3{font-family:var(--brand-font-heading);font-size:var(--text-xl);color:var(--neutral-900);margin:var(--space-8) 0 var(--space-3) 0;font-weight:600;line-height:var(--leading-tight)}.content-page-body h4{font-size:var(--text-lg);color:var(--neutral-900);margin:var(--space-6) 0 var(--space-2) 0;font-weight:600}.content-page-body p{margin:0 0 var(--space-4) 0}.content-page-body ul,.content-page-body ol{margin:0 0 var(--space-4) 0;padding-left:var(--space-6)}.content-page-body li{margin-bottom:var(--space-2)}.content-page-body li>ul,.content-page-body li>ol{margin-top:var(--space-2)}.content-page-body a{color:var(--brand-primary);transition:color var(--transition-fast);text-decoration:underline}.content-page-body a:hover{color:var(--brand-secondary)}.content-page-body a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.content-page-body strong{color:var(--neutral-900);font-weight:600}.content-page-body em{font-style:italic}.content-page-body blockquote{border-left:4px solid var(--brand-secondary);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--neutral-600);font-style:italic}.content-page-body code{background:var(--neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:Monaco,Courier New,monospace;font-size:var(--text-sm)}.content-page-body pre{background:var(--neutral-100);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-4) 0;overflow-x:auto}.content-page-body pre code{background:0 0;padding:0}.content-page-body table{border-collapse:collapse;width:100%;margin:var(--space-6) 0}.content-page-body th,.content-page-body td{padding:var(--space-3);border:1px solid var(--neutral-200);text-align:left}.content-page-body th{background:var(--neutral-100);font-weight:600}.content-page-body hr{border:none;border-top:1px solid var(--neutral-200);margin:var(--space-8) 0}.content-page-cta{margin-top:var(--space-12);padding-top:var(--space-8);border-top:2px solid var(--neutral-200);text-align:center}.content-page-cta .btn{margin-bottom:var(--space-3)}.content-page-cta-help{font-size:var(--text-sm);color:var(--neutral-600);margin:0}@media (width<=640px){.content-page-main{padding:var(--space-4) var(--space-2)}.content-page-article{padding:var(--space-6)}.content-page-title{font-size:var(--text-3xl)}.content-page-description{font-size:var(--text-base)}.content-page-body h2{font-size:var(--text-xl)}.content-page-body h3{font-size:var(--text-lg)}}.content-page-body :focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.modal-backdrop,.modal-overlay{background-color:var(--color-bg-overlay);z-index:var(--z-modal-backdrop);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-modal);width:100%;max-width:600px;max-height:90vh;animation:modalFadeIn var(--transition-medium);flex-direction:column;display:flex;position:relative;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-full{width:90vw;max-width:1200px}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.modal-close-button{padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close-button:hover{background-color:var(--color-background-alt);color:var(--color-text-primary)}.modal-close-button:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-6);border-top:1px solid var(--color-border-light);gap:var(--space-3);justify-content:flex-end;display:flex}@media (width<=640px){.modal-overlay{padding:var(--space-2)}.modal{max-height:95vh}.modal-small,.modal-medium,.modal-large{width:100%;max-width:100%}.modal-header,.modal-body,.modal-footer{padding:var(--space-3)}}.form-field{margin-bottom:var(--space-3)}.form-field-label{margin-bottom:var(--space-1);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.form-field-required{color:var(--color-error);margin-left:.25rem}.form-field-control{position:relative}.form-field-input,.form-field-textarea,.form-field-select{width:100%;min-height:44px;font-size:1rem;font-family:var(--font-sans);color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px 16px;transition:all .15s}.form-field-input:hover,.form-field-textarea:hover,.form-field-select:hover{border-color:#d1d5db}.form-field-input:focus,.form-field-textarea:focus,.form-field-select:focus{outline-offset:2px;border-color:var(--accent-primary);background-color:#fff;outline:3px solid #c5a57233}.form-field-input:disabled,.form-field-textarea:disabled,.form-field-select:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb}.form-field-input-error{background-color:#dc26260d;border-color:#dc2626}.form-field-input-error:focus{outline-offset:2px;border-color:#dc2626;outline:3px solid #dc262633}.form-field-input-full-width{width:100%}.form-field-textarea{resize:vertical;min-height:120px;max-height:400px}.form-field-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-2) center;padding-right:var(--space-6);background-repeat:no-repeat;background-size:1.5em 1.5em}.form-field-error{color:#dc2626;align-items:center;gap:6px;margin-top:4px;font-size:14px;display:flex}.form-field-help{color:#6b7280;margin-top:4px;font-size:14px}@media (width<=640px){.form-field-input,.form-field-textarea,.form-field-select{padding:var(--space-1) var(--space-2);font-size:var(--font-size-small)}}.input-wrapper{gap:var(--space-2);flex-direction:column;display:inline-flex}.input-wrapper-full-width{width:100%}.input-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:var(--leading-normal)}.input{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);border:1px solid var(--color-border-default);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:var(--transition-colors);appearance:none}.input:hover:not(:disabled){border-color:var(--color-border-dark)}.input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.input::placeholder{color:var(--color-text-tertiary)}.input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed}.input.error{border-color:var(--color-danger)}.input.error:focus{box-shadow:0 0 0 3px #ef444433}.input-full-width{width:100%}.input-helper-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.input-helper-text-error{color:var(--color-danger)}.select-wrapper{gap:var(--space-2);flex-direction:column;display:inline-flex}.select-wrapper-full-width{width:100%}.select-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:var(--leading-normal)}.select{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);border:1px solid var(--color-border-default);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:var(--transition-colors);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23334155' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6L8 9.5 11.5 6'stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.select:hover:not(:disabled){border-color:var(--color-border-dark)}.select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.select:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.select.error{border-color:var(--color-danger)}.select.error:focus{box-shadow:0 0 0 3px #ef444433}.select-full-width{width:100%}.select-helper-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.select-helper-text-error{color:var(--color-danger)}.select option{padding:var(--space-2) var(--space-3)}.select option:disabled{color:var(--color-text-tertiary)}.textarea-wrapper{gap:var(--space-2);flex-direction:column;display:inline-flex}.textarea-wrapper-full-width{width:100%}.textarea-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:var(--leading-normal)}.textarea{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);border:1px solid var(--color-border-default);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:var(--transition-colors);resize:vertical;appearance:none;min-height:120px}.textarea:hover:not(:disabled){border-color:var(--color-border-dark)}.textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.textarea::placeholder{color:var(--color-text-tertiary)}.textarea:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed;resize:none}.textarea.error{border-color:var(--color-danger)}.textarea.error:focus{box-shadow:0 0 0 3px #ef444433}.textarea-full-width{width:100%}.textarea-helper-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.textarea-helper-text-error{color:var(--color-danger)}.checkbox-wrapper{gap:var(--space-2);flex-direction:column;display:inline-flex}.checkbox-control{align-items:center;gap:var(--space-3);display:inline-flex}.checkbox{width:var(--space-5);height:var(--space-5);min-width:var(--space-5);min-height:var(--space-5);border:2px solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-primary);cursor:pointer;transition:var(--transition-colors);appearance:none;margin:0}.checkbox:hover:not(:disabled){border-color:var(--color-border-dark)}.checkbox:focus{box-shadow:var(--shadow-focus);outline:none}.checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M13 4L6 11 3 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px 16px}.checkbox:disabled{opacity:.5;cursor:not-allowed}.checkbox-error{border-color:var(--color-danger)}.checkbox-error:focus{box-shadow:0 0 0 3px #ef444433}.checkbox-label{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);line-height:var(--leading-normal);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox:disabled+.checkbox-label{color:var(--color-text-secondary);cursor:not-allowed}.checkbox-helper-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-left:calc(var(--space-5) + var(--space-3))}.checkbox-helper-text-error{color:var(--color-danger)}.radio-wrapper{gap:var(--space-2);flex-direction:column;display:inline-flex}.radio-control{align-items:center;gap:var(--space-3);display:inline-flex}.radio{width:var(--space-5);height:var(--space-5);min-width:var(--space-5);min-height:var(--space-5);border:2px solid var(--color-border-default);border-radius:var(--radius-full);background-color:var(--color-bg-primary);cursor:pointer;transition:var(--transition-colors);appearance:none;margin:0}.radio:hover:not(:disabled){border-color:var(--color-border-dark)}.radio:focus{box-shadow:var(--shadow-focus);outline:none}.radio:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='white'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px 16px}.radio:disabled{opacity:.5;cursor:not-allowed}.radio-error{border-color:var(--color-danger)}.radio-error:focus{box-shadow:0 0 0 3px #ef444433}.radio-label{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);line-height:var(--leading-normal);cursor:pointer;-webkit-user-select:none;user-select:none}.radio:disabled+.radio-label{color:var(--color-text-secondary);cursor:not-allowed}.radio-helper-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-left:calc(var(--space-5) + var(--space-3))}.radio-helper-text-error{color:var(--color-danger)}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-2px)}.card-interactive:active{box-shadow:var(--shadow-md);transform:translateY(0)}.card-interactive:focus-visible{box-shadow:var(--shadow-focus);border-color:var(--color-border-focus);outline:none}.card-header{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.card-body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.card-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-base);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);border-left:4px solid;display:flex}.alert-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.alert-content{flex:1;min-width:0}.alert-dismiss{padding:var(--space-1);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-colors);color:currentColor;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.alert-dismiss:hover{opacity:1;background-color:#0000000d}.alert-dismiss:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;opacity:1}.alert-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-text-primary)}.alert-info .alert-icon{color:var(--color-info)}.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.alert-success .alert-icon{color:var(--color-success)}.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.alert-warning .alert-icon{color:var(--color-warning)}.alert-danger{background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger-dark)}.alert-danger .alert-icon{color:var(--color-danger)}@media (width<=1023px){.alert-dismiss{padding:var(--space-2);min-width:44px;min-height:44px}}.navbar{justify-content:space-between;align-items:center;gap:var(--space-6);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);padding:var(--space-4) var(--space-6);z-index:var(--z-sticky);display:flex;position:sticky;top:0}.navbar-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary);transition:var(--transition-colors);text-decoration:none}.navbar-logo:hover{opacity:.8}.navbar-logo:focus-visible{outline:var(--shadow-focus);outline-offset:var(--space-1);border-radius:var(--radius-sm)}.navbar-nav{gap:var(--space-6);margin:0;padding:0;list-style:none;display:flex}.navbar-link{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:var(--transition-colors);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-decoration:none}.navbar-link:hover{color:var(--color-primary);background-color:var(--color-bg-secondary)}.navbar-link:focus-visible{outline:var(--shadow-focus);outline-offset:2px}.navbar-link.active{color:var(--color-primary);font-weight:var(--font-semibold);background-color:var(--color-primary-light)}.navbar-mobile-toggle{color:var(--color-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:var(--transition-colors);background:0 0;border:none;justify-content:center;align-items:center;display:none}.navbar-mobile-toggle:hover{background-color:var(--color-bg-secondary)}.navbar-mobile-toggle:focus-visible{outline:var(--shadow-focus);outline-offset:2px}@media (width<=768px){.navbar-nav{display:none}.navbar-mobile-toggle{display:flex}.navbar-mobile-menu{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);padding:var(--space-4);box-shadow:var(--shadow-lg);position:absolute;top:100%;left:0;right:0}.navbar-mobile-menu .navbar-nav{gap:var(--space-2);flex-direction:column;display:flex}.navbar-mobile-menu .navbar-link{padding:var(--space-3);display:block}}.navbar-dropdown{position:relative}.navbar-dropdown-trigger{align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;display:flex}.navbar-dropdown-trigger:hover{color:var(--color-primary);background-color:var(--color-bg-secondary)}.navbar-dropdown-trigger:focus-visible{outline:var(--shadow-focus);outline-offset:2px}.navbar-dropdown-menu{min-width:220px;margin-top:var(--space-1);background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);position:absolute;top:100%;left:0}.navbar-dropdown-item{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:var(--transition-colors);text-decoration:none;display:block}.navbar-dropdown-item:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.navbar-dropdown-item:focus-visible{outline:var(--shadow-focus);outline-offset:2px}.breadcrumbs{padding:var(--space-4) 0;margin-bottom:var(--space-6)}.breadcrumbs-list{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs-item{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);display:flex}.breadcrumbs-link{color:var(--color-text-link);transition:var(--transition-colors);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-decoration:none}.breadcrumbs-link:hover{color:var(--color-text-link-hover);background-color:var(--color-bg-secondary);text-decoration:underline}.breadcrumbs-link:focus-visible{outline:var(--shadow-focus);outline-offset:2px}.breadcrumbs-current{color:var(--color-text-secondary);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.breadcrumbs-separator{color:var(--color-text-tertiary);flex-shrink:0}@media (width<=640px){.breadcrumbs{font-size:var(--text-xs);padding:var(--space-3) 0}.breadcrumbs-item{font-size:var(--text-xs)}}.sidebar{background-color:var(--color-bg-primary);border-right:1px solid var(--color-border-light);padding:var(--space-6);width:280px;min-height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-nav{gap:var(--space-2);flex-direction:column;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);transition:var(--transition-colors);cursor:pointer;text-decoration:none;display:flex}.sidebar-link:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar-link.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-semibold)}.sidebar-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-link-text{flex:1}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section+.sidebar-section{padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.sidebar-section-title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3);padding:0 var(--space-4)}.badge{align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;display:inline-flex}.badge-success{color:var(--color-success-dark);background-color:var(--color-success-light)}.badge-warning{color:var(--color-warning-dark);background-color:var(--color-warning-light)}.badge-danger{color:var(--color-danger-dark);background-color:var(--color-danger-light)}.badge-info{color:var(--color-primary);background-color:var(--color-primary-light)}.badge-icon{flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.badge-text{line-height:1}.table-container{background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:var(--text-sm)}.table thead{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default)}.table th{font-weight:var(--font-semibold);color:var(--color-text-primary);text-align:left;padding:var(--space-3) var(--space-4);white-space:nowrap}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:var(--space-8);position:relative}.table th.sortable:hover{background-color:var(--color-bg-tertiary)}.table th.sortable:after{content:"⇅";right:var(--space-4);opacity:.3;font-size:var(--text-xs);position:absolute}.table th.sortable.sorted-asc:after{content:"↑";opacity:1}.table th.sortable.sorted-desc:after{content:"↓";opacity:1}.table td{color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light)}.table tbody tr:hover,.table.table-striped tbody tr:nth-child(2n){background-color:var(--color-bg-secondary)}.table.table-striped tbody tr:nth-child(2n):hover{background-color:var(--color-bg-tertiary)}.table.table-dense th,.table.table-dense td{padding:var(--space-2) var(--space-3)}.spinner{border:4px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite spin}.spinner--small{border-width:3px;width:24px;height:24px}.spinner--large{border-width:5px;width:56px;height:56px}.spinner--inline{vertical-align:middle;display:inline-block}.skeleton{background:var(--color-bg-secondary);border-radius:var(--radius-base);animation:1.5s infinite shimmer}.skeleton--text{height:1em;margin-bottom:var(--space-2)}.skeleton--card{height:200px}.skeleton--avatar{border-radius:var(--radius-full);width:48px;height:48px}.skeleton--image{width:100%;height:240px}.skeleton--button{width:120px;height:44px}.skeleton--input{width:100%;height:44px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar{background-color:var(--color-bg-secondary);border-radius:var(--radius-full);width:100%;height:8px;position:relative;overflow:hidden}.progress-bar__fill{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--duration-base) var(--ease-out)}.progress-bar--small{height:4px}.progress-bar--large{height:12px}.progress-bar--success .progress-bar__fill{background-color:var(--color-success)}.progress-bar--warning .progress-bar__fill{background-color:var(--color-warning)}.progress-bar--danger .progress-bar__fill{background-color:var(--color-danger)}.progress-bar--indeterminate .progress-bar__fill{animation:1.5s ease-in-out infinite indeterminate;width:30%!important}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.empty-state{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12);text-align:center;flex-direction:column;display:flex}.empty-state-icon{font-size:var(--text-6xl);color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.empty-state-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.empty-state-description{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);max-width:480px}.empty-state-action{margin-top:var(--space-2)}.empty-state.empty-state-no-data .empty-state-icon{color:var(--color-text-tertiary)}.empty-state.empty-state-no-results .empty-state-icon{color:var(--color-info)}.empty-state.empty-state-error .empty-state-icon{color:var(--color-danger)}.empty-state.empty-state-error .empty-state-title{color:var(--color-danger-dark)}@media (width<=767px){.empty-state{padding:var(--space-8)}.empty-state-icon{font-size:var(--text-5xl)}.empty-state-title{font-size:var(--text-xl)}.empty-state-description{font-size:var(--text-sm)}}.page-header-wrapper{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-primary);display:flex}.page-header-content{flex:1;min-width:0}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);margin:0}.page-subtitle{margin:var(--space-2) 0 0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-secondary)}.page-actions{gap:var(--space-3);flex-shrink:0;align-items:center;display:flex}@media (width<=768px){.page-header{padding:var(--space-4) var(--space-6);flex-direction:column;align-items:flex-start}.page-title{font-size:var(--text-2xl)}.page-subtitle{font-size:var(--text-sm)}.page-actions{justify-content:flex-start;width:100%}}@media (width<=480px){.page-header{padding:var(--space-4)}.page-title{font-size:var(--text-xl)}.page-actions{gap:var(--space-2);flex-direction:column;width:100%}.page-actions>*{width:100%}}.component-demo{background-color:var(--color-background-alt);min-height:100vh;padding:var(--space-4) var(--space-2)}.demo-container{max-width:1200px;margin:0 auto}.component-demo h1{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.demo-subtitle{font-size:var(--font-size-body);color:var(--text-secondary);margin-bottom:var(--space-6)}.demo-section{background-color:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.demo-section h2{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border-light)}.demo-section h3{font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.demo-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.demo-note{padding:var(--space-2);border-left:4px solid var(--accent-primary);border-radius:var(--radius-sm);font-size:var(--font-size-small);color:var(--text-secondary);margin-bottom:var(--space-3);background-color:#c5a5721a}.token-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.token-swatch{padding:var(--space-3);border-radius:var(--radius-md);gap:var(--space-1);color:var(--text-primary);border:1px solid var(--color-border-light);flex-direction:column;display:flex}.token-swatch span{font-weight:var(--font-weight-medium);font-size:var(--font-size-small)}.token-swatch code{font-family:var(--font-mono);font-size:var(--font-size-tiny);opacity:.8}@media (width<=768px){.demo-grid{grid-template-columns:1fr}.component-demo{padding:var(--space-2)}}@media (width<=320px){.component-demo h1{font-size:var(--font-size-h3)}.demo-section{padding:var(--space-2)}}.flex-col-gap-12{flex-direction:column;gap:12px;display:flex}.flex-gap-12{gap:12px;display:flex}.flex-gap-12-center{align-items:center;gap:12px;display:flex}.flex-gap-12-wrap{flex-wrap:wrap;gap:12px;display:flex}.flex-gap-12-center-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.icon-button{min-width:44px;min-height:44px;padding:10px}.visually-hidden{display:none}.mt-12{margin-top:12px}.portal-layout--sidebar{background:var(--color-background-alt);min-height:100vh;display:flex}.portal-layout__main{flex:1;overflow-y:auto}.portal-layout--simple{background:var(--color-background-alt);min-height:100vh}.portal-layout__content{padding-top:80px}body.demo-mode-active .portal-layout__content{padding-top:120px}.consumer-dashboard{padding:var(--space-8);background-color:var(--color-bg-secondary);min-height:100vh}.page-header{margin-bottom:var(--space-8)}.page-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.page-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:var(--font-normal)}.score-card{background:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text-inverse);padding:var(--space-8);margin-bottom:var(--space-6);border:none}.score-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.score-label{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-medium);opacity:.9}.score-date{font-family:var(--font-body);font-size:var(--text-sm);opacity:.75}.score-display{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.score-value{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--font-extrabold);line-height:var(--leading-none)}.score-max{font-family:var(--font-display);font-size:var(--text-3xl);opacity:.75}.score-status{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.score-message{font-family:var(--font-body);font-size:var(--text-base);opacity:.9;line-height:var(--leading-relaxed)}.stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6)}.stat-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.stat-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:var(--leading-none)}.stat-change{font-family:var(--font-body);font-size:var(--text-sm);align-items:center;gap:var(--space-1);display:flex}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-danger)}.card{background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.card-header{margin-bottom:var(--space-4)}.card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.card-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.alert-card{border-left:4px solid var(--color-action-orange)}.alert-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.alert-icon{background-color:var(--color-action-orange);border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold);justify-content:center;align-items:center;display:flex}.alert-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.breach-list{gap:var(--space-4);flex-direction:column;display:flex}.breach-item{padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-base);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.breach-info{flex:1}.breach-name{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.breach-date{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.badge{padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);align-items:center;display:inline-flex}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.activity-list{gap:var(--space-4);flex-direction:column;display:flex}.activity-item{align-items:flex-start;gap:var(--space-3);display:flex}.activity-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-icon.scan{background-color:var(--color-info-light);color:var(--color-info)}.activity-icon.breach{background-color:var(--color-danger-light);color:var(--color-danger)}.activity-icon.verify{background-color:var(--color-success-light);color:var(--color-success)}.activity-content{flex:1}.activity-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.activity-time{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}@media (width<=767px){.consumer-dashboard{padding:var(--space-4)}.page-title{font-size:var(--text-3xl)}.score-card{padding:var(--space-6)}.score-value{font-size:var(--text-5xl)}.breach-item{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}}.consumer-settings{padding:var(--space-8);background-color:var(--color-bg-secondary);min-height:100vh}.consumer-settings .page-header{margin-bottom:var(--space-8)}.consumer-settings .page-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.consumer-settings .page-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:var(--font-normal)}.settings-section{margin-bottom:var(--space-8)}.settings-section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;align-items:center;gap:var(--space-2);display:flex}.setting-item{padding:var(--space-4);border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.setting-item:last-child{border-bottom:none}.setting-info{flex:1}.setting-info h4{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.setting-info p{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.toggle-switch{background-color:var(--color-boundary-gray);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;width:48px;height:24px;transition:background-color .3s;position:relative}.toggle-switch.active{background-color:var(--color-success)}.toggle-slider{background-color:var(--color-white);border-radius:var(--radius-full);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform .3s;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-slider{transform:translate(24px)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}@media (width<=767px){.consumer-settings{padding:var(--space-4)}.consumer-settings .page-title{font-size:var(--text-3xl)}.setting-item{flex-direction:column;align-items:flex-start}.setting-item button,.setting-item .toggle-switch{align-self:flex-end}}.evidence-page{padding:var(--space-8)}.stats-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.stats-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.stats-grid{grid-template-columns:1fr}}.stat-item{text-align:left}.evidence-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.evidence-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-3);flex-direction:column;transition:box-shadow .2s;display:flex}.evidence-card:hover{box-shadow:var(--shadow-md)}.evidence-icon{border-radius:var(--radius-lg);width:64px;height:64px;margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.evidence-icon-pdf{color:#c00;background-color:#fee}.evidence-icon-image{color:#2563eb;background-color:#eff6ff}.evidence-icon-doc{color:#16a34a;background-color:#f0fdf4}.evidence-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.evidence-meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.evidence-footer{margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border-default);justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.evidence-page{padding:var(--space-4)}.evidence-grid{grid-template-columns:1fr}}.cases-page{padding:var(--space-8)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--text-base);color:var(--color-text-secondary)}.stats-row{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.case-filters{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-default);background-color:var(--color-bg-primary);border-radius:var(--radius-base);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);cursor:pointer;transition:all .2s}.filter-btn:hover{background-color:var(--color-bg-secondary)}.filter-btn.active{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.cases-list{gap:var(--space-4);flex-direction:column;display:flex}.case-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow .2s}.case-card:hover{box-shadow:var(--shadow-md)}.case-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.case-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.case-id{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-mono)}.case-meta{gap:var(--space-6);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.case-meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.case-description{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.case-footer{padding-top:var(--space-4);border-top:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.case-actions{gap:var(--space-2);display:flex}.icon-success{color:var(--color-success)}@media (width<=768px){.cases-page{padding:var(--space-4)}.page-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.case-footer{flex-direction:column;align-items:flex-start}.case-actions{width:100%}.case-actions button{flex:1}}.profile-page{max-width:1200px;padding:var(--space-8);margin:0 auto}.profile-page__header{margin-bottom:var(--space-8)}.profile-page__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.profile-page__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:var(--font-normal)}.profile-card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-6)}.profile-avatar-section{text-align:center;padding:var(--space-8)}.profile-avatar-large{border-radius:var(--radius-full);background:var(--color-verified-green);width:120px;height:120px;margin:0 auto var(--space-4);font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-text-inverse);border:4px solid var(--color-bg-primary);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.profile-name{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.profile-email{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.profile-status{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-success-light);color:var(--color-success-dark);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);display:inline-flex}.identity-verification-card{background:var(--color-success);color:var(--color-text-inverse);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);box-shadow:var(--shadow-lg)}.verification-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.verification-badge{border-radius:var(--radius-full);background-color:#fff3;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.verification-content h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-1);color:var(--color-text-inverse)}.verification-date{font-size:var(--text-sm);opacity:.9}.verification-details{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.verification-item{padding:var(--space-4);border-radius:var(--radius-base);background-color:#ffffff26}.verification-item-label{font-size:var(--text-xs);opacity:.8;margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.verification-item-value{font-size:var(--text-base);font-weight:var(--font-semibold)}.form-section{margin-bottom:var(--space-6)}.form-section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.form-row{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-group{margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-input,.form-select{padding:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-base);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #1a47c81a}.form-input::placeholder{color:var(--color-text-tertiary)}.form-select{cursor:pointer}.btn-save{margin-top:var(--space-2)}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-primary{color:var(--color-primary)}.icon-inverse{color:var(--color-text-inverse)}.text-secondary{color:var(--color-text-secondary)}.mb-4{margin-bottom:var(--space-4)}.danger-zone{border:2px solid var(--color-danger-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-8);background-color:var(--color-bg-primary)}.danger-zone-title{color:var(--color-danger);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.danger-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.btn-danger-outline{padding:var(--space-3) var(--space-4);border:2px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-base);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;align-items:center;gap:var(--space-2);background-color:#0000;transition:all .2s;display:inline-flex}.btn-danger-outline:hover{background-color:var(--color-danger);color:var(--color-text-inverse)}.btn-danger-outline:focus{outline:none;box-shadow:0 0 0 3px #ef444433}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}@media (width<=1024px){.profile-page{padding:var(--space-6)}}@media (width<=768px){.profile-page{padding:var(--space-4)}.profile-page__title{font-size:var(--text-3xl)}.profile-page__subtitle{font-size:var(--text-base)}.form-row,.verification-details{grid-template-columns:1fr}.profile-avatar-large{width:96px;height:96px;font-size:var(--text-4xl)}.profile-name{font-size:var(--text-2xl)}.danger-actions{flex-direction:column}.btn-danger-outline{justify-content:center;width:100%}}@media (width<=480px){.profile-page{padding:var(--space-3)}.profile-card{padding:var(--space-4)}.profile-avatar-section{padding:var(--space-6)}.identity-verification-card,.danger-zone{padding:var(--space-4)}}.notification-preferences{max-width:1200px;padding:var(--space-8);margin:0 auto}.notification-preferences__header{margin-bottom:var(--space-8)}.notification-preferences__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.notification-preferences__subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.notification-alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-base);margin-bottom:var(--space-6);font-size:var(--text-sm);line-height:var(--leading-relaxed);border-left:4px solid;display:flex}.notification-alert--info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-text-primary)}.notification-alert__icon{color:var(--color-primary);flex-shrink:0}.notification-section{background-color:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.notification-section__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light);display:flex}.notification-section__header-left{align-items:center;gap:var(--space-3);flex:1;display:flex}.notification-section__icon{color:var(--color-primary);flex-shrink:0}.notification-section__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.notification-section__toggle-group{align-items:center;gap:var(--space-3);display:flex}.notification-section__toggle-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap}.contact-method{padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-base);margin-bottom:var(--space-4)}.contact-method__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.contact-method__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);align-items:center;gap:var(--space-2);display:flex}.contact-method__value{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-mono)}.contact-status{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-flex}.contact-status--verified{background-color:var(--color-success-light);color:var(--color-success-dark)}.contact-status--unverified{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.notification-item{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.notification-item--last{border-bottom:none;padding-bottom:0}.notification-item:first-of-type{padding-top:0}.notification-item__info{flex:1;min-width:0}.notification-item__title{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.notification-item__description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.toggle-switch{background-color:var(--color-border-default);border-radius:var(--radius-full);cursor:pointer;width:48px;height:24px;transition:background-color var(--duration-base) var(--ease-in-out);border:none;flex-shrink:0;padding:0;position:relative}.toggle-switch--active{background-color:var(--color-success)}.toggle-switch:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.toggle-switch__slider{background-color:var(--color-white);border-radius:var(--radius-full);width:20px;height:20px;transition:transform var(--duration-base) var(--ease-in-out);box-shadow:var(--shadow-sm);pointer-events:none;position:absolute;top:2px;left:2px}.toggle-switch--active .toggle-switch__slider{transform:translate(24px)}.btn-link{font-size:var(--text-sm);color:var(--color-primary);cursor:pointer;font-weight:var(--font-medium);transition:var(--transition-colors);font-family:var(--font-body);background:0 0;border:none;padding:0;text-decoration:none}.btn-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.icon-sm{width:20px;height:20px}@media (width<=768px){.notification-preferences{padding:var(--space-6)}.notification-preferences__title{font-size:var(--text-3xl)}.notification-preferences__subtitle{font-size:var(--text-base)}.notification-section{padding:var(--space-4)}.notification-section__header{flex-direction:column;align-items:flex-start}.notification-section__toggle-group{align-self:flex-end}.notification-item{gap:var(--space-3);flex-direction:column}.contact-method__header{align-items:flex-start;gap:var(--space-2);flex-direction:column}}.totp-enrollment{max-width:600px;margin:0 auto;padding:2rem}.totp-enrollment-header{text-align:center;margin-bottom:2rem}.totp-enrollment-header h2{color:#333;margin:0 0 .5rem;font-size:1.75rem}.totp-enrollment-header p{color:#666;margin:0;font-size:1rem}.totp-enrollment-header.totp-success{color:#28a745}.success-icon{color:#fff;background:#28a745;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:2.5rem;font-weight:700;display:flex}.totp-enrollment-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.totp-benefits{margin-bottom:2rem}.totp-benefits h3{color:#333;margin:0 0 1rem;font-size:1.125rem}.totp-benefits ul{margin:0;padding-left:1.5rem}.totp-benefits li{color:#555;margin-bottom:.5rem}.qr-code-container{background:#f8f9fa;border-radius:8px;justify-content:center;margin:2rem 0;padding:1rem;display:flex}.qr-code-container img{max-width:256px;height:auto}.manual-entry-toggle{text-align:center;margin:1rem 0}.btn-link{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;text-decoration:underline}.btn-link:hover{color:#764ba2}.manual-entry-key{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;margin:1rem 0;padding:1rem}.manual-entry-key label{color:#333;margin-bottom:.5rem;font-weight:600;display:block}.manual-entry-key code{word-break:break-all;background:#fff;border-radius:4px;margin-bottom:.5rem;padding:.75rem;font-family:Courier New,monospace;font-size:1rem;display:block}.help-text{color:#666;margin:.5rem 0 0;font-size:.875rem}.form-group label{color:#555;margin-bottom:.5rem;font-weight:500;display:block}.form-group input{box-sizing:border-box;text-align:center;letter-spacing:.25rem;border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-family:Courier New,monospace;font-size:1rem}.form-group input:disabled{cursor:not-allowed;background-color:#f5f5f5}.error-message{color:#c33;background-color:#fee;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.backup-codes-section{margin-bottom:2rem}.backup-codes-section h3{color:#333;margin:0 0 1rem;font-size:1.125rem}.warning-text{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.backup-codes-list{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:1rem 0;display:grid}.backup-codes-list code{text-align:center;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:.75rem;font-family:Courier New,monospace;font-size:1rem}.backup-codes-actions{margin:1rem 0}.totp-enrollment-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#333;background:#f8f9fa;border:1px solid #ddd}.btn-secondary:hover{background:#e9ecef}@media (width<=640px){.totp-enrollment,.totp-enrollment-content{padding:1rem}.backup-codes-list{grid-template-columns:1fr}.totp-enrollment-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.admin-settings-page{max-width:1000px;margin:0 auto;padding:2rem}.settings-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.settings-container>h1{background:var(--color-primary);color:#fff;margin:0;padding:2rem;font-size:2rem;font-weight:700}.settings-section{border-bottom:1px solid #e0e0e0;padding:2rem}.settings-section:last-child{border-bottom:none}.settings-section h2{color:#333;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.settings-section h4{color:#333;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.settings-item label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.settings-value{color:#333;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:.75rem;font-size:1rem}.security-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;overflow:hidden}.security-card-header{background:#fff;align-items:center;gap:1rem;padding:1.5rem;display:flex}.security-card-icon{background:#f8f9fa;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.security-card-content{flex:1}.security-card-content h3{color:#333;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.security-card-content p{color:#666;margin:0;font-size:.875rem}.security-card-body{padding:1.5rem}.totp-status{flex-direction:column;gap:1rem;display:flex}.status-badge{border-radius:20px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.status-badge.status-enabled{color:#155724;background:#d4edda}.status-badge.status-disabled{color:#856404;background:#fff3cd}.status-icon{font-size:1rem}.status-description{color:#555;margin:0;font-size:.95rem;line-height:1.6}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.security-info{background:#e7f3ff;border-left:4px solid #2196f3;border-radius:4px;padding:1rem}.security-info ul{margin:0;padding-left:1.5rem}.security-info li{color:#555;margin-bottom:.5rem;line-height:1.5}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2{margin:0}.settings-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#333;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-input{color:#333;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-hint{color:#6b7280;margin-top:.375rem;font-size:.875rem;display:block}.form-actions{gap:1rem;margin-top:.5rem;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:.75rem;font-weight:400;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-group span{color:#333;font-size:.95rem}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.password-form{flex-direction:column;gap:1.25rem;display:flex}.session-info{background:#f8f9fa;border-radius:6px;margin-bottom:1rem;padding:1rem}.session-info p{color:#666;margin:0;font-size:.95rem}.session-actions{gap:1rem;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-danger:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}@media (width<=768px){.admin-settings-page{padding:1rem}.settings-container>h1{padding:1.5rem;font-size:1.5rem}.settings-section{padding:1.5rem}.settings-grid{grid-template-columns:1fr}.security-card-header,.security-card-body{padding:1rem}.session-actions{flex-direction:column}.btn-danger{width:100%}}.stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.stat-card{align-items:center;gap:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition-transform);display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.highlight{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-content{flex:1}.stat-label{font-size:var(--text-sm);font-family:var(--font-body);font-weight:var(--font-medium);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.stat-value{font-size:var(--text-4xl);font-family:var(--font-display);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);margin:0}.stat-note{font-size:var(--text-xs);font-family:var(--font-body);color:var(--color-text-secondary);margin:var(--space-2) 0 0 0}.billing-card{background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.billing-card h2{font-size:var(--text-xl);font-family:var(--font-display);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-6) 0}.card-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.usage-chart{align-items:flex-end;gap:var(--space-3);height:200px;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex}.usage-bar{background:var(--color-primary);border-radius:var(--radius-base);padding-top:var(--space-2);min-height:40px;transition:var(--transition-transform);flex:1;justify-content:center;align-items:flex-start;display:flex;position:relative}.usage-bar:hover{background:var(--color-primary-hover);transform:scaleY(1.05)}.usage-value{font-size:var(--text-sm);font-family:var(--font-body);font-weight:var(--font-semibold);color:var(--color-text-inverse)}.usage-note{font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-secondary);margin:var(--space-4) 0 0 0;text-align:center}.invoice-table-container{overflow-x:auto}.invoice-table{border-collapse:collapse;width:100%}.invoice-table th,.invoice-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light)}.invoice-table th{background:var(--color-bg-secondary);font-size:var(--text-xs);font-family:var(--font-body);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.invoice-table td{font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-primary)}.invoice-table td.amount{font-weight:var(--font-semibold);font-family:var(--font-mono)}.invoice-table tbody tr{transition:var(--transition-colors)}.invoice-table tbody tr:hover{background:var(--color-bg-secondary)}.btn-link{align-items:center;gap:var(--space-2);color:var(--color-text-link);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-body);font-weight:var(--font-medium);transition:var(--transition-colors);background:0 0;border:none;padding:0;display:inline-flex}.btn-link:hover{color:var(--color-text-link-hover);text-decoration:underline}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-body);font-weight:var(--font-medium);text-transform:capitalize;line-height:var(--leading-tight);display:inline-block}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-error{background:var(--color-danger-light);color:var(--color-danger-dark)}.font-mono{font-family:var(--font-mono)}.company-profile-container{background:var(--color-primary);min-height:100vh;padding:var(--space-4) var(--space-2);justify-content:center;align-items:center;display:flex}.company-profile-card{background:var(--color-background);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.company-profile-header{text-align:center;margin-bottom:var(--space-4)}.company-profile-header .header-icon{color:var(--color-trust-blue);margin-bottom:var(--space-2)}.company-profile-header h1{margin:0 0 var(--space-1) 0;color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}.company-profile-header p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.company-profile-form{margin-top:var(--space-4)}.company-profile-form h2{color:var(--color-text-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.form-group{margin-bottom:var(--space-3)}.form-group label{align-items:center;gap:var(--space-1);margin-bottom:var(--space-1);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);display:flex}.form-group label svg{color:var(--color-trust-blue)}.required{color:var(--color-error);font-weight:var(--font-weight-bold)}.form-group input{width:100%;padding:var(--space-1) var(--space-2);border:2px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:var(--font-sans);box-sizing:border-box;transition:border-color var(--transition-base), box-shadow var(--transition-base)}.form-group input:focus{border-color:var(--color-trust-blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled{background-color:var(--color-background-alt);cursor:not-allowed;opacity:.7}.form-group input.error{border-color:var(--color-error)}.form-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-group small{margin-top:var(--space-1);margin-bottom:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-normal);display:block}.error-message{color:var(--color-error);font-size:var(--font-size-small);margin-top:var(--space-1);font-weight:var(--font-weight-medium);display:block}.form-error{color:var(--color-error);padding:var(--space-2);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--font-size-body);border-left:4px solid var(--color-error);background-color:#ef44441a}.array-field{padding:var(--space-2);background-color:var(--color-background-alt);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.array-field label{margin-bottom:var(--space-1)}.array-input-group{gap:var(--space-1);margin-bottom:var(--space-1);align-items:center;display:flex}.array-input-group input{flex:1;margin-bottom:0}.btn-remove{padding:var(--space-1) var(--space-2);background-color:var(--color-background);border:2px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;min-width:40px;height:47px;display:flex}.btn-remove:hover:not(:disabled){background-color:var(--color-error);color:var(--color-text-inverse)}.btn-remove:disabled{opacity:.5;cursor:not-allowed}.btn-add{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background-color:var(--color-background);border:2px solid var(--color-trust-blue);border-radius:var(--radius-md);color:var(--color-trust-blue);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-1);display:flex}.btn-add:hover:not(:disabled){background-color:var(--color-background-alt);transform:translateY(-1px)}.btn-add:disabled{opacity:.5;cursor:not-allowed}.btn-submit{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-cta-primary-bg);color:var(--color-cta-primary-text);border-radius:var(--radius-md);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2);box-shadow:var(--shadow-md);border:none}.btn-submit:hover:not(:disabled){background:var(--color-cta-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-card{text-align:center;padding:var(--space-6) var(--space-4)}.success-icon{color:var(--color-success);margin-bottom:var(--space-3)}.success-card h1{color:var(--color-success);margin-bottom:var(--space-2)}.success-card p{color:var(--color-text-secondary);font-size:var(--font-size-body-large)}@media (width<=768px){.company-profile-container{padding:var(--space-2) var(--space-1)}.company-profile-card{padding:var(--space-3)}.company-profile-header h1{font-size:var(--font-size-h3)}.array-field{padding:var(--space-1) var(--space-2)}}.form-group input:focus-visible,.btn-remove:focus-visible,.btn-add:focus-visible,.btn-submit:focus-visible{outline:2px solid var(--color-trust-blue);outline-offset:2px}.error-page{min-height:100vh;padding:var(--space-4);background:var(--color-bg-secondary);justify-content:center;align-items:center;display:flex}.error-page__container{text-align:center;width:100%;max-width:600px}.error-page__icon-wrapper{margin-bottom:var(--space-4);justify-content:center;animation:2s ease-in-out infinite shield-pulse;display:flex}.error-page__icon{color:var(--color-guardian-blue);opacity:.8}@keyframes shield-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.error-page__icon-wrapper{animation:none}}.error-page__content{margin-bottom:var(--space-6)}.error-page__status-code{font-size:var(--font-size-h1);font-weight:var(--font-weight-extrabold);color:var(--color-guardian-blue);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}.error-page__title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--line-height-normal)}.error-page__message{font-size:var(--font-size-body-large);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:500px;margin:0 auto}.error-page__estimated-time{margin-top:var(--space-4);padding:var(--space-3);background-color:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font-size:var(--font-size-body);color:var(--color-text-primary)}.error-page__estimated-time strong{margin-bottom:var(--space-1);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);display:block}.error-page__actions{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.error-page__button{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);width:100%;font-family:var(--font-sans);border:2px solid #0000;display:inline-flex}.error-page__button--primary{background-color:var(--color-cta-primary-bg);color:var(--color-cta-primary-text);border-color:var(--color-cta-primary-bg)}.error-page__button--primary:hover{background-color:var(--color-cta-primary-hover);border-color:var(--color-cta-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.error-page__button--primary:focus-visible{outline:3px solid var(--color-info);outline-offset:2px}.error-page__button--secondary{color:var(--color-guardian-blue);border-color:var(--color-border-medium);background-color:#0000}.error-page__button--secondary:hover{background-color:var(--color-background-alt);border-color:var(--color-guardian-blue);transform:translateY(-1px)}.error-page__button--secondary:focus-visible{outline:3px solid var(--color-info);outline-offset:2px}.error-page__button-icon{align-items:center;display:inline-flex}.error-page__footer{padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.error-page__footer-text{font-size:var(--font-size-small);color:var(--color-text-tertiary);line-height:var(--line-height-normal);margin:0}.error-page__footer-separator{margin:0 var(--space-1)}@media (width>=640px){.error-page__actions{flex-direction:row;justify-content:center}.error-page__button{width:auto;min-width:160px}.error-page__status-code{font-size:5rem}}@media (width>=1024px){.error-page__container{max-width:700px}.error-page__title{font-size:var(--font-size-h2)}}@media (prefers-color-scheme:dark){.error-page{background:var(--color-bg-secondary)}.error-page__icon{color:var(--color-trust-blue)}.error-page__estimated-time{background-color:var(--color-background-alt);border-color:var(--color-border-medium)}}@media (prefers-contrast:high){.error-page__button{border-width:3px}.error-page__button--primary,.error-page__button--secondary{border-color:currentColor}}.error-page__button:focus{outline:none}.error-page__button:focus-visible{outline:3px solid var(--color-info);outline-offset:2px}.error-page__button:active{transform:translateY(0)}