@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root{--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.5rem;--spacing-6:2rem;--spacing-8:3rem;--spacing-10:4rem;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-secondary:#6366f1;--color-accent:#f59e0b;--color-success:#16a34a;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-warning:#facc15;--color-warning-light:#fef3c7;--color-warning-dark:#a16207;--color-info:#0ea5e9;--color-neutral-100:#f9fafb;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-gray-50:var(--color-neutral-100);--color-gray-100:var(--color-neutral-100);--color-gray-200:var(--color-neutral-200);--color-gray-300:var(--color-neutral-300);--color-gray-400:var(--color-neutral-400);--color-gray-500:var(--color-neutral-500);--color-gray-600:var(--color-neutral-600);--color-gray-700:var(--color-neutral-700);--color-gray-800:var(--color-neutral-800);--color-gray-900:var(--color-neutral-900);--color-white:#fff;--color-black:#000;--color-error:var(--color-danger);--focus-color:var(--color-primary);--border-focus:var(--color-primary);--surface-primary:#fff;--surface-secondary:#f9fafb;--surface-tertiary:#f3f4f6;--surface-inverse:#111827;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--text-disabled:#d1d5db;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--interactive-hover:#3b82f60d;--interactive-active:#3b82f61a;--interactive-disabled:#f9fafb;--focus-ring:0 0 0 3px #3b82f680;--highlight-bg:#fef3c7;--highlight-text:#92400e;--font-family-sans:"Inter","Roboto",sans-serif;--font-family-serif:"Merriweather",serif;--font-family-mono:"Fira Code",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--easing-default:cubic-bezier(.4,0,.2,1);--transition-fast:.15s var(--easing-default);--transition-base:.3s var(--easing-default);--transition-slow:.5s var(--easing-default);--bp-xs:480px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--spacing-12:5rem;--spacing-16:6rem;--container-padding:1rem;--section-padding:4rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-colors:color .15s var(--easing-default),background-color .15s var(--easing-default),border-color .15s var(--easing-default);--transition-all:all .3s var(--easing-default);--ease-out:cubic-bezier(0,0,.2,1);--border-radius-sm:.25rem;--border-radius-md:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--bg-surface:var(--surface-primary);--bg-body:var(--surface-secondary);--glass-bg-subtle:#ffffff26;--glass-border:#fff3;--blur-sm:4px;--blur-md:12px;--blur-lg:16px;--blur-xl:40px;--gradient-primary:linear-gradient(135deg,var(--color-primary),var(--color-secondary));--shadow-text:0 4px 20px #0000004d;--shadow-text-sm:0 2px 10px #0000004d;--shadow-glass-hover:0 8px 32px 0 #1f268726;--color-cream-50:#fffbeb;--story-color-primary:#ff6b6b;--story-color-secondary:#ee5a24;--story-gradient-accent:linear-gradient(135deg,var(--story-color-primary),var(--story-color-secondary));--story-gradient-bg:linear-gradient(135deg,var(--color-neutral-100)0%,var(--color-neutral-200)100%);--overlay-dark:#0003;--overlay-pattern:#ff6f610d;--color-social-facebook:#1877f2;--color-social-facebook-hover:#166fe5;--color-social-twitter:#1da1f2;--color-social-twitter-hover:#0d95e8;--color-social-linkedin:#0077b5;--color-social-linkedin-hover:#006396;--status-inquiry-bg:#e3f2fd;--status-inquiry-text:#1976d2;--status-booking-bg:#e8f5e9;--status-booking-text:#388e3c;--status-preparation-bg:#fff3e0;--status-preparation-text:#f57c00;--status-execution-bg:#ede7f6;--status-execution-text:#5e35b1;--status-delivery-bg:#e0f7fa;--status-delivery-text:#00838f;--status-followup-bg:#f5f5f5;--status-followup-text:#616161;--progress-bg:#e0e0e0;--z-background:-2;--z-negative:-1;--z-elevate:1;--z-sticky:100;--z-header:1000;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--z-max:9999;--alpha-5:.05;--alpha-10:.1;--alpha-15:.15;--alpha-20:.2;--alpha-25:.25;--alpha-30:.3;--alpha-40:.4;--alpha-50:.5;--alpha-75:.75;--alpha-90:.9;--alpha-95:.95;--alpha-98:.98;--color-channel-email:var(--color-danger);--color-channel-whatsapp:#14b8a6;--color-channel-sms:var(--color-primary);--color-channel-call:var(--color-success);--color-channel-video:var(--color-neutral-500);--color-channel-linkedin:#0a66c2;--color-channel-facebook:#1877f2;--color-channel-instagram:#e1306c;--color-status-draft:var(--text-secondary);--color-status-sending:var(--color-warning);--color-status-sent:var(--color-success);--color-status-delivered:var(--color-info);--color-status-read:var(--color-primary);--color-status-failed:var(--color-danger);--color-status-bounced:var(--color-accent);--color-status-spam:var(--text-secondary);--color-stage-new:var(--color-neutral-500);--color-stage-contacted:#14b8a6;--color-stage-qualified:#0d9488;--color-stage-proposed:var(--color-accent);--color-stage-negotiation:#fb923c;--color-stage-won:#0f766e;--color-stage-lost:var(--color-danger);--space-0:var(--spacing-0);--space-1:var(--spacing-1);--space-2:var(--spacing-2);--space-3:var(--spacing-3);--space-4:var(--spacing-4);--space-5:var(--spacing-5);--space-6:var(--spacing-6);--space-8:var(--spacing-8);--space-10:var(--spacing-10);--space-12:var(--spacing-12);--space-16:var(--spacing-16);--spacing-unit:1rem;--color-teal-300-rgb:50,184,198;--color-teal-500-rgb:33,128,141;--color-orange-500-rgb:168,75,47;--color-teal-500:#21808d;--color-cream-100:#fffffd;--bg-light-1:var(--color-neutral-100);--bg-light-2:var(--color-neutral-200);--white:white;--text:var(--text-primary);--muted:var(--text-secondary);--muted-2:var(--text-tertiary);--muted-3:var(--text-tertiary);--accent-grad:var(--gradient-primary);--shadow-1:var(--shadow-sm);--shadow-soft:var(--shadow-sm);--shadow-medium:var(--shadow-md);--shadow-heavy:var(--shadow-xl);--title-min:2.5rem;--title-max:4rem;--subtitle-size:var(--font-size-xl);--badge-radius:9999px;--badge-font-size:var(--font-size-xs);--hero-gap:var(--spacing-12);--page-pad-vertical:var(--spacing-16);--max-width:1280px;--content-gap:var(--spacing-12);--radius-sm:var(--border-radius-sm);--radius-md:var(--border-radius-md);--radius-lg:var(--border-radius-lg);--radius-pill:9999px;--overlay-subtle-1:#ffffff1a;--overlay-subtle-2:#ffffff0d;--font-family-heading:var(--font-family-sans);--line-height-tight:1.2;--line-height-relaxed:1.6;--radius-xl:var(--border-radius-xl);--container-xl:1280px;--container-2xl:1536px;--font-family-base:var(--font-family-sans);--font-weight-normal:400;--font-weight-semibold:600;--letter-spacing-tight:-.025em;--shadow-light:var(--shadow-sm);--shadow-strong:var(--shadow-lg);--color-dark-gray:var(--color-neutral-600);--border-radius:var(--border-radius-md);--transition-speed:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{text-rendering:optimizespeed;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}:focus-visible{box-shadow:var(--focus-ring);outline:none}:focus:not(:focus-visible){outline:none}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--surface-primary);color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-family-sans);margin-bottom:var(--spacing-3);font-weight:700;line-height:1.2}p{margin-bottom:var(--spacing-4)}small{color:var(--text-secondary);font-size:var(--font-size-sm)}h1{font-size:var(--font-size-4xl);letter-spacing:-.025em;margin-bottom:var(--spacing-6);font-weight:800}h2{font-size:var(--font-size-3xl);letter-spacing:-.025em;margin-bottom:var(--spacing-5);font-weight:700}h3{font-size:var(--font-size-2xl);letter-spacing:-.025em;margin-bottom:var(--spacing-4);font-weight:600}h4{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);font-weight:600}h5{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3);font-weight:600}h6{font-size:var(--font-size-base);letter-spacing:.05em;margin-bottom:var(--spacing-2);text-transform:uppercase;font-weight:600}blockquote{border-left:4px solid var(--color-primary);color:var(--text-secondary);margin:var(--spacing-6)0;padding-left:var(--spacing-4);font-style:italic}code{background-color:var(--surface-tertiary);color:var(--color-danger);font-family:var(--font-family-mono);border-radius:.25rem;padding:.125rem .25rem;font-size:.875em}pre{background-color:var(--surface-tertiary);font-family:var(--font-family-mono);margin:var(--spacing-4)0;padding:var(--spacing-4);border-radius:.5rem;overflow-x:auto}pre code{color:inherit;background:0 0;padding:0}mark{background-color:var(--highlight-bg);color:var(--highlight-text);border-radius:.25rem;padding:.125rem .25rem}input,textarea,select{background-color:var(--surface-primary);border:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-3)var(--spacing-4);transition:var(--transition-colors),box-shadow var(--transition-fast);border-radius:.375rem;width:100%;line-height:1.5;display:block}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring);outline:none}input:disabled,textarea:disabled,select:disabled{background-color:var(--interactive-disabled);color:var(--text-disabled);cursor:not-allowed}.input-sm{font-size:var(--font-size-sm);padding:var(--spacing-2)var(--spacing-3)}.input-lg{font-size:var(--font-size-lg);padding:var(--spacing-4)var(--spacing-5)}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary);height:1rem;margin-right:var(--spacing-2);width:1rem}.form-group{margin-bottom:var(--spacing-4)}.form-label{color:var(--text-primary);margin-bottom:var(--spacing-2);font-weight:500;display:block}.form-help{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.form-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}img{border-radius:.25rem;height:auto}figure{margin:var(--spacing-6)0}figcaption{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-2);text-align:center;font-style:italic}.video-wrapper{border-radius:.5rem;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-wrapper iframe,.video-wrapper video{width:100%;height:100%;position:absolute;top:0;left:0}.image-rounded{border-radius:.5rem}.image-circle{border-radius:50%}.image-shadow{box-shadow:var(--shadow-md)}.table-base{background-color:var(--surface-primary);border-collapse:collapse;box-shadow:var(--shadow-sm);margin:var(--spacing-6)0;border-radius:.5rem;width:100%;overflow:hidden}.table-base th,.table-base td{border-bottom:1px solid var(--border-primary);padding:var(--spacing-3)var(--spacing-4);text-align:left}.table-base th{background-color:var(--surface-secondary);color:var(--text-primary);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.table-base tbody tr:hover{background-color:var(--interactive-hover)}.table-base tbody tr:last-child td{border-bottom:none}.table-base.table-striped tbody tr:nth-child(2n){background-color:var(--surface-secondary)}.table-base.table-bordered,.table-base.table-bordered th,.table-base.table-bordered td{border:1px solid var(--border-primary)}.table-base.table-sm th,.table-base.table-sm td{padding:var(--spacing-2)var(--spacing-3)}.table-base.table-lg th,.table-base.table-lg td{padding:var(--spacing-4)var(--spacing-6)}@media print{*,:before,:after{box-shadow:none!important;color:#000!important;text-shadow:none!important;background:0 0!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}pre{white-space:pre-wrap!important}pre,blockquote{border-color:var(--color-gray-400);break-inside:avoid}thead{display:table-header-group}tr,img{break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{break-after:avoid}.no-print{display:none!important}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.isolate{isolation:isolate}.float-left{float:left}.container{width:100%}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.overline{-webkit-text-decoration-line:overline;text-decoration-line:overline}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes successBounce{0%{transform:translateY(-50%)scale(0)}50%{transform:translateY(-50%)scale(1.2)}to{transform:translateY(-50%)scale(1)}}@keyframes errorShake{0%,to{transform:translateY(-50%)translate(0)}25%{transform:translateY(-50%)translate(-3px)}75%{transform:translateY(-50%)translate(3px)}}@keyframes checkboxPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes checkmark{0%{width:0;height:0}25%{width:6px;height:0}50%{width:6px;height:12px}to{width:6px;height:12px}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.media{align-items:flex-start;gap:var(--spacing-4);display:flex}.media__object{flex-shrink:0}.media__body{flex:1;min-width:0}.flag{align-items:center;gap:var(--spacing-4);display:flex}.flag__object{flex-shrink:0}.flag__body{flex:1;min-width:0}.pack{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.pack--center{justify-content:center}.pack--end{justify-content:flex-end}.cluster{align-items:center;gap:var(--spacing-4);flex-wrap:wrap;justify-content:space-between;display:flex}.stack>*+*{margin-top:var(--spacing-4)}.stack--sm>*+*{margin-top:var(--spacing-2)}.stack--lg>*+*{margin-top:var(--spacing-6)}.center{max-width:var(--measure,65ch);margin-left:auto;margin-right:auto;display:block}.box{background-color:var(--surface-primary);border:1px solid var(--border-primary);padding:var(--spacing-4);border-radius:.5rem}.box--padding-sm{padding:var(--spacing-2)}.box--padding-lg{padding:var(--spacing-6)}#main-content{padding-top:var(--header-height,80px)}.admin-content{padding-top:calc(var(--header-height,80px) + 2rem);background-color:var(--surface-secondary,var(--color-gray-50));min-height:100vh}.header{z-index:1000;width:100%;position:fixed;top:0}.admin-dashboard{flex-direction:column;min-height:100vh;display:flex}.header{--header-height:80px;--header-bg:rgb(255 255 255/var(--alpha-95));--header-bg-scrolled:rgb(255 255 255/var(--alpha-98));--header-border:rgb(0 0 0/var(--alpha-5));--header-border-scrolled:#00000014;--header-shadow:0 2px 20px rgb(0 0 0/var(--alpha-10));--primary-color:var(--color-primary,var(--color-primary));--secondary-color:var(--color-secondary,var(--color-primary-dark));--text-color:var(--text-primary,var(--color-gray-700));--text-color-light:var(--text-secondary,var(--color-gray-600));--text-color-inverse:var(--text-inverse,var(--color-white));--background-light:var(--surface-secondary,var(--color-gray-50));--border-radius:50px;--border-radius-sm:12px;--border-radius-xs:8px;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--z-mobile-nav:1000;--z-mobile-overlay:calc(var(--z-header) - 1);--z-logo:var(--z-elevate);--z-skip-link:var(--z-max);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--header-bg);border-bottom:1px solid var(--header-border);contain:layout style paint;min-height:var(--header-height);transition:all var(--transition-normal);will-change:transform,background-color,box-shadow;width:100%;z-index:var(--z-header);position:fixed;top:0;left:0}.skip-link{background:var(--primary-color);border-radius:var(--border-radius-xs);box-shadow:0 4px 12px rgb(0,0,0,var(--alpha-15));color:var(--text-color-inverse);transition:transform var(--transition-fast);z-index:var(--z-skip-link);padding:.5rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.skip-link:focus{transform:translate(-50%)translateY(110px)}.header .container{max-width:1400px;min-height:var(--header-height);justify-content:space-between;align-items:center;margin:0 auto;padding:1rem clamp(.5rem,2vw,1rem);display:flex;position:relative}.logo-link-integrated{padding-left:0;font-weight:800}.logo-text-integrated{text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.2rem,3vw,1.6rem)}.logo-icon-integrated{filter:drop-shadow(0 2px 4px rgb(0,0,0,var(--alpha-10)));font-size:clamp(1rem,2.5vw,1.4rem)}.desktop-nav{flex:1;justify-content:center;align-items:center;width:100%;margin:0;display:flex}.desktop-nav ul{flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(.5rem,1.5vw,2rem);width:100%;margin:0;padding:0;list-style:none;display:flex}@media (max-width:768px){.desktop-nav{overflow-x:visible!important;-webkit-mask-image:none!important;mask-image:none!important}.desktop-nav ul{width:100%;flex-wrap:nowrap!important;justify-content:space-between!important;gap:0!important;padding-right:0!important}.nav-link{flex-direction:column;gap:2px!important;padding:.2rem!important}.nav-text{white-space:nowrap;font-size:clamp(.5rem,2vw,.7rem)!important;display:block!important}.nav-icon{font-size:clamp(.6rem,2.5vw,.9rem)!important;display:block!important}.logo-link-integrated{margin-right:2px}.logo-text-integrated{letter-spacing:0;font-size:clamp(.6rem,2.5vw,.9rem)!important}.header .container{justify-content:center}}.desktop-nav ul{align-items:center;gap:clamp(0rem,.5vw,.25rem);margin:0;padding:0;list-style:none;display:flex}.nav-link{border-radius:var(--border-radius);color:var(--text-color);outline-offset:2px;transition:all var(--transition-normal);white-space:nowrap;align-items:center;gap:.5rem;padding:clamp(.4rem,1vw,.75rem) clamp(.5rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.95rem);font-weight:500;text-decoration:none;display:flex;position:relative}.nav-icon{opacity:.8;transition:opacity var(--transition-fast);font-size:clamp(.8rem,1.2vw,.9rem)}.nav-link:hover,.nav-link:focus-visible{color:var(--primary-color);background:#ff6b6b14;transform:translateY(-1px)}.nav-link.active{color:var(--primary-color);background:#ff6b6b1f;font-weight:600}.active-indicator{background:var(--primary-color);box-shadow:0 2px 4px rgb(255,107,107,var(--alpha-30));border-radius:50%;width:6px;height:6px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.header-actions{z-index:var(--z-logo);flex-shrink:0;align-items:center;gap:1rem;display:flex}.user-info{border-radius:var(--border-radius);cursor:pointer;outline-offset:2px;min-height:44px;transition:all var(--transition-normal);background:#ff6b6b14;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.user-avatar{border:2px solid rgb(255,107,107,var(--alpha-20));object-fit:cover;border-radius:50%;flex-shrink:0;width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px)}.user-name{color:var(--text-color);white-space:nowrap;font-size:.9rem;font-weight:500}.login-section{min-height:44px;transition:all var(--transition-normal);align-items:center;padding:0;display:flex}.menu-toggle{border-radius:var(--border-radius-xs);cursor:pointer;outline-offset:2px;height:48px;transition:background var(--transition-normal);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:48px;padding:.75rem;display:none;position:relative}.hamburger-line{background:var(--text-color);transform-origin:50%;height:2px;transition:all var(--transition-normal)cubic-bezier(.4,0,.2,1);border-radius:2px;width:24px;margin:3px 0}.menu-toggle.menu-open .hamburger-line:first-child{background:var(--primary-color);transform:rotate(45deg)translate(6px,6px)}.menu-toggle.menu-open .hamburger-line:nth-child(3){background:var(--primary-color);transform:rotate(-45deg)translate(6px,-6px)}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgb(0,0,0,var(--alpha-50));width:100%;height:100%;z-index:var(--z-mobile-overlay);position:fixed;top:0;left:0}.mobile-nav{background:linear-gradient(135deg,var(--text-color-inverse)0%,var(--background-light)100%);box-shadow:-5px 0 25px rgb(0,0,0,var(--alpha-15));contain:layout style paint;overscroll-behavior:contain;width:min(90vw,380px);height:100%;z-index:var(--z-mobile-nav);position:fixed;top:0;right:0;overflow-y:auto}.mobile-nav-content{flex-direction:column;gap:1rem;height:100%;padding:2rem 1.5rem;display:flex}.mobile-logo a{border-radius:var(--border-radius-xs);outline-offset:2px;padding:.5rem;text-decoration:none;display:inline-block}.mobile-logo h2{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);color:var(--primary-color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:800;display:flex}.mobile-nav-links{flex-direction:column;flex:1;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-link{border-radius:var(--border-radius-sm);color:var(--text-color);outline-offset:2px;min-height:48px;transition:all var(--transition-normal);border:1px solid #0000;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1.1rem;font-weight:500;text-decoration:none;display:flex}.mobile-nav-icon{opacity:.8;transition:opacity var(--transition-fast);flex-shrink:0;font-size:1.2rem}.mobile-nav-link:hover,.mobile-nav-link:focus-visible{color:var(--primary-color);background:#ff6b6b14;transform:translate(5px)}.mobile-nav-link.active{border-color:rgb(255,107,107,var(--alpha-20));color:var(--primary-color);background:#ff6b6b1f;font-weight:600}.mobile-user-info{border-radius:var(--border-radius-sm);background:#ff6b6b14;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.mobile-user-avatar{border:2px solid rgb(255,107,107,var(--alpha-20));object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.mobile-login-button{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);border-radius:var(--border-radius-sm);color:var(--text-color-inverse);outline-offset:2px;text-align:center;min-height:48px;transition:all var(--transition-normal);justify-content:center;align-items:center;margin-bottom:1rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.mobile-contact{border-radius:var(--border-radius-sm);text-align:center;background:#00000008;padding:1rem}.mobile-contact p{color:var(--text-color-light);justify-content:center;align-items:center;gap:.5rem;margin:.5rem 0;font-size:.9rem;font-weight:500;display:flex}.mobile-contact a{color:inherit;outline-offset:2px;transition:color var(--transition-fast);border-radius:4px;padding:.25rem;text-decoration:none}.progress-bar{background:rgb(255,107,107,var(--alpha-10));width:100%;height:2px;position:absolute;bottom:0;left:0;overflow:hidden}.progress-fill{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);transform-origin:0;border-radius:0 2px 2px 0;height:100%}@container (max-width:768px){.header-actions{gap:.5rem}.user-name{display:none}}@media (max-width:1024px){.desktop-nav{margin:0 1rem}.desktop-nav ul{gap:.125rem}.nav-link{padding:.5rem 1rem;font-size:.9rem}.header .container{padding:1rem 1.5rem}}@media (max-width:768px){:root{--container-padding:.5rem}.menu-toggle{display:none!important}.desktop-nav{-webkit-overflow-scrolling:touch;flex:1;justify-content:flex-start;margin:0;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000 100%);mask-image:linear-gradient(90deg,#000 90%,#0000);display:flex!important}.desktop-nav ul{gap:0;padding-right:1rem}.user-name{display:none}.login-section{min-height:36px;padding:.5rem .75rem;font-size:.8rem}.mobile-nav{display:none}}@media (max-width:480px){:root{--header-height:auto}.header .container{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem}.logo{margin-right:auto}.desktop-nav{order:3;justify-content:center;width:100%;margin-top:.25rem}.header-actions{margin-left:auto}.logo-text{font-size:1.2rem}.logo-icon{font-size:1.1rem}.user-avatar{width:28px;height:28px}}@media (prefers-color-scheme:dark){:root{--header-bg:rgb(26 32 44/var(--alpha-95));--header-bg-scrolled:rgb(26 32 44/var(--alpha-98));--header-border:rgb(255 255 255/var(--alpha-10));--header-border-scrolled:rgb(255 255 255/var(--alpha-15));--header-shadow:0 2px 20px rgb(0 0 0/var(--alpha-30));--text-color:var(--color-gray-200);--text-color-light:var(--color-gray-500);--text-color-inverse:var(--color-gray-900);--background-light:var(--color-gray-800)}.mobile-nav{background:linear-gradient(135deg,var(--color-gray-800)0%,var(--color-gray-900)100%)}.mobile-contact{background:rgb(255,255,255,var(--alpha-5))}}@media (prefers-contrast:high){:root{--header-border:black;--header-border-scrolled:black}.header{border-bottom-width:2px}.nav-link,.mobile-nav-link{border:1px solid #0000}.nav-link:hover,.nav-link:focus-visible,.nav-link.active,.mobile-nav-link:hover,.mobile-nav-link:focus-visible,.mobile-nav-link.active{border-color:var(--primary-color)}.login-section,.mobile-login-button{border:2px solid var(--primary-color)}.logo-text span:last-child{color:var(--primary-color)!important;-webkit-text-fill-color:var(--primary-color)!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.header,.nav-link,.user-info,.login-section,.menu-toggle,.hamburger-line,.mobile-nav-link,.mobile-login-button{transition:none}.nav-link:hover,.user-info:hover,.login-section:hover,.mobile-login-button:hover,.mobile-nav-link:hover{transform:none}.mobile-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}@media print{.header{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#fff;border-bottom:1px solid #000;position:static}.header-actions,.menu-toggle,.mobile-overlay,.mobile-nav,.progress-bar,.skip-link{display:none!important}.desktop-nav{margin:0;display:flex!important}.desktop-nav ul{flex-direction:row;gap:1rem}.nav-link{color:#000!important;background:0 0!important}.logo-text span:last-child{color:#000!important;-webkit-text-fill-color:black!important}}.footer{color:#0f172a;background:linear-gradient(135deg,#fff,#f8fafc);border-top:1px solid #0f172a0d;padding:3rem 0 2rem;font-family:inherit;position:relative;overflow:hidden}.footer .container{z-index:2;width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);position:relative}.footer .footer-bg-glow{pointer-events:none;z-index:1;background:radial-gradient(circle at top,#0ea5e914,#0000 60%);width:140%;height:120%;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.footer-layout{text-align:center;justify-content:center;align-items:center;padding-bottom:0;display:flex}.brand-section{flex-direction:column;flex:none;align-items:center;max-width:600px;display:flex}@media (max-width:1024px){.brand-section{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:100%;display:flex}}.brand-section .brand-name{color:#0f172a;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;display:flex}.brand-section .brand-name .brand-icon{color:#0ea5e9;flex-shrink:0;width:24px;height:24px}.brand-section .brand-description{color:#0f172ab3;max-width:420px;margin-bottom:1.5rem;font-size:.95rem;font-weight:400;line-height:1.6}.social-links{justify-content:center;gap:1.5rem;display:flex}@media (max-width:1024px){.social-links{justify-content:center}}.social-links .social-link{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#0f172a;background:#0f172a08;border:1px solid #0f172a1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.social-links .social-link svg,.social-links .social-link i,.social-links .social-link .lucide{fill:currentColor;stroke:none;z-index:2;width:18px;height:18px;transition:transform .4s;display:block;position:relative}.social-links .social-link:hover{border-color:#0f172a33;transform:translateY(-4px);box-shadow:0 10px 20px -5px #0f172a26}.social-links .social-link.instagram{color:#fff;background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:#0000}.social-links .social-link.facebook{color:#fff;background:#1877f2;border-color:#0000}.social-links .social-link.youtube{color:#fff;background:red;border-color:#0000}.social-links .social-link.whatsapp{color:#fff;background:#25d366;border-color:#0000}.footer-links-group{flex:1;grid-template-columns:repeat(2,1fr);gap:2rem;min-width:0;padding-top:.5rem;display:grid}@media (max-width:768px){.footer-links-group{gap:1.5rem}}.footer-column h4{color:#0f172a;letter-spacing:.08em;text-transform:uppercase;opacity:.95;margin-bottom:1.5rem;font-size:.875rem;font-weight:600}@media (max-width:640px){.footer-column h4{margin-bottom:1rem}}.footer-column .footer-links{margin:0;padding:0;list-style:none}.footer-column .footer-links a,.footer-column .footer-links .service-link{color:#0f172a;cursor:pointer;align-items:center;gap:.75rem;font-size:1rem;font-weight:400;line-height:1.5;text-decoration:none;transition:all .2s;display:flex}.footer-column .footer-links a .footer-link-icon,.footer-column .footer-links .service-link .footer-link-icon{color:#0ea5e9;flex-shrink:0;width:16px;height:16px;margin-top:2px;transition:transform .2s}.footer-bottom{color:#0f172a99;border-top:1px solid #0f172a0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1rem;padding-top:2.5rem;font-size:.85rem;display:flex}@media (max-width:640px){.footer-bottom{text-align:center;flex-direction:column;padding-top:2rem}}.footer-bottom .copyright{align-items:center;gap:.5rem;display:flex}.footer-bottom .footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-bottom .footer-bottom-links a{color:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}[data-theme=light]{color-scheme:light;--surface-primary:#fff;--surface-secondary:#f9fafb;--surface-tertiary:#f3f4f6;--surface-inverse:#111827;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--text-disabled:#d1d5db;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-focus:var(--color-primary);--interactive-hover:rgb(59 130 246/var(--alpha-5));--interactive-active:rgb(59 130 246/var(--alpha-10));--interactive-disabled:#f9fafb;--shadow-sm:0 1px 2px 0 rgb(0 0 0/var(--alpha-5));--shadow-base:0 1px 3px 0 rgb(0 0 0/var(--alpha-10)),0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px rgb(0 0 0/var(--alpha-10)),0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px rgb(0 0 0/var(--alpha-10)),0 4px 6px -2px rgb(0 0 0/var(--alpha-5));--shadow-xl:0 20px 25px -5px rgb(0 0 0/var(--alpha-10)),0 10px 10px -5px #0000000a}[data-theme=dark]{color-scheme:dark;--surface-primary:#111827;--surface-secondary:#1f2937;--surface-tertiary:#374151;--surface-inverse:#fff;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--text-inverse:#111827;--text-disabled:#6b7280;--border-primary:#374151;--border-secondary:#4b5563;--border-focus:var(--color-primary);--interactive-hover:rgb(59 130 246/var(--alpha-10));--interactive-active:rgb(59 130 246/var(--alpha-20));--interactive-disabled:#1f2937;--shadow-sm:0 1px 2px 0 rgb(0 0 0/var(--alpha-30));--shadow-base:0 1px 3px 0 rgb(0 0 0/var(--alpha-40)),0 1px 2px 0 rgb(0 0 0/var(--alpha-30));--shadow-md:0 4px 6px -1px rgb(0 0 0/var(--alpha-40)),0 2px 4px -1px rgb(0 0 0/var(--alpha-30));--shadow-lg:0 10px 15px -3px rgb(0 0 0/var(--alpha-40)),0 4px 6px -2px rgb(0 0 0/var(--alpha-30));--shadow-xl:0 20px 25px -5px rgb(0 0 0/var(--alpha-40)),0 10px 10px -5px rgb(0 0 0/var(--alpha-30));--highlight-bg:var(--color-warning-dark);--highlight-text:var(--color-warning-light)}@media (prefers-color-scheme:light){[data-theme=auto]{color-scheme:light;--surface-primary:#fff;--surface-secondary:#f9fafb;--surface-tertiary:#f3f4f6;--surface-inverse:#111827;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--text-disabled:#d1d5db;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-focus:var(--color-primary);--interactive-hover:rgb(59 130 246/var(--alpha-5));--interactive-active:rgb(59 130 246/var(--alpha-10));--interactive-disabled:#f9fafb;--shadow-sm:0 1px 2px 0 rgb(0 0 0/var(--alpha-5));--shadow-base:0 1px 3px 0 rgb(0 0 0/var(--alpha-10)),0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px rgb(0 0 0/var(--alpha-10)),0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px rgb(0 0 0/var(--alpha-10)),0 4px 6px -2px rgb(0 0 0/var(--alpha-5));--shadow-xl:0 20px 25px -5px rgb(0 0 0/var(--alpha-10)),0 10px 10px -5px #0000000a}}@media (prefers-color-scheme:dark){[data-theme=auto]{color-scheme:dark;--surface-primary:#111827;--surface-secondary:#1f2937;--surface-tertiary:#374151;--surface-inverse:#fff;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--text-inverse:#111827;--text-disabled:#6b7280;--border-primary:#374151;--border-secondary:#4b5563;--border-focus:var(--color-primary);--interactive-hover:rgb(59 130 246/var(--alpha-10));--interactive-active:rgb(59 130 246/var(--alpha-20));--interactive-disabled:#1f2937;--shadow-sm:0 1px 2px 0 rgb(0 0 0/var(--alpha-30));--shadow-base:0 1px 3px 0 rgb(0 0 0/var(--alpha-40)),0 1px 2px 0 rgb(0 0 0/var(--alpha-30));--shadow-md:0 4px 6px -1px rgb(0 0 0/var(--alpha-40)),0 2px 4px -1px rgb(0 0 0/var(--alpha-30));--shadow-lg:0 10px 15px -3px rgb(0 0 0/var(--alpha-40)),0 4px 6px -2px rgb(0 0 0/var(--alpha-30));--shadow-xl:0 20px 25px -5px rgb(0 0 0/var(--alpha-40)),0 10px 10px -5px rgb(0 0 0/var(--alpha-30));--highlight-bg:var(--color-warning-dark);--highlight-text:var(--color-warning-light)}}.btn--gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none}.card--elevated{box-shadow:var(--shadow-xl);transition:transform var(--transition-base),box-shadow var(--transition-base);transform:translateY(0)}.card--elevated:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card--minimal{border:1px solid var(--color-neutral-200);box-shadow:none;background:0 0}.card--feature{background:linear-gradient(135deg,var(--surface-primary),var(--bg-surface));border:2px solid var(--color-primary)}.nav--sidebar{background:var(--bg-surface);box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;width:250px;height:100vh;position:fixed;top:0;left:0}.nav--top-bar{background:var(--bg-surface);border-bottom:1px solid var(--color-neutral-200);z-index:50;position:-webkit-sticky;position:sticky;top:0}.hero--fullscreen{justify-content:center;align-items:center;height:100vh;display:flex}.hero--split{align-items:center;gap:var(--spacing-10);grid-template-columns:1fr 1fr;display:grid}.hero--centered{text-align:center;max-width:800px;margin:0 auto}.form--inline{align-items:end;gap:var(--spacing-4);display:flex}.form--stacked{gap:var(--spacing-6);display:grid}.form--two-column{gap:var(--spacing-6);grid-template-columns:1fr 1fr;display:grid}.portfolio--masonry{column-count:3;column-fill:balance;column-gap:var(--spacing-6)}.portfolio--carousel{gap:var(--spacing-4);padding-bottom:var(--spacing-4);scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.portfolio--carousel .portfolio-item{scroll-snap-align:start;flex:0 0 300px}.modal--fullscreen{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}.modal--drawer{max-width:90vw;height:100vh;transition:transform var(--transition-base);width:400px;position:fixed;top:0;right:0;transform:translate(100%)}.modal--drawer.modal--open{transform:translate(0)}@media (max-width:768px){.hero--split{text-align:center;grid-template-columns:1fr}.form--two-column{grid-template-columns:1fr}.portfolio--masonry{column-count:1}.nav--sidebar{transition:transform var(--transition-base);transform:translate(-100%)}.nav--sidebar.nav--open{transform:translate(0)}}.page--home{padding-top:0}.page--home .hero,.page--home .section{margin-bottom:var(--spacing-10)}.page--about{max-width:800px;padding:var(--spacing-8)var(--spacing-4);margin:0 auto}.page--about .hero{margin-bottom:var(--spacing-8);text-align:center}.page--about .content{gap:var(--spacing-6);display:grid}.page--portfolio{padding:var(--spacing-6)var(--spacing-4)}.page--portfolio .header{margin-bottom:var(--spacing-8);text-align:center}.page--portfolio .filters{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;justify-content:center;display:flex}.page--portfolio .grid{max-width:1200px;margin:0 auto}.page--contact{max-width:600px;padding:var(--spacing-8)var(--spacing-4);margin:0 auto}.page--contact .hero{margin-bottom:var(--spacing-8);text-align:center}.page--contact .form{background:var(--bg-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-8)}.page--article{max-width:700px;padding:var(--spacing-8)var(--spacing-4);margin:0 auto}.page--article .header{margin-bottom:var(--spacing-6);text-align:center}.page--article .meta{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.page--article .content{font-size:var(--font-size-lg);line-height:1.7}.page--article .content h2{margin-bottom:var(--spacing-4);margin-top:var(--spacing-8)}.page--article .content h3{margin-bottom:var(--spacing-3);margin-top:var(--spacing-6)}.page--dashboard{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.page--dashboard .sidebar{background:var(--bg-surface);border-right:1px solid var(--color-neutral-200)}.page--dashboard .main{background:var(--bg-body);padding:var(--spacing-6)}.page--dashboard .stats{gap:var(--spacing-6);margin-bottom:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.page--landing{padding-top:0}.page--landing .hero{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;padding:var(--spacing-10)var(--spacing-4);text-align:center}.page--landing .features{background:var(--bg-surface);padding:var(--spacing-10)var(--spacing-4)}.page--landing .features-grid{gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;margin:0 auto;display:grid}.page--landing .cta{background:var(--color-neutral-900);color:#fff;padding:var(--spacing-8)var(--spacing-4);text-align:center}.page--error{min-height:100vh;padding:var(--spacing-8)var(--spacing-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.page--error .error-code{color:var(--color-primary);font-size:var(--font-size-5xl);margin-bottom:var(--spacing-4);font-weight:900}.page--error .error-message{color:var(--color-neutral-600);font-size:var(--font-size-xl);margin-bottom:var(--spacing-6)}@media (max-width:768px){.page--dashboard{grid-template-columns:1fr}.page--dashboard .sidebar{height:100vh;transition:transform var(--transition-base);z-index:100;position:fixed;top:0;left:0;transform:translate(-100%)}.page--dashboard .sidebar.sidebar--open{transform:translate(0)}.page--landing .features-grid{grid-template-columns:1fr}.page--article,.page--about,.page--contact{padding:var(--spacing-6)var(--spacing-4)}}.hero{--primary-color:var(--color-primary,var(--color-primary));--secondary-color:var(--color-secondary,var(--color-primary-dark));--overlay-color:var(--alpha-60);--text-color:var(--color-white);--border-radius:50px;--transition-duration:.3s;--loading-duration:2s;contain:layout style paint;background:#000;justify-content:center;align-items:center;height:100dvh;display:flex;position:relative;overflow:hidden}.hero-background{will-change:auto;width:100%;height:100%;z-index:var(--z-background);position:absolute;top:0;left:0}.hero-video{width:100%;height:100%;position:relative;overflow:hidden}.hero-video video{-webkit-backface-visibility:hidden;backface-visibility:hidden;object-fit:cover;object-position:center;outline:none;width:100%;height:100%;transform:translate(0)}.video-loading{background:linear-gradient(135deg,var(--color-gray-800)0%,var(--color-gray-900)100%);color:var(--text-color);opacity:1;height:100%;transition:opacity var(--transition-duration)ease-out;width:100%;z-index:var(--z-elevate);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.video-loading.fade-out{opacity:0;pointer-events:none}.loading-spinner{animation:spin var(--loading-duration)linear infinite;border:3px solid var(--alpha-20);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;margin-bottom:1rem}.video-loading p{opacity:.9;margin:.5rem 0;font-size:1rem;font-weight:500}.loading-progress{background:var(--alpha-20);border-radius:2px;width:200px;height:4px;margin-top:1rem;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;height:100%;animation:3s ease-in-out infinite shimmer}.video-error{background:linear-gradient(135deg,var(--color-error)0%,var(--color-secondary-dark)100%);color:var(--text-color);width:100%;height:100%;z-index:var(--z-elevate);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.error-content{text-align:center;max-width:500px;padding:2rem;animation:.5s ease-out fadeInUp}.error-content h3{color:var(--text-color);margin-bottom:1rem;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:600}.error-content p{opacity:.9;margin:.5rem 0;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.video-play-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--alpha-95);box-shadow:0 4px 20px var(--alpha-30);color:var(--color-gray-800);cursor:pointer;height:80px;transition:all var(--transition-duration)ease;width:80px;z-index:var(--z-elevate);border:none;border-radius:50%;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){.video-play-button{background:var(--alpha-90)}}.video-play-button:hover{box-shadow:0 6px 25px var(--alpha-40);transform:translate(-50%,-50%)scale(1.1)}.video-play-button:focus{outline:3px solid var(--primary-color);outline-offset:4px}.hero-overlay{background:linear-gradient(135deg,var(--overlay-color)0%,var(--alpha-30)50%,var(--overlay-color)100%);pointer-events:none;width:100%;height:100%;z-index:var(--z-negative);position:absolute;top:0;left:0}.hero-content{color:var(--text-color);text-align:center;will-change:transform;width:100%;max-width:800px;z-index:var(--z-elevate);margin:0 auto;padding:0 2rem;position:relative}.hero-title{text-rendering:optimizelegibility;margin-bottom:1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2rem,6vw + 1rem,4rem);font-weight:800;line-height:1.2}.title-line{-webkit-text-fill-color:transparent;color:#0000;-webkit-text-stroke:1px #ffffffe6;text-shadow:0 0 20px #00000080;background:0 0;margin-bottom:.5rem;display:block}@supports ((-webkit-background-clip: text) or (background-clip: text)){.title-line{-webkit-text-fill-color:transparent;background:0 0}}.title-subtitle{-webkit-text-fill-color:white;color:#fff;opacity:.9;text-shadow:0 2px 10px #00000080;background:0 0;margin-top:1rem;font-size:clamp(1rem,3vw + .5rem,1.8rem);font-style:italic;font-weight:500;display:block}.hero-description{-webkit-text-fill-color:#ffffffe6;color:#ffffffe6;opacity:.9;text-shadow:0 2px 4px #00000080;background:0 0;max-width:500px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2vw + .25rem,1.2rem);font-weight:400;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:4rem;display:flex}.hero .btn-secondary{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffffe6;color:#0000;text-shadow:0 0 10px #0003;font-weight:700;transition:all .3s;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:1px solid #ffffffe6!important}.hero .btn-secondary:hover{transform:translateY(-2px);background:#ffffff1a!important}.hero__btn{border-radius:var(--border-radius);cursor:pointer;min-width:150px;transition:all var(--transition-duration)cubic-bezier(.4,0,.2,1);border:none;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0)}.hero__btn:before{background:linear-gradient(90deg,transparent,var(--alpha-20),transparent);content:"";width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hero__btn:hover:before{left:100%}.hero__btn-primary{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);box-shadow:0 8px 25px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hero__btn-primary{box-shadow:0 8px 25px color-mix(in srgb,var(--color-primary)30%,transparent)}}.hero__btn-primary{color:var(--text-color)}.hero__btn-primary:hover{box-shadow:0 12px 35px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hero__btn-primary:hover{box-shadow:0 12px 35px color-mix(in srgb,var(--color-primary)40%,transparent)}}.hero__btn-primary:hover{transform:translateY(-3px)translateZ(0)}.hero__btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--alpha-10);border:2px solid var(--alpha-30);color:var(--text-color)}@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){.hero__btn-secondary{background:var(--alpha-15)}}.hero__btn-secondary:hover{background:var(--alpha-20);border-color:var(--alpha-50);transform:translateY(-3px)translateZ(0)}.scroll-indicator{color:var(--text-color);cursor:pointer;opacity:.8;transition:all var(--transition-duration)ease;z-index:var(--z-elevate);flex-direction:column;align-items:center;font-size:.9rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator:hover{color:var(--primary-color);opacity:1;transform:translate(-50%)translateY(-5px)}.scroll-line{animation:scrollPulse var(--loading-duration)infinite ease-in-out;background:linear-gradient(to bottom,transparent,var(--alpha-80),transparent);border-radius:2px;width:2px;height:30px;margin-bottom:10px}.scroll-indicator span{letter-spacing:1px;text-transform:uppercase;white-space:nowrap;font-size:.8rem;font-weight:500}@media (max-width:768px){.hero{height:100dvh}.hero-content{padding:0 1rem}.hero-title{margin-bottom:1rem}.hero-description{margin-bottom:2rem}.hero-buttons{flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem}.btn{width:100%;min-width:200px;max-width:280px}.scroll-indicator{bottom:1.5rem}.video-play-button{width:60px;height:60px;font-size:20px}.loading-progress{width:150px}}@media (max-width:480px){.hero-content{padding:0 1rem}.hero-description{margin-bottom:1.5rem;font-size:1rem}.btn{min-width:160px;padding:.75rem 1.5rem;font-size:.9rem}.scroll-indicator{bottom:1rem}.scroll-line{height:25px}.error-content{padding:1.5rem}.video-play-button{width:50px;height:50px;font-size:18px}}@media (max-height:500px) and (orientation:landscape){.hero{height:100vh}.hero-content{padding:1rem 2rem}.hero-title{margin-bottom:.5rem}.hero-description{margin-bottom:1.5rem}.hero-buttons{margin-bottom:2rem}.scroll-indicator{bottom:1rem}}@media (prefers-color-scheme:dark){.hero-overlay{background:linear-gradient(135deg,var(--alpha-75)0%,var(--alpha-40)50%,var(--alpha-75)100%)}.video-loading{background:linear-gradient(135deg,var(--color-gray-900)0%,black 100%)}.btn-secondary{background:var(--alpha-5);border-color:var(--alpha-20)}}@media (prefers-contrast:high){.hero-overlay{background:var(--alpha-85)}.btn-primary{border:2px solid var(--primary-color)}.btn-secondary{background:var(--alpha-70);border:2px solid var(--text-color)}.title-line{color:var(--text-color)!important;-webkit-text-fill-color:var(--text-color)!important}}@media (prefers-reduced-motion:reduce){.scroll-line,.loading-spinner,.progress-bar{animation:none}.btn:hover,.scroll-indicator:hover,.video-play-button:hover{transform:none}.btn:before{display:none}.hero-content,.error-content{animation:none}*{transition-duration:.01ms!important}}.btn:focus-visible{outline-offset:2px;outline:3px solid #ff6b6b99}.scroll-indicator:focus-visible{outline:2px solid var(--alpha-60);outline-offset:4px;border-radius:4px}@media print{.hero{break-inside:avoid;color:#000;background:#fff;height:auto;min-height:400px}.hero-video,.hero-overlay,.video-loading,.scroll-indicator,.video-play-button{display:none}.hero-content{color:#000;position:static}.title-line,.title-subtitle,.hero-description{color:#000!important;-webkit-text-fill-color:black!important;text-shadow:none!important}.hero__btn{border:2px solid var(--color-gray-800);color:var(--color-gray-800);box-shadow:none!important;background:0 0!important}}@supports (container-type:inline-size){.hero{container-type:inline-size}@container (max-width:768px){.hero-buttons{flex-direction:column}}}.loading-spinner,.progress-bar,.scroll-line,.hero__btn:hover,.video-play-button:hover,.scroll-indicator:hover{will-change:transform}.hero__btn:not(:hover),.video-play-button:not(:hover),.scroll-indicator:not(:hover){will-change:auto}.portfolio{padding:var(--section-padding)0}.portfolio__header{margin-bottom:var(--spacing-12);text-align:center}.portfolio__title{color:var(--text-primary);font-size:var(--font-size-3xl);margin:0 0 var(--spacing-4)0;font-weight:700}.portfolio__description{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.portfolio__filter{gap:var(--spacing-2);margin-bottom:var(--spacing-8);flex-wrap:wrap;justify-content:center;padding:0;list-style:none;display:flex}.portfolio__filter-btn{border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-2)var(--spacing-4);transition:var(--transition-colors);background-color:#0000;border-radius:9999px;font-weight:500}.portfolio__filter-btn:hover,.portfolio__filter-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.portfolio__grid{gap:var(--spacing-8);margin-bottom:var(--spacing-12);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}@media (max-width:640px){.portfolio__grid{gap:var(--spacing-6);grid-template-columns:1fr}}.portfolio__item{background-color:var(--surface-primary);box-shadow:var(--shadow-md);opacity:1;transition:var(--transition-all);border-radius:1rem;position:relative;overflow:hidden;transform:scale(1)}.portfolio__item:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)scale(1.02)}.portfolio__item--hidden{opacity:0;pointer-events:none;transform:scale(.8)}.portfolio__item-image-wrapper{aspect-ratio:16/10;position:relative;overflow:hidden}.portfolio__item-image{object-fit:cover;height:100%;transition:transform var(--transition-slow);width:100%}.portfolio__item:hover .portfolio__item-image{transform:scale(1.1)}.portfolio__item-overlay{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);align-items:center}@supports (color:color-mix(in lab,red,red)){.portfolio__item-overlay{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary)80%,transparent),color-mix(in srgb,var(--color-secondary)80%,transparent))}}.portfolio__item-overlay{opacity:0;transition:var(--transition-all);justify-content:center;display:flex;position:absolute;inset:0}.portfolio__item:hover .portfolio__item-overlay{opacity:1}.portfolio__item-actions{gap:var(--spacing-3);display:flex}.portfolio__item-action{color:var(--color-primary);height:3rem;transition:var(--transition-all);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3rem;text-decoration:none;display:flex;transform:translateY(20px)}.portfolio__item:hover .portfolio__item-action{transform:translateY(0)}.portfolio__item-action:nth-child(2){transition-delay:.1s}.portfolio__item-action:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.portfolio__item-content{padding:var(--spacing-5)}.portfolio__item-title{color:var(--text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-2)0;font-weight:600}.portfolio__item-description{color:var(--text-secondary);margin:0 0 var(--spacing-3)0;line-height:1.6}.portfolio__item-tags{gap:var(--spacing-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.portfolio__item-tag{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.portfolio__item-tag{background-color:color-mix(in srgb,var(--color-primary)10%,transparent)}}.portfolio__item-tag{color:var(--color-primary);font-size:var(--font-size-xs);letter-spacing:.05em;padding:var(--spacing-1)var(--spacing-3);text-transform:uppercase;border-radius:9999px;font-weight:500}.portfolio__modal{background-color:var(--alpha-90);opacity:0;transition:var(--transition-all);visibility:hidden;z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.portfolio__modal--open{opacity:1;visibility:visible}.portfolio__modal-content{background-color:var(--surface-primary);max-width:90vw;max-height:90vh;transition:transform var(--transition-all);border-radius:1rem;position:relative;overflow:hidden;transform:scale(.9)}.portfolio__modal--open .portfolio__modal-content{transform:scale(1)}.portfolio__modal-close{background-color:var(--alpha-50);color:#fff;cursor:pointer;height:2.5rem;right:var(--spacing-4);top:var(--spacing-4);transition:var(--transition-all);width:2.5rem;z-index:var(--z-modal);border:none;border-radius:50%;position:absolute}.portfolio__modal-close:hover{background-color:var(--alpha-70)}.portfolio__modal-image{width:100%;height:auto;display:block}.portfolio__load-more{margin-top:var(--spacing-8);justify-content:center;display:flex}.portfolio__grid--masonry{column-gap:var(--spacing-6);columns:3}@media (max-width:1024px){.portfolio__grid--masonry{columns:2}}@media (max-width:640px){.portfolio__grid--masonry{columns:1}}.portfolio__grid--masonry .portfolio__item{break-inside:avoid;margin-bottom:var(--spacing-6);width:100%;display:inline-block}.form{gap:var(--spacing-5);flex-direction:column;display:flex}.form__section{gap:var(--spacing-4);flex-direction:column;display:flex}.form__section-title{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--font-size-lg);padding-bottom:var(--spacing-2);margin:0;font-weight:600}.form__group{gap:var(--spacing-2);flex-direction:column;display:flex}.form__group--inline{align-items:end;gap:var(--spacing-4);flex-direction:row}.form__group--inline .form__field{flex:1}.form__field{gap:var(--spacing-2);flex-direction:column;display:flex}.form__label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.form__label--required:after{color:var(--color-danger);content:" *"}.form__input{background-color:var(--surface-primary);border:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-3)var(--spacing-4);transition:var(--transition-colors),box-shadow var(--transition-fast);border-radius:.375rem}.form__input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.form__input:disabled{background-color:var(--surface-tertiary);color:var(--text-disabled);cursor:not-allowed}.form__input--error{border-color:var(--color-danger)}.form__input--error:focus{box-shadow:0 0 0 3px #dc26261a}.form__input--success{border-color:var(--color-success)}.form__textarea{resize:vertical;min-height:120px}.form__select{-webkit-appearance:none;appearance:none;background-color:var(--surface-primary);cursor:pointer;background-image:none;padding-right:2.5rem}.form__select-wrapper{align-items:center;width:100%;display:flex;position:relative}.form__select-wrapper:after{background-color:var(--text-secondary);content:"";pointer-events:none;width:1.5em;height:1.5em;position:absolute;right:.75rem;-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.form__checkbox,.form__radio{cursor:pointer;align-items:center;gap:var(--spacing-2);display:flex}.form__checkbox-input,.form__radio-input{accent-color:var(--color-primary);width:1.125rem;height:1.125rem}.form__checkbox-label,.form__radio-label{cursor:pointer;font-weight:400}.form__file{position:relative}.form__file-input{opacity:0;width:1px;height:1px;position:absolute}.form__file-label{background-color:var(--surface-secondary);border:1px solid var(--border-primary);cursor:pointer;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);transition:var(--transition-colors);border-radius:.375rem;display:inline-flex}.form__file-label:hover{background-color:var(--surface-tertiary)}.form__file-text,.form__help{color:var(--text-secondary);font-size:var(--font-size-sm)}.form__error{color:var(--color-danger);font-size:var(--font-size-sm)}.form__success{color:var(--color-success);font-size:var(--font-size-sm)}.form__actions{border-top:1px solid var(--border-primary);gap:var(--spacing-3);padding-top:var(--spacing-4);justify-content:flex-end;display:flex}.form__actions--left{justify-content:flex-start}.form__actions--center{justify-content:center}.form__actions--spread{justify-content:space-between}.form__input-wrapper{position:relative}.form__input-wrapper .form__input{padding-left:2.5rem}.form__input-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.form__input-wrapper--icon-right .form__input{padding-left:var(--spacing-4);padding-right:2.5rem}.form__input-wrapper--icon-right .form__input-icon{left:auto;right:.75rem}.form__group--error .form__label{color:var(--color-danger)}.form__group--success .form__label{color:var(--color-success)}.form__floating{position:relative}.form__floating .form__input{padding-top:1.625rem;padding-bottom:.625rem}.form__floating .form__label{height:100%;padding:var(--spacing-4);pointer-events:none;transform-origin:0 0;transition:var(--transition-all);border:1px solid #0000;position:absolute;top:0;left:0}.form__floating .form__input:focus~.form__label,.form__floating .form__input:not(:placeholder-shown)~.form__label{opacity:.65;transform:scale(.85)translateY(-.5rem)translate(.15rem)}.form--columns{gap:var(--spacing-6)var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.form--columns{grid-template-columns:1fr}}.form__group--span-2{grid-column:span 2}@media (max-width:768px){.form__group--span-2{grid-column:span 1}}.form__progress{margin-bottom:var(--spacing-8)}.form__progress-bar{background-color:var(--surface-tertiary);border-radius:9999px;width:100%;height:.25rem;overflow:hidden}.form__progress-fill{background-color:var(--color-primary);height:100%;transition:width var(--transition-base)}.form__progress-steps{margin-top:var(--spacing-2);justify-content:space-between;display:flex}.form__progress-step{color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.form__progress-step--active{color:var(--color-primary);font-weight:600}.form__progress-step--completed{color:var(--color-success)}.card{background-color:var(--surface-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:var(--transition-all);border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__header{padding:var(--spacing-4)var(--spacing-4)0}.card__body{padding:var(--spacing-4);flex:1}.card__footer{padding:0 var(--spacing-4)var(--spacing-4);margin-top:auto}.card__image{object-fit:cover;width:100%;height:auto}.card__title{color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-2)0;font-weight:600}.card__subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-3)0}.card__content{color:var(--text-primary);margin:0}.card__actions{gap:var(--spacing-2);margin-top:var(--spacing-4);display:flex}.card--elevated{box-shadow:var(--shadow-lg);border:none}.card--flat{border:1px solid var(--border-primary);box-shadow:none}.card--outlined{border:2px solid var(--border-primary);box-shadow:none}.card--interactive{cursor:pointer;transition:var(--transition-all)}.card--interactive:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card--interactive:active{transform:translateY(-2px)}.card--horizontal{flex-direction:row;align-items:stretch}.card--horizontal .card__image{object-fit:cover;width:200px;height:auto}.card--horizontal .card__content-wrapper{flex-direction:column;flex:1;display:flex}.card--sm{max-width:300px}.card--md{max-width:400px}.card--lg{max-width:500px}.card--xl{max-width:600px}.card--badge{position:relative}.card__badge{background-color:var(--color-primary);color:#fff;font-size:var(--font-size-xs);letter-spacing:.05em;padding:var(--spacing-1)var(--spacing-2);right:var(--spacing-3);text-transform:uppercase;top:var(--spacing-3);border-radius:9999px;font-weight:600;position:absolute}.card-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (min-width:640px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.btn{--btn-bg:var(--color-error);--btn-border:var(--color-error);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);text-align:center;transition:var(--transition-colors),transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;border:1px solid #0000;border-radius:.375rem;justify-content:center;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.btn:focus{box-shadow:var(--focus-ring);outline:none}.btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--surface-primary);border-color:var(--border-primary);color:var(--text-primary)}.btn--secondary:hover{background-color:var(--surface-secondary)}.btn--outline{border-color:var(--color-primary);color:var(--color-primary);background-color:#0000}.btn--outline:hover{background-color:var(--color-primary);color:#fff}.btn--ghost{color:var(--text-primary);background-color:#0000;border-color:#0000}.btn--ghost:hover{background-color:var(--interactive-hover)}.btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn--danger:hover{background-color:var(--color-danger-hover,var(--color-error));border-color:var(--color-danger-hover,var(--color-error))}.btn--sm{font-size:var(--font-size-sm);padding:var(--spacing-2)var(--spacing-3)}.btn--lg{font-size:var(--font-size-lg);padding:var(--spacing-4)var(--spacing-6)}.btn--xl{font-size:var(--font-size-xl);padding:var(--spacing-5)var(--spacing-8)}.btn--icon-only{aspect-ratio:1;padding:var(--spacing-3)}.btn--icon-left .btn__icon{margin-right:var(--spacing-2)}.btn--icon-right .btn__icon{margin-left:var(--spacing-2)}.btn--loading{color:#0000;position:relative}.btn--loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;animation:1s linear infinite btn-loading;position:absolute;top:50%;left:50%}@keyframes btn-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-group{vertical-align:middle;display:inline-flex}.btn-group .btn{border-right:0;border-radius:0}.btn-group .btn:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.btn-group .btn:last-child{border-right:1px solid;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.btn-group .btn:focus{z-index:1}.modal{opacity:0;padding:var(--spacing-4);transition:var(--transition-all);visibility:hidden;z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal--open{opacity:1;visibility:visible}.modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background-color:#00000080;position:absolute;inset:0}.modal__content{background-color:var(--surface-primary);box-shadow:var(--shadow-xl);max-width:500px;max-height:90vh;transition:transform var(--transition-all);z-index:1;border-radius:.5rem;width:100%;position:relative;overflow:hidden;transform:scale(.95)translateY(-10px)}.modal--open .modal__content{transform:scale(1)translateY(0)}.modal__header{border-bottom:1px solid var(--border-primary);padding:var(--spacing-5);justify-content:space-between;align-items:center;display:flex}.modal__title{color:var(--text-primary);font-size:var(--font-size-xl);margin:0;font-weight:600}.modal__close{color:var(--text-secondary);cursor:pointer;height:2rem;transition:var(--transition-colors);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;display:flex}.modal__close:hover{background-color:var(--interactive-hover);color:var(--text-primary)}.modal__body{max-height:60vh;padding:var(--spacing-5);overflow-y:auto}.modal__footer{background-color:var(--surface-secondary);border-top:1px solid var(--border-primary);align-items:center;gap:var(--spacing-3);padding:var(--spacing-5);justify-content:flex-end;display:flex}.modal--sm .modal__content{max-width:400px}.modal--lg .modal__content{max-width:700px}.modal--xl .modal__content{max-width:900px}.modal--fullscreen .modal__content{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}.modal--fade-in{animation:modal-fade-in var(--transition-base)var(--ease-out)}.modal--slide-up .modal__content{transform:translateY(100px)}.modal--slide-up.modal--open .modal__content{transform:translateY(0)}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal--scrollable .modal__content{flex-direction:column;max-height:90vh;display:flex}.modal--scrollable .modal__body{flex:1;overflow-y:auto}.modal--image .modal__content{box-shadow:none;background:0 0;max-width:90vw;max-height:90vh;padding:0}.modal--image .modal__image{border-radius:.5rem;width:100%;height:auto}.modal--confirm .modal__content{text-align:center;max-width:400px}.modal--confirm .modal__icon{height:3rem;margin:0 auto var(--spacing-4);border-radius:50%;justify-content:center;align-items:center;width:3rem;display:flex}.modal--confirm .modal__icon--warning{color:var(--color-warning);background-color:#f59e0b1a}.modal--confirm .modal__icon--danger{color:var(--color-danger);background-color:#dc26261a}@media (max-width:640px){.modal{padding:var(--spacing-2)}.modal__content{width:100%;max-width:none;max-height:95vh}.modal--fullscreen .modal__content{border-radius:0;height:100vh}.modal__header,.modal__body,.modal__footer{padding:var(--spacing-4)}}.about-section{background:linear-gradient(135deg,var(--bg-light-1)0%,var(--bg-light-2)100%);min-height:100vh;padding:var(--page-pad-vertical)0;position:relative;overflow:hidden}.about-container{max-width:var(--max-width);z-index:2;margin:0 auto;padding:0 2rem;position:relative}.about-hero{margin-bottom:var(--hero-gap);text-align:center}.about-badge{background:var(--accent-grad);border-radius:var(--badge-radius);box-shadow:var(--shadow-1);align-items:center;margin-bottom:2rem;padding:8px 20px;display:inline-flex}.badge-text{color:var(--white);font-size:var(--badge-font-size);letter-spacing:1px;text-transform:uppercase;font-weight:600}.about-title{color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(var(--title-min),5vw,var(--title-max));margin-bottom:1.5rem;font-weight:800;line-height:1.2}.highlight-text{background:var(--accent-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.about-subtitle{color:var(--muted);font-size:var(--subtitle-size);max-width:600px;margin:0 auto;font-weight:400;line-height:1.6}.about-content-grid{align-items:start;gap:var(--content-gap);grid-template-columns:1fr 1fr;margin-bottom:100px;display:grid}.about-story,.story-content{position:relative}.story-header{margin-bottom:2rem}.story-header h3{color:var(--text);margin-bottom:1rem;font-size:2rem;font-weight:700}.story-divider{background:var(--accent-grad);border-radius:2px;width:60px;height:4px}.story-text{margin-bottom:3rem}.story-paragraph{color:var(--muted-2);font-size:var(--body-size);margin-bottom:1.5rem;font-weight:400;line-height:1.8}.story-paragraph.primary{color:var(--muted-3);font-size:var(--lead-size)}.story-paragraph.highlight{background:linear-gradient(135deg,var(--overlay-subtle-1)0%,var(--overlay-subtle-2)100%);border-left:4px solid var(--accent-1);border-radius:var(--radius-sm);padding:1.5rem;font-style:italic;position:relative}.story-paragraph strong{color:var(--accent-1);font-weight:600}.story-timeline{padding-left:2rem;position:relative}.story-timeline:before{background:linear-gradient(to bottom,var(--accent-1),var(--accent-2));content:"";width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{cursor:pointer;margin-bottom:2rem;transition:all .3s;position:relative}.timeline-item:before{background:var(--accent-1);border:3px solid var(--white);box-shadow:0 0 0 2px var(--accent-1);content:"";z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;top:.5rem;left:-2rem}.timeline-year{color:var(--accent-1);letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;font-size:.875rem;font-weight:700}.timeline-content h4{color:var(--text);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.timeline-content p{color:var(--muted);font-size:var(--small-size);line-height:1.5}.about-visual{position:relative}.image-container{aspect-ratio:4/5;border-radius:var(--radius-md);box-shadow:var(--shadow-heavy);margin-bottom:2rem;position:relative;overflow:hidden}.about-image{background-color:var(--image-placeholder);object-fit:cover;will-change:transform,opacity;width:100%;height:100%;transition:transform .6s}.image-container:hover .about-image{transform:scale(1.05)}.image-overlay{background:linear-gradient(135deg,var(--overlay-accent)0%,var(--overlay-accent-2)100%);opacity:0;z-index:1;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.image-container:hover .image-overlay{opacity:1}.overlay-content{color:var(--white);text-align:center}.overlay-text{margin-bottom:.5rem;font-size:1.5rem;font-weight:700;display:block}.overlay-subtitle{opacity:.9;font-size:1rem;font-weight:400}.stat-card{background:var(--white);border:var(--border-soft)solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--shadow-soft);cursor:pointer;text-align:center;padding:1.5rem;transition:all .3s}.stat-card:hover{border-color:var(--accent-1);transform:translateY(-2px)}.stat-number{color:var(--accent-1);margin-bottom:.5rem;font-size:2rem;font-weight:800}.stat-label{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;font-size:.875rem;font-weight:500}.about-features{margin-bottom:80px}.features-header{text-align:center;margin-bottom:3rem}.features-header h3{color:var(--text);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.features-header p{color:var(--muted);max-width:500px;margin:0 auto;font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.feature-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--white);border:var(--border-strong)solid transparent;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);cursor:pointer;-webkit-font-smoothing:antialiased;transform-origin:50%;padding:2.5rem;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.feature-card:before{background:var(--feature-color,var(--accent-1));content:"";transform-origin:0;height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card.active:before,.feature-card:hover:before{transform:scaleX(1)}.feature-card.active,.feature-card:hover{border-color:var(--feature-color,var(--accent-1));box-shadow:var(--shadow-medium)}.feature-icon{margin-bottom:1.5rem;font-size:3rem;display:block}.feature-content h4{color:var(--text);margin-bottom:1rem;font-size:1.4rem;font-weight:600}.feature-content p{color:var(--muted);margin-bottom:1.5rem;line-height:1.6}.feature-stats{color:var(--feature-color,var(--accent-1));letter-spacing:1px;text-transform:uppercase;font-size:.875rem;font-weight:700}.feature-indicator{background:var(--feature-color,var(--accent-1));opacity:0;border-radius:50%;width:8px;height:8px;transition:opacity .3s;position:absolute;top:1.5rem;right:1.5rem}.feature-card.active .feature-indicator{opacity:1}.feature-indicators{justify-content:center;gap:.5rem;display:flex}.indicator{background:var(--color-neutral-300);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.indicator.active{background:var(--accent-1);transform:scale(1.2)}.about-cta{background:var(--accent-grad);border-radius:var(--radius-lg);color:var(--white);text-align:center;padding:4rem 3rem;position:relative;overflow:hidden}.about-cta:before{animation:float var(--float-keyframe-duration)ease-in-out infinite;content:"";background:radial-gradient(circle,#ffffff1a,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cta-content{z-index:2;position:relative}.cta-content h3{margin-bottom:1rem;font-size:2rem;font-weight:700}.cta-content p{opacity:.9;margin-bottom:2rem;font-size:1.1rem}.cta-button{background:var(--white);border-radius:var(--radius-pill);color:var(--accent-1);cursor:pointer;border:none;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0000001a}.cta-button svg{transition:transform .3s}.cta-button:hover svg{transform:translate(4px)}.about-background{z-index:1;position:absolute;inset:0;overflow:hidden}.bg-gradient-1{background:radial-gradient(circle,var(--overlay-subtle-1)0%,transparent 70%);width:60%;height:60%;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.bg-gradient-2{background:radial-gradient(circle,var(--overlay-subtle-2)0%,transparent 70%);width:50%;height:50%;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-20%}.bg-pattern{background-image:radial-gradient(circle at 2px 2px,var(--pattern-color)1px,transparent 0);background-size:var(--pattern-size)var(--pattern-size);opacity:.3;position:absolute;inset:0}@media (max-width:1024px){.about-content-grid{grid-template-columns:1fr;gap:60px}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media (max-width:768px){.about-section{padding:var(--page-pad-vertical-sm)0}.about-container{padding:0 1rem}.about-hero{margin-bottom:60px}.about-title{font-size:2.5rem}.about-subtitle{font-size:1.1rem}.story-timeline{padding-left:1.5rem}.timeline-item:before{left:-1.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem}.about-cta{padding:3rem 2rem}.cta-content h3{font-size:1.75rem}}@media (max-width:480px){.about-title{font-size:2rem}.story-paragraph{font-size:1rem}.feature-card{padding:1.5rem}.about-cta{padding:2rem 1.5rem}.stats-grid{gap:.75rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}}@media (prefers-color-scheme:dark){.about-section{background:linear-gradient(135deg,var(--bg-dark)0%,var(--color-neutral-800)100%)}.about-title{color:var(--white)}.about-subtitle{color:var(--color-neutral-300)}.story-header h3{color:var(--color-white)}.story-paragraph{color:var(--color-neutral-300)}.story-paragraph.primary,.timeline-content h4{color:var(--white)}.timeline-content p{color:var(--color-neutral-300)}.feature-card{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.feature-content h4{color:var(--white)}.feature-content p{color:var(--color-neutral-300)}.stat-card{background:var(--color-neutral-800)}.features-header h3{color:var(--white)}.features-header p{color:var(--color-neutral-300)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.about-container{max-width:var(--max-width);padding-inline:var(--page-pad-vertical);margin-inline:auto}.feature-card:focus-visible,.indicator:focus-visible,.cta-button:focus-visible,.about-badge:focus-visible{outline:var(--focus-ring)solid var(--focus-color);outline-offset:3px;box-shadow:0 6px 20px #667eea1f}@supports not (color:color-mix(in srgb,var(--accent-1) 70%,var(--color-white) 30%)){.feature-card:focus-visible,.indicator:focus-visible,.cta-button:focus-visible{outline:var(--focus-ring)solid #667eeae6}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.about-image,.image-container:hover .about-image{transform:none!important}.about-cta:before{animation:none!important}}.about-image{background-color:var(--image-placeholder);will-change:transform,opacity}.feature-card,.stat-card,.timeline-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-origin:50%}.image-container,.about-visual,.about-background{contain:paint}.timeline-item{outline:none}.timeline-item:focus-visible{border-radius:6px;transform:translate(4px);box-shadow:0 6px 16px #667eea1f}.feature-card[aria-pressed=true],.feature-card.active{border-color:var(--feature-color,var(--accent-1));box-shadow:0 22px 50px #0000001f}.indicator{-webkit-appearance:none;appearance:none;background:var(--color-neutral-300);border:2px solid #0000;border-radius:50%;width:12px;height:12px}.indicator:focus-visible{border-color:var(--focus-color);outline:none;transform:scale(1.25);box-shadow:0 6px 20px #667eea1f}.cta-button{min-width:160px;min-height:48px;padding:1rem 1.5rem;line-height:1}.cta-button:focus-visible{outline-offset:4px}@media (max-width:480px){.about-image,.feature-card,.stat-card{transition-duration:var(--motion-fast)}}.story-paragraph{word-break:break-word}@media (max-width:720px){.stats-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.about-subtitle,.story-paragraph{color:var(--color-neutral-300)}.stat-number{color:var(--color-primary)}}@media (prefers-contrast:more){.about-title,.story-header h3,.features-header h3{filter:none;text-shadow:none}.feature-card,.stat-card{border-width:2px}}@media (min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.about-image{image-rendering:auto}}.bg-gradient-1,.bg-gradient-2{inset:auto}.visually-hidden{clip:rect(1px,1px,1px,1px);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.feature-card:focus,.indicator:focus,.cta-button:focus{outline:2px solid var(--accent-1);outline-offset:2px}.feature-card{--feature-color:var(--feature-color,var(--accent-1))}.contact-page{z-index:1;position:relative}.container{max-width:var(--container-2xl,1536px);padding:0 var(--spacing-4);margin:0 auto}.contact-hero{padding:var(--spacing-32)0 var(--spacing-24);position:relative;overflow:hidden}.contact-hero:before{-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);content:"";z-index:-1;background:#ffffff1a;position:absolute;inset:0}.hero-content{text-align:center;z-index:2;max-width:900px;margin:0 auto;position:relative}.hero-title{animation:slideInUp 1s var(--ease-out-cubic);color:var(--color-white);font-family:var(--font-family-heading);font-size:var(--font-size-5xl);font-weight:700;line-height:var(--line-height-tight);margin-bottom:var(--spacing-6);text-shadow:var(--shadow-text)}.hero-title .highlight{background:var(--gradient-primary);-webkit-text-fill-color:transparent;background-size:400% 400%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite gradientShift}.hero-description{animation:slideInUp 1s var(--ease-out-cubic).2s both;color:#ffffffe6;font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-16)}.hero-stats{gap:var(--spacing-8);margin-top:var(--spacing-16);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat{animation:slideInUp 1s var(--ease-out-cubic)calc(.4s + var(--i,0)*.1s)both;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-xl);align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);transition:all var(--transition-normal);flex-direction:column;display:flex}.stat:hover{box-shadow:var(--shadow-glass-hover);background:#ffffff40;transform:translateY(-5px)}.stat-icon{color:var(--color-accent);filter:drop-shadow(0 0 10px #ffd70080);animation:2s ease-in-out infinite pulse}.stat-number{color:var(--color-white);font-size:var(--font-size-3xl);text-shadow:var(--shadow-text-sm);font-weight:700;line-height:1}.stat-label{color:#fffc;font-size:var(--font-size-sm);text-align:center}.contact-content{padding:var(--spacing-24)0;position:relative}.content-grid{align-items:start;gap:var(--spacing-20);max-width:var(--container-xl);grid-template-columns:minmax(0,1fr) minmax(0,2fr);margin:0 auto;display:grid}.contact-info{top:var(--spacing-8);position:-webkit-sticky;position:sticky}.info-header{margin-bottom:var(--spacing-12);text-align:center}.info-header h2{animation:fadeInScale .8s var(--ease-out-cubic);color:var(--color-white);font-family:var(--font-family-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);text-shadow:var(--shadow-text);font-weight:700}.info-header p{animation:fadeInScale .8s var(--ease-out-cubic).2s both;color:#fffc;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.info-cards{gap:var(--spacing-6);margin-bottom:var(--spacing-12);display:grid}.info-card{animation:slideInLeft .8s var(--ease-out-cubic)calc(.1s*var(--i,0))both;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-xl);align-items:flex-start;gap:var(--spacing-5);padding:var(--spacing-8);transition:all var(--transition-normal);display:flex}.info-card:hover{box-shadow:var(--shadow-glass-hover);background:#ffffff40;transform:translateY(-3px)translate(5px)}.card-icon{-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:var(--radius-lg);color:var(--color-accent);padding:var(--spacing-4);transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border:1px solid #ffffff4d;flex-shrink:0}.card-icon:hover{transform:scale(1.05);box-shadow:0 0 20px #ffd70066}.card-content h3{color:#fff;font-size:var(--font-size-lg);margin-bottom:var(--spacing-2);font-weight:600}.card-content p{color:#fffc;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.card-content p:not(:last-child){margin-bottom:var(--spacing-1)}.contact-cta{animation:slideInLeft .8s var(--ease-out-cubic).4s both;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border-radius:var(--radius-2xl);color:#fff;padding:var(--spacing-10);text-align:center;background:linear-gradient(135deg,#0000004d,#0000001a);border:1px solid #fff3}.contact-cta h3{color:var(--color-accent);font-size:var(--font-size-xl);margin-bottom:var(--spacing-4);font-weight:600}.contact-cta p{color:#fffc;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}.cta-button{background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--font-size-base);align-items:center;gap:var(--spacing-3);padding:var(--spacing-4)var(--spacing-8);transition:all var(--transition-normal);font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea66}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.cta-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #667eea99}.cta-button:hover:before{left:100%}.contact-form-container{animation:slideInRight .8s var(--ease-out-cubic);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);border-radius:var(--radius-3xl);padding:var(--spacing-12);background:#fffffff2;border:1px solid #ffffff4d;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d}.contact-form-container:before{background:var(--gradient-primary);content:"";background-size:300% 100%;height:4px;animation:3s ease-in-out infinite gradientMove;position:absolute;top:0;left:0;right:0}.form-header{margin-bottom:var(--spacing-12);text-align:center}.form-header h2{color:var(--gray-900);font-family:var(--font-family-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);font-weight:700;position:relative}.form-header h2:after{background:var(--gradient-primary);border-radius:var(--radius-full);content:"";width:60px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.form-header p{color:var(--gray-600);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-10)}.form-progress{margin-bottom:var(--spacing-8)}.progress-bar{background:var(--gray-200);border-radius:var(--radius-full);height:8px;margin-bottom:var(--spacing-3);position:relative;overflow:hidden}.progress-bar:before{content:"";background:linear-gradient(90deg,#ffffff4d,#ffffff1a,#ffffff4d);animation:2s linear infinite shimmer;position:absolute;inset:0}.progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);background-size:200% 100%;animation:3s ease-in-out infinite gradientMove;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:2s ease-in-out infinite shine;position:absolute;inset:0}.progress-text{color:var(--gray-600);font-size:var(--font-size-sm);text-align:center;font-weight:600;display:block}.contact-form{gap:var(--spacing-12);display:grid}.form-section{animation:fadeInUp .6s var(--ease-out-cubic)calc(.1s*var(--i,0))both;gap:var(--spacing-8);display:grid}.section-title{background:linear-gradient(var(--color-white),var(--color-white))padding-box,var(--gradient-primary)border-box;color:var(--gray-900);font-size:var(--font-size-xl);align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-6);background-clip:padding-box,border-box;border-bottom:2px solid;font-weight:700;display:flex}.form-row{gap:var(--spacing-8);grid-template-columns:1fr 1fr;display:grid}.form-group{gap:var(--spacing-3);display:grid;position:relative}.form-label{color:var(--gray-700);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-2);font-weight:600;line-height:var(--line-height-normal);transition:color var(--transition-fast);display:flex}.form-group:focus-within .form-label{color:var(--primary-600)}.label-icon{color:var(--primary-500);transition:all var(--transition-fast)}.form-group:focus-within .label-icon{color:var(--primary-600);transform:scale(1.1)}.required-indicator{color:var(--error-500);margin-left:var(--spacing-1);font-weight:600}.input-wrapper,.select-wrapper,.textarea-wrapper{position:relative}.form-input,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:2px solid var(--gray-300);border-radius:var(--radius-xl);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--spacing-5)var(--spacing-5);transition:all var(--transition-normal);background:#fffc;width:100%;position:relative}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-500);background:#fffffff2;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #667eea1a,0 4px 6px -1px #0000001a}.form-input:focus::placeholder,.form-textarea:focus::placeholder{color:#0000;transform:translateY(-20px)}.form-input.valid,.form-select.valid,.form-textarea.valid{border-color:var(--success-500);background:linear-gradient(135deg,#22c55e0d,#ffffffe6)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--error-500);background:linear-gradient(135deg,#ef44440d,#ffffffe6);animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.form-select{background-image:linear-gradient(45deg,transparent 50%,var(--primary-500)50%),linear-gradient(135deg,var(--primary-500)50%,transparent 50%);cursor:pointer;padding-right:var(--spacing-12);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.form-select:focus{background-image:linear-gradient(45deg,#0000 50%,#fff 50%),linear-gradient(135deg,#fff 50%,#0000 50%)}.form-textarea{line-height:var(--line-height-relaxed);min-height:140px;padding-bottom:var(--spacing-10);resize:vertical}.textarea-counter{-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:var(--radius-sm);bottom:var(--spacing-3);color:var(--gray-500);font-size:var(--font-size-xs);padding:var(--spacing-1)var(--spacing-2);right:var(--spacing-4);transition:all var(--transition-fast);background:#ffffffe6;position:absolute}.textarea-wrapper:focus-within .textarea-counter{color:var(--primary-600);background:#667eea1a}.input-validation-icon{pointer-events:none;right:var(--spacing-4);transition:all var(--transition-fast);position:absolute;top:50%;transform:translateY(-50%)}.input-validation-icon.success{animation:successBounce .6s var(--ease-in-out-back);color:var(--success-500);filter:drop-shadow(0 0 8px #22c55e4d)}.input-validation-icon.error{color:var(--error-500);filter:drop-shadow(0 0 8px #ef44444d);animation:.5s ease-in-out errorShake}.checkbox-group{margin:var(--spacing-6)0}.checkbox-label{border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;font-size:var(--font-size-sm);align-items:flex-start;gap:var(--spacing-4);line-height:var(--line-height-relaxed);padding:var(--spacing-4);transition:all var(--transition-fast);display:flex;position:relative}.checkbox-label:hover{background:#667eea0d;transform:translate(2px)}.checkbox-label.error{border:1px solid var(--error-200);background:#ef44440d}.checkbox-input{display:none}.checkbox-custom{-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:2px solid var(--gray-300);border-radius:var(--radius);height:24px;transition:all var(--transition-normal);background:#fffc;flex-shrink:0;width:24px;margin-top:2px;position:relative}.checkbox-input:checked+.checkbox-custom{animation:checkboxPop .3s var(--ease-in-out-back);background:var(--gradient-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px #667eea33}.checkbox-input:checked+.checkbox-custom:after{content:"";border:2px solid #fff;border-top:0;border-left:0;width:6px;height:12px;animation:.3s ease-in-out .1s both checkmark;position:absolute;top:3px;left:8px;transform:rotate(45deg)}.checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 4px #667eea33}.error-message{-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:var(--radius);color:var(--error-600);font-size:var(--font-size-xs);align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);background:#ef44440d;border:1px solid #ef444433;font-weight:500;animation:.3s ease-out errorSlideIn;display:flex}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-actions{gap:var(--spacing-6);margin-top:var(--spacing-12);text-align:center;display:grid}.submit-button{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;cursor:pointer;font-family:inherit;font-size:var(--font-size-lg);align-items:center;gap:var(--spacing-3);min-height:64px;padding:var(--spacing-5)var(--spacing-12);transition:all var(--transition-normal);border:none;justify-content:center;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #667eea4d,0 0 0 1px #ffffff1a}.submit-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary)0%,var(--color-primary)100%);transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px #667eea66,0 5px 15px #0000001a}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:active:not(:disabled){transform:translateY(-1px)scale(.98)}.submit-button:disabled{background:var(--gray-400);cursor:not-allowed;opacity:.6;transform:none}.submit-button.loading{background:var(--gradient-primary)}.spinning{animation:1s linear infinite spin}.form-note{color:var(--gray-500);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);max-width:420px;margin:0 auto}.form-error{animation:errorBounceIn .5s var(--ease-out-cubic);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:var(--radius-lg);color:var(--error-700);align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-6);padding:var(--spacing-5)var(--spacing-6);background:#ef44440d;border:1px solid #ef444433;font-weight:500;display:flex}@keyframes errorBounceIn{0%{opacity:0;transform:scale(.9)translateY(10px)}50%{opacity:1;transform:scale(1.02)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.success-message{-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border-radius:var(--radius-2xl);padding:var(--spacing-16);text-align:center;background:linear-gradient(135deg,#22c55e1a,#ffffffe6);border:2px solid #22c55e33;position:relative;overflow:hidden}.success-message:before{background:linear-gradient(90deg,var(--color-success),var(--color-success),var(--color-success));content:"";background-size:200% 100%;height:4px;animation:2s ease-in-out infinite gradientMove;position:absolute;top:0;left:0;right:0}.success-icon{color:var(--success-600);filter:drop-shadow(0 0 20px #22c55e4d);margin-bottom:var(--spacing-8);animation:2s ease-in-out infinite successPulse}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.success-message h3{color:var(--gray-900);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6);font-weight:700}.success-message>p{color:var(--gray-700);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-10)}.success-details{gap:var(--spacing-3);max-width:350px;margin:0 auto;display:grid}.success-details p{border-left:3px solid var(--success-500);border-radius:var(--radius);color:var(--success-700);font-size:var(--font-size-sm);padding:var(--spacing-2)var(--spacing-3);text-align:left;background:#22c55e1a}.contact-faq{-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);padding:var(--spacing-24)0;background:#ffffff1a;position:relative}.contact-faq:before{content:"";z-index:-1;background:radial-gradient(circle at 30% 20%,#667eea1a,#0000 50%),radial-gradient(circle at 70% 80%,#764ba21a,#0000 50%);position:absolute;inset:0}.faq-header{margin-bottom:var(--spacing-20);text-align:center}.faq-header h2{color:#fff;font-family:var(--font-family-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);text-shadow:0 4px 20px #0000004d;font-weight:700}.faq-header p{color:#fffc;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.faq-grid{gap:var(--spacing-10);max-width:var(--container-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;display:grid}.faq-item{animation:fadeInUp .6s var(--ease-out-cubic)calc(.1s*var(--i,0))both;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);padding:var(--spacing-10);transition:all var(--transition-normal);background:#ffffff26;border:1px solid #fff3}.faq-item:hover{box-shadow:var(--shadow-glass-hover);background:#ffffff40;transform:translateY(-5px)}.faq-item h3{color:#fff;font-size:var(--font-size-lg);font-weight:700;line-height:var(--line-height-tight);margin-bottom:var(--spacing-5)}.faq-item p{color:#fffc;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}@media (max-width:1200px){.content-grid{gap:var(--spacing-16);grid-template-columns:1fr}.contact-info{order:2;position:static}.contact-form-container{order:1}}@media (max-width:1024px){.hero-title{font-size:var(--font-size-4xl)}.contact-form-container{padding:var(--spacing-10)}.hero-stats{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:768px){.container{padding:0 var(--spacing-3)}.contact-hero{padding:var(--spacing-20)0 var(--spacing-16)}.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-lg)}.hero-stats{gap:var(--spacing-4);grid-template-columns:1fr}.contact-content{padding:var(--spacing-16)0}.form-row{gap:var(--spacing-6);grid-template-columns:1fr}.contact-form-container{border-radius:var(--radius-2xl);padding:var(--spacing-8)}.form-header h2{font-size:var(--font-size-2xl)}.section-title{font-size:var(--font-size-lg)}.info-cards{gap:var(--spacing-5)}.info-card{padding:var(--spacing-6)}.contact-cta{padding:var(--spacing-8)}.faq-grid{gap:var(--spacing-8);grid-template-columns:1fr}.faq-item{padding:var(--spacing-8)}}@media (max-width:480px){.hero-title{font-size:var(--font-size-2xl)}.form-actions{margin-top:var(--spacing-8)}.submit-button{font-size:var(--font-size-base);min-height:56px;padding:var(--spacing-4)var(--spacing-8)}.success-message{padding:var(--spacing-10)}.info-card{gap:var(--spacing-3);text-align:center;flex-direction:column}.contact-form-container{padding:var(--spacing-6)}.form-header{margin-bottom:var(--spacing-8)}.stat{padding:var(--spacing-4)}}@media (max-width:360px){.container{padding:0 var(--spacing-2)}.contact-form-container{padding:var(--spacing-5)}.form-input,.form-select,.form-textarea{padding:var(--spacing-4)}}@media print{.contact-page{background:#fff}.contact-hero,.contact-cta,.submit-button,.contact-faq{display:none}.contact-form-container{border:2px solid var(--gray-300);box-shadow:none;background:#fff}body:before,body:after{display:none}}@media (prefers-contrast:high){:root{--debug-contrast:var(--color-black);--debug-link:var(--color-blue);--debug-error:var(--color-red);--debug-success:var(--color-success)}.form-input,.form-select,.form-textarea{border-width:3px}.submit-button{border:3px 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}.spinning,body:before,body:after{animation:none}}@supports selector(:focus-visible){.form-input:focus,.form-select:focus,.form-textarea:focus,.submit-button:focus{outline:none}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.submit-button:focus-visible{outline:3px solid var(--primary-500);outline-offset:2px}}@supports (container-type:inline-size){.contact-form-container{container-type:inline-size}@container (max-width:600px){.form-row{grid-template-columns:1fr}}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#ffffff1a}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary))}::selection{color:var(--gray-900);background:#667eea4d}.skip-link{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--color-primary);padding:var(--spacing-4)var(--spacing-6);z-index:100;transition:top .2s ease-in-out;position:absolute;top:-9999px;left:50%;transform:translate(-50%)}.skip-link:focus{top:var(--spacing-4)}.gallery{background:linear-gradient(135deg,var(--color-background),var(--surface-primary));color:var(--text-primary);min-height:100vh;padding:100px 0 var(--spacing-10);position:relative}@media (max-width:480px){.gallery{padding-top:110px}}.gallery-hero{margin-bottom:calc(var(--spacing-6)*2);padding:var(--spacing-6)0;text-align:center}.gallery-title{color:var(--text-primary);font-family:var(--font-family-sans);font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-4xl));font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-4);position:relative}.gallery-title:after{background:var(--gradient-primary);border-radius:var(--radius-sm);bottom:-var(--spacing-4);content:"";width:80px;height:3px;position:absolute;left:50%;transform:translate(-50%)}.gallery-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);max-width:600px;margin-inline:auto}.gallery-controls{align-items:center;gap:var(--spacing-5);margin-bottom:calc(var(--spacing-6) + var(--spacing-4));flex-wrap:wrap;justify-content:space-between;display:flex}.gallery-controls .search-section{flex:1;min-width:300px}.search-container{max-width:400px;position:relative}.search-input{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);padding:var(--spacing-4)var(--spacing-5)var(--spacing-4)calc(var(--spacing-6) + var(--spacing-4));transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.search-icon{color:var(--text-secondary);font-size:var(--font-size-xl);left:var(--spacing-4);position:absolute;top:50%;transform:translateY(-50%)}.control-buttons{align-items:center;gap:var(--spacing-4);display:flex}.sort-select{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-base);padding:var(--spacing-4)var(--spacing-5);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.view-toggle{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);gap:var(--spacing-4);display:flex;overflow:hidden}.view-btn{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xl);padding:var(--spacing-4);transition:color var(--transition-normal),background var(--transition-normal);background:0 0;border:none;flex:1}.gallery-filters{gap:var(--spacing-4);margin-bottom:calc(var(--spacing-6) + var(--spacing-4));padding:var(--spacing-6)0;flex-wrap:wrap;justify-content:center;display:flex}.filter-btn{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-8);padding:var(--spacing-4)var(--spacing-5);transition:all var(--transition-normal);display:flex;position:relative;overflow:hidden}.filter-btn:before{background:var(--gradient-primary);content:"";height:100%;transition:left var(--transition-normal);z-index:-1;width:100%;position:absolute;top:0;left:-100%}.filter-btn:hover:before,.filter-btn.active:before{left:0}.filter-btn:hover,.filter-btn.active{border-color:var(--primary-500);box-shadow:var(--shadow-md);color:var(--text-inverse);transform:translateY(-2px)}.filter-name{font-size:var(--font-size-sm)}.results-info{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6);text-align:center}.gallery-grid{gap:var(--spacing-6);margin-bottom:calc(var(--spacing-6)*2);display:grid}.gallery-grid.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.gallery-grid.masonry{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:10px}.gallery-item{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden}.gallery-item.featured{border-color:var(--primary-500);border-width:2px}.gallery-item:hover{box-shadow:var(--shadow-md);transform:translateY(-8px)}.gallery-virtual-item{padding:var(--spacing-4,1rem)}.gallery-item-image-container{aspect-ratio:16/9;background:var(--surface-secondary,#f5f5f5);width:100%;position:relative;overflow:hidden}.gallery-item-image{object-fit:cover;height:100%;transition:transform var(--transition-normal,.3s);width:100%;display:block}.gallery-item:hover .gallery-item-image{transform:scale(1.05)}.gallery-item-loading-skeleton{background:linear-gradient(90deg,var(--surface-secondary,#e0e0e0)25%,var(--surface-primary,#f0f0f0)50%,var(--surface-secondary,#e0e0e0)75%);align-items:center;gap:var(--spacing-4,1rem);background-size:200% 100%;flex-direction:column;justify-content:center;width:100%;height:100%;animation:1.5s infinite shimmer;display:flex;position:absolute;inset:0}.gallery-item-image-error{aspect-ratio:16/9;background:var(--surface-secondary,#f5f5f5);justify-content:center;align-items:center;width:100%;display:flex}.gallery-item-error-content{color:var(--text-secondary,#666);align-items:center;gap:var(--spacing-4,.5rem);padding:var(--spacing-6,1.5rem);text-align:center;flex-direction:column;display:flex}.gallery-error-retry{background:var(--primary-500,#3b82f6);border-radius:var(--radius-md,.5rem);color:#fff;cursor:pointer;margin-top:var(--spacing-4,.5rem);padding:var(--spacing-4,.5rem)var(--spacing-6,1rem);border:none}.gallery-item-content{padding:var(--spacing-5,1.25rem)}.gallery-item-title{color:var(--text-primary,#1a1a1a);font-size:var(--font-size-lg,1.125rem);font-weight:var(--font-weight-semibold,600);margin-bottom:var(--spacing-4,.5rem)}.gallery-item-couple{color:var(--text-secondary,#666);font-size:var(--font-size-base,1rem);margin-bottom:var(--spacing-4,.5rem)}.gallery-item-meta{color:var(--text-secondary,#666);font-size:var(--font-size-sm,.875rem);align-items:center;gap:var(--spacing-4,.5rem);flex-wrap:wrap;justify-content:space-between;display:flex}.gallery-item-location,.gallery-item-date{align-items:center;gap:var(--spacing-2,.25rem);display:flex}.gallery-item-stats{align-items:center;gap:var(--spacing-4,.5rem);display:flex}.gallery-item-views,.gallery-item-likes{align-items:center;gap:var(--spacing-2,.25rem);display:flex}.gallery-item-badges{gap:var(--spacing-2,.25rem);left:var(--spacing-4,1rem);top:var(--spacing-4,1rem);flex-wrap:wrap;display:flex;position:absolute}.gallery-item-badge{border-radius:var(--radius-sm,.25rem);color:#fff;font-size:var(--font-size-xs,.75rem);align-items:center;gap:var(--spacing-2,.25rem);padding:var(--spacing-2,.25rem)var(--spacing-4,.5rem);background:#000000bf;display:flex}.gallery-item-actions{gap:var(--spacing-2,.25rem);right:var(--spacing-4,1rem);top:var(--spacing-4,1rem);display:flex;position:absolute}.gallery-action-button{border-radius:var(--radius-full,50%);cursor:pointer;height:36px;transition:all var(--transition-normal,.3s);background:#ffffffe6;border:none;justify-content:center;align-items:center;width:36px;display:flex}.gallery-action-button:hover{background:#fff;transform:scale(1.1)}.gallery-favorite-button.active{background:var(--error-500,#ef4444);color:#fff}.gallery-video-preview{aspect-ratio:16/9;width:100%;position:relative}.gallery-preview-video{object-fit:cover;width:100%;height:100%}.gallery-video-controls{bottom:var(--spacing-4,1rem);gap:var(--spacing-2,.25rem);right:var(--spacing-4,1rem);display:flex;position:absolute}.gallery-video-control{border-radius:var(--radius-full,50%);color:#fff;cursor:pointer;background:#000000b3;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.video-thumbnail{aspect-ratio:16/9;background:var(--surface-secondary);position:relative;overflow:hidden}.thumbnail-image{object-fit:cover;height:100%;transition:transform var(--transition-normal);width:100%}.gallery-item:hover .thumbnail-image{transform:scale(1.05)}.video-overlay{background:rgb(var(--slate-900-rgb),.7);opacity:0;transition:opacity var(--transition-normal);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-item:hover .video-overlay{opacity:1}.play-button{background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;font-size:var(--font-size-2xl);padding:var(--spacing-4);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:none}.play-button:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.play-button:focus-visible{outline:var(--focus-outline);outline-offset:var(--spacing-2)}.video-badges{gap:var(--spacing-8);right:var(--spacing-4);top:var(--spacing-4);flex-direction:column;display:flex;position:absolute}.badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--spacing-8)var(--spacing-4);text-transform:uppercase}.featured-badge{background:var(--primary-500);color:var(--text-inverse)}.duration-badge{background:rgb(var(--gray-200-rgb,245,245,245),.95);color:var(--text-primary)}.favorite-btn{background:rgb(var(--gray-200-rgb,245,245,245),.95);border-radius:var(--radius-full);color:var(--error-500);cursor:pointer;font-size:var(--font-size-xl);height:40px;left:var(--spacing-4);top:var(--spacing-4);transition:transform var(--transition-normal),background var(--transition-normal);border:none;width:40px;position:absolute}.favorite-btn.active{background:var(--error-500);color:var(--text-inverse);transform:scale(1.1)}.favorite-btn:focus-visible{outline:var(--focus-outline);outline-offset:var(--spacing-2)}.video-info{padding:var(--spacing-5)}.video-title{font-family:var(--font-family-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-8)}.video-couple{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}.video-meta{color:var(--text-secondary);font-size:var(--font-size-sm);gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex}.video-tags{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.tag{background:var(--secondary-500);border-radius:var(--radius-sm);color:var(--primary-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-8)var(--spacing-4)}.no-results{color:var(--text-secondary);padding:calc(var(--spacing-6)*2);text-align:center}.no-results h3{font-family:var(--font-family-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.gallery-modal-container{z-index:1000;padding:var(--spacing-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-modal-backdrop{z-index:-1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;position:fixed;inset:0}.gallery-modal{background:var(--surface-primary);box-shadow:var(--shadow-2xl);border-radius:0;flex-direction:column;width:100vw;max-width:none;height:100vh;max-height:none;animation:.3s cubic-bezier(.16,1,.3,1) modalIn;display:flex;position:relative;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.gallery-modal-header{padding:var(--spacing-4)var(--spacing-6);z-index:10;background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.gallery-modal-title{color:var(--text-primary);font-family:var(--font-family-display);font-size:var(--font-size-xl);margin:0}.gallery-modal-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.gallery-modal-floating-close{top:var(--spacing-4);right:var(--spacing-4);z-index:50;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute}.gallery-modal-floating-close:hover{background:rgb(var(--primary-500-rgb),.8);transform:scale(1.1)}@media (hover:none) and (pointer:coarse){.gallery-modal-floating-close{background:#0009;width:44px;height:44px}}.gallery-modal-header-actions{gap:var(--spacing-2);display:flex}.gallery-modal-button{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.gallery-modal-button:hover{color:var(--text-primary);background:#ffffff1a}.gallery-modal-button.active{background:var(--primary-500);color:#fff}.gallery-modal-media{background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gallery-modal-image{object-fit:contain;width:100%;height:100%}.gallery-modal-video-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.gallery-modal-video{max-width:100%;max-height:100%}.advanced-video-controls{padding:var(--spacing-4);color:#fff;z-index:20;opacity:0;background:linear-gradient(#0000,#000c);transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.gallery-modal-video-container:hover .advanced-video-controls,.advanced-video-controls:focus-within{opacity:1}.avc-play,.avc-mute,.avc-fullscreen{color:#fff;cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.avc-play:hover,.avc-mute:hover,.avc-fullscreen:hover{background:#fff3}@media (max-width:768px){.advanced-video-controls input[type=range][aria-label=Volume],.advanced-video-controls select[aria-label="Playback speed"],.advanced-video-controls label[aria-label=Volume],.advanced-video-controls label span.sr-only+select{display:none!important}.advanced-video-controls>div[aria-hidden]{font-size:var(--font-size-xs);min-width:auto!important}}@media (hover:none) and (pointer:coarse){.advanced-video-controls{opacity:1;padding:var(--spacing-3)var(--spacing-4);background:linear-gradient(#0000,#000000e6);gap:var(--spacing-2)!important}.avc-play,.avc-mute,.avc-fullscreen{background:#ffffff1a;width:40px;height:40px;padding:0!important}.avc-progress{align-items:center;height:40px;display:flex}.avc-progress-track{height:4px!important}}.gallery-modal-nav{border-radius:var(--radius-full);color:#fff;cursor:pointer;z-index:5;background:#00000080;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-modal-nav:hover{background:var(--primary-500);border-color:var(--primary-500)}.gallery-modal-nav--prev{left:var(--spacing-4)}.gallery-modal-nav--next{right:var(--spacing-4)}.gallery-modal-info-panel{background:var(--surface-primary);border-left:1px solid var(--border-primary);z-index:20;width:320px;height:100%;padding:var(--spacing-6);position:absolute;top:0;right:0;overflow-y:auto}.gallery-modal-info-header{border-bottom:1px solid var(--border-primary);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.gallery-modal-info-header h3{font-size:var(--font-size-lg);margin:0}.info-panel-close{cursor:pointer;color:var(--text-secondary);padding:var(--spacing-2);background:0 0;border:none}.info-panel-close:hover{color:var(--text-primary)}.gallery-modal-info-section{margin-bottom:var(--spacing-6)}.gallery-modal-info-section h4{color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-3)}.gallery-modal-info-section dl{gap:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.gallery-modal-info-section dl dt{color:var(--text-secondary)}.gallery-modal-info-section dl dd{color:var(--text-primary);text-align:right;margin:0}.gallery-modal-tags{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.gallery-modal-tag{background:var(--surface-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--spacing-1)var(--spacing-2)}.advanced-video-controls{padding:var(--spacing-6)var(--spacing-6)var(--spacing-8);z-index:10;color:#fff;background:linear-gradient(#0000,#000c);transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.advanced-video-controls button{color:#ffffffe6;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;transition:all .2s}.advanced-video-controls button:hover:not(:disabled){color:#fff;background:#ffffff1a}.advanced-video-controls button:disabled{opacity:.5;cursor:not-allowed}.advanced-video-controls input[type=range]{accent-color:var(--primary-500);cursor:pointer;height:4px}.advanced-video-controls input[type=range]::-webkit-slider-thumb{border:2px solid var(--primary-500);background:#fff}.advanced-video-controls select{border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);padding:var(--spacing-1)var(--spacing-2);background:#00000080;border:1px solid #fff3}.advanced-video-controls select option{background:#1a1a1a}.gallery-grid-virtualized{width:100%;height:100%;min-height:600px}@media (max-width:768px){.advanced-video-controls{padding:var(--spacing-4)}.gallery-modal{border-radius:0;height:100%;max-height:none}.gallery-modal-nav{display:none}.gallery-modal-info-panel{z-index:30;width:100%}}.story{background:linear-gradient(135deg,var(--surface-secondary),var(--surface-primary));padding:calc(var(--spacing-16)*2)0;position:relative;overflow:hidden}.section-header{margin-inline:auto;margin-bottom:var(--spacing-16);max-width:800px;padding-inline:var(--spacing-6);text-align:center}.section-title{background:var(--text-primary);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.2}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-inline:auto;margin-bottom:var(--spacing-8);max-width:600px}.story-stats{gap:var(--spacing-8);margin:0 auto var(--spacing-8);grid-template-columns:repeat(3,1fr);max-width:500px;display:grid}.stat-item{background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--spacing-8)var(--spacing-4);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal);box-shadow:0 10px 30px #00000014}.stat-item:hover{transform:translateY(-var(--spacing-2));box-shadow:0 20px 40px #0000001f}.stat-number{color:var(--color-primary);font-size:clamp(1.75rem,2vw + 1rem,2rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.category-filter{margin-bottom:var(--spacing-12);justify-content:center;display:flex}.filter-tabs{background:var(--surface-primary);border-radius:var(--radius-full);gap:var(--spacing-2);padding:var(--spacing-2);flex-wrap:wrap;display:flex;box-shadow:0 10px 30px #0000001a}.tab-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-3)var(--spacing-6);transition:transform var(--transition-fast),color var(--transition-fast);background:0 0;border:none;position:relative;overflow:hidden}.tab-btn:before{background:var(--primary-gradient);content:"";transition:transform var(--transition-fast);z-index:-1;position:absolute;inset:0;transform:translate(-100%)}.tab-btn:hover:before,.tab-btn.active:before{transform:translate(0)}.tab-btn:hover,.tab-btn.active{color:var(--text-inverse);transform:translateY(-2px)}.stories-grid{gap:var(--spacing-8);margin-bottom:var(--spacing-16);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));display:grid}.story-card{background:var(--surface-primary);border-radius:var(--radius-xl);transition:box-shadow var(--transition-normal),transform var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 15px 35px #0000001a}.story-card.featured{background:linear-gradient(#fff,#fff)padding-box,var(--primary-gradient)border-box;border:2px solid #0000}.story-card:hover{box-shadow:0 25px 50px #00000026}.story-image{height:280px;position:relative;overflow:hidden}.image-loading{background:var(--surface-secondary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-shimmer{background:linear-gradient(90deg,var(--surface-secondary)25%,var(--surface-primary)50%,var(--surface-secondary)75%);background-size:200% 100%;width:100%;height:100%;animation:2s infinite shimmer}.story-image img{object-fit:cover;height:100%;transition:transform var(--transition-normal);width:100%}.story-card:hover .story-image img{transform:scale(1.05)}.image-overlay{opacity:0;padding:var(--spacing-6);transition:opacity var(--transition-fast);background:linear-gradient(135deg,#0000004d,#0000,#0000004d);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.story-card:hover .image-overlay{opacity:1}.story-content{padding:var(--spacing-8)}.story-meta{gap:var(--spacing-6);margin-bottom:var(--spacing-4);display:flex}.meta-item{color:var(--text-secondary);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-2);display:flex}.meta-item svg{opacity:.7}.story-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);line-height:1.3}.story-excerpt{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}.story-footer{border-top:1px solid var(--surface-secondary);padding-top:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.author-info{align-items:center;gap:var(--spacing-4);display:flex}.author-avatar{border:2px solid var(--surface-secondary);border-radius:50%;width:40px;height:40px;overflow:hidden}.author-avatar img{object-fit:cover;width:100%;height:100%}.author-details{flex-direction:column;display:flex}.author-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.author-role{color:var(--text-secondary);font-size:var(--font-size-xs)}.read-more-btn{background:var(--primary-gradient);border-radius:var(--radius-full);color:var(--text-inverse);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-6);transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:inline-flex}.read-more-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6f614d}@keyframes shimmer-bg{0%{background-position:-200%}to{background-position:200%}}.section-header{margin-bottom:calc(var(--spacing-unit)*2);text-align:center}.section-title{color:var(--color-secondary);letter-spacing:1px;margin-bottom:.5rem;font-size:clamp(1.75rem,2vw + 1rem,2.75rem);font-weight:700}.section-subtitle{color:var(--color-dark-gray);opacity:.85;max-width:600px;margin:.5rem auto 0;font-size:clamp(1rem,1.2vw + .5rem,1.125rem);line-height:1.6}.testimonial-stats{gap:var(--spacing-unit);margin-top:var(--spacing-unit);justify-content:center;display:flex}.stat-item{text-align:center}.stat-number{color:var(--color-primary);font-size:clamp(1.5rem,2vw + 1rem,2rem);font-weight:800}.stat-label{color:var(--color-dark-gray);letter-spacing:.5px;text-transform:uppercase;margin-top:.25rem;font-size:.75rem;display:block}.testimonials-carousel{padding-block:var(--spacing-unit);position:relative}.testimonial-container{position:relative;overflow:hidden}.testimonial-content{will-change:transform;justify-content:center;align-items:flex-start;display:flex}.testimonial-card{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:0 8px 24px var(--shadow-light);cursor:default;gap:var(--spacing-unit);max-width:800px;padding:var(--spacing-unit);transition:transform var(--transition-speed)ease,box-shadow var(--transition-speed)ease;-webkit-user-select:text;user-select:text;grid-template-columns:auto 1fr;margin-inline:auto;display:grid}.testimonial-card:hover,.testimonial-card:focus-within{box-shadow:0 16px 40px var(--shadow-strong);outline:none;transform:translateY(-8px)}.testimonial-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.quote-icon{color:var(--color-primary);flex-shrink:0;align-self:start;font-size:2rem}.testimonial-quote p{color:var(--color-secondary);font-size:1.125rem;font-style:italic;line-height:1.8}.testimonial-author{gap:var(--spacing-unit);margin-top:var(--spacing-unit);display:flex}.author-image{aspect-ratio:1;box-shadow:0 4px 15px var(--shadow-light);cursor:pointer;transition:transform var(--transition-speed)ease,box-shadow var(--transition-speed)ease;border-radius:50%;flex-shrink:0;width:80px;position:relative;overflow:hidden}.author-image img{object-fit:cover;height:100%;transition:transform var(--transition-speed)ease;width:100%}.author-image:hover,.author-image:focus-visible{box-shadow:0 8px 25px var(--shadow-strong);outline:none;transform:scale(1.1)}.author-image:focus-visible{outline:3px solid var(--color-primary)}.image-overlay{background:linear-gradient(180deg,transparent 40%,var(--overlay-dark));opacity:.8;pointer-events:none;position:absolute;inset:0}.author-info{flex:1}.author-name{color:var(--color-secondary);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.author-role{color:var(--color-dark-gray);letter-spacing:.5px;text-transform:uppercase;margin-bottom:.25rem;font-size:.875rem}.author-location{color:var(--color-dark-gray);opacity:.85;align-items:center;font-size:.875rem;display:flex}.author-location svg{fill:var(--color-primary);margin-right:.25rem}.wedding-details{color:var(--color-dark-gray);gap:var(--spacing-unit);opacity:.85;flex-wrap:wrap;margin-top:.5rem;font-size:.875rem;display:flex}.wedding-date,.wedding-category{align-items:center;gap:.25rem;display:flex}.wedding-date svg{fill:var(--color-primary)}.rating{margin-top:.75rem}.star{color:var(--color-warning);text-shadow:0 1px 2px var(--shadow-light);margin-right:.1rem;font-size:1.25rem}.testimonial-nav{align-items:center;gap:var(--spacing-unit);margin-top:var(--spacing-unit);justify-content:center;display:flex}.nav-btn{color:var(--color-secondary);cursor:pointer;transition:color var(--transition-speed)ease,transform var(--transition-speed)ease;background:0 0;border:none;font-size:2rem}.nav-btn:hover,.nav-btn:focus-visible{color:var(--color-primary);outline:none;transform:scale(1.2)}.nav-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.testimonial-indicators{gap:.5rem;display:flex}.indicator{background-color:var(--color-light-gray);cursor:pointer;height:14px;transition:background-color var(--transition-speed)ease;border:none;border-radius:50%;width:14px;position:relative}.indicator.active{background-color:var(--color-primary)}.indicator-progress{background-color:var(--color-secondary);transform-origin:0;transition:transform var(--transition-speed)linear;position:absolute;inset:0;transform:scaleX(0)}.carousel-controls{align-items:center;gap:var(--spacing-unit);margin-top:var(--spacing-unit);justify-content:center;display:flex}.autoplay-btn{color:var(--color-secondary);cursor:pointer;transition:color var(--transition-speed)ease,transform var(--transition-speed)ease;background:0 0;border:none;font-size:1.5rem}.autoplay-btn.playing{color:var(--color-primary)}.autoplay-btn:hover,.autoplay-btn:focus-visible{outline:none;transform:scale(1.2)}.autoplay-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.progress-bar{background-color:var(--color-light-gray);will-change:transform;border-radius:2px;width:160px;height:4px;overflow:hidden}.progress-fill{background-color:var(--color-primary);width:100%;height:100%;animation:6s linear infinite progress}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.testimonials-grid{margin-top:calc(var(--spacing-unit)*3);text-align:center}.testimonials-grid h3{color:var(--color-secondary);margin-bottom:var(--spacing-unit);font-size:clamp(1.25rem,1.5vw + 1rem,1.75rem);font-weight:600}.grid-container{gap:var(--spacing-unit);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.testimonial-mini{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:0 4px 15px var(--shadow-light);cursor:pointer;transition:transform var(--transition-speed)ease,box-shadow var(--transition-speed)ease;overflow:hidden}.testimonial-mini:hover,.testimonial-mini.active{box-shadow:0 8px 30px var(--shadow-strong);transform:translateY(-6px)}.mini-image img{aspect-ratio:16/9;object-fit:cover;width:100%}.mini-info{padding:.75rem}.mini-info h5{color:var(--color-secondary);margin-bottom:.25rem;font-size:.875rem}.mini-rating .mini-star{color:var(--color-warning);font-size:.875rem}.testimonials.loading .loading-spinner{padding:calc(var(--spacing-unit)*2);flex-direction:column;align-items:center;display:flex}.spinner{border:4px solid var(--color-light-gray);border-top-color:var(--color-primary);will-change:transform;border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:1s linear infinite spin}.testimonials-bg{pointer-events:none;z-index:-1;position:absolute;inset:0}.bg-pattern{background-image:radial-gradient(circle at center,var(--overlay-pattern)0%,transparent 75%);position:absolute;inset:0}.floating-hearts .heart{opacity:.8;will-change:transform;font-size:1.5rem;animation:8s ease-in-out infinite float;position:absolute}@media (max-width:768px){#testimonials{padding-top:calc(var(--spacing-unit)*2 + var(--header-offset))}.testimonial-card{text-align:center;grid-template-columns:1fr}.testimonial-author{flex-direction:column;align-items:center}.wedding-details{justify-content:center}.section-title{font-size:2rem}.stat-number{font-size:1.5rem}.progress-bar{width:120px}}.login-page{min-height:100dvh;padding:var(--space-16);justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.login-page:before{content:"";z-index:-2;background-color:#f8fafc;background-image:radial-gradient(at 0 0,#0ea5e926 0,#0000 50%),radial-gradient(at 100% 0,#6366f126 0,#0000 50%),radial-gradient(at 50% 100%,#ec48991a 0,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.login-page:after{content:none;background:0 0;animation:none}@keyframes backgroundShift{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.login-page .floating-elements{display:none}.login-page .login-container{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-2xl);z-index:1;background:#ffffffbf;border:1px solid #ffffff80;width:min(94vw,480px);margin:auto;padding:clamp(2rem,6vw,2.5rem);animation:.8s cubic-bezier(.16,1,.3,1) slideInUp;position:relative;box-shadow:0 20px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0d}.login-page .login-container:before{content:"";background:linear-gradient(90deg,#0000,#0f172a0d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.login-page .login-container.loading{pointer-events:none}.login-page .login-container.loading:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-lg);content:"";z-index:10;background:#ffffff1a;width:100%;height:100%;position:absolute;top:0;left:0}.login-page .login-header{margin-bottom:var(--space-32);text-align:center}.login-page .login-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);height:60px;margin:0 auto var(--space-16);transition:all var(--duration-normal)var(--ease-standard);background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:60px;display:flex}.login-page .login-logo:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-page .login-logo svg,.login-page .login-logo img{color:#fff;filter:brightness(1.1);width:32px;height:32px}.login-page .login-title{-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-.03em;background:linear-gradient(135deg,#0f172a,#0ea5e9);-webkit-background-clip:text;background-clip:text;margin-bottom:clamp(1rem,3vw,1.5rem);font-size:clamp(1.75rem,6vw,2.25rem);font-weight:700;line-height:1.1;display:inline-block}.login-page .login-subtitle{color:#64748b;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.5}.login-page .login-progress{gap:var(--space-8);margin-bottom:var(--space-24);justify-content:center;display:flex}.login-page .login-progress-step{border-radius:var(--radius-full);height:var(--space-8);transition:all var(--duration-normal)var(--ease-standard);width:var(--space-8);background:#e2e8f0}.login-page .login-progress-step.active{background:#0ea5e9;box-shadow:0 0 8px #0ea5e966}.login-page .login-progress-step.completed{background:var(--color-success);box-shadow:0 0 8px rgb(var(--color-success-rgb),.6)}.login-page .login-form,.login-page .form-wrapper{flex-direction:column;gap:clamp(1.25rem,4vw,1.5rem);display:flex}.login-page .form-group{gap:var(--space-8);flex-direction:column;display:flex;position:relative}.login-page .form-group.has-error .form-input,.login-page .form-group.has-error .form-select{background:rgb(var(--color-error-rgb),.05);border-color:var(--color-error)}.login-page .form-group.has-success .form-input,.login-page .form-group.has-success .form-select{background:rgb(var(--color-success-rgb),.05);border-color:var(--color-success)}.login-page .form-label{color:#0f172a;align-items:center;gap:var(--space-4);font-size:clamp(.875rem,2vw,.9375rem);font-weight:600;line-height:var(--line-height-normal);margin-bottom:var(--space-4);display:flex}.login-page .form-label.required:after{color:var(--color-error);content:"*";font-weight:var(--font-weight-bold)}.login-page .form-label .label-tooltip{color:#94a3b8;cursor:help}.login-page .form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);color:#0f172a;font-family:var(--font-family-base);height:clamp(3rem,8vw,3.25rem);font-size:clamp(1rem,2vw,1rem);line-height:var(--line-height-normal);padding:0 var(--space-16);background:#fff;border:1px solid #e2e8f0;width:100%;transition:all .2s}.login-page .form-input::placeholder{color:#94a3b8}.login-page .form-input:focus{background:#fff;border-color:#0ea5e9;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #0ea5e926,0 1px 2px #0000000d}.login-page .form-input:disabled{cursor:not-allowed;opacity:.7;background:#f1f5f9;border-color:#cbd5e1}.login-page .input-wrapper{align-items:center;width:100%;display:flex;position:relative}.login-page .input-wrapper .form-input,.login-page .input-wrapper input{padding-left:3rem}.login-page .input-wrapper.has-trailing-icon .form-input{padding-right:var(--space-40)}.login-page .input-icon{color:#64748b;pointer-events:none;z-index:2;width:20px;height:20px;transition:color .2s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.login-page .input-wrapper:focus-within .input-icon,.login-page .password-input-wrap:focus-within .input-icon{color:#0ea5e9}.login-page .input-trailing-icon{color:#64748b;cursor:pointer;height:20px;right:var(--space-16);transition:all var(--duration-normal)var(--ease-standard);z-index:2;width:20px;position:absolute;top:50%;transform:translateY(-50%)}.login-page .input-trailing-icon:hover{color:#0f172a;transform:translateY(-50%)scale(1.1)}.login-page .password-input-wrap{align-items:center;display:flex;position:relative}.login-page .password-input-wrap input{padding-left:3rem;padding-right:4rem}.login-page .password-input-wrap .input-icon{z-index:2;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.login-page .password-toggle{border-radius:var(--radius-sm);color:#0ea5e9;cursor:pointer;height:20px;padding:var(--space-4);right:var(--space-16);transition:all var(--duration-normal)var(--ease-standard);background:0 0;border:none;justify-content:center;align-items:center;width:auto;padding:.25rem .5rem;font-weight:600;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.login-page .password-toggle:hover{color:#0284c7;background:#0ea5e91a}.login-page .password-toggle:focus{box-shadow:var(--focus-ring);outline:none}.login-page .field-error,.login-page .field-success,.login-page .field-info{font-size:var(--font-size-xs);align-items:center;gap:var(--space-4);line-height:var(--line-height-normal);margin-top:var(--space-4);display:flex}.login-page .field-error{color:var(--color-red-400)}.login-page .field-success{color:var(--color-teal-300)}.login-page .field-info{color:#ffffffb3}.login-page .field-error svg,.login-page .field-success svg,.login-page .field-info svg{flex-shrink:0;width:14px;height:14px}.login-page .password-strength{margin-top:var(--space-8)}.login-page .password-strength-bar{border-radius:var(--radius-full);background:#e2e8f0;width:100%;height:4px;overflow:hidden}.login-page .password-strength-fill{border-radius:var(--radius-full);height:100%;transition:all var(--duration-normal)var(--ease-standard)}.login-page .password-strength-fill.weak{background:var(--color-error);width:25%}.login-page .password-strength-fill.fair{background:var(--color-warning);width:50%}.login-page .password-strength-fill.good{background:var(--color-info);width:75%}.login-page .password-strength-fill.strong{background:var(--color-success);width:100%}.login-page .password-strength-text{color:#64748b;font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin-top:var(--space-4)}.login-page .btn{border-radius:var(--radius-base);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-8);height:var(--button-height);line-height:var(--line-height-normal);padding:0 var(--space-24);transition:all var(--duration-normal)var(--ease-standard);-webkit-user-select:none;user-select:none;border:none;justify-content:center;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.login-page .btn:focus{box-shadow:var(--focus-ring);outline:none}.login-page .btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.login-page .btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-page .btn-primary,.login-page button.primary{--btn-bg:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);--btn-hover-bg:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);--btn-active-bg:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);background:var(--btn-bg);border-radius:var(--radius-lg);color:#fff;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;z-index:1;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;height:clamp(3rem,8vw,3.5rem);padding:0 2rem;font-size:.9375rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px -1px #0ea5e94d,0 10px 20px -5px #0ea5e933}.login-page .btn-primary:before,.login-page button.primary:before{content:"";z-index:-1;background:linear-gradient(120deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.login-page .btn-primary:hover:not(:disabled),.login-page button.primary:hover:not(:disabled){background:var(--btn-hover-bg);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px -1px #0ea5e980,0 15px 30px -5px #0ea5e94d}.login-page .btn-primary:hover:not(:disabled):before,.login-page button.primary:hover:not(:disabled):before{transform:translate(100%)}.login-page .btn-primary:hover:not(:disabled) svg,.login-page button.primary:hover:not(:disabled) svg{transform:translate(3px)}.login-page .btn-primary:active:not(:disabled),.login-page button.primary:active:not(:disabled){background:var(--btn-active-bg);filter:brightness(.95);transform:translateY(-1px)scale(.98)}.login-page .btn-primary:disabled,.login-page button.primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;background:#94a3b8;transform:none}.login-page .btn-primary svg,.login-page button.primary svg{transition:transform .3s}.login-page .btn-primary:after,.login-page button.primary:after{content:"";border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;opacity:0;background:linear-gradient(135deg,#38bdf8,#818cf8,#0ea5e9);padding:2px;transition:opacity .4s;position:absolute;inset:-2px;-webkit-mask-composite:xor;mask-composite:exclude}.login-page .btn-primary:hover:after,.login-page button.primary:hover:after{opacity:1}@keyframes liquid{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-page .btn-secondary{color:#334155;background:#fff;border:1px solid #e2e8f0;transition:all .2s}.login-page .btn-secondary:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.login-page .btn-tertiary{color:#fffc;background:0 0;border:none}.login-page .btn-tertiary:hover:not(:disabled){color:var(--color-cream-100);background:#ffffff1a}.login-page .btn-sm{font-size:var(--font-size-sm);height:2.25rem;padding:0 var(--space-16)}.login-page .btn-lg{font-size:var(--font-size-lg);height:3.5rem;padding:0 var(--space-32)}.login-page .btn-xl{font-size:var(--font-size-xl);height:4rem;padding:0 var(--space-32)}.login-page .btn-icon-only{width:var(--button-height);padding:0}.login-page .btn svg{flex-shrink:0;width:20px;height:20px}.login-page .btn-sm svg{width:16px;height:16px}.login-page .btn-lg svg{width:24px;height:24px}.login-page .btn-loading{color:#0000;position:relative}.login-page .btn-loading:after{border-radius:var(--radius-full);content:"";border:2px solid #0000;border-top-color:currentColor;width:20px;height:20px;margin-top:-10px;margin-left:-10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}.login-page .btn-block{width:100%}.login-page .btn-group{align-items:center;gap:var(--space-12);justify-content:space-between;display:flex}.login-page .btn-group.stacked{gap:var(--space-8);flex-direction:column}.login-page .btn-group.center{justify-content:center}.login-page .social-login{margin:var(--space-24)0}.login-page .social-login-title{color:#ffffffb3;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--space-16);text-align:center;position:relative}.login-page .social-login-title:before,.login-page .social-login-title:after{content:"";background:#fff3;width:calc(50% - 60px);height:1px;position:absolute;top:50%}.login-page .social-login-title:before{left:0}.login-page .social-login-title:after{right:0}.login-page .social-buttons{gap:var(--space-12);grid-template-columns:1fr;display:grid}.login-page .social-buttons.dual-column{grid-template-columns:1fr 1fr}.login-page .social-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-base);color:var(--color-cream-100);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-12);height:var(--button-height);line-height:var(--line-height-normal);padding:0 var(--space-16);transition:all var(--duration-normal)var(--ease-standard);background:#ffffff0d;border:1px solid #fff3;justify-content:center;text-decoration:none;display:flex}.login-page .social-btn:hover{box-shadow:var(--shadow-md);background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.login-page .social-btn svg{flex-shrink:0;width:20px;height:20px}.login-page .social-btn.google:hover{background:rgb(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.login-page .social-btn.microsoft:hover{background:rgb(var(--color-teal-400-rgb),.1);border-color:var(--color-teal-400)}.login-page .social-btn.apple:hover{background:rgb(var(--color-charcoal-700),.2);border-color:var(--color-charcoal-700)}.login-page .social-btn.github:hover{background:rgb(var(--color-slate-500-rgb),.2);border-color:var(--color-slate-500)}.login-page .biometric-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--radius-base);margin:var(--space-24)0;padding:var(--space-16);background:#ffffff0d;border:1px solid #ffffff1a}.login-page .biometric-title{color:var(--color-cream-100);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-12);text-align:center}.login-page .biometric-options{gap:var(--space-16);justify-content:center;display:flex}.login-page .biometric-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);cursor:pointer;height:60px;transition:all var(--duration-normal)var(--ease-standard);background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:60px;display:flex;position:relative}.login-page .biometric-btn:hover{box-shadow:var(--shadow-lg);background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.login-page .biometric-btn svg{color:var(--color-cream-100);width:24px;height:24px}.login-page .biometric-btn.active{background:var(--color-primary);border-color:var(--color-primary-hover);box-shadow:0 0 20px rgb(var(--color-primary-rgb),.4)}.login-page .biometric-btn.active:after{border:2px solid var(--color-primary);border-radius:var(--radius-lg);content:"";animation:2s infinite pulse;position:absolute;inset:-2px}.login-page .security-indicators{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--radius-base);align-items:center;gap:var(--space-16);margin:var(--space-16)0;padding:var(--space-12);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;display:flex}.login-page .security-indicator{color:#fffc;font-size:var(--font-size-xs);align-items:center;gap:var(--space-8);line-height:var(--line-height-normal);display:flex}.login-page .security-indicator svg{color:var(--color-success);width:16px;height:16px}.login-page .security-indicator.warning svg{color:var(--color-warning)}.login-page .security-indicator.error svg{color:var(--color-error)}.login-page .toast-container{gap:var(--space-8);right:var(--space-16);top:var(--space-8);z-index:var(--z-toast);flex-direction:column;display:flex;position:fixed}.login-page .toast{animation:toastSlideIn .3s var(--ease-standard);background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);align-items:flex-start;gap:var(--space-12);min-width:300px;max-width:400px;padding:var(--space-16);display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.login-page .toast-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.login-page .toast-content{flex:1}.login-page .toast-title{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin-bottom:var(--space-4)}.login-page .toast-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.login-page .toast-close{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-4);transition:all var(--duration-fast)var(--ease-standard);background:0 0;border:none}.login-page .toast-close:hover{background:var(--color-secondary);color:var(--color-text)}.login-page .toast.success{border-left:4px solid var(--color-success)}.login-page .toast.success .toast-icon{color:var(--color-success)}.login-page .toast.error{border-left:4px solid var(--color-error)}.login-page .toast.error .toast-icon{color:var(--color-error)}.login-page .toast.warning{border-left:4px solid var(--color-warning)}.login-page .toast.warning .toast-icon{color:var(--color-warning)}.login-page .toast.info{border-left:4px solid var(--color-info)}.login-page .toast.info .toast-icon{color:var(--color-info)}.login-page .loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;height:100%;z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.login-page .loading-spinner{border-radius:var(--radius-full);border:3px solid #ffffff4d;border-top-color:var(--color-cream-100);width:40px;height:40px}.login-page .skeleton{border-radius:var(--radius-base);background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%) 0 0/200% 100%;animation:1.5s infinite skeleton}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.login-page .skeleton-text{height:1em;margin-bottom:var(--space-8)}.login-page .skeleton-text.wide{width:100%}.login-page .skeleton-text.medium{width:70%}.login-page .skeleton-text.narrow{width:40%}.login-page .error-block{background:rgb(var(--color-error-rgb),.1);border:1px solid rgb(var(--color-error-rgb),.3);border-left:4px solid var(--color-error);border-radius:var(--radius-base);color:var(--color-error);align-items:center;gap:var(--space-12);margin-bottom:var(--space-16);padding:var(--space-12)var(--space-16);width:100%;display:flex}.login-page .error-block .error-icon{flex-shrink:0;align-items:center;display:flex}.login-page .error-block .error-icon svg{width:20px;height:20px}.login-page .error-block .error-content{flex-direction:column;flex:1;gap:2px;display:flex}.login-page .error-block .error-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.login-page .error-block .error-message{font-size:var(--font-size-sm);opacity:.9}.login-page .error-block .error-close{border-radius:var(--radius-full);color:currentColor;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .2s;display:flex}.login-page .error-block .error-close:hover{background:rgb(var(--color-error-rgb),.1);opacity:1}.login-page .error-block .error-close svg{width:16px;height:16px}@media (max-width:480px){.login-page{--login-container-padding:var(--space-16);--login-form-gap:var(--space-16);padding:0}.login-page .login-container{box-shadow:none;background:#ffffffe6;border:none;border-radius:0;flex-direction:column;justify-content:center;width:100%;max-width:none;min-height:100dvh;display:flex}.login-page .login-title{font-size:var(--font-size-2xl)}.login-page .login-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--space-16)}.login-page .login-header{margin-bottom:var(--space-24)}.login-page .social-buttons.dual-column{grid-template-columns:1fr}.login-page .btn-group:not(.stacked){gap:var(--space-8);flex-direction:column}.login-page .btn-group:not(.stacked) .btn{width:100%;padding:0 1rem}.login-page .biometric-options{gap:var(--space-12)}.login-page .biometric-btn{width:50px;height:50px}.login-page .security-indicators{gap:var(--space-8);flex-direction:column}.login-page .toast-container{left:var(--space-8);right:var(--space-8);top:var(--space-8)}.login-page .toast{min-width:auto;max-width:none}.login-page .input-wrapper .form-input,.login-page .input-wrapper input{padding-left:2.25rem;font-size:clamp(.9rem,4vw,1rem)}.login-page .input-icon{width:16px;height:16px;left:.75rem}.login-page .input-wrapper.has-trailing-icon .form-input{padding-right:2.25rem}.login-page .password-input-wrap input{padding-left:2.25rem;padding-right:2.75rem}.login-page .password-toggle{padding:.25rem;font-size:.75rem;right:.5rem}.login-page .form-group{gap:var(--space-6)}.login-page .floating-element:first-child{width:60px;height:60px}.login-page .floating-element:nth-child(2){width:80px;height:80px}.login-page .floating-element:nth-child(3){width:40px;height:40px}}@media (max-width:640px){.login-page .login-container{border-radius:var(--radius-lg)}}@media (min-width:641px) and (max-width:1024px){.login-page .login-container{max-width:450px}}@media (min-width:1025px){.login-page .login-container{max-width:480px}.login-page .login-container:before{background:linear-gradient(90deg,transparent 0%,var(--glass-border)20%,var(--glass-border)80%,transparent 100%)}}@media (min-width:1440px){.login-page{padding:var(--space-32)}.login-page .floating-element:first-child{width:100px;height:100px}.login-page .floating-element:nth-child(2){width:160px;height:160px}.login-page .floating-element:nth-child(3){width:80px;height:80px}}@media print{.login-page{background:var(--color-cream-100)!important;color:var(--color-slate-900)!important}.login-page:before,.login-page:after,.login-page .floating-elements{display:none!important}.login-page .login-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--color-cream-100)!important;border:2px solid var(--color-slate-900)!important;box-shadow:none!important}.login-page .login-title,.login-page .login-subtitle,.login-page .form-label,.login-page .form-input,.login-page .btn{color:var(--color-slate-900)!important}.login-page .social-login,.login-page .biometric-section,.login-page .security-indicators{display:none!important}}.login-page[dir=rtl] .input-icon{left:auto;right:var(--space-16)}.login-page[dir=rtl] .input-wrapper .form-input{padding-left:var(--space-16);padding-right:var(--space-32)}.login-page[dir=rtl] .input-trailing-icon,.login-page[dir=rtl] .password-toggle{left:var(--space-16);right:auto}.login-page[dir=rtl] .form-select{background-position:left var(--space-16)center;padding:0 var(--space-16)0 var(--space-32)}.login-page[dir=rtl] .toast-container{left:var(--space-16);right:auto}.login-page[dir=rtl] .social-login-title:before{left:auto;right:0}.login-page[dir=rtl] .social-login-title:after{left:0;right:auto}.login-page .focus-trap{position:relative}.login-page .focus-trap:before,.login-page .focus-trap:after{content:"";opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.login-page .form-input[aria-invalid=true]{border-color:var(--color-error)}.login-page .form-input[aria-invalid=false]{border-color:var(--color-success)}@media (prefers-contrast:high){.login-page .login-container{border-width:3px}.login-page .form-input:focus,.login-page .form-select:focus,.login-page .btn:focus{outline:3px solid var(--color-primary);outline-offset:3px}.login-page .btn-primary{background:var(--color-primary);border:2px solid var(--color-primary-active)}.login-page .btn-secondary{border-width:2px}}@media (prefers-reduced-motion:reduce){.login-page .loading-spinner{border:3px solid #ffffff4d;border-top-color:var(--color-cream-100);animation:none}.login-page .skeleton{background:#ffffff26;animation:none}.login-page .biometric-btn.active:after{animation:none}}@media (hover:none){.login-page .btn:hover,.login-page .form-input:hover,.login-page .social-btn:hover{transform:none}}.login-page .btn:active:not(:disabled){transform:scale(.98)}.login-page .form-input:active{transform:none}.login-page .form-input:disabled,.login-page .form-select:disabled,.login-page .form-checkbox input:disabled,.login-page .form-radio input:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:no-preference){.login-page .login-container{animation:slideInUp .6s var(--ease-standard)}.login-page .floating-element{animation:6s ease-in-out infinite float}.login-page .login-page:after{animation:20s ease-in-out infinite backgroundShift}}@media (prefers-reduced-motion:no-preference) and (hover:hover){.login-page .btn:hover{transition:all var(--duration-fast)var(--ease-standard)}.login-page .form-input:focus{transition:all var(--duration-normal)var(--ease-standard)}.login-page .social-btn:hover{transition:all var(--duration-fast)var(--ease-standard)}}.login-button{background-color:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);padding:var(--spacing-2)var(--spacing-4);font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-block}.login-button:hover{background-color:var(--color-primary-hover)}.modal-backdrop{background:var(--overlay-dark);width:100vw;height:100vh;z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 6px 32px var(--shadow-sm);text-align:center;width:100%;max-width:420px;padding:2rem}.add-new-grid{grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}.add-new-box{background:var(--surface-secondary);border:1.5px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);padding:1.6rem .7rem;font-weight:600;transition:background .2s,color .2s}.add-new-box:hover{background:var(--color-primary);color:var(--color-white)}.btn-close{background:var(--border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);border:none;margin-top:1rem;padding:.5rem 1rem;transition:background .2s}.btn-close:hover{background:var(--border-secondary)}.calendar-page{background:var(--color-white);font-family:var(--font-family-sans);min-height:100vh;padding:1.5rem}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calendar-nav{gap:.5rem;display:flex}.calendar-nav button,.calendar-nav select{background:var(--surface-tertiary);border:1px solid var(--border-secondary);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:.4rem .8rem;font-size:.95rem}.calendar-title{border:1px solid #0000;padding:.4rem .8rem;font-weight:600;display:inline-block}.calendar-controls{align-items:center;gap:.5rem;display:flex}.calendar-controls button{background:var(--surface-secondary);color:var(--text-primary);cursor:pointer;border:none;border-radius:4px;padding:.4rem .9rem;font-weight:600;transition:background .2s}.calendar-controls button.active,.calendar-controls button:focus{background:var(--color-primary);color:var(--color-white)}.btn-add-new{background:var(--color-success);color:var(--color-white)}.btn-add-new:hover{background:var(--color-success);filter:brightness(.9)}.calendar-grid{border:1px solid var(--border-primary);border-radius:6px;overflow:hidden}.calendar-row.calendar-days{background:var(--surface-tertiary);display:flex}.calendar-day{border-right:1px solid var(--border-primary);color:var(--text-secondary);text-align:center;flex:1;padding:.8rem 0;font-weight:600}.calendar-day:last-child{border-right:none}.calendar-body{flex-wrap:wrap;display:flex}.calendar-cell{background:var(--color-white);border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary);width:14.2857%;min-height:90px;padding:.45rem;position:relative}.calendar-cell--other{background:var(--surface-tertiary);color:var(--text-disabled)}.calendar-body .calendar-cell:nth-last-child(-n+7){border-bottom:none}.calendar-date{font-size:.93rem;font-weight:600}.calendar-event{text-overflow:ellipsis;white-space:nowrap;border-radius:12px;margin-top:.3rem;padding:.15rem .5rem;font-size:.85rem;display:inline-block;overflow:hidden}.calendar-event--leads{background:var(--status-inquiry-bg);color:var(--status-inquiry-text)}.calendar-event--jobs{background:var(--status-booking-bg);color:var(--status-booking-text)}.calendar-event--appointments{background:var(--status-preparation-bg);color:var(--status-preparation-text)}@media (max-width:768px){.calendar-header{flex-direction:column;align-items:flex-start;gap:.75rem}.calendar-cell{min-height:60px}}.client-detail-page{background:var(--color-white);color:var(--color-text-primary);font-family:var(--font-family-sans);max-width:1000px;min-height:100vh;margin:0 auto;padding:1.5rem}.client-detail-header{border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.client-detail-actions{gap:.5rem;display:flex}.btn-back{background:var(--color-secondary);color:var(--color-white);cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.btn-back:hover,.btn-back:focus{background-color:var(--color-neutral-600);outline:none}.btn-edit{background:var(--color-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.btn-edit:hover,.btn-edit:focus{background-color:var(--color-primary-hover);outline:none}.btn-save{background:var(--color-success);color:var(--color-white);cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.btn-save:hover,.btn-save:focus{background-color:var(--color-success);outline:none}.btn-cancel{background:var(--color-secondary);color:var(--color-white);cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.btn-cancel:hover,.btn-cancel:focus{background-color:var(--color-neutral-600);outline:none}.btn-delete-detail{background:var(--color-danger);color:var(--color-white);cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.btn-delete-detail:hover,.btn-delete-detail:focus{background-color:var(--color-danger-hover);outline:none}.client-detail-content{grid-template-columns:200px 1fr;align-items:start;gap:2rem;display:grid}.client-detail-photo-section{flex-direction:column;align-items:center;display:flex}.client-photo-container{width:150px;height:150px;position:relative}.client-photo{border:3px solid var(--border-secondary);object-fit:cover;border-radius:50%;width:100%;height:100%;transition:border-color .2s}.client-photo:hover{border-color:var(--color-primary)}.client-photo-placeholder{background-color:var(--surface-secondary);border:3px dashed var(--border-secondary);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:border-color .2s,background-color .2s;display:flex}.client-photo-placeholder:hover{background-color:var(--surface-tertiary);border-color:var(--color-primary)}.client-photo-placeholder span{margin-bottom:.5rem;font-size:2rem}.client-photo-placeholder p{color:var(--color-text-secondary);text-align:center;margin:0;font-size:.8rem}.photo-upload-overlay{color:#fff;background:#2c7be5cc;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex;position:absolute;inset:0}.client-detail-info{flex:1}.client-name{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.workflow-section{background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.workflow-title{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.2rem;font-weight:600}.workflow-wrapper{flex-wrap:wrap;gap:.5rem;display:flex}.wf-step{color:var(--color-white);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px 12px 12px 3px;align-items:center;min-height:44px;padding:.6rem 1.1rem .6rem .9rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;position:relative}.wf-step.todo{background:var(--color-neutral-400)}.wf-step.active{background:var(--color-primary);box-shadow:0 2px 4px #2c7be54d}.wf-step.done{background:var(--color-success)}.wf-step:hover{opacity:.85;transform:translateY(-1px)}.wf-step:after{content:"";border-top:22px solid #0000;border-bottom:22px solid #0000;border-left:12px solid;width:0;height:0;position:absolute;top:0;right:-12px}.wf-step:last-child{border-radius:3px}.wf-step:last-child:after{display:none}.wf-number{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:.5rem;font-size:.7rem;display:flex}.wf-label{white-space:nowrap}.client-details-grid{grid-template-columns:1fr 1fr;gap:1rem 1.5rem;display:grid}.detail-item{flex-direction:column;display:flex}.detail-item label{color:var(--color-text-primary);margin-bottom:.3rem;font-size:.9rem;font-weight:600}.detail-item span{color:var(--color-text-secondary);font-size:1rem}.detail-item span a{color:var(--color-primary);text-decoration:none}.detail-item span a:hover{text-decoration:underline}.detail-item input{border:1px solid var(--border-secondary);border-radius:4px;padding:.5rem .75rem;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.detail-item input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 .2rem #2c7be540}.client-detail-loading,.client-detail-error{text-align:center;padding:2rem;font-size:1.1rem}.client-detail-error{color:var(--color-danger)}.client-detail-loading{color:var(--color-text-secondary)}@media (max-width:768px){.client-detail-content{grid-template-columns:1fr;gap:1.5rem}.client-detail-photo-section{order:-1}.client-photo-container{width:120px;height:120px}.client-details-grid{grid-template-columns:1fr}.client-detail-header{flex-direction:column;align-items:stretch;gap:1rem}.client-detail-actions{justify-content:center}.workflow-wrapper{flex-direction:column}.wf-step{border-radius:3px;margin-bottom:.5rem}.wf-step:after{display:none}}@media (max-width:600px){.client-detail-page{padding:1rem}.client-photo-container{width:100px;height:100px}.client-name{font-size:1.5rem}.client-detail-actions{flex-direction:column}.client-detail-actions button{width:100%}.wf-step{padding:.5rem .9rem;font-size:.65rem}.wf-label{display:none}}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lead-form{flex-direction:column;gap:1rem;display:flex}.form-row{gap:1rem;display:flex}.form-row label{color:var(--color-text-primary);flex-direction:column;flex:1;font-size:.9rem;display:flex}.form-row input,.lead-form select,.lead-form textarea{border:1px solid var(--border-secondary);border-radius:4px;margin-top:.25rem;padding:.5rem;font-size:.9rem;transition:border-color .15s ease-in-out}.form-row input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem var(--color-interactive-active);outline:none}.full-width{flex-direction:column;display:flex}.full-width textarea{resize:vertical;min-height:80px}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.btn-cancel,.btn-save{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.btn-cancel{background:var(--color-neutral-300);color:var(--color-text-primary)}.btn-cancel:hover,.btn-cancel:focus{background:var(--color-neutral-400)}.btn-save{background:var(--color-primary);color:var(--color-white)}.btn-save:hover,.btn-save:focus{background:var(--color-primary-hover)}.clients-page{background:var(--color-white);color:var(--color-text-primary);font-family:var(--font-family-sans);min-height:100vh;padding:1.5rem}.clients-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.clients-header h1{color:var(--color-text-primary);margin:0;font-size:1.5rem}.clients-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-export,.btn-add,.btn-delete,.btn-details{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:4px;padding:.4rem .9rem;font-size:.9rem;font-weight:600;transition:background-color .2s,color .2s;box-shadow:0 1px 2px #0000000d}.btn-export{background:var(--surface-tertiary);color:var(--color-text-primary)}.btn-export:hover,.btn-export:focus{background:var(--surface-tertiary)}.btn-add{background:var(--color-primary);color:var(--color-white)}.btn-add:hover,.btn-add:focus{background:var(--color-primary-hover)}.btn-details{background:var(--color-primary);color:var(--color-white);margin-right:.3rem}.btn-details:hover,.btn-details:focus{background:var(--color-primary-hover)}.btn-delete{background-color:var(--color-danger);color:var(--color-white);border-radius:3px;padding:.3rem .7rem}.btn-delete:hover,.btn-delete:focus{background-color:var(--color-danger-hover)}.clients-table-container{max-width:100%;overflow-x:auto}.clients-table{border-collapse:collapse;color:var(--color-text-secondary);width:100%;margin-top:1rem;font-size:.9rem}.clients-table th,.clients-table td{border-bottom:1px solid var(--border-secondary);text-align:left;vertical-align:middle;padding:.75rem}.clients-table th{background:var(--surface-secondary);color:var(--color-text-secondary);z-index:1;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.clients-table tr:hover{background-color:var(--surface-tertiary)}.clients-table th:first-child,.clients-table td:first-child{text-align:center;width:80px}@media (max-width:768px){.clients-controls{flex-direction:column;align-items:stretch}.btn-export,.btn-add{width:100%}.clients-table th,.clients-table td{padding:.5rem;font-size:.85rem}}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2)format("woff2")}.admin-enhanced-workflow-scope{--workflow-step-width:100%;--workflow-step-gap:var(--space-20);--workflow-header-height:120px;--workflow-progress-height:var(--space-8);--workflow-card-padding:var(--space-24);--workflow-sidebar-width:320px;--workflow-transition:all var(--duration-normal)var(--ease-standard);--workflow-step-scale:1.02;--workflow-drag-scale:1.05;--workflow-hover-lift:-4px;--action-email:var(--color-red-500);--action-whatsapp:var(--color-teal-500);--action-sms:var(--color-teal-600);--action-call:var(--color-teal-700);--action-video-call:var(--color-teal-800);--action-portfolio:var(--color-orange-500);--action-proposal:var(--color-teal-400);--action-meeting:var(--color-teal-300);--action-contract:var(--color-slate-500);--action-follow-up:var(--color-orange-400);--action-reminder:var(--color-red-400);--status-pending:var(--color-warning);--status-scheduled:var(--color-info);--status-executing:var(--color-primary);--status-completed:var(--color-success);--status-failed:var(--color-error);--status-skipped:var(--color-text-secondary);--status-overdue:var(--color-orange-500);--status-cancelled:var(--color-text-secondary);--priority-low:var(--color-text-secondary);--priority-medium:var(--color-warning);--priority-high:var(--color-orange-500);--priority-critical:var(--color-error);--z-workflow-base:1;--z-workflow-steps:2;--z-workflow-drag:1000;--z-workflow-modals:1100;--z-workflow-tooltips:1200}.enhanced-workflow{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--space-24);max-height:85vh;padding:var(--workflow-card-padding);flex-direction:column;display:flex;position:relative;overflow:hidden}.workflow-header{border-bottom:2px solid var(--color-border);align-items:flex-start;gap:var(--space-24);padding-bottom:var(--space-20);justify-content:space-between;display:flex;position:relative}.workflow-header:after{background:linear-gradient(90deg,transparent,var(--color-primary),transparent);content:"";opacity:.6;height:2px;position:absolute;bottom:-2px;left:0;right:0}.workflow-stats{align-items:center;gap:var(--space-20);flex-wrap:wrap;display:flex}.stat{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:80px;padding:var(--space-8)var(--space-16);text-align:center;transition:var(--workflow-transition);flex-direction:column;align-items:center;display:flex}.stat:hover{background:var(--color-surface);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-value{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);margin-top:var(--space-2);text-transform:uppercase}.header-actions{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.btn-templates,.btn-analytics,.btn-generate-workflow,.btn-add-step{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-8);padding:var(--space-10)var(--space-16);transition:var(--workflow-transition);white-space:nowrap;border:2px solid #0000;text-decoration:none;display:flex;position:relative;overflow:hidden}.btn-templates,.btn-analytics{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.btn-templates:hover,.btn-analytics:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text);transform:translateY(-2px)}.btn-generate-workflow{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);color:var(--color-btn-primary-text)}.btn-generate-workflow:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-generate-workflow:disabled{background:var(--color-secondary);border-color:var(--color-border);box-shadow:none;color:var(--color-text-secondary);cursor:not-allowed;transform:none}.btn-add-step{background:var(--color-success);border-color:var(--color-success);color:var(--color-surface)}.btn-add-step:hover{background:var(--color-success);box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-2px)}.workflow-progress{gap:var(--space-8);flex-direction:column;display:flex}.progress-bar{background:var(--color-border);border-radius:var(--radius-full);height:var(--workflow-progress-height);position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-full);height:100%;transition:width .8s var(--ease-standard);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d);width:20px;animation:2s infinite shimmer;position:absolute;top:0;bottom:0;right:0}.progress-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}.workflow-error{animation:slideInError .3s var(--ease-standard);background:rgb(var(--color-error-rgb),.1);border:1px solid rgb(var(--color-error-rgb),.3);border-radius:var(--radius-md);color:var(--color-error);align-items:center;gap:var(--space-12);padding:var(--space-16);display:flex}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-dismiss:hover{background:var(--color-error);color:var(--color-surface)}.empty-workflow{background:linear-gradient(135deg,var(--color-surface),var(--color-secondary));border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);min-height:400px;padding:var(--space-32)var(--space-32)var(--space-32)var(--space-32);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-workflow h4{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-16)0}.empty-workflow p{font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0 0 var(--space-32)0;max-width:500px}.btn-get-started,.btn-manual-start{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-8);padding:var(--space-12)var(--space-24);transition:var(--workflow-transition);border:2px solid;text-decoration:none;display:flex}.btn-get-started{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-btn-primary-text)}.btn-get-started:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-get-started:disabled{background:var(--color-secondary);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none}.btn-manual-start{border-color:var(--color-primary);color:var(--color-primary);background:0 0}.btn-manual-start:hover{background:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-btn-primary-text);transform:translateY(-2px)}.workflow-steps{gap:var(--workflow-step-gap);max-height:600px;padding:var(--space-4);z-index:var(--z-workflow-steps);flex-direction:column;display:flex;overflow:hidden auto}.workflow-steps::-webkit-scrollbar{width:var(--space-8)}.workflow-steps::-webkit-scrollbar-track{background:var(--color-secondary);border-radius:var(--radius-full)}.workflow-steps::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-secondary);border-radius:var(--radius-full)}.workflow-steps::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.workflow-step{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:var(--workflow-transition);position:relative;overflow:hidden}.workflow-step:before{background:var(--step-color,var(--color-border));content:"";height:4px;transition:var(--workflow-transition);position:absolute;top:0;left:0;right:0}.workflow-step:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(var(--workflow-hover-lift))}.workflow-step.dragging{box-shadow:var(--shadow-lg);opacity:.9;transform:scale(var(--workflow-drag-scale))rotate(2deg);z-index:var(--z-workflow-drag)}.workflow-step--pending{--step-color:var(--status-pending);background:rgb(var(--color-warning-rgb),.02);border-color:rgb(var(--color-warning-rgb),.3)}.workflow-step--scheduled{--step-color:var(--status-scheduled);background:rgb(var(--color-info-rgb),.02);border-color:rgb(var(--color-info-rgb),.3)}.workflow-step--executing{--step-color:var(--status-executing);background:rgb(var(--color-success-rgb),.02);border-color:rgb(var(--color-success-rgb),.3);animation:2s ease-in-out infinite pulse}.workflow-step--completed{--step-color:var(--status-completed);background:rgb(var(--color-success-rgb),.02);border-color:rgb(var(--color-success-rgb),.3)}.workflow-step--failed{--step-color:var(--status-failed);background:rgb(var(--color-error-rgb),.02);border-color:rgb(var(--color-error-rgb),.3)}.workflow-step--overdue{--step-color:var(--status-overdue);background:rgb(var(--color-orange-500-rgb),.02);border-color:rgb(var(--color-orange-500-rgb),.3);animation:2s ease-in-out infinite warning-blink}@keyframes warning-blink{0%,to{border-color:rgb(var(--color-orange-500-rgb),.3)}50%{border-color:rgb(var(--color-orange-500-rgb),.8)}}.step-header{background:linear-gradient(135deg,var(--color-surface),var(--color-secondary));border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-16);padding:var(--space-20);display:flex;position:relative}.step-drag-handle{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:grab;font-size:var(--font-size-lg);height:40px;transition:var(--workflow-transition);justify-content:center;align-items:center;width:24px;display:flex}.step-drag-handle:hover{background:var(--color-border);color:var(--color-text)}.step-drag-handle:active{cursor:grabbing}.step-indicator{align-items:center;gap:var(--space-4);flex-direction:column;display:flex;position:relative}.step-status-wrapper{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.step-status-icon{font-size:var(--font-size-xl);transition:var(--workflow-transition)}.step-number{background:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-btn-primary-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;width:24px;height:24px;display:flex}.step-progress{justify-content:center;align-items:center;display:flex;position:relative}.progress-line{background:var(--color-border);width:2px;height:20px}.progress-connector{background:linear-gradient(to bottom,var(--color-primary),transparent);height:var(--workflow-step-gap);z-index:-1;width:2px;position:absolute;top:20px}.step-main-content{flex:1;min-width:0}.step-title-row{align-items:center;gap:var(--space-12);margin-bottom:var(--space-8);display:flex}.step-title-input{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-8)var(--space-12);transition:var(--workflow-transition);border:2px solid #0000;flex:1}.step-title-input:focus{background:var(--color-background);border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.step-title-input::placeholder{color:var(--color-text-secondary);opacity:.7}.step-badges{align-items:center;gap:var(--space-6);display:flex}.priority-badge,.approval-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-4);letter-spacing:var(--letter-spacing-tight);padding:var(--space-2)var(--space-6);text-transform:uppercase;display:flex}.priority-badge{box-shadow:var(--shadow-xs);color:var(--color-surface)}.approval-badge{background:var(--color-warning);color:var(--color-surface);animation:2s ease-in-out infinite glow}@keyframes glow{0%,to{opacity:1}50%{opacity:.6}}.step-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.step-timing{font-weight:var(--font-weight-medium)}.step-duration,.step-success-rate{opacity:.8}.step-actions{align-items:center;gap:var(--space-8);display:flex}.btn-expand,.btn-remove-step{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);height:32px;transition:var(--workflow-transition);border:none;justify-content:center;align-items:center;width:32px;display:flex}.btn-expand{background:var(--color-secondary);color:var(--color-text-secondary)}.btn-expand:hover{background:var(--color-primary);color:var(--color-btn-primary-text);transform:scale(1.1)}.btn-remove-step{background:var(--color-error);color:var(--color-surface)}.btn-remove-step:hover{background:var(--color-error);box-shadow:var(--shadow-sm);opacity:.8;transform:scale(1.1)}.step-content{animation:expandContent .3s var(--ease-standard);background:var(--color-background);border-top:1px solid var(--color-border);padding:var(--space-20)}@keyframes expandContent{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;padding-bottom:var(--space-20);padding-top:var(--space-20)}}.config-grid{gap:var(--space-16);margin-bottom:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.config-field{gap:var(--space-6);flex-direction:column;display:flex}.config-field label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase}.field-description{background:var(--color-secondary);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin-top:var(--space-4);padding:var(--space-8)}.action-select,.priority-select,.status-select,.unit-select{-webkit-appearance:none;appearance:none;background:var(--color-surface);background-image:var(--select-caret-light);background-position:right var(--space-8)center;background-repeat:no-repeat;background-size:var(--space-12);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-8)var(--space-12);padding-right:var(--space-32);transition:var(--workflow-transition)}.action-select:focus,.priority-select:focus,.status-select:focus,.unit-select:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.delay-config{align-items:center;gap:var(--space-8);display:flex}.delay-input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-8)var(--space-12);transition:var(--workflow-transition);flex:1}.delay-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.conditions-section{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-24);overflow:hidden}.section-header{background:var(--color-secondary);border-bottom:1px solid var(--color-border);padding:var(--space-12)var(--space-16)}.btn-toggle-conditions{color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-8);transition:var(--workflow-transition);background:0 0;border:none;padding:0;display:flex}.btn-toggle-conditions:hover{color:var(--color-primary)}.conditions-config{background:var(--color-background);gap:var(--space-16);padding:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.condition-field{gap:var(--space-6);flex-direction:column;display:flex}.condition-field label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase}.condition-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-6)var(--space-10);transition:var(--workflow-transition)}.condition-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgb(var(--color-teal-500-rgb),.2);outline:none}.condition-checkbox{accent-color:var(--color-primary);cursor:pointer;width:18px;height:18px}.message-config{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-20);overflow:hidden}.message-config label{background:var(--color-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-12)var(--space-16);margin:0;display:block}.message-prompt-input{background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);min-height:100px;padding:var(--space-16);resize:vertical;border:none;width:100%}.message-prompt-input:focus{background:var(--color-background);outline:none}.message-prompt-input::placeholder{color:var(--color-text-secondary);opacity:.7}.message-actions{background:var(--color-background);border-top:1px solid var(--color-border);align-items:center;gap:var(--space-12);padding:var(--space-12)var(--space-16);display:flex}.btn-generate-message,.btn-regenerate{background:var(--color-info);border:2px solid var(--color-info);border-radius:var(--radius-md);color:var(--color-surface);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-8);padding:var(--space-8)var(--space-16);transition:var(--workflow-transition);display:flex}.btn-generate-message:hover:not(:disabled),.btn-regenerate:hover:not(:disabled){background:var(--color-info);box-shadow:var(--shadow-md);opacity:.8;transform:translateY(-2px)}.btn-generate-message:disabled,.btn-regenerate:disabled{background:var(--color-secondary);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none}.btn-regenerate{color:var(--color-info);background:0 0}.btn-regenerate:hover:not(:disabled){background:var(--color-info);color:var(--color-surface)}.generated-message{animation:slideInMessage .4s var(--ease-standard);border:2px solid var(--color-info);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}@keyframes slideInMessage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-header{background:var(--color-info);color:var(--color-surface);padding:var(--space-12)var(--space-16);justify-content:space-between;align-items:center;display:flex}.message-info{align-items:center;gap:var(--space-12);display:flex}.message-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.message-length{font-size:var(--font-size-xs);opacity:.8}.message-quality{align-items:center;gap:var(--space-4);display:flex}.quality-score{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-2)var(--space-6);background:#fff3}.message-preview{background:var(--color-background);border-bottom:1px solid var(--color-border);max-height:200px;padding:var(--space-16);overflow-y:auto}.message-preview pre{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:pre-wrap;overflow-wrap:break-word;margin:0}.message-preview::-webkit-scrollbar{width:4px}.message-preview::-webkit-scrollbar-track{background:0 0}.message-preview::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.approval-actions{background:var(--color-surface);border-top:1px solid var(--color-border);gap:var(--space-12);padding:var(--space-16);display:flex}.btn-approve,.btn-reject,.btn-edit{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-6);padding:var(--space-8)var(--space-16);transition:var(--workflow-transition);border:2px solid;display:flex}.btn-approve{background:var(--color-success);border-color:var(--color-success);color:var(--color-surface)}.btn-approve:hover:not(:disabled){background:var(--color-success);box-shadow:var(--shadow-md);opacity:.8;transform:translateY(-2px)}.btn-approve:disabled{background:var(--color-secondary);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none}.btn-reject{background:var(--color-error);border-color:var(--color-error);color:var(--color-surface)}.btn-reject:hover{background:var(--color-error);box-shadow:var(--shadow-md);opacity:.8;transform:translateY(-2px)}.btn-edit{border-color:var(--color-warning);color:var(--color-warning);background:0 0}.btn-edit:hover{background:var(--color-warning);box-shadow:var(--shadow-md);color:var(--color-surface);transform:translateY(-2px)}.execution-result{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-16);overflow:hidden}.result-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-12);padding:var(--space-12)var(--space-16);display:flex}.result-icon{font-size:var(--font-size-base)}.result-title{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex:1}.result-time{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.result-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding:var(--space-12)var(--space-16)}.result-metrics{background:var(--color-background);border-top:1px solid var(--color-border);gap:var(--space-20);padding:var(--space-12)var(--space-16);display:flex}.metric{gap:var(--space-2);flex-direction:column;display:flex}.metric-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.template-library-panel{animation:fadeInModal .3s var(--ease-standard);-webkit-backdrop-filter:blur(var(--space-8));backdrop-filter:blur(var(--space-8));padding:var(--space-24);z-index:var(--z-workflow-modals);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.library-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-btn-primary-text);padding:var(--space-20)var(--space-24);justify-content:space-between;align-items:center;display:flex}.library-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.library-close{border-radius:var(--radius-full);color:var(--color-btn-primary-text);cursor:pointer;font-size:var(--font-size-lg);height:32px;transition:var(--workflow-transition);background:#fff3;border:none;justify-content:center;align-items:center;width:32px;display:flex}.library-close:hover{background:#ffffff4d;transform:scale(1.1)}.library-content{animation:slideUpModal .4s var(--ease-standard);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:1200px;max-height:80vh;overflow:hidden}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.template-workflows{gap:var(--space-20);max-height:500px;padding:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid;overflow-y:auto}.template-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-20);transition:var(--workflow-transition)}.template-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.template-header{margin-bottom:var(--space-12);justify-content:space-between;align-items:center;display:flex}.template-header h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0}.template-stage{background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-btn-primary-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-2)var(--space-8);text-transform:uppercase}.template-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0 0 var(--space-16)0}.template-stats{margin-bottom:var(--space-16);justify-content:space-between;display:flex}.template-stats .stat{background:var(--color-secondary);border-radius:var(--radius-sm);min-width:auto;padding:var(--space-8);text-align:center}.btn-use-template{background:var(--color-success);border:2px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-surface);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-10)var(--space-16);transition:var(--workflow-transition);width:100%}.btn-use-template:hover{background:var(--color-success);box-shadow:var(--shadow-md);opacity:.8;transform:translateY(-2px)}.workflow-analytics-panel{animation:slideInRight .3s var(--ease-standard);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:80vh;right:var(--space-24);top:var(--space-24);width:400px;z-index:var(--z-workflow-modals);position:fixed;overflow:hidden}.analytics-header{background:linear-gradient(135deg,var(--color-info),var(--color-info));color:var(--color-surface);padding:var(--space-16)var(--space-20);justify-content:space-between;align-items:center;display:flex}.analytics-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.analytics-close{border-radius:var(--radius-full);color:var(--color-surface);cursor:pointer;font-size:var(--font-size-base);height:28px;transition:var(--workflow-transition);background:#fff3;border:none;justify-content:center;align-items:center;width:28px;display:flex}.analytics-close:hover{background:#ffffff4d;transform:scale(1.1)}.analytics-content{max-height:calc(80vh - 60px);padding:var(--space-20);overflow-y:auto}.analytics-grid{gap:var(--space-12);margin-bottom:var(--space-24);grid-template-columns:repeat(2,1fr);display:grid}.analytics-card{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-12);padding:var(--space-16);transition:var(--workflow-transition);display:flex}.analytics-card:hover{background:var(--color-background);box-shadow:var(--shadow-sm)}.card-content{text-align:center;flex:1}.card-value{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1;display:block}.card-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);margin-top:var(--space-2);text-transform:uppercase;display:block}.step-breakdown h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--space-16)0}.breakdown-chart{margin-bottom:var(--space-16)}.chart-bar{background:var(--color-border);border-radius:var(--radius-full);height:20px;display:flex;overflow:hidden}.bar-segment{height:100%;transition:width .8s var(--ease-standard)}.bar-segment.completed{background:var(--color-success)}.bar-segment.failed{background:var(--color-error)}.bar-segment.pending{background:var(--color-warning)}.chart-legend{gap:var(--space-8);margin-top:var(--space-12);flex-wrap:wrap;display:flex}.legend-item{color:var(--color-text-secondary);font-size:var(--font-size-xs);align-items:center;gap:var(--space-4);display:flex}.legend-color{border-radius:var(--radius-full);height:var(--space-12);width:var(--space-12)}.legend-color.completed{background:var(--color-success)}.legend-color.failed{background:var(--color-error)}.legend-color.pending{background:var(--color-warning)}.workflow-footer{background:var(--color-secondary);border-radius:0 0 var(--radius-lg)var(--radius-lg);border-top:1px solid var(--color-border);padding:var(--space-12)var(--space-20);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.save-status{font-size:var(--font-size-sm);align-items:center;gap:var(--space-8);display:flex}.status-saving,.status-saved,.status-unsaved{font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-4);display:flex}.status-saving{color:var(--color-warning);animation:1.5s ease-in-out infinite pulse}.status-saved{color:var(--color-success)}.status-unsaved{color:var(--color-warning)}@media (min-width:1200px){.enhanced-workflow{padding:var(--space-32)}.config-grid{grid-template-columns:repeat(4,1fr)}.workflow-analytics-panel{width:480px}}@media (max-width:1199px){.config-grid{grid-template-columns:repeat(2,1fr)}.template-workflows{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.enhanced-workflow{max-height:90vh;padding:var(--space-16)}.workflow-header{align-items:stretch;gap:var(--space-16);flex-direction:column}.header-actions{gap:var(--space-8);flex-direction:column}.btn-generate-workflow,.btn-add-step,.btn-templates,.btn-analytics,.workflow-stats{justify-content:center}.step-header{gap:var(--space-12);flex-wrap:wrap}.step-title-row{align-items:stretch;gap:var(--space-8);flex-direction:column}.step-badges{justify-content:flex-start}.config-grid{gap:var(--space-12);grid-template-columns:1fr}.conditions-config{grid-template-columns:1fr}.approval-actions{flex-direction:column}.result-metrics{gap:var(--space-8);flex-direction:column}.template-library-panel{padding:var(--space-12)}.library-content{max-height:95vh}.template-categories{padding:var(--space-12)}.template-workflows{padding:var(--space-16);grid-template-columns:1fr}.template-stats{gap:var(--space-8);flex-direction:column}.workflow-analytics-panel{inset:var(--space-12);width:auto;max-height:none;position:fixed}.analytics-grid{grid-template-columns:1fr}}@media (max-width:480px){.enhanced-workflow{border-radius:var(--radius-lg);gap:var(--space-16);max-height:95vh;padding:var(--space-12)}.workflow-header{gap:var(--space-12);padding-bottom:var(--space-12)}.header-title h3{font-size:var(--font-size-xl)}.workflow-stats{gap:var(--space-12)}.stat{min-width:60px;padding:var(--space-6)var(--space-12)}.stat-value{font-size:var(--font-size-base)}.header-actions{gap:var(--space-6)}.btn-templates,.btn-analytics,.btn-generate-workflow,.btn-add-step{font-size:var(--font-size-xs);padding:var(--space-8)var(--space-12)}.workflow-steps{gap:var(--space-16);max-height:400px}.step-header{gap:var(--space-8);padding:var(--space-12)}.step-content{padding:var(--space-12)}.step-title-input{font-size:var(--font-size-sm)}.step-meta{align-items:flex-start;gap:var(--space-4);flex-direction:column}.step-badges{gap:var(--space-4);flex-wrap:wrap}.message-actions{gap:var(--space-8);flex-direction:column}.approval-actions{gap:var(--space-8);flex-wrap:wrap}.empty-workflow{min-height:300px;padding:var(--space-24)}.empty-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-16)}.empty-workflow h4{font-size:var(--font-size-lg)}.empty-actions{gap:var(--space-12);flex-direction:column;width:100%}.template-library-panel{padding:var(--space-8)}.library-content{border-radius:var(--radius-lg);max-height:95vh}.library-header{padding:var(--space-16)}.library-header h3{font-size:var(--font-size-lg)}.template-categories{gap:var(--space-6);padding:var(--space-12)}.template-workflows{gap:var(--space-16);padding:var(--space-12)}.template-card{padding:var(--space-16)}.workflow-analytics-panel{inset:var(--space-8)}.analytics-header{padding:var(--space-12)var(--space-16)}.analytics-content{padding:var(--space-16)}.analytics-grid{gap:var(--space-8)}.analytics-card{gap:var(--space-8);padding:var(--space-12);text-align:center;flex-direction:column}}@media (hover:none) and (pointer:coarse){.workflow-step:hover,.template-card:hover,.analytics-card:hover,.btn-generate-workflow:hover:not(:disabled),.btn-add-step:hover,.btn-approve:hover:not(:disabled),.btn-reject:hover{transform:none}.step-drag-handle{width:32px;height:48px}.btn-expand,.btn-remove-step{width:40px;height:40px}.btn-templates,.btn-analytics,.btn-generate-workflow,.btn-add-step{padding:var(--space-12)var(--space-16)}}@media (prefers-contrast:high){.workflow-step,.template-card,.analytics-card,.generated-message{border-width:2px}.workflow-step--completed,.workflow-step--failed,.workflow-step--overdue{border-width:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.workflow-step,.template-card,.analytics-card{transform:none!important}.empty-icon{animation:none}}.step-title-input:focus-visible,.action-select:focus-visible,.btn-generate-message:focus-visible,.btn-approve:focus-visible,.btn-use-template:focus-visible{outline:var(--focus-outline);outline-offset:2px;z-index:10;position:relative}@media print{.enhanced-workflow{box-shadow:none;border:2px solid #000;max-height:none;overflow:visible}.template-library-panel,.workflow-analytics-panel,.header-actions,.approval-actions,.message-actions{display:none!important}.workflow-step{margin-bottom:var(--space-16);break-inside:avoid}.step-content{display:block}.generated-message{border:1px solid #000}}.modal p{color:var(--color-text-secondary);margin:.5rem 0;font-size:.95rem}.modal p strong{color:var(--color-text-primary)}.modal button{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:1rem;padding:.5rem 1rem;font-size:.9rem}.modal button:hover{opacity:.9}.media-display{gap:1.5rem;margin-top:1rem;display:flex}.media-item{color:var(--color-text-primary);flex-direction:column;align-items:center;font-size:.9rem;display:flex}.media-item i{margin-bottom:.2rem;font-size:1.4rem}.email-toggle{align-items:center;gap:.5rem;display:flex}.modal-backdrop{z-index:999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:var(--color-white);max-width:500px;padding:var(--space-8);border-radius:6px;width:90%;box-shadow:0 4px 12px #0000001a}.modal h2{color:var(--color-text-primary);margin-top:0;font-size:1.5rem}.modal form{flex-direction:column;gap:1rem;display:flex}.modal label{color:var(--color-text-primary);flex-direction:column;font-size:.9rem;display:flex}.modal input,.modal select{border:1px solid var(--border-secondary);border-radius:var(--radius-sm);padding:.45rem .6rem;font-size:.95rem}.form-actions{justify-content:flex-end;gap:.75rem;display:flex}.form-actions button{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem}.form-actions button[type=submit]{background-color:var(--color-primary);color:var(--color-white)}.form-actions button[type=button]{background-color:var(--color-secondary);color:var(--color-white)}.jobs-page{background-color:var(--surface-tertiary);color:var(--color-text-primary);min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.jobs-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.jobs-header h1{color:var(--color-text-primary);margin:0;font-size:1.75rem}.controls{align-items:center;gap:1rem;display:flex}.controls input,.controls select{border:1px solid var(--border-secondary);border-radius:4px;padding:.5rem;font-size:.95rem}.controls button{background-color:var(--color-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.95rem;transition:background-color .3s}.controls button:hover{background-color:var(--color-primary-hover)}.table{background:var(--color-white);border-collapse:collapse;border-radius:6px;width:100%;overflow:hidden;box-shadow:0 0 8px #0000000d}.table th,.table td{border-bottom:1px solid var(--border-primary);text-align:left;padding:1rem;font-size:.95rem}.table th{background-color:var(--surface-tertiary);color:var(--color-text-secondary);font-weight:600}.table tr:hover{background-color:var(--surface-secondary);cursor:pointer}.progress-bar{background:var(--progress-bg);border-radius:4px;width:100px;height:8px;overflow:hidden}.progress-bar div{background-color:var(--color-success);height:100%;transition:width .3s}.phase-tag{border-radius:4px;padding:.25rem .6rem;font-size:.8rem;font-weight:500;display:inline-block}.phase-inquiry{background:var(--status-inquiry-bg);color:var(--status-inquiry-text)}.phase-booking{background:var(--status-booking-bg);color:var(--status-booking-text)}.phase-preparation{background:var(--status-preparation-bg);color:var(--status-preparation-text)}.phase-execution{background:var(--status-execution-bg);color:var(--status-execution-text)}.phase-delivery{background:var(--status-delivery-bg);color:var(--status-delivery-text)}.phase-followup{background:var(--status-followup-bg);color:var(--status-followup-text)}.table button{cursor:pointer;border:none;border-radius:4px;margin-right:.3rem;padding:.35rem .75rem;font-size:.8rem}.table button:hover{opacity:.85}.table .edit-btn{background-color:var(--color-warning);color:var(--color-text-primary)}.table .delete-btn{background-color:var(--color-danger);color:var(--color-white)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2)format("woff2")}:root{--lead-header-height:120px;--lead-nav-height:60px;--lead-content-padding:var(--space-32);--lead-sidebar-width:320px;--lead-score-size:80px;--lead-score-size-large:120px;--lead-transition:all var(--duration-normal)var(--ease-standard);--lead-hover-lift:-2px;--lead-card-scale:1.02;--score-exceptional:linear-gradient(135deg,var(--color-teal-700),var(--color-teal-500));--score-excellent:linear-gradient(135deg,var(--color-teal-500),var(--color-teal-400));--score-very-good:linear-gradient(135deg,var(--color-teal-400),var(--color-teal-300));--score-good:linear-gradient(135deg,var(--color-teal-300),var(--color-primary));--score-average:linear-gradient(135deg,var(--color-warning),var(--color-orange-400));--score-fair:linear-gradient(135deg,var(--color-orange-400),var(--color-orange-500));--score-poor:linear-gradient(135deg,var(--color-orange-500),var(--color-error));--score-very-poor:linear-gradient(135deg,var(--color-error),var(--color-red-400));--activity-system:var(--color-text-secondary);--activity-stage:var(--color-primary);--activity-communication:var(--color-primary);--activity-workflow:var(--color-success);--activity-score:var(--color-warning);--status-online:var(--color-success);--status-offline:var(--color-text-secondary);--status-saving:var(--color-warning);--status-saved:var(--color-success);--status-error:var(--color-error);--status-unsaved:var(--color-warning)}.lead-detail-page{background:var(--color-background);font-family:var(--font-family-base);flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.lead-detail-loading{background:var(--color-background);justify-content:center;align-items:center;height:100vh;display:flex}.loading-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-24);max-width:400px;padding:var(--space-32);text-align:center;flex-direction:column;display:flex}.loading-spinner-large{border:4px solid var(--color-secondary);border-radius:var(--radius-full);border-top:4px solid var(--color-primary);width:60px;height:60px;animation:1s linear infinite spin}.loading-content h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-8)0}.loading-content p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}.lead-detail-error{background:var(--color-background);height:100vh;padding:var(--space-24);justify-content:center;align-items:center;display:flex}.error-container{background:var(--color-surface);border:1px solid var(--color-error);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-24);max-width:500px;padding:var(--space-32);text-align:center;flex-direction:column;display:flex}.error-icon{color:var(--color-error);font-size:var(--font-size-4xl)}.error-content h3{color:var(--color-error);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-12)0}.error-content p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0 0 var(--space-24)0}.error-actions{gap:var(--space-12);display:flex}.btn-retry,.btn-back-error{border:2px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-12)var(--space-24);transition:var(--lead-transition)}.btn-retry{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn-retry:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-back-error{color:var(--color-primary);background:0 0}.btn-back-error:hover{background:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-btn-primary-text);transform:translateY(-2px)}.notification-center{gap:var(--space-8);pointer-events:none;max-width:400px;right:var(--space-24);top:var(--space-24);z-index:1100;flex-direction:column;display:flex;position:fixed}.notification{animation:slideInNotification .3s var(--ease-standard);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:flex-start;gap:var(--space-12);padding:var(--space-16);pointer-events:all;display:flex;position:relative;overflow:hidden}@keyframes slideInNotification{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification:before{background:var(--notification-color,var(--color-primary));content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.notification--success{--notification-color:var(--color-success);background:rgb(var(--color-success-rgb),.05);border-color:rgb(var(--color-success-rgb),.3)}.notification--error{--notification-color:var(--color-error);background:rgb(var(--color-error-rgb),.05);border-color:rgb(var(--color-error-rgb),.3)}.notification--warning{--notification-color:var(--color-warning);background:rgb(var(--color-warning-rgb),.05);border-color:rgb(var(--color-warning-rgb),.3)}.notification--info{--notification-color:var(--color-info);background:rgb(var(--color-info-rgb),.05);border-color:rgb(var(--color-info-rgb),.3)}.notification-icon{font-size:var(--font-size-lg);margin-top:var(--space-2);flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.notification-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.notification-close{background:var(--color-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);height:24px;transition:var(--lead-transition);border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.notification-close:hover{background:var(--color-error);color:var(--color-surface);transform:scale(1.1)}.lead-detail-header{background:linear-gradient(135deg,var(--color-surface)0%,var(--color-secondary)100%);border-bottom:1px solid var(--color-border);min-height:var(--lead-header-height);padding:var(--space-24)var(--lead-content-padding);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.lead-detail-header:after{background:linear-gradient(90deg,transparent,var(--color-primary),transparent);content:"";height:2px;bottom:0;left:var(--lead-content-padding);opacity:.6;right:var(--lead-content-padding);position:absolute}.header-left{align-items:center;gap:var(--space-20);flex:1;min-width:0;display:flex}.btn-back{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-8);padding:var(--space-10)var(--space-16);transition:var(--lead-transition);border:2px solid #0000;text-decoration:none;display:flex;position:relative;overflow:hidden}.btn-back:before{background:var(--color-primary);content:"";opacity:0;transition:opacity var(--duration-normal)var(--ease-standard);position:absolute;inset:0}.btn-back:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text);transform:translateY(-2px)}.btn-back:hover:before{opacity:.1}.back-icon{font-size:var(--font-size-lg);transition:transform var(--duration-normal)var(--ease-standard)}.btn-back:hover .back-icon{transform:translate(-2px)}.back-text{z-index:1;position:relative}.lead-title-section{flex:1;min-width:0}.lead-title{margin:0 0 var(--space-8)0}.lead-title h1{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.lead-company{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-top:var(--space-4)}.lead-metadata{align-items:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.metadata-item{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-8);display:flex}.metadata-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.metadata-value{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.header-right{align-items:center;gap:var(--space-20);flex-shrink:0;display:flex}.lead-score-display{cursor:help;align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.score-circle-header{border-radius:var(--radius-full);box-shadow:var(--shadow-md),inset 0 2px 4px #ffffff1a;height:var(--lead-score-size);transition:var(--lead-transition);width:var(--lead-score-size);border:4px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.score-circle-header:hover{box-shadow:var(--shadow-lg),inset 0 2px 4px #fff3;transform:scale(1.05)}.score-value-header{color:var(--color-surface);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-shadow:0 2px 4px #0000004d;z-index:1;position:relative}.score-info-header{text-align:center;min-width:80px}.score-level-header{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.score-bar{background:var(--color-border);border-radius:var(--radius-full);width:80px;height:4px;overflow:hidden}.score-fill{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width .8s var(--ease-standard)}.pipeline-stage-indicator{background:var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-surface);font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-8);padding:var(--space-12)var(--space-16);transition:var(--lead-transition);display:flex;position:relative;overflow:hidden}.pipeline-stage-indicator:before{content:"";opacity:0;transition:opacity var(--duration-normal)var(--ease-standard);background:linear-gradient(135deg,#0000,#fff3);position:absolute;inset:0}.pipeline-stage-indicator:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pipeline-stage-indicator:hover:before{opacity:1}.stage-label{font-size:var(--font-size-base);z-index:1;position:relative}.status-indicators{align-items:center;gap:var(--space-8);display:flex}.status-indicator{border-radius:var(--radius-full);font-size:var(--font-size-sm);justify-content:center;align-items:center;width:24px;height:24px;animation:2s ease-in-out infinite statusPulse;display:flex}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}.status-offline{background:var(--status-offline);color:var(--color-surface)}.status-unsaved{background:var(--status-unsaved);color:var(--color-surface)}.status-saving{background:var(--status-saving);color:var(--color-surface)}.status-saved{background:var(--status-saved);color:var(--color-surface);animation:none}.status-error{background:var(--status-error);color:var(--color-surface)}.header-actions{align-items:center;gap:var(--space-8);display:flex}.btn-save-manual,.btn-refresh{border:2px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-8)var(--space-16);transition:var(--lead-transition);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.btn-save-manual{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn-save-manual:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-save-manual:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-refresh{color:var(--color-primary);background:0 0;width:40px;height:40px;padding:0}.btn-refresh:hover{background:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-btn-primary-text);transform:translateY(-2px)rotate(90deg)}.detail-nav-tabs{background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:var(--lead-nav-height);padding:0 var(--lead-content-padding);z-index:5;flex-shrink:0;align-items:center;display:flex;position:relative;overflow:auto hidden}.detail-nav-tabs::-webkit-scrollbar{height:2px}.detail-nav-tabs::-webkit-scrollbar-track{background:0 0}.detail-nav-tabs::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}.nav-tab{color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-8);padding:var(--space-12)var(--space-20);transition:var(--lead-transition);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex-shrink:0;display:flex;position:relative}.nav-tab:before{background:var(--color-primary);border-radius:var(--radius-sm)var(--radius-sm)0 0;content:"";opacity:0;transition:opacity var(--duration-normal)var(--ease-standard);position:absolute;inset:0}.nav-tab:hover{background:var(--color-secondary);color:var(--color-text)}.nav-tab:hover:before{opacity:.05}.nav-tab.active{background:rgb(var(--color-teal-500-rgb),.05);border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-tab.active:before{opacity:.1}.tab-icon{font-size:var(--font-size-base);transition:transform var(--duration-normal)var(--ease-standard)}.nav-tab:hover .tab-icon,.nav-tab.active .tab-icon{transform:scale(1.1)}.tab-label{z-index:1;position:relative}.tab-badge{animation:bounceIn .3s var(--ease-standard);background:var(--color-error);border-radius:var(--radius-full);color:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:20px;height:20px;padding:0 var(--space-6);justify-content:center;align-items:center;display:flex}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.detail-content{background:var(--color-background);min-height:0;padding:var(--lead-content-padding);flex:1;position:relative;overflow:hidden auto}.detail-content::-webkit-scrollbar{width:8px}.detail-content::-webkit-scrollbar-track{background:var(--color-secondary);border-radius:var(--radius-full)}.detail-content::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-secondary);border-radius:var(--radius-full)}.detail-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.activity-timeline{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.timeline-header{background:linear-gradient(135deg,var(--color-surface),var(--color-secondary));border-bottom:1px solid var(--color-border);padding:var(--space-20)var(--space-24);justify-content:space-between;align-items:center;display:flex}.timeline-header h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.timeline-filters{align-items:center;gap:var(--space-8);display:flex}.filter-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-6);padding:var(--space-6)var(--space-12);transition:var(--lead-transition);white-space:nowrap;display:flex}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-btn-primary-text)}.filter-icon,.filter-label{font-size:var(--font-size-sm)}.timeline-content{max-height:600px;padding:var(--space-24);overflow-y:auto}.timeline-empty{color:var(--color-text-secondary);padding:var(--space-32);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-16);opacity:.5}.timeline-empty p{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.timeline-list{position:relative}.timeline-item{gap:var(--space-16);margin-bottom:var(--space-24);display:flex;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{background:var(--activity-color,var(--color-primary));border:3px solid var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.timeline-icon{color:var(--color-surface);font-size:var(--font-size-base)}.timeline-content-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-16);transition:var(--lead-transition);flex:1;position:relative}.timeline-content-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.timeline-content-item:before{border-color:transparent var(--color-border)transparent transparent;content:"";border-style:solid;border-width:8px 8px 8px 0;width:0;height:0;position:absolute;top:16px;left:-8px}.timeline-content-item:after{border-color:transparent var(--color-surface)transparent transparent;content:"";border-style:solid;border-width:8px 8px 8px 0;width:0;height:0;position:absolute;top:16px;left:-7px}.timeline-header-item{align-items:flex-start;gap:var(--space-12);margin-bottom:var(--space-8);justify-content:space-between;display:flex}.timeline-action{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.timeline-meta{align-items:flex-end;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.timeline-user{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.timeline-time{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.timeline-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--space-8)}.timeline-expand{color:var(--color-primary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-left:var(--space-4);padding:var(--space-2)0;transition:var(--lead-transition);background:0 0;border:none}.timeline-expand:hover{color:var(--color-primary-hover);text-decoration:underline}.timeline-connector{background:linear-gradient(to bottom,var(--activity-color,var(--color-border)),transparent);z-index:1;width:2px;position:absolute;top:40px;bottom:-24px;left:-36px}.analytics-dashboard{gap:var(--space-32);flex-direction:column;display:flex}.analytics-grid{gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.analytics-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-24);transition:var(--lead-transition);position:relative;overflow:hidden}.analytics-card:before{background:var(--card-color,var(--color-primary));content:"";height:4px;position:absolute;top:0;left:0;right:0}.analytics-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics-card--score{--card-color:var(--color-success)}.analytics-card--stage{--card-color:var(--color-primary)}.analytics-card--engagement{--card-color:var(--color-info)}.analytics-card--conversion{--card-color:var(--color-warning)}.card-header{margin-bottom:var(--space-20);justify-content:space-between;align-items:center;display:flex}.card-header h4{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.card-icon{font-size:var(--font-size-xl);opacity:.8}.score-display{align-items:center;gap:var(--space-20);display:flex}.score-circle-large{background:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg),inset 0 4px 8px #ffffff1a;height:var(--lead-score-size-large);width:var(--lead-score-size-large);justify-content:center;align-items:center;display:flex;position:relative}.score-value-large{color:var(--color-surface);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);text-shadow:0 2px 4px #0000004d}.score-info{flex:1}.score-level{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8)}.score-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.stage-display{text-align:center}.stage-indicator-large{background:var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-surface);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:1px;margin-bottom:var(--space-16);padding:var(--space-16)var(--space-24);text-transform:uppercase;justify-content:center;align-items:center;display:inline-flex}.stage-info{text-align:center}.stage-description{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-8)}.days-in-stage{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.engagement-display{align-items:center;gap:var(--space-24);display:flex}.progress-circle{flex-shrink:0;width:100px;height:100px;position:relative}.circular-chart{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:var(--color-border);stroke-width:3px}.circle{fill:none;stroke:var(--color-info);stroke-linecap:round;stroke-width:3px;transition:stroke-dasharray .8s var(--ease-standard)}.percentage{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.engagement-stats{gap:var(--space-12);flex-direction:column;flex:1;display:flex}.stat{gap:var(--space-4);flex-direction:column;display:flex}.stat-value{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.conversion-display{text-align:center}.probability-bar{background:var(--color-border);border-radius:var(--radius-full);height:24px;margin-bottom:var(--space-16);position:relative;overflow:hidden}.probability-fill{background:var(--color-warning);border-radius:var(--radius-full);height:100%;transition:width .8s var(--ease-standard);position:relative}.probability-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d);width:20px;animation:2s infinite shimmer;position:absolute;top:0;bottom:0;right:0}.probability-value{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-shadow:0 1px 2px #0000001a;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.conversion-factors{gap:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.factor{text-align:center}.factor-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4);display:block}.factor-value{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);display:block}.analytics-insights{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-24)}.analytics-insights h4{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-8);margin:0 0 var(--space-20)0;display:flex}.analytics-insights h4:before{content:"🤖";font-size:var(--font-size-xl)}.insights-list{gap:var(--space-16);flex-direction:column;display:flex}.insight{background:var(--color-secondary);border:1px solid var(--color-border);border-left:4px solid var(--insight-color,var(--color-primary));border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-12);padding:var(--space-16);transition:var(--lead-transition);display:flex}.insight:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.insight--success{--insight-color:var(--color-success);background:rgb(var(--color-success-rgb),.05)}.insight--warning{--insight-color:var(--color-warning);background:rgb(var(--color-warning-rgb),.05)}.insight--info{--insight-color:var(--color-info);background:rgb(var(--color-info-rgb),.05)}.insight-icon{font-size:var(--font-size-lg);margin-top:var(--space-2);flex-shrink:0}.insight-content{flex:1;min-width:0}.insight-title{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.insight-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.insight-action{border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-6)var(--space-12);transition:var(--lead-transition);background:0 0;flex-shrink:0}.insight-action:hover{background:var(--color-primary);color:var(--color-btn-primary-text)}.documents-manager{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.documents-header{background:linear-gradient(135deg,var(--color-surface),var(--color-secondary));border-bottom:1px solid var(--color-border);padding:var(--space-20)var(--space-24);justify-content:space-between;align-items:center;display:flex}.documents-header h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.btn-upload{background:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-btn-primary-text);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-8);padding:var(--space-8)var(--space-16);transition:var(--lead-transition);display:flex}.btn-upload:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.upload-icon{font-size:var(--font-size-base)}.documents-dropzone{min-height:400px;padding:var(--space-24);transition:var(--lead-transition);position:relative}.documents-dropzone.dragover{background:rgb(var(--color-teal-500-rgb),.05);border:2px dashed var(--color-primary)}.documents-dropzone.dragover:after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgb(var(--color-teal-500-rgb),.1);color:var(--color-primary);content:"Drop files here to upload";font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.documents-empty{color:var(--color-text-secondary);padding:var(--space-32);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.documents-empty .empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-20);opacity:.5}.documents-empty p{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--space-8)0}.empty-subtitle{opacity:.8;font-size:var(--font-size-sm)!important}.documents-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.document-card{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-12);padding:var(--space-16);transition:var(--lead-transition);display:flex}.document-card:hover{background:var(--color-surface);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.document-icon{color:var(--color-text-secondary);font-size:var(--font-size-2xl);flex-shrink:0}.document-info{flex:1;min-width:0}.document-name{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs);align-items:center;gap:var(--space-8);display:flex}.document-size,.document-date{white-space:nowrap}.document-actions{align-items:center;gap:var(--space-4);opacity:0;transition:opacity var(--duration-normal)var(--ease-standard);display:flex}.document-card:hover .document-actions{opacity:1}.document-action{background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;height:32px;transition:var(--lead-transition);border:none;justify-content:center;align-items:center;width:32px;display:flex}.document-action:hover{background:var(--color-primary);color:var(--color-btn-primary-text);transform:scale(1.1)}.document-action.delete:hover{background:var(--color-error)}.conflict-modal-backdrop{animation:fadeIn .3s var(--ease-standard);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-24);z-index:1200;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.conflict-modal{animation:slideUpModal .4s var(--ease-standard);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--space-32);text-align:center;width:100%}.conflict-modal h3{color:var(--color-error);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-16)0}.conflict-modal p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0 0 var(--space-24)0}.conflict-actions{gap:var(--space-12);justify-content:center;display:flex}.btn-accept-theirs,.btn-keep-mine{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-12)var(--space-24);transition:var(--lead-transition);border:2px solid}.btn-accept-theirs{border-color:var(--color-primary);color:var(--color-primary);background:0 0}.btn-accept-theirs:hover{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn-keep-mine{background:var(--color-error);border-color:var(--color-error);color:var(--color-surface)}.btn-keep-mine:hover{background:var(--color-error);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (min-width:1200px){.lead-detail-header{padding:var(--space-32)var(--space-32)}.detail-content{padding:var(--space-32)}.analytics-grid{grid-template-columns:repeat(2,1fr)}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:1199px){.lead-detail-header{padding:var(--space-24)var(--space-32)}.detail-content{padding:var(--space-32)}.analytics-grid{grid-template-columns:1fr}}@media (max-width:768px){.lead-detail-page{height:100dvh}.lead-detail-header{align-items:stretch;gap:var(--space-16);min-height:auto;padding:var(--space-16)var(--space-20);flex-direction:column}.header-left{align-items:stretch;gap:var(--space-12);flex-direction:column}.btn-back{align-self:flex-start}.lead-title h1{font-size:var(--font-size-2xl)}.lead-metadata{justify-content:center}.header-right{gap:var(--space-16);flex-direction:row;justify-content:space-around}.lead-score-display{align-items:center}.score-circle-header{width:60px;height:60px}.score-value-header{font-size:var(--font-size-lg)}.pipeline-stage-indicator{font-size:var(--font-size-sm);padding:var(--space-8)var(--space-12)}.detail-nav-tabs{gap:var(--space-4);padding:0 var(--space-20)}.nav-tab{font-size:var(--font-size-sm);padding:var(--space-8)var(--space-12)}.tab-label{display:none}.detail-content{padding:var(--space-20)}.timeline-filters{gap:var(--space-4);flex-wrap:wrap}.filter-btn{font-size:var(--font-size-xs);padding:var(--space-4)var(--space-8)}.filter-label{display:none}.analytics-grid{gap:var(--space-16);grid-template-columns:1fr}.score-display{gap:var(--space-16);text-align:center;flex-direction:column}.score-circle-large{width:100px;height:100px}.score-value-large{font-size:var(--font-size-3xl)}.engagement-display{gap:var(--space-16);text-align:center;flex-direction:column}.conversion-factors{gap:var(--space-8);grid-template-columns:1fr}.documents-grid{grid-template-columns:1fr}.notification-center{left:var(--space-16);max-width:none;right:var(--space-16);top:var(--space-16)}}@media (max-width:480px){.lead-detail-header{padding:var(--space-12)var(--space-16)}.lead-title h1{font-size:var(--font-size-xl)}.header-right{gap:var(--space-12);flex-direction:column}.score-circle-header{width:50px;height:50px}.score-value-header{font-size:var(--font-size-base)}.detail-nav-tabs{padding:0 var(--space-16)}.nav-tab{min-width:40px;padding:var(--space-6)var(--space-8)}.detail-content{padding:var(--space-16)}.timeline-header{align-items:stretch;gap:var(--space-12);flex-direction:column}.timeline-filters{justify-content:center}.analytics-card{padding:var(--space-16)}.score-circle-large{width:80px;height:80px}.score-value-large{font-size:var(--font-size-2xl)}.insights-list{gap:var(--space-12)}.insight{padding:var(--space-12)}.documents-header{align-items:stretch;gap:var(--space-12);flex-direction:column}.conflict-modal{margin:var(--space-16);padding:var(--space-24)}.conflict-actions{flex-direction:column}.metadata-item{padding:var(--space-2)var(--space-6)}.metadata-label{font-size:10px}.metadata-value{font-size:var(--font-size-xs)}.timeline-content{max-height:400px;padding:var(--space-16)}.timeline-item{gap:var(--space-12);margin-bottom:var(--space-16)}.timeline-marker{width:32px;height:32px}.timeline-icon{font-size:var(--font-size-sm)}.timeline-content-item{padding:var(--space-12)}.timeline-action{font-size:var(--font-size-sm)}.documents-dropzone{min-height:200px;padding:var(--space-16)}.documents-empty{padding:var(--space-24)}.document-card{padding:var(--space-12)}.document-icon{font-size:var(--font-size-xl)}}@media (hover:none) and (pointer:coarse){.nav-tab:hover,.filter-btn:hover,.analytics-card:hover,.timeline-content-item:hover,.document-card:hover{transform:none}.document-actions{opacity:1}.timeline-expand{padding:var(--space-8)var(--space-12)}}@media (prefers-contrast:high){.lead-detail-header,.analytics-card,.timeline-content-item,.document-card{border-width:2px}.nav-tab.active{border-bottom-width:4px}.notification{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.score-circle-header,.analytics-card,.timeline-content-item,.document-card{transform:none!important}}.nav-tab:focus-visible,.filter-btn:focus-visible,.btn-upload:focus-visible,.document-action:focus-visible,.insight-action:focus-visible{outline:var(--focus-outline);outline-offset:2px;z-index:10;position:relative}@media print{.lead-detail-page{height:auto}.notification-center,.header-actions,.status-indicators,.conflict-modal-backdrop{display:none!important}.lead-detail-header,.detail-nav-tabs,.analytics-card,.timeline-content-item{break-inside:avoid}.detail-content{overflow:visible}}.modal--lead-form{--color-white:#fff;--color-black:#000;--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#626c71;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#3b82f614;--color-bg-2:#f59e0b14;--color-bg-3:#22c55e14;--color-bg-4:#ef444414;--color-bg-5:#9333ea14;--color-bg-6:#f9731614;--color-bg-7:#ec489914;--color-bg-8:#06b6d414;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgb(var(--color-brown-600-rgb),.12);--color-secondary-hover:rgb(var(--color-brown-600-rgb),.2);--color-secondary-active:rgb(var(--color-brown-600-rgb),.25);--color-border:rgb(var(--color-brown-600-rgb),.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgb(var(--color-brown-600-rgb),.12);--color-card-border-inner:rgb(var(--color-brown-600-rgb),.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgb(var(--color-teal-500-rgb),.4);--color-select-caret:rgb(var(--color-slate-900-rgb),.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:.15;--status-border-opacity:.25;--select-caret-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,sfmono-regular,menlo,monaco,consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--radius-none:0;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--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-standard:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.175,.885,.32,1.275);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--form-field-height:48px;--form-field-height-sm:40px;--form-field-height-lg:56px;--form-field-border-width:2px;--form-field-border-radius:var(--radius-base);--form-field-padding-x:var(--space-16);--form-field-padding-y:var(--space-12);--form-field-gap:var(--space-20);--form-focus-ring:0 0 0 3px rgb(var(--color-teal-500-rgb),.2);--form-transition:all var(--duration-normal)var(--ease-standard);--form-modal-max-width:720px;--form-modal-padding:var(--space-32);--form-step-min-height:500px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}.modal--lead-form .mt-8{margin-top:var(--space-8)}.modal--lead-form .mb-8{margin-bottom:var(--space-8)}.modal--lead-form .mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.modal--lead-form .my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.modal--lead-form .p-0{padding:0}.modal--lead-form .py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.modal--lead-form .px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.modal--lead-form .py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.modal--lead-form .px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.modal--lead-form .block{display:block}.modal--lead-form .hidden{display:none}.modal--lead-form .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}@media (prefers-color-scheme:dark){.modal--lead-form{--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgb(var(--color-gray-300-rgb),.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgb(var(--color-gray-400-rgb),.15);--color-secondary-hover:rgb(var(--color-gray-400-rgb),.25);--color-secondary-active:rgb(var(--color-gray-400-rgb),.3);--color-border:rgb(var(--color-gray-400-rgb),.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgb(var(--color-teal-300-rgb),.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgb(var(--color-gray-400-rgb),.2);--color-card-border-inner:rgb(var(--color-gray-400-rgb),.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:rgb(var(--color-gray-400-rgb),.2);--color-select-caret:rgb(var(--color-gray-200-rgb),.8);--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb);--form-focus-ring:0 0 0 3px rgb(var(--color-teal-300-rgb),.2)}}.modal--lead-form[data-color-scheme=dark]{--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgb(var(--color-gray-300-rgb),.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgb(var(--color-gray-400-rgb),.15);--color-secondary-hover:rgb(var(--color-gray-400-rgb),.25);--color-secondary-active:rgb(var(--color-gray-400-rgb),.3);--color-border:rgb(var(--color-gray-400-rgb),.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgb(var(--color-teal-300-rgb),.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgb(var(--color-gray-400-rgb),.15);--color-card-border-inner:rgb(var(--color-gray-400-rgb),.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:rgb(var(--color-gray-400-rgb),.2);--color-select-caret:rgb(var(--color-gray-200-rgb),.8);--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb);--form-focus-ring:0 0 0 3px rgb(var(--color-teal-300-rgb),.2)}.modal--lead-form[data-color-scheme=light]{--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgb(var(--color-brown-600-rgb),.12);--color-secondary-hover:rgb(var(--color-brown-600-rgb),.2);--color-secondary-active:rgb(var(--color-brown-600-rgb),.25);--color-border:rgb(var(--color-brown-600-rgb),.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgb(var(--color-brown-600-rgb),.12);--color-card-border-inner:rgb(var(--color-brown-600-rgb),.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgb(var(--color-teal-500-rgb),.4);--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb);--form-focus-ring:0 0 0 3px rgb(var(--color-teal-500-rgb),.2)}.lead-form-backdrop{animation:fadeIn .3s var(--ease-standard);-webkit-backdrop-filter:blur(12px)saturate(1.8);backdrop-filter:blur(12px)saturate(1.8);cursor:pointer;padding:var(--space-16);z-index:var(--z-modal-backdrop);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{cursor:default}.modal--lead-form{animation:slideInUp .4s var(--ease-spring);background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl),0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;max-height:90vh;max-width:var(--form-modal-max-width);transform-origin:bottom;width:100%;z-index:var(--z-modal);flex-direction:column;display:flex;position:relative;overflow:hidden}@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))){.modal--lead-form{-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);background:#fffffdf2}@media (prefers-color-scheme:dark){.modal--lead-form{background:#262828f2}}[data-color-scheme=dark] .modal--lead-form{background:#262828f2}[data-color-scheme=light] .modal--lead-form{background:#fffffdf2}}.modal--lead-form .lead-form{flex-direction:column;flex:1;display:flex;overflow:hidden}.modal--lead-form .form-content{padding:var(--form-modal-padding);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.modal--lead-form .form-step{gap:var(--form-field-gap);min-height:var(--form-step-min-height);flex-direction:column;display:flex}.modal--lead-form .form-row{gap:var(--form-field-gap);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.modal--lead-form .modal-header{background:linear-gradient(135deg,var(--color-surface)0%,var(--color-secondary)100%);border-bottom:1px solid var(--color-card-border);padding:var(--space-24)var(--form-modal-padding);z-index:10;justify-content:space-between;align-items:center;display:flex;position:relative}.modal--lead-form .modal-header:after{background:linear-gradient(90deg,transparent 0%,var(--color-primary)20%,var(--color-primary-hover)80%,transparent 100%);border-radius:var(--radius-full);content:"";height:2px;bottom:0;left:var(--form-modal-padding);opacity:.8;right:var(--form-modal-padding);animation:3s ease-in-out infinite shimmerLine;position:absolute}.modal--lead-form .modal-header__content{align-items:center;gap:var(--space-16);flex:1;min-width:0;display:flex}.modal--lead-form .modal-title{background:linear-gradient(135deg,var(--color-text)0%,var(--color-text-secondary)100%);color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);-webkit-text-fill-color:transparent;text-overflow:ellipsis;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:0;overflow:hidden}.modal--lead-form .btn-close-modal{background:var(--color-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:40px;transition:var(--form-transition);border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;display:flex;position:relative;overflow:hidden}.modal--lead-form .btn-close-modal:before{background:var(--color-error);border-radius:inherit;content:"";opacity:0;transition:opacity var(--duration-normal)var(--ease-standard);position:absolute;inset:0}.modal--lead-form .btn-close-modal:hover{transform:scale(1.1)}.modal--lead-form .btn-close-modal:hover:before{opacity:1}.modal--lead-form .btn-close-modal:hover{color:var(--color-white)}.modal--lead-form .btn-close-modal:focus-visible{box-shadow:var(--focus-ring);outline:var(--focus-outline);outline-offset:2px}.modal--lead-form .btn-close-modal:active{transform:scale(.95)}.modal--lead-form .auto-save-status{background:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-size-sm);align-items:center;gap:var(--space-6);padding:var(--space-6)var(--space-12);transition:var(--form-transition);display:flex}.modal--lead-form .auto-save-status--saving{background:rgb(var(--color-info-rgb),var(--status-bg-opacity));border:1px solid rgb(var(--color-info-rgb),var(--status-border-opacity));color:var(--color-info)}.modal--lead-form .auto-save-status--saved{background:rgb(var(--color-success-rgb),var(--status-bg-opacity));border:1px solid rgb(var(--color-success-rgb),var(--status-border-opacity));color:var(--color-success)}.modal--lead-form .auto-save-status--error{background:rgb(var(--color-error-rgb),var(--status-bg-opacity));border:1px solid rgb(var(--color-error-rgb),var(--status-border-opacity));color:var(--color-error)}.modal--lead-form .auto-save-icon{animation:2s ease-in-out infinite pulse;display:flex}.modal--lead-form .auto-save-text{font-weight:var(--font-weight-medium);white-space:nowrap}@keyframes shimmerLine{0%{opacity:0;transform:translate(-100%)}50%{opacity:.8}to{opacity:0;transform:translate(100%)}}.modal--lead-form .form-progress{background:linear-gradient(135deg,var(--color-secondary)0%,rgb(var(--color-teal-500-rgb),.05)100%);border-bottom:1px solid var(--color-card-border);padding:var(--space-20)var(--form-modal-padding);position:relative}.modal--lead-form .form-progress:before{background:linear-gradient(90deg,transparent 0%,var(--color-card-border)50%,transparent 100%);content:"";height:1px;position:absolute;top:0;left:0;right:0}.modal--lead-form .form-progress__bar{background:var(--color-card-border);border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-16);width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.modal--lead-form .form-progress__fill{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-primary-hover)50%,var(--color-primary)100%);border-radius:var(--radius-full);box-shadow:0 1px 3px rgb(var(--color-teal-500-rgb),.5),inset 0 1px #fff3;height:100%;transition:width .6s var(--ease-standard);position:relative}.modal--lead-form .form-progress__fill:after{border-radius:var(--radius-full);content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:40px;animation:2s infinite shimmer;position:absolute;top:0;bottom:0;right:-20px}.modal--lead-form .form-progress__steps{align-items:center;gap:var(--space-12);margin-bottom:var(--space-12);justify-content:space-between;display:flex}.modal--lead-form .form-progress__step{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:var(--space-4);min-width:90px;padding:var(--space-10)var(--space-12);transition:var(--form-transition);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;display:flex;position:relative}.modal--lead-form .form-progress__step:hover{background:var(--color-secondary);border-color:var(--color-primary);transform:translateY(-1px)}.modal--lead-form .form-progress__step--active{background:rgb(var(--color-teal-500-rgb),.1);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.modal--lead-form .form-progress__step--current{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md),0 0 0 3px rgb(var(--color-teal-500-rgb),.2);color:var(--color-btn-primary-text);transform:scale(1.05)}.modal--lead-form .form-progress__step:disabled{cursor:not-allowed;opacity:.5}.modal--lead-form .form-progress__step-icon{font-size:var(--font-size-lg);transition:transform var(--duration-normal)var(--ease-spring)}.modal--lead-form .form-progress__step--current .form-progress__step-icon{animation:2s ease-in-out infinite pulse}.modal--lead-form .form-progress__step-label{font-weight:inherit;line-height:var(--line-height-tight);text-align:center}.modal--lead-form .form-progress__completion{justify-content:flex-end;align-items:center;display:flex}.modal--lead-form .form-progress__percentage{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.modal--lead-form .form-field{gap:var(--space-8);flex-direction:column;display:flex;position:relative}.modal--lead-form .form-field__label{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-8);line-height:var(--line-height-tight);transition:color var(--duration-normal)var(--ease-standard);-webkit-user-select:none;user-select:none;display:flex}.modal--lead-form .form-field__icon{font-size:var(--font-size-base);opacity:.8;transition:opacity var(--duration-normal)var(--ease-standard)}.modal--lead-form .form-field__required{animation:errorShake .4s var(--ease-bounce);color:var(--color-error);font-weight:var(--font-weight-bold);margin-left:var(--space-2)}.modal--lead-form .form-field__input-wrapper,.modal--lead-form .form-field__select-wrapper,.modal--lead-form .form-field__textarea-wrapper{align-items:center;display:flex;position:relative}.modal--lead-form .form-field__input,.modal--lead-form .form-field__select,.modal--lead-form .form-field__textarea{background:var(--color-surface);border:var(--form-field-border-width)solid var(--color-border);border-radius:var(--form-field-border-radius);box-shadow:var(--shadow-xs);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:var(--form-field-height);padding:var(--form-field-padding-y)var(--form-field-padding-x);transition:var(--form-transition);z-index:1;width:100%;position:relative}.modal--lead-form .form-field__select{-webkit-appearance:none;appearance:none;background-image:var(--select-caret-light);background-position:right var(--space-12)center;cursor:pointer;padding-right:var(--space-40);background-repeat:no-repeat;background-size:16px}.modal--lead-form [data-color-scheme=dark] .form-field__select{background-image:var(--select-caret-dark)}.modal--lead-form .form-field--textarea .form-field__textarea{line-height:var(--line-height-relaxed);min-height:120px;max-height:300px;padding-bottom:var(--space-32);resize:vertical}.modal--lead-form .form-field--focused .form-field__input,.modal--lead-form .form-field--focused .form-field__select,.modal--lead-form .form-field--focused .form-field__textarea{border-color:var(--color-primary);box-shadow:var(--form-focus-ring),var(--shadow-sm),var(--shadow-inset-sm);transform:translateY(-1px)}.modal--lead-form .checkbox-label{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-12);padding:var(--space-12)var(--space-16);transition:var(--form-transition);-webkit-user-select:none;user-select:none;border:2px solid #0000;display:flex;position:relative}.modal--lead-form .checkbox-custom{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);height:20px;transition:var(--form-transition);flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex;position:relative}.modal--lead-form .checkbox-input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--color-teal-500-rgb),.2),var(--shadow-sm);transform:scale(1.1)}.modal--lead-form .checkbox-input{opacity:0;width:0;height:0;position:absolute}.modal--lead-form .checkbox-text{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.modal--lead-form .checkbox-label:hover .checkbox-custom{border-color:var(--color-primary);transform:scale(1.05)}.modal--lead-form .form-field--error .form-field__input,.modal--lead-form .form-field--error .form-field__select,.modal--lead-form .form-field--error .form-field__textarea{animation:errorShake .4s var(--ease-bounce);border-color:var(--color-error);box-shadow:0 0 0 3px rgb(var(--color-error-rgb),.15)}.modal--lead-form .form-field--success .form-field__input,.modal--lead-form .form-field--success .form-field__select,.modal--lead-form .form-field--success .form-field__textarea{border-color:var(--color-success)}.modal--lead-form .form-field__error-icon,.modal--lead-form .form-field__success-icon{font-size:var(--font-size-lg);right:var(--space-12);z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.modal--lead-form .form-field__error-message{color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-top:var(--space-4)}.modal--lead-form .form-field__helper-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-top:var(--space-4)}.modal--lead-form .form-field__character-count{bottom:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);right:var(--space-12);position:absolute}.modal--lead-form .form-field__character-count--warning{color:var(--color-warning);font-weight:var(--font-weight-bold)}.modal--lead-form .checkbox-input:checked+.checkbox-custom:after{animation:checkmark .3s var(--ease-standard)forwards;content:"";border-bottom:2px solid;border-right:2px solid;width:4px;height:8px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.modal--lead-form .form-field--checkbox{margin:var(--space-12)0}.modal--lead-form .form-actions{background:linear-gradient(135deg,var(--color-surface)0%,var(--color-secondary)100%);border-top:1px solid var(--color-card-border);align-items:center;gap:var(--space-12);padding:var(--space-24)var(--form-modal-padding);z-index:10;justify-content:flex-end;display:flex;position:relative}.modal--lead-form .form-actions:before{background:linear-gradient(90deg,transparent 0%,var(--color-card-border)50%,transparent 100%);content:"";height:1px;left:var(--form-modal-padding);right:var(--form-modal-padding);position:absolute;top:0}.modal--lead-form .form-actions .btn{border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-8);height:var(--form-field-height);min-width:120px;transition:var(--form-transition);justify-content:center;display:flex;position:relative;overflow:hidden}.modal--lead-form .form-actions .btn:before{border-radius:inherit;content:"";opacity:0;transition:opacity var(--duration-fast)var(--ease-standard);background:currentColor;position:absolute;inset:0}.modal--lead-form .form-actions .btn:hover:before{opacity:.1}.modal--lead-form .form-actions .btn:active{transform:scale(.98)}.modal--lead-form .btn--primary,.modal--lead-form .btn-save{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);border:2px solid var(--color-primary-hover);box-shadow:var(--shadow-sm);color:var(--color-btn-primary-text)}.modal--lead-form .btn--primary:hover,.modal--lead-form .btn-save:hover{background:linear-gradient(135deg,var(--color-primary-hover)0%,var(--color-primary-active)100%);border-color:var(--color-primary-active);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modal--lead-form .btn--primary:focus-visible,.modal--lead-form .btn-save:focus-visible{box-shadow:var(--focus-ring),var(--shadow-lg);outline:var(--focus-outline);outline-offset:2px}.modal--lead-form .btn--secondary{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-xs);color:var(--color-text)}.modal--lead-form .btn--secondary:hover{background:var(--color-secondary-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal--lead-form .btn--secondary:focus-visible{box-shadow:var(--focus-ring),var(--shadow-md);outline:var(--focus-outline);outline-offset:2px}.modal--lead-form .btn--ghost{color:var(--color-text-secondary);background:0 0;border:2px solid #0000}.modal--lead-form .btn--ghost:hover{background:var(--color-secondary);border-color:var(--color-card-border);box-shadow:var(--shadow-sm);color:var(--color-text);transform:translateY(-1px)}.modal--lead-form .btn--ghost:focus-visible{box-shadow:var(--focus-ring);outline:var(--focus-outline);outline-offset:2px}.modal--lead-form .btn-spinner{margin-right:var(--space-8);align-items:center;display:flex}.modal--lead-form .btn-spinner .spinner{border-width:2px;width:16px;height:16px}.modal--lead-form .btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none!important;transform:none!important}.modal--lead-form .btn:disabled:hover:before{opacity:0}.modal--lead-form .btn:disabled .btn-spinner{animation:1.5s ease-in-out infinite buttonPulse}@keyframes buttonPulse{0%,to{opacity:1}50%{opacity:.5}}.modal--lead-form .spinner{border-radius:var(--radius-full);border:2px solid #0000;border-top-color:currentColor;animation:1s linear infinite spin}.modal--lead-form .spinner--sm{border-width:2px;width:16px;height:16px}@media (min-width:1024px){.modal--lead-form{max-width:800px}.modal--lead-form .form-progress__steps{gap:var(--space-16)}.modal--lead-form .form-progress__step{min-width:120px;padding:var(--space-12)var(--space-16)}.modal--lead-form .form-field-gap{gap:var(--space-24)}.modal--lead-form .form-row{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:1023px){.modal--lead-form{max-width:680px}.modal--lead-form .form-progress__steps{gap:var(--space-12)}.modal--lead-form .form-progress__step{min-width:100px}.modal--lead-form .form-row{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width:767px){.modal--lead-form{border-radius:var(--radius-lg);max-height:calc(100vh - var(--space-16));margin:0}.modal--lead-form .modal-backdrop{padding:var(--space-8)}.modal--lead-form .modal-header,.modal--lead-form .form-content,.modal--lead-form .form-actions{padding-left:var(--space-20);padding-right:var(--space-20)}.modal--lead-form .modal-title{font-size:var(--font-size-xl)}.modal--lead-form .form-progress{padding:var(--space-16)var(--space-20)}.modal--lead-form .form-progress__steps{gap:var(--space-8);flex-wrap:wrap}.modal--lead-form .form-progress__step{min-width:80px;padding:var(--space-8)var(--space-10);flex:1}.modal--lead-form .form-progress__step-label{font-size:10px}.modal--lead-form .form-step{gap:var(--space-16);min-height:auto}.modal--lead-form .form-row{gap:var(--space-16);grid-template-columns:1fr}.modal--lead-form .form-field__input,.modal--lead-form .form-field__select,.modal--lead-form .form-field__textarea{font-size:var(--font-size-base);min-height:44px;padding:var(--space-10)var(--space-12)}.modal--lead-form .form-actions{align-items:stretch;gap:var(--space-8);flex-direction:column-reverse}.modal--lead-form .form-actions .btn{width:100%;min-width:auto}}@media (max-width:480px){.modal--lead-form{border-radius:var(--radius-md);max-height:calc(100vh - var(--space-8))}.modal--lead-form .modal-backdrop{padding:var(--space-4)}.modal--lead-form .modal-header{padding:var(--space-16);text-align:center;flex-direction:column;align-items:stretch;position:relative}.modal--lead-form .modal-header__content{margin-bottom:var(--space-8);justify-content:center}.modal--lead-form .btn-close-modal{font-size:var(--font-size-base);height:32px;right:var(--space-12);top:var(--space-12);width:32px;position:absolute}.modal--lead-form .auto-save-status{padding:var(--space-4)var(--space-8);align-self:center;font-size:11px}.modal--lead-form .form-progress{padding:var(--space-12)var(--space-16)}.modal--lead-form .form-progress__steps{gap:var(--space-6);flex-direction:column}.modal--lead-form .form-progress__step{min-width:auto;padding:var(--space-8)var(--space-12);text-align:left;flex-direction:row;justify-content:flex-start;width:100%}.modal--lead-form .form-progress__step-icon{margin-right:var(--space-8)}.modal--lead-form .form-content,.modal--lead-form .form-actions{padding:var(--space-16)}.modal--lead-form .form-field__input,.modal--lead-form .form-field__select,.modal--lead-form .form-field__textarea{font-size:var(--font-size-base);min-height:44px;padding:var(--space-8)var(--space-12)}.modal--lead-form .checkbox-label{padding:var(--space-8)var(--space-12)}.modal--lead-form .form-actions{gap:var(--space-8);padding:var(--space-16)}.modal--lead-form .modal-title{font-size:var(--font-size-lg)}.modal--lead-form .form-progress__bar{height:4px}.modal--lead-form .form-field__label{font-size:var(--font-size-sm)}}@media (prefers-contrast:high){.modal--lead-form .form-field__input,.modal--lead-form .form-field__select,.modal--lead-form .form-field__textarea,.modal--lead-form .form-field--error .form-field__input,.modal--lead-form .form-field--error .form-field__select,.modal--lead-form .form-field--error .form-field__textarea,.modal--lead-form .checkbox-custom{border-width:3px}}@media (prefers-reduced-motion:reduce){.modal--lead-form *,.modal--lead-form :before,.modal--lead-form :after{animation:1.5s infinite shimmer;scroll-behavior:auto!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.modal--lead-form .form-field__input,.modal--lead-form .form-field__select,.modal--lead-form .form-field__textarea,.modal--lead-form .form-step{animation:none}}.modal--lead-form .form-field__input:focus-visible,.modal--lead-form .form-field__select:focus-visible,.modal--lead-form .form-field__textarea:focus-visible,.modal--lead-form .btn:focus-visible,.modal--lead-form .checkbox-input:focus-visible+.checkbox-custom,.modal--lead-form .form-progress__step:focus-visible{outline:var(--focus-outline);outline-offset:2px;z-index:10;position:relative}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.my-8{margin-bottom:var(--space-8);margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:var(--space-8);padding-top:var(--space-8)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-16{padding-bottom:var(--space-16);padding-top:var(--space-16)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.block{display:block}.hidden{display:none}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2)format("woff2")}:root{--profile-header-height:200px;--pipeline-height:120px;--section-padding:var(--space-24);--field-height:48px;--avatar-size:80px;--score-circle-size:100px;--profile-transition:all var(--duration-normal)var(--ease-standard);--pipeline-transition:all var(--duration-normal)var(--ease-standard);--edit-transition:all var(--duration-fast)var(--ease-standard);--score-animation:all var(--duration-normal)var(--ease-standard);--stage-new:var(--color-gray-400);--stage-contacted:var(--color-teal-500);--stage-qualified:var(--color-orange-500);--stage-proposed:var(--color-orange-400);--stage-negotiation:var(--color-teal-600);--stage-won:var(--color-success);--stage-lost:var(--color-error);--priority-low:var(--color-gray-400);--priority-medium:var(--color-warning);--priority-high:var(--color-orange-400);--priority-urgent:var(--color-error);--grade-a:var(--color-success);--grade-b:var(--color-teal-500);--grade-c:var(--color-warning);--grade-d:var(--color-orange-400);--grade-f:var(--color-error);--z-profile-base:1;--z-profile-header:10;--z-profile-editing:20;--z-profile-modals:1100;--z-profile-tooltips:1200}.lead-profile{background:var(--color-background);gap:var(--space-24);min-height:100vh;padding:var(--space-32);flex-direction:column;display:flex;position:relative}.profile-error{animation:slideInError var(--duration-normal)var(--ease-standard);background:rgb(var(--color-error-rgb),.1);border:1px solid rgb(var(--color-error-rgb),.3);border-left:4px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);align-items:center;gap:var(--space-12);padding:var(--space-16)var(--space-20);top:var(--space-16);z-index:var(--z-profile-header);display:flex;position:-webkit-sticky;position:sticky}.error-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1}.error-dismiss{background:rgb(var(--color-error-rgb),.2);border-radius:var(--radius-full);color:var(--color-error);cursor:pointer;height:var(--space-24);transition:var(--profile-transition);width:var(--space-24);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-header-section{background:linear-gradient(135deg,var(--color-surface),var(--color-secondary));border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.profile-header-section:before{background:linear-gradient(135deg,transparent,rgb(var(--color-teal-500-rgb),.05));content:"";pointer-events:none;position:absolute;inset:0}.profile-header{align-items:center;gap:var(--space-24);padding:var(--section-padding);z-index:1;display:flex;position:relative}.lead-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-btn-primary-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:var(--avatar-size);text-transform:uppercase;width:var(--avatar-size);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.lead-avatar:after{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-full);content:"";-webkit-mask:linear-gradient(var(--color-surface)0 0)content-box,linear-gradient(var(--color-surface)0 0);mask:linear-gradient(var(--color-surface)0 0)content-box,linear-gradient(var(--color-surface)0 0);opacity:.3;background-clip:border-box;border:2px solid #0000;position:absolute;inset:-4px;-webkit-mask-composite:xor;mask-composite:exclude}.avatar-text{z-index:1;position:relative}.lead-summary{flex:1;min-width:0}.lead-name{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-6)0}.lead-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:center;gap:var(--space-8);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.lead-type{color:var(--color-text);font-weight:var(--font-weight-semibold)}.lead-separator{color:var(--color-border);font-weight:var(--font-weight-bold)}.lead-badges{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.priority-badge,.budget-badge{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-4);letter-spacing:.5px;padding:var(--space-4)var(--space-12);text-transform:uppercase;display:inline-flex}.budget-badge{background:linear-gradient(135deg,var(--color-success),var(--color-success))}.profile-actions{align-items:center;gap:var(--space-8);flex-shrink:0;display:flex}.btn-profile-action{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-6);padding:var(--space-10)var(--space-16);transition:var(--profile-transition);white-space:nowrap;text-decoration:none;display:flex}.btn-profile-action:hover{background:rgb(var(--color-teal-500-rgb),.05);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-2px)}.pipeline-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.pipeline-section .section-header{background:linear-gradient(135deg,var(--color-secondary),var(--color-surface));border-bottom:1px solid var(--color-border);padding:var(--space-20)var(--section-padding);justify-content:space-between;align-items:center;display:flex}.pipeline-section .section-header h3{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.pipeline-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pipeline-stages{padding:var(--space-24);align-items:center;gap:0;display:flex;position:relative;overflow-x:auto}.pipeline-stages.updating{opacity:.7;pointer-events:none}.pipeline-stage{border-radius:var(--radius-md);cursor:pointer;min-width:160px;padding:var(--space-16);transition:var(--pipeline-transition);flex-direction:column;align-items:center;display:flex;position:relative}.pipeline-stage.clickable:hover{background:rgb(var(--stage-color,var(--color-primary)),.05);transform:translateY(-4px)}.pipeline-stage.disabled{cursor:not-allowed;opacity:.5}.pipeline-stage.disabled:hover{background:0 0;transform:none}.stage-indicator{background:var(--color-surface);border:3px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:60px;margin-bottom:var(--space-12);transition:var(--pipeline-transition);flex-direction:column;justify-content:center;align-items:center;width:60px;display:flex;position:relative}.pipeline-stage.current .stage-indicator{background:var(--stage-color,var(--color-primary));border-color:var(--stage-color,var(--color-primary));box-shadow:var(--shadow-md);color:var(--color-surface);animation:2s ease-in-out infinite pulseStage}.pipeline-stage.passed .stage-indicator{background:var(--color-success);border-color:var(--color-success);box-shadow:var(--shadow-sm);color:var(--color-surface)}@keyframes pulseStage{0%,to{box-shadow:var(--shadow-md);transform:scale(1)}50%{box-shadow:var(--shadow-lg);transform:scale(1.05)}}.stage-icon{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.stage-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);opacity:.8}.stage-content{text-align:center;flex:1}.stage-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);transition:var(--profile-transition);display:block}.pipeline-stage.current .stage-label,.pipeline-stage.passed .stage-label{color:var(--color-text);font-weight:var(--font-weight-bold)}.stage-description{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-tight);margin-bottom:var(--space-8);opacity:.8;display:block}.stage-metrics{color:var(--color-text-secondary);font-size:var(--font-size-xs);gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.stage-duration,.stage-conversion{font-weight:var(--font-weight-medium)}.stage-connector{background:var(--color-border);height:3px;transition:var(--pipeline-transition);z-index:0;width:40px;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.pipeline-stage.passed .stage-connector{background:var(--color-success);box-shadow:0 0 8px rgb(var(--color-success-rgb),.3)}.pipeline-stage.current .stage-connector{background:linear-gradient(90deg,var(--stage-color,var(--color-primary)),var(--color-border))}.lead-scoring-section{padding:var(--section-padding)}.score-header{align-items:center;gap:var(--space-20);margin-bottom:var(--space-20);justify-content:space-between;display:flex}.score-summary{align-items:center;gap:var(--space-20);display:flex}.score-circle{background:linear-gradient(135deg,var(--color-surface),var(--color-secondary));border:6px solid var(--score-color,var(--color-primary));border-radius:var(--radius-full);box-shadow:var(--shadow-lg);height:var(--score-circle-size);width:var(--score-circle-size);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.score-circle:before{background:conic-gradient(var(--score-color,var(--color-primary))0deg,var(--score-color,var(--color-primary))calc(var(--score-percentage,70)*3.6deg),transparent calc(var(--score-percentage,70)*3.6deg),transparent 360deg);border-radius:var(--radius-full);content:"";opacity:.3;z-index:-1;position:absolute;inset:-3px}.score-number{color:var(--score-color,var(--color-primary));font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.score-total{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.score-details{gap:var(--space-4);flex-direction:column;display:flex}.score-grade{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.score-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.btn-toggle-breakdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-6);padding:var(--space-8)var(--space-16);transition:var(--profile-transition);display:flex}.btn-toggle-breakdown:hover{background:rgb(var(--color-teal-500-rgb),.05);border-color:var(--color-primary);color:var(--color-primary)}.score-progress{background:var(--color-secondary);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-20);position:relative;overflow:hidden}.score-bar{background:linear-gradient(90deg,var(--grade-f),var(--grade-a));border-radius:var(--radius-full);height:100%;transition:var(--score-animation);position:relative}.score-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s ease-in-out infinite shimmer;position:absolute;inset:0}.score-breakdown{animation:slideDownBreakdown var(--duration-normal)var(--ease-standard);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-20)}@keyframes slideDownBreakdown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.score-breakdown h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--space-16)0}.breakdown-items{gap:var(--space-16);margin-bottom:var(--space-24);flex-direction:column;display:flex}.breakdown-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-12);transition:var(--profile-transition)}.breakdown-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.breakdown-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.breakdown-label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.breakdown-score{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.breakdown-progress{background:var(--color-secondary);border-radius:var(--radius-full);height:4px;margin-bottom:var(--space-6);overflow:hidden}.breakdown-bar{border-radius:var(--radius-full);height:100%;transition:var(--score-animation)}.breakdown-description{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.score-recommendations{border-top:1px solid var(--color-border);padding-top:var(--space-20)}.score-recommendations h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--space-12)0}.recommendation-list{gap:var(--space-8);flex-direction:column;display:flex}.recommendation-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:var(--space-8);padding:var(--space-8)var(--space-12);transition:var(--profile-transition);display:flex}.recommendation-item.priority-high{border-left:4px solid var(--color-error)}.recommendation-item.priority-medium{border-left:4px solid var(--color-warning)}.recommendation-item.priority-low{border-left:4px solid var(--color-success)}.recommendation-priority{font-size:var(--font-size-sm);flex-shrink:0}.recommendation-message{color:var(--color-text);font-size:var(--font-size-sm);flex:1}.next-actions-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.next-actions-list{gap:var(--space-12);padding:var(--section-padding);flex-direction:column;display:flex}.action-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-16);padding:var(--space-16);transition:var(--profile-transition);display:flex}.action-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-item.priority-high{border-left:4px solid var(--priority-urgent)}.action-item.priority-medium{border-left:4px solid var(--priority-medium)}.action-item.priority-low{border-left:4px solid var(--priority-low)}.action-icon{font-size:var(--font-size-lg);flex-shrink:0}.action-content{flex:1;min-width:0}.action-label{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.action-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.action-priority{font-size:var(--font-size-sm);flex-shrink:0}.profile-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--profile-transition);overflow:hidden}.profile-section:hover{box-shadow:var(--shadow-sm)}.section-header{background:linear-gradient(135deg,var(--color-secondary),var(--color-surface));border-bottom:1px solid var(--color-border);padding:var(--space-16)var(--section-padding);justify-content:space-between;align-items:center;display:flex}.section-header h3{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.section-status{color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:center;gap:var(--space-8);display:flex}.editing-indicator{color:var(--color-warning);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-4);display:flex}.saving-indicator{color:var(--color-success);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-4);animation:1.5s ease-in-out infinite pulse;display:flex}.btn-toggle-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-4);padding:var(--space-6)var(--space-12);transition:var(--profile-transition);display:flex}.btn-toggle-section:hover{border-color:var(--color-primary);color:var(--color-primary)}.profile-grid{gap:var(--space-24);padding:var(--section-padding);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.profile-field{gap:var(--space-8);flex-direction:column;display:flex}.profile-field.full-width{grid-column:1/-1}.profile-field label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-4);display:flex}.profile-field label:after{color:var(--color-error);content:"*";font-weight:var(--font-weight-bold);opacity:0;transition:opacity var(--duration-fast)var(--ease-standard)}.profile-field label:has(+.field-display-container .field-empty):after,.profile-field label:has(+.field-edit-container .field-edit-input:required:invalid):after{opacity:1}.field-display-container{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-12);min-height:var(--field-height);padding:var(--space-12)var(--space-16);transition:var(--edit-transition);justify-content:space-between;display:flex;position:relative;overflow:hidden}.field-display-container:before{background:linear-gradient(135deg,transparent,rgb(var(--color-teal-500-rgb),.02));content:"";opacity:0;transition:opacity var(--duration-normal)var(--ease-standard);position:absolute;inset:0}.field-display-container:hover{background:var(--color-surface);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.field-display-container:hover:before{opacity:1}.field-value-wrapper{z-index:1;flex:1;min-width:0;position:relative}.field-value{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);overflow-wrap:break-word}.field-empty{color:var(--color-text-secondary);opacity:.7;font-style:italic}.field-option-details{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:var(--space-2);opacity:.8;display:block}.btn-edit-field{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);height:var(--space-32);opacity:0;transition:var(--edit-transition);width:var(--space-32);z-index:1;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.field-display-container:hover .btn-edit-field{opacity:1}.btn-edit-field:hover{background:var(--color-primary);color:var(--color-btn-primary-text);transform:scale(1.1)}.field-edit-container{align-items:flex-start;gap:var(--space-8);display:flex}.field-input-wrapper{flex:1;position:relative}.field-edit-input,.field-edit-select,.field-edit-textarea{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--focus-ring);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--space-12)var(--space-16);transition:var(--edit-transition);width:100%}.field-edit-input:focus,.field-edit-select:focus,.field-edit-textarea:focus{border-color:var(--color-primary-hover);box-shadow:var(--focus-ring),var(--shadow-sm);outline:none}.field-edit-input.error,.field-edit-select.error,.field-edit-textarea.error{border-color:var(--color-error);box-shadow:0 0 0 2px rgb(var(--color-error-rgb),.2)}.field-edit-textarea{resize:vertical;min-height:100px;font-family:inherit}.field-edit-select{-webkit-appearance:none;appearance:none;background-image:var(--select-caret-light);background-position:right var(--space-12)center;cursor:pointer;background-repeat:no-repeat;background-size:12px;padding-right:36px}@media (prefers-color-scheme:dark){.field-edit-select{background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .field-edit-select{background-image:var(--select-caret-dark)}[data-color-scheme=light] .field-edit-select{background-image:var(--select-caret-light)}.field-validation-error{animation:slideDownError .2s var(--ease-standard);background:var(--color-error);border-radius:0 0 var(--radius-sm)var(--radius-sm);color:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-4)var(--space-8);z-index:10;position:absolute;top:100%;left:0;right:0}@keyframes slideDownError{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.field-edit-actions{gap:var(--space-4);flex-shrink:0;display:flex}.btn-save-field,.btn-cancel-field{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);height:36px;transition:var(--edit-transition);border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;display:flex}.btn-save-field{background:var(--color-success);box-shadow:var(--shadow-sm);color:var(--color-surface)}.btn-save-field:hover:not(:disabled){background:var(--color-success);box-shadow:var(--shadow-md);transform:scale(1.1)}.btn-save-field:disabled{background:var(--color-secondary);color:var(--color-text-secondary);cursor:not-allowed;transform:none}.btn-cancel-field{background:var(--color-error);box-shadow:var(--shadow-sm);color:var(--color-surface)}.btn-cancel-field:hover{background:var(--color-error);box-shadow:var(--shadow-md);transform:scale(1.1)}.custom-fields-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.custom-fields-grid{gap:var(--space-20);padding:var(--section-padding);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.custom-field{gap:var(--space-8);flex-direction:column;display:flex}.custom-field label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-8);display:flex}.custom-field-icon{font-size:var(--font-size-base)}.advanced-stats-grid{gap:var(--space-16);padding:var(--section-padding);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat-card{background:linear-gradient(135deg,var(--color-background),var(--color-secondary));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-20);text-align:center;transition:var(--profile-transition);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.stat-card:before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));content:"";opacity:0;height:3px;transition:opacity var(--duration-normal)var(--ease-standard);position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{font-size:var(--font-size-xl);margin-bottom:var(--space-8);opacity:.8}.stat-content{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.stat-number{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.profile-footer{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-24);padding:var(--space-16)var(--space-20);justify-content:space-between;align-items:center;display:flex}.auto-save-settings{align-items:center;gap:var(--space-16);display:flex}.auto-save-toggle{color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:var(--space-8);-webkit-user-select:none;user-select:none;display:flex}.auto-save-toggle input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:var(--space-16);width:var(--space-16)}.last-saved{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}@media (min-width:1200px){.lead-profile{padding:var(--space-32)}.profile-grid{grid-template-columns:repeat(2,1fr)}.advanced-stats-grid{grid-template-columns:repeat(6,1fr)}.custom-fields-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1199px){.profile-header{gap:var(--space-16);flex-wrap:wrap}.profile-actions{justify-content:center;width:100%}.pipeline-stages{justify-content:flex-start}.advanced-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.lead-profile{gap:var(--space-16);padding:var(--space-20)}.profile-header{gap:var(--space-16);text-align:center;flex-direction:column}.profile-actions{flex-direction:column;width:100%}.btn-profile-action{justify-content:center;width:100%}.pipeline-stages{align-items:stretch;gap:var(--space-12);padding:var(--space-16);flex-direction:column}.pipeline-stage{align-items:center;gap:var(--space-16);min-width:auto;padding:var(--space-12);text-align:left;flex-direction:row}.stage-indicator{flex-shrink:0;width:50px;height:50px;margin-bottom:0}.stage-content{text-align:left;flex:1}.stage-connector{display:none}.score-header{gap:var(--space-16);text-align:center;flex-direction:column}.score-summary{gap:var(--space-16);flex-direction:column}.profile-grid{gap:var(--space-16);padding:var(--space-16);grid-template-columns:1fr}.advanced-stats-grid{gap:var(--space-12);grid-template-columns:repeat(2,1fr)}.custom-fields-grid{gap:var(--space-16);grid-template-columns:1fr}.next-actions-list{padding:var(--space-16)}.action-item{align-items:flex-start;gap:var(--space-8);text-align:left;flex-direction:column}}@media (max-width:480px){.lead-profile,.profile-header{padding:var(--space-16)}.lead-avatar{font-size:var(--font-size-lg);width:60px;height:60px}.lead-name{font-size:var(--font-size-xl)}.lead-badges{align-items:center;gap:var(--space-4);flex-direction:column}.score-circle{width:80px;height:80px}.score-number{font-size:var(--font-size-xl)}.pipeline-stage{padding:var(--space-8)}.stage-indicator{width:40px;height:40px}.profile-grid,.custom-fields-grid,.next-actions-list{padding:var(--space-12)}.advanced-stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--space-16)}.field-edit-actions{flex-direction:column}.btn-save-field,.btn-cancel-field{height:var(--space-32);width:100%}.profile-footer{gap:var(--space-8);text-align:center;flex-direction:column}}@media (hover:none) and (pointer:coarse){.pipeline-stage:hover,.stat-card:hover,.action-item:hover{transform:none}.btn-edit-field{opacity:1}.btn-save-field,.btn-cancel-field,.btn-edit-field,.btn-profile-action{min-width:44px;min-height:44px}.field-display-container,.pipeline-stage{padding:var(--space-16)}}@media (prefers-contrast:high){.pipeline-stage,.stat-card,.action-item,.field-display-container{border-width:2px}.pipeline-stage.current .stage-indicator{box-shadow:0 0 0 3px var(--color-surface)}.score-circle{border-width:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pipeline-stage,.stat-card,.action-item{transform:none!important}.score-bar:after{animation:none}}.field-edit-input:focus-visible,.field-edit-select:focus-visible,.field-edit-textarea:focus-visible,.btn-save-field:focus-visible,.btn-cancel-field:focus-visible,.btn-edit-field:focus-visible,.btn-profile-action:focus-visible,.pipeline-stage:focus-visible{outline:var(--focus-outline);outline-offset:2px;z-index:10;position:relative}@media print{.lead-profile{color:#000;background:#fff;font-size:12pt;line-height:1.4}.profile-actions,.btn-edit-field,.btn-save-field,.btn-cancel-field,.btn-toggle-section,.btn-toggle-breakdown{display:none!important}.profile-section,.pipeline-section{border:1px solid var(--border-color);break-inside:avoid;margin-bottom:1rem}.pipeline-stages{flex-direction:column}.field-display-container{border:1px solid var(--border-color);background:#fff}}.leads-page{--color-primary:#0f172a;--color-primary-light:#334155;--color-primary-dark:#020617;--color-accent:#0ea5e9;--color-accent-light:#38bdf8;--color-accent-dark:#0284c7;--color-success:var(--color-success);--color-warning:var(--color-warning);--color-error:var(--color-danger);--color-info:var(--color-info);--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-bg-page:var(--color-gray-50);--color-bg-surface:var(--color-white);--color-bg-secondary:var(--color-gray-100);--color-text:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-text-muted:var(--color-gray-500);--color-border:var(--color-gray-200);--color-border-light:var(--color-gray-100);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a1a,0 2px 4px -1px #0f172a0f;--shadow-lg:0 10px 15px -3px #0f172a1a,0 4px 6px -2px #0f172a0d;--shadow-xl:0 20px 25px -5px #0f172a1a,0 10px 10px -5px #0f172a0a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--form-input-height:clamp(2.2rem,4vw,3rem);--form-focus-color:var(--color-primary)}.leads-page[data-theme=dark]{--color-bg-page:var(--color-gray-900);--color-bg-surface:var(--color-gray-800);--color-bg-secondary:var(--color-gray-700);--color-text:var(--color-white);--color-text-secondary:var(--color-gray-300);--color-text-tertiary:var(--color-gray-400);--color-text-muted:var(--color-gray-400);--color-border:var(--color-gray-700);--color-border-light:var(--color-gray-600)}.leads-page{background-color:var(--color-bg-page);color:var(--color-text);width:100%;min-height:100vh;padding:clamp(5rem,12vw,6rem) clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem);font-family:inherit}.leads-content{width:100%;max-width:1280px;margin:0 auto;animation:.5s ease-out fadeIn;position:relative}.spinner-small{border:clamp(1px,.3vw,2px) solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:clamp(.75rem,2vw,1rem);height:clamp(.75rem,2vw,1rem);animation:.8s linear infinite spin}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.leads-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(1rem,3vw,1.5rem);margin-bottom:clamp(1rem,2vw,1.5rem);padding-bottom:0;display:flex}.leads-header__main{flex-direction:column;gap:clamp(.25rem,1vw,.5rem);display:flex}.leads-header__title{color:var(--color-text);font-size:clamp(1.5rem,5vw + .5rem,2.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;line-height:1.1}.leads-header__subtitle{color:var(--color-text-secondary);font-size:clamp(.875rem,2vw,1.125rem);font-weight:var(--font-weight-medium);margin:0;line-height:1.5}.leads-header__actions{flex-wrap:wrap;align-items:center;gap:clamp(.5rem,2vw,1rem);display:flex}.leads-stats{margin-bottom:clamp(1rem,2vw,1.5rem)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(140px,25vw,200px),1fr));gap:clamp(.75rem,2vw,1.5rem);display:grid}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;gap:clamp(.25rem,1vw,.5rem);padding:clamp(1rem,2vw,1.5rem);display:flex}.stat-card--sm{padding:clamp(.75rem,1.5vw,1rem)}.stat-card--sm .stat-card__value{font-size:clamp(1.25rem,2.5vw,1.75rem)}.stat-card--sm .stat-card__label{font-size:clamp(.6rem,1.2vw,.75rem)}.stat-card__value{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.1}.stat-card__label{font-size:clamp(.65rem,1.5vw,.875rem);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.leads-page .search-filters{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:clamp(1rem,3vw,2rem);padding:clamp(.75rem,2vw,1rem)}.leads-page .search-filters__primary{flex-wrap:wrap;align-items:center;gap:clamp(.75rem,2vw,1rem);width:100%;display:flex}.leads-page .search-input-wrapper{flex:auto;min-width:clamp(150px,30vw,250px);max-width:100%;position:relative}.leads-page .search-input-wrapper .search-icon{color:var(--color-text-muted);pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:clamp(.75rem,2vw,1.25rem);transform:translateY(-50%)}.leads-page .search-input-wrapper .search-icon svg{width:clamp(12px,2.5vw,16px);height:clamp(12px,2.5vw,16px)}.leads-page .search-input-wrapper .search-input{background:var(--color-bg-surface);border:clamp(.5px,.15vw,1px)solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);height:var(--form-input-height);transition:all var(--transition-normal);box-sizing:border-box;width:100%;font-size:clamp(.8rem,1.5vw,.95rem);padding:0 clamp(.75rem,1.5vw,1rem) 0 clamp(2.5rem,5vw,3.5rem)!important}.leads-page .search-input-wrapper .search-input:focus{border-color:var(--form-focus-color);box-shadow:0 0 0 3px var(--form-focus-color)}@supports (color:color-mix(in lab,red,red)){.leads-page .search-input-wrapper .search-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--form-focus-color)10%,transparent)}}.leads-page .search-input-wrapper .search-input:focus{outline:none}.leads-page .search-input-wrapper .search-input::placeholder{color:var(--color-text-muted)}.filter-select-wrapper{flex-shrink:0;align-items:center;display:flex;position:relative}.filter-select-wrapper .filter-icon{color:var(--color-text-muted);pointer-events:none;z-index:1;width:clamp(14px,2vw,16px);height:clamp(14px,2vw,16px);position:absolute;top:50%;left:clamp(.75rem,2vw,1rem);transform:translateY(-50%)}.leads-filter,.filter-select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;height:var(--form-input-height);font-size:clamp(.75rem,1.5vw,.9rem);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);white-space:nowrap;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right clamp(.5rem,1vw,.75rem) center;background-repeat:no-repeat;background-size:clamp(.65rem,1.2vw,.85rem);flex-shrink:0;padding:0 clamp(2rem,3vw,2.25rem) 0 clamp(.75rem,1.5vw,1rem)}.leads-filter.with-icon,.filter-select.with-icon{padding-left:clamp(2.25rem,4vw,2.75rem)!important}.leads-filter:hover,.filter-select:hover{border-color:var(--color-gray-400)}.leads-filter:focus,.filter-select:focus{border-color:var(--form-focus-color);box-shadow:0 0 0 3px var(--form-focus-color)}@supports (color:color-mix(in lab,red,red)){.leads-filter:focus,.filter-select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--form-focus-color)10%,transparent)}}.leads-filter:focus,.filter-select:focus{outline:none}.btn--ghost{border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0}.btn--ghost:hover{background:var(--color-bg-secondary);border-color:var(--color-gray-400)}.btn--icon{width:var(--form-input-height);height:var(--form-input-height);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.view-mode-toggle{background:var(--color-bg-secondary);border-radius:var(--radius-lg);gap:clamp(.15rem,.5vw,.25rem);padding:clamp(.15rem,.5vw,.25rem);display:flex}.view-mode-toggle .btn--icon{border-radius:var(--radius-md);width:clamp(2rem,4vw,2.5rem);height:clamp(2rem,4vw,2.5rem);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.view-mode-toggle .btn--icon:hover{color:var(--color-text);background:#ffffff80}.view-mode-toggle .btn--icon.active{background:var(--color-bg-surface);color:var(--color-accent);box-shadow:var(--shadow-sm)}.btn{cursor:pointer;font-size:clamp(.8rem,1.5vw,.95rem);font-weight:var(--font-weight-semibold);height:var(--form-input-height);transition:all var(--transition-normal);border:none;border-radius:clamp(1.5rem,4vw,9999px);justify-content:center;align-items:center;gap:clamp(.25rem,1vw,.5rem);padding:0 clamp(1rem,2vw,1.5rem);display:inline-flex}.btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-white);box-shadow:var(--shadow-md),0 0 0 clamp(.5px,.1vw,1px) #ffffff1a inset}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-xl);filter:brightness(1.1)}.btn--primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn--danger{color:var(--color-white);box-shadow:var(--shadow-md),0 0 0 clamp(.5px,.1vw,1px) #ffffff1a inset;background:linear-gradient(135deg,#ef4444,#b91c1c)}.btn--danger:hover:not(:disabled){box-shadow:var(--shadow-xl);filter:brightness(1.1)}.btn--danger:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn--secondary{background:var(--color-bg-surface);border:clamp(.5px,.15vw,1px)solid var(--color-border);color:var(--color-text)}.btn--secondary:hover{border-color:var(--color-gray-400);background:var(--color-bg-secondary)}.btn--secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn--sm{gap:clamp(.15rem,.3vw,.25rem);width:auto;min-width:auto;height:clamp(1.5rem,2.5vw,2rem);padding:0 clamp(.4rem,.8vw,.75rem);font-size:clamp(.6rem,1vw,.8rem)}.leads-table-container{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px #00000005;transition:box-shadow var(--transition-normal);-webkit-overflow-scrolling:touch;margin-bottom:clamp(1rem,2vw,1.5rem);overflow:auto hidden}.leads-table-container:hover{box-shadow:var(--shadow-xl)}.leads-table{border-collapse:separate;border-spacing:0;width:100%;min-width:clamp(600px,80vw,800px)}.leads-table th{background:var(--color-gray-50);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;z-index:20;background-clip:padding-box;padding:clamp(.35rem,1vw,.5rem) clamp(.5rem,1.2vw,.75rem);font-size:clamp(.6rem,1.2vw,.75rem);font-weight:600;position:-webkit-sticky;position:sticky;top:0}.leads-table th:first-child{padding-left:clamp(.5rem,1.5vw,1rem)}.leads-table th:last-child{padding-right:clamp(.5rem,1.5vw,1rem)}.leads-table tr{transition:all var(--transition-fast)}.leads-table tr.clickable-row{cursor:pointer}.leads-table tr:hover{background-color:var(--color-gray-50);z-index:1;position:relative;transform:translateY(-1px);box-shadow:0 2px 4px #00000005}.leads-table td,.leads-table th[scope=row]{border-bottom:1px solid var(--color-border-light);color:var(--color-text);vertical-align:middle;text-transform:none;letter-spacing:normal;background:0 0;padding:clamp(.35rem,1vw,.5rem) clamp(.5rem,1.2vw,.75rem);font-size:clamp(.8rem,1.5vw,.95rem);font-weight:400}.leads-table td:first-child,.leads-table th[scope=row]:first-child{padding-left:clamp(.5rem,1.5vw,1rem)}.leads-table td:last-child,.leads-table th[scope=row]:last-child{padding-right:clamp(.5rem,1.5vw,1rem)}.leads-table td.col-actions,.leads-table th[scope=row].col-actions{text-align:right;white-space:nowrap;width:1%}.leads-table tr:last-child td{border-bottom:none}.leads-table .col-name{width:clamp(100px,18vw,200px);min-width:clamp(80px,15vw,150px);font-size:clamp(.7rem,1.3vw,.85rem)}.leads-table .col-contact{width:clamp(120px,20vw,220px);min-width:clamp(100px,16vw,180px);font-size:clamp(.65rem,1.2vw,.8rem)}.leads-table .col-event{width:clamp(100px,15vw,180px);min-width:clamp(80px,12vw,140px);font-size:clamp(.65rem,1.2vw,.8rem)}.leads-table .col-stage{width:clamp(90px,14vw,160px);min-width:clamp(70px,11vw,130px);font-size:clamp(.65rem,1.2vw,.8rem)}.leads-table .col-updated{width:clamp(80px,12vw,140px);min-width:clamp(60px,10vw,110px);font-size:clamp(.6rem,1.1vw,.75rem)}.leads-table .col-actions{text-align:right;white-space:nowrap;width:clamp(60px,10vw,120px);min-width:clamp(50px,8vw,90px);font-size:clamp(.6rem,1.1vw,.75rem)}.stage-select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg-secondary);border:clamp(.5px,.15vw,1px)solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right clamp(.5rem,1vw,.75rem) center;background-repeat:no-repeat;background-size:clamp(.6rem,1.2vw,.8rem);border-radius:clamp(1rem,3vw,9999px);width:auto;max-width:clamp(120px,20vw,160px);padding:clamp(.15rem,.5vw,.25rem) clamp(1.5rem,3vw,2rem) clamp(.15rem,.5vw,.25rem) clamp(.5rem,1.2vw,.75rem);font-size:clamp(.65rem,1.3vw,.8rem);font-weight:500}.stage-select:hover{background-color:var(--color-white);border-color:var(--color-gray-400);box-shadow:var(--shadow-sm)}.stage-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light);outline:none}.lead-name,.lead-name__primary{flex-direction:column;gap:clamp(.05rem,.15vw,.1rem);display:flex}.lead-name__first,.lead-name__last{color:var(--color-text);font-size:clamp(.6rem,1.1vw,.75rem);font-weight:400;display:block}.contact-info{flex-direction:column;gap:clamp(.05rem,.15vw,.1rem);display:flex}.contact-info__email{color:var(--color-text);text-overflow:ellipsis;font-size:clamp(.6rem,1.1vw,.75rem);font-weight:400;display:block;overflow:hidden}.contact-info__phone{color:var(--color-text-muted);font-size:clamp(.6rem,1.1vw,.75rem);font-weight:400;display:block}.table-actions{justify-content:flex-end;align-items:center;gap:clamp(.15rem,.5vw,.25rem);display:flex}.event-info{flex-direction:column;gap:clamp(.15rem,.5vw,.25rem);display:flex}.event-date{color:var(--color-text-muted);margin-top:clamp(.075rem,.25vw,.125rem);font-size:clamp(.7rem,1.3vw,.85rem)}@media (max-width:640px){.btn--icon-mobile{min-width:auto;padding:0 clamp(.25rem,1vw,.5rem)}.btn--icon-mobile .btn-text{display:none}}.action-icon{flex-shrink:0;width:clamp(12px,2.5vw,16px);height:clamp(12px,2.5vw,16px)}.lead-type-badge{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-bg-secondary);white-space:nowrap;padding:clamp(.1rem,.4vw,.2rem) clamp(.4rem,.8vw,.6rem);font-size:clamp(.6rem,1.1vw,.75rem)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0d;border:1px solid var(--color-border);width:100%;max-width:600px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalPop;position:relative;overflow:hidden}.modal-content--sm{max-width:400px}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--color-border-light);background:linear-gradient(to bottom,var(--color-gray-50),var(--color-white));justify-content:space-between;align-items:center;padding:clamp(1.25rem,3vw,1.75rem) clamp(1.5rem,3vw,2.5rem);display:flex}.modal-header h2{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.01em;margin:0}.modal-body{color:var(--color-text-secondary);font-size:var(--font-size-base);padding:clamp(1.5rem,3vw,2rem) clamp(1.5rem,3vw,2.5rem);line-height:1.6}.modal-actions{background:var(--color-gray-50);border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:1rem;padding:1.25rem clamp(1.5rem,3vw,2.5rem);display:flex}.close-btn{background:var(--color-gray-100);border-radius:var(--radius-full);width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.close-btn:hover{background:var(--color-error);color:var(--color-white);transform:rotate(90deg)}.pagination{background:var(--color-bg-surface);border:none;border-top:1px solid var(--color-border);box-shadow:none;color:var(--color-text-secondary);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:clamp(.5rem,1.5vw,1rem);min-width:clamp(600px,80vw,800px);margin-top:0;padding:clamp(.5rem,1.5vw,1rem) clamp(.75rem,2vw,1.5rem);font-size:clamp(.7rem,1.3vw,.85rem);display:flex}.pagination__info{white-space:nowrap;flex-shrink:0;font-size:clamp(.6rem,1.2vw,.8rem);font-weight:500}.pagination>.btn{white-space:nowrap;flex-shrink:0;gap:clamp(.15rem,.4vw,.25rem);height:clamp(1.75rem,3vw,2.25rem);margin-left:auto;margin-right:clamp(.25rem,1vw,.5rem);padding:0 clamp(.5rem,1vw,.75rem);font-size:clamp(.6rem,1.1vw,.75rem)}.pagination__controls{flex-shrink:0;align-items:center;gap:clamp(.25rem,.75vw,.5rem);display:flex}.pagination__pages{white-space:nowrap;align-items:center;font-size:clamp(.6rem,1.1vw,.75rem);display:flex}.pipeline-board{-ms-overflow-style:none;scrollbar-width:none;gap:clamp(.75rem,2vw,1.5rem);padding-bottom:clamp(.75rem,2vw,1.5rem);display:flex;overflow-x:auto}.pipeline-board::-webkit-scrollbar{display:none}.pipeline-column{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border);width:clamp(240px,35vw,320px);min-width:clamp(240px,35vw,320px);max-width:clamp(240px,35vw,320px);height:-webkit-fit-content;height:fit-content;transition:background-color var(--transition-normal);flex-direction:column;padding:clamp(.75rem,2vw,1rem);display:flex}.pipeline-column.is-over{background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.pipeline-column.is-over{background:color-mix(in srgb,var(--color-accent)5%,transparent)}}.pipeline-column.is-over{border-color:var(--color-accent)}.pipeline-column-header{justify-content:space-between;align-items:center;margin-bottom:clamp(.5rem,1.5vw,1rem);padding:0 clamp(.25rem,.75vw,.5rem);display:flex}.pipeline-column-header h3{font-size:clamp(.75rem,1.5vw,.95rem);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0}.pipeline-column-count{background:var(--color-bg-surface);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:clamp(.6rem,1.2vw,.75rem);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);padding:clamp(.15rem,.5vw,.25rem) clamp(.5rem,1vw,.75rem)}.pipeline-column-content{flex-direction:column;gap:clamp(.5rem,1vw,.75rem);min-height:clamp(60px,15vw,100px);display:flex}.pipeline-lead-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);cursor:grab;transition:all var(--transition-normal);padding:clamp(.75rem,2vw,1rem);position:relative}.pipeline-lead-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-light);transform:translateY(-2px)}.pipeline-lead-card.is-dragging{box-shadow:var(--shadow-xl);border-color:var(--color-accent);cursor:grabbing;z-index:50;transform:rotate(2deg)scale(1.02)}.pipeline-lead-card.selected{border-color:var(--color-accent);background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.pipeline-lead-card.selected{background:color-mix(in srgb,var(--color-accent)2%,transparent)}}.pipeline-lead-header{justify-content:space-between;align-items:flex-start;margin-bottom:clamp(.5rem,1vw,.75rem);display:flex}.pipeline-lead-name{font-weight:var(--font-weight-semibold);color:var(--color-text);word-break:break-word;font-size:clamp(.8rem,1.5vw,.95rem);line-height:1.4}.card-checkbox{opacity:.3;cursor:pointer;flex-shrink:0;width:clamp(.8rem,1.5vw,1rem);height:clamp(.8rem,1.5vw,1rem);margin-left:clamp(.25rem,.75vw,.5rem);transition:opacity .2s}.card-checkbox:checked,.pipeline-lead-card:hover .card-checkbox{opacity:1}.pipeline-lead-details{flex-wrap:wrap;align-items:center;gap:clamp(.25rem,.75vw,.5rem);margin-bottom:clamp(.5rem,1vw,.75rem);display:flex}.lead-type-tag{font-size:clamp(.55rem,1.1vw,.7rem);font-weight:var(--font-weight-semibold);text-transform:uppercase;background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:clamp(.075rem,.25vw,.125rem) clamp(.3rem,.75vw,.5rem)}.lead-score{color:var(--color-text-muted);font-size:clamp(.6rem,1.2vw,.75rem);font-weight:var(--font-weight-medium)}.pipeline-lead-footer{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding-top:clamp(.5rem,1vw,.75rem);display:flex}.pipeline-lead-footer .lead-date{color:var(--color-text-muted);font-size:clamp(.6rem,1.2vw,.75rem)}.leads-error{text-align:center;background:var(--color-bg-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:2rem auto;padding:4rem 2rem;display:flex}.leads-error__icon{margin-bottom:1rem;font-size:3rem}.leads-error__title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:.5rem}.leads-error__message{color:var(--color-text-secondary);max-width:400px;margin-bottom:1.5rem;line-height:1.5}.loading-state{min-height:300px;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:flex}@font-face{font-family:FKGroteskNeue;src:url(/fonts/FKGroteskNeue.woff2)format("woff2")}.admin-message-center-scope{--message-header-height:140px;--message-search-height:120px;--message-list-padding:var(--space-20);--message-item-padding:var(--space-16);--message-modal-width:800px;--compose-modal-width:700px;--template-modal-width:900px;--message-transition:all var(--duration-normal)var(--ease-standard);--message-hover-lift:-2px;--message-card-scale:1.02;--message-slide-distance:var(--space-20);--channel-email:var(--color-channel-email);--channel-whatsapp:var(--color-channel-whatsapp);--channel-sms:var(--color-channel-sms);--channel-call:var(--color-channel-call);--channel-video-call:var(--color-channel-video);--channel-linkedin:var(--color-channel-linkedin);--channel-facebook:var(--color-channel-facebook);--channel-instagram:var(--color-channel-instagram);--status-draft:var(--color-status-draft);--status-sending:var(--color-status-sending);--status-sent:var(--color-status-sent);--status-delivered:var(--color-status-delivered);--status-read:var(--color-status-read);--status-failed:var(--color-status-failed);--status-bounced:var(--color-status-bounced);--status-spam:var(--color-status-spam);--priority-low:var(--color-text-secondary);--priority-normal:var(--color-primary);--priority-high:var(--color-warning);--priority-urgent:var(--color-error);--message-inbound:var(--color-success);--message-outbound:var(--color-primary);--z-message-base:1;--z-message-items:2;--z-message-modals:1100;--z-message-dropdowns:1200;--z-message-tooltips:1300}.message-center{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.message-center-header{background:linear-gradient(135deg,var(--color-surface),var(--color-secondary));border-bottom:2px solid var(--color-border);gap:var(--space-20);padding:var(--space-24);z-index:var(--z-message-base);flex-direction:column;display:flex;position:relative}.message-center-header:after{background:linear-gradient(90deg,transparent,var(--color-primary),transparent);content:"";height:2px;bottom:-2px;left:var(--space-24);opacity:.6;right:var(--space-24);position:absolute}.header-top{align-items:flex-start;gap:var(--space-24);justify-content:space-between;display:flex}.header-left{gap:var(--space-16);flex-direction:column;flex:1;min-width:0;display:flex}.header-title h3{background:linear-gradient(135deg,var(--color-text),var(--color-primary));color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4)0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-title p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}.header-actions{align-items:center;gap:var(--space-12);flex-shrink:0;display:flex}.btn-bulk-actions,.btn-refresh,.btn-compose{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-8);padding:var(--space-10)var(--space-16);transition:var(--message-transition);white-space:nowrap;border:2px solid #0000;text-decoration:none;display:flex;position:relative;overflow:hidden}.btn-bulk-actions{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.btn-bulk-actions:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text);transform:translateY(-2px)}.btn-refresh{background:var(--color-info);border-color:var(--color-info);color:var(--color-btn-primary-text)}.btn-refresh:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)rotate(90deg)}.btn-refresh:disabled{background:var(--color-secondary);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none}.btn-compose{background:linear-gradient(135deg,var(--color-success),var(--color-primary-hover));border-color:var(--color-success);box-shadow:var(--shadow-sm);color:var(--color-btn-primary-text)}.btn-compose:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-success));box-shadow:var(--shadow-md);transform:translateY(-2px)}.message-statistics{gap:var(--space-16);flex-direction:column;display:flex}.stats-grid{gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-12);padding:var(--space-12)var(--space-16);transition:var(--message-transition);display:flex;position:relative;overflow:hidden}.stat-card:before{background:var(--color-primary);content:"";opacity:0;transition:opacity var(--duration-normal)var(--ease-standard);position:absolute;inset:0}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(var(--message-hover-lift))}.stat-card:hover:before{opacity:.05}.stat-card.active{background:rgb(var(--color-teal-500-rgb),.1);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.stat-card.active:before{opacity:.1}.stat-icon{font-size:var(--font-size-lg);opacity:.8;z-index:1;position:relative}.stat-content{text-align:center;z-index:1;flex:1;position:relative}.stat-value{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1;display:block}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-top:var(--space-2);text-transform:uppercase;display:block}.engagement-metrics{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-16);padding:var(--space-12)var(--space-16);justify-content:space-between;display:flex}.metric{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;flex:1;display:flex}.metric-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.metric-value{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.message-search-filter{background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:var(--space-16);padding:var(--space-20)var(--space-24);z-index:var(--z-message-base);flex-direction:column;display:flex;position:relative}.search-bar{align-items:center;gap:var(--space-12);display:flex}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--color-text-secondary);font-size:var(--font-size-base);left:var(--space-12);z-index:1;position:absolute}.search-input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-10)var(--space-16)var(--space-10)var(--space-40);transition:all var(--duration-normal)var(--ease-standard);width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring),var(--shadow-sm);outline:none;transform:translateY(-1px)}.search-input::placeholder{color:var(--color-text-secondary);opacity:.7}.search-input{background:var(--color-background);padding:var(--space-12)var(--space-32)var(--space-12)var(--space-32)}.search-clear{background:var(--color-text-secondary);border-radius:var(--radius-full);color:var(--color-surface);cursor:pointer;font-size:var(--font-size-xs);height:20px;right:var(--space-12);transition:var(--message-transition);z-index:1;border:none;justify-content:center;align-items:center;width:20px;display:flex;position:absolute}.search-clear:hover{background:var(--color-error);transform:scale(1.1)}.advanced-filter-toggle{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-6);padding:var(--space-10)var(--space-16);transition:var(--message-transition);white-space:nowrap;display:flex}.advanced-filter-toggle:hover{border-color:var(--color-primary);color:var(--color-text)}.advanced-filter-toggle.active{background:rgb(var(--color-teal-500-rgb),.1);border-color:var(--color-primary);color:var(--color-primary)}.filter-controls{align-items:center;gap:var(--space-16);flex-wrap:wrap;justify-content:space-between;display:flex}.filter-buttons{align-items:center;gap:var(--space-8);flex-wrap:wrap;flex:1;display:flex}.filter-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-6);padding:var(--space-8)var(--space-12);transition:all var(--duration-normal)var(--ease-standard);white-space:nowrap;display:flex;position:relative;overflow:hidden}.filter-btn:before{background:var(--color-primary);content:"";opacity:0;transition:opacity var(--duration-normal)var(--ease-standard);position:absolute;inset:0}.filter-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text);transform:translateY(-1px)}.filter-btn:hover:before{opacity:.05}.filter-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-btn--active,.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-btn-primary-text)}.filter-btn--active:before,.filter-btn.active:before{opacity:0}.filter-btn{font-size:var(--font-size-xs);padding:var(--space-6)var(--space-12)}.filter-label{font-size:var(--font-size-xs)}.view-controls{align-items:center;gap:var(--space-12);display:flex}.view-mode-selector{border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.view-btn{background:var(--color-surface);border:none;border-right:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);height:36px;transition:var(--message-transition);justify-content:center;align-items:center;width:36px;display:flex}.view-btn:last-child{border-right:none}.view-btn:hover{background:var(--color-secondary);color:var(--color-text)}.view-btn.active{background:var(--color-primary);color:var(--color-btn-primary-text)}.sort-selector{position:relative}.sort-select{-webkit-appearance:none;appearance:none;background:var(--color-surface);background-image:var(--select-caret-light);background-position:right var(--space-8)center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-8)var(--space-32)var(--space-8)var(--space-12);transition:all var(--duration-normal)var(--ease-standard);background-repeat:no-repeat;background-size:12px}.sort-select:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}[data-color-scheme=dark] .sort-select{background-image:var(--select-caret-dark)}@media (prefers-color-scheme:dark){.sort-select{background-image:var(--select-caret-dark)}}.advanced-filters{animation:slideDownFilters .3s var(--ease-standard);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-20);margin-top:var(--space-16);padding:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}@keyframes slideDownFilters{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:300px;transform:translateY(0)}}.filter-section h4{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.5px;margin:0 0 var(--space-12)0;text-transform:uppercase}.date-filters{align-items:center;gap:var(--space-8);display:flex}.date-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-6)var(--space-8);flex:1}.channel-filters,.status-filters{gap:var(--space-8);flex-direction:column;max-height:150px;display:flex;overflow-y:auto}.channel-filter-option,.status-filter-option{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-8);padding:var(--space-4);transition:var(--message-transition);display:flex}.channel-filter-option:hover,.status-filter-option:hover{background:var(--color-secondary)}.channel-filter-option input,.status-filter-option input{accent-color:var(--color-primary);cursor:pointer;width:16px;height:16px}.channel-icon,.status-icon{font-size:var(--font-size-sm)}.bulk-actions-bar{animation:slideDownBulk .3s var(--ease-standard);background:var(--color-warning);color:var(--color-btn-primary-text);padding:var(--space-12)var(--space-24);z-index:var(--z-message-base);justify-content:space-between;align-items:center;display:flex;position:relative}@keyframes slideDownBulk{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.bulk-selection{align-items:center;gap:var(--space-12);display:flex}.btn-select-all,.btn-clear-selection{border-radius:var(--radius-sm);color:var(--color-btn-primary-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-6)var(--space-12);transition:var(--message-transition);background:0 0;border:1px solid #ffffff4d}.btn-select-all:hover,.btn-clear-selection:hover{background:#ffffff1a;border-color:#ffffff80}.bulk-actions{align-items:center;gap:var(--space-8);display:flex}.bulk-action-btn{border-radius:var(--radius-sm);color:var(--color-btn-primary-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-6);padding:var(--space-6)var(--space-12);transition:var(--message-transition);background:0 0;border:1px solid #ffffff4d;display:flex}.bulk-action-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80;transform:translateY(-1px)}.bulk-action-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-action-btn--danger:hover:not(:disabled){background:var(--color-error);border-color:var(--color-error)}.message-error{animation:slideInError .3s var(--ease-standard);background:rgb(var(--color-error-rgb),.1);border:1px solid rgb(var(--color-error-rgb),.3);border-left:4px solid var(--color-error);color:var(--color-error);align-items:center;gap:var(--space-12);padding:var(--space-16)var(--space-24);z-index:var(--z-message-base);display:flex;position:relative}.error-icon{font-size:var(--font-size-lg);flex-shrink:0}.error-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1}.error-dismiss{background:rgb(var(--color-error-rgb),.2);border-radius:var(--radius-full);color:var(--color-error);cursor:pointer;height:24px;transition:var(--message-transition);border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.error-dismiss:hover{background:var(--color-error);color:var(--color-surface);transform:scale(1.1)}.message-list-container{z-index:var(--z-message-items);flex:1;position:relative;overflow:hidden}.message-list{height:100%;overflow:hidden auto}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:var(--color-secondary);border-radius:var(--radius-full)}.message-list::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-secondary);border-radius:var(--radius-full)}.message-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.message-items{flex-direction:column;display:flex}.empty-messages{color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:64px;display:flex}.empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-24);opacity:.6;animation:3s ease-in-out infinite float}.empty-messages h4{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-12)0}.empty-messages p{font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0 0 var(--space-32)0;max-width:400px}.empty-actions{gap:var(--space-16);flex-wrap:wrap;justify-content:center;display:flex}.btn-start-conversation{background:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-btn-primary-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-8);padding:var(--space-12)var(--space-24);transition:var(--message-transition);text-decoration:none;display:flex}.btn-start-conversation:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.message-item{background:var(--color-surface);border-bottom:1px solid var(--color-border);cursor:pointer;padding:var(--message-item-padding);transition:var(--message-transition);flex-direction:column;display:flex;position:relative}.message-item:before{background:var(--message-direction-color,var(--color-border));content:"";transition:var(--message-transition);width:4px;position:absolute;top:0;bottom:0;left:0}.message-item:hover{background:var(--color-secondary);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.message-item:last-child{border-bottom:none}.message-item--outbound{--message-direction-color:var(--message-outbound)}.message-item--inbound{--message-direction-color:var(--message-inbound)}.message-item.unread{background:rgb(var(--color-teal-500-rgb),.02);border-left:4px solid var(--color-primary)}.message-item.unread:before{background:var(--color-primary);width:4px}.message-item.selected{background:rgb(var(--color-teal-500-rgb),.1);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.message-item--cards{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin:var(--space-8)}.message-item--cards:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)scale(1.01)}.message-item--conversation{padding:var(--space-8)var(--space-16);border-bottom:none}.message-checkbox{left:var(--space-12);top:var(--space-12);z-index:2;position:absolute}.message-checkbox input{accent-color:var(--color-primary);cursor:pointer;width:18px;height:18px}.message-item.selected .message-checkbox{display:block}.message-header{align-items:center;gap:var(--space-12);margin-bottom:var(--space-8);justify-content:space-between;display:flex}.message-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:center;gap:var(--space-8);flex:1;min-width:0;display:flex}.channel-icon{font-size:var(--font-size-base);flex-shrink:0}.channel-name{color:var(--color-text);font-weight:var(--font-weight-semibold)}.message-direction{color:var(--color-text-secondary);white-space:nowrap}.message-time{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap}.priority-indicator{font-size:var(--font-size-sm);animation:2s ease-in-out infinite glow}.unread-indicator{font-size:var(--font-size-xs);animation:2s ease-in-out infinite pulse}.starred-indicator{color:var(--color-warning);font-size:var(--font-size-sm)}.message-actions{align-items:center;gap:var(--space-4);opacity:0;transition:opacity var(--duration-normal)var(--ease-standard);display:flex}.message-item:hover .message-actions{opacity:1}.status-indicator{font-size:var(--font-size-sm);opacity:.8}.btn-message-action{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);height:28px;transition:var(--message-transition);background:0 0;border:none;justify-content:center;align-items:center;width:28px;display:flex}.btn-message-action:hover{background:var(--color-primary);color:var(--color-btn-primary-text);transform:scale(1.1)}.message-menu{position:relative}.btn-message-menu{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);height:28px;transition:var(--message-transition);background:0 0;border:none;justify-content:center;align-items:center;width:28px;display:flex}.btn-message-menu:hover{background:var(--color-secondary);color:var(--color-text)}.message-menu-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;min-width:140px;padding:var(--space-4);transition:var(--message-transition);visibility:hidden;z-index:var(--z-message-dropdowns);position:absolute;top:100%;right:0;transform:translateY(-10px)}.message-menu:hover .message-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.message-menu-dropdown button{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:var(--space-8);padding:var(--space-6)var(--space-8);text-align:left;transition:var(--message-transition);background:0 0;border:none;width:100%;display:flex}.message-menu-dropdown button:hover{background:var(--color-secondary)}.message-content{padding-left:var(--space-20)}.message-subject{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.message-preview{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--space-8)}.message-attachments{color:var(--color-text-secondary);font-size:var(--font-size-xs);align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.attachment-icon{font-size:var(--font-size-sm)}.attachment-count{font-weight:var(--font-weight-medium)}.message-footer{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.workflow-badge,.scheduled-badge,.template-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-4);letter-spacing:.5px;padding:var(--space-2)var(--space-8);text-transform:uppercase;display:inline-flex}.workflow-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-btn-primary-text)}.scheduled-badge{background:var(--color-warning);color:var(--color-btn-primary-text)}.template-badge{background:var(--color-info);color:var(--color-btn-primary-text)}.conversation-view{padding:var(--space-20)}.conversation-group{margin-bottom:var(--space-32)}.conversation-date{background:var(--color-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-20);padding:var(--space-8)var(--space-16);text-align:center;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.conversation-messages{gap:var(--space-12);flex-direction:column;display:flex}.conversation-message{cursor:pointer;transition:var(--message-transition);display:flex}.conversation-message--outbound{justify-content:flex-end}.conversation-message--inbound{justify-content:flex-start}.conversation-message:hover{transform:translateY(-1px)}.conversation-message-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);max-width:70%;padding:var(--space-12)var(--space-16);transition:var(--message-transition);position:relative}.conversation-message--outbound .conversation-message-content{background:var(--color-primary);border-bottom-right-radius:var(--radius-sm);color:var(--color-btn-primary-text)}.conversation-message--inbound .conversation-message-content{background:var(--color-surface);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm);color:var(--color-text)}.conversation-message:hover .conversation-message-content{box-shadow:var(--shadow-md)}.conversation-message-header{align-items:center;gap:var(--space-6);margin-bottom:var(--space-4);opacity:.8;display:flex}.conversation-channel-icon{font-size:var(--font-size-sm)}.conversation-time{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.conversation-subject{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6);opacity:.9}.conversation-text{font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:pre-wrap;overflow-wrap:break-word}.conversation-attachments{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid #fff3}.conversation-attachment{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);align-items:center;gap:var(--space-6);margin-bottom:var(--space-4);padding:var(--space-4)var(--space-8);transition:var(--message-transition);background:#ffffff1a;display:flex}.conversation-attachment:hover{background:#fff3}.message-modal-backdrop,.compose-modal-backdrop,.template-modal-backdrop{animation:fadeInModal .3s var(--ease-standard);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-24);z-index:var(--z-message-modals);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.message-modal,.compose-modal,.template-modal{animation:slideUpModal .4s var(--ease-standard);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:90vh;display:flex;overflow:hidden}.message-modal{max-width:var(--message-modal-width)}.compose-modal{max-width:var(--compose-modal-width)}.template-modal{max-width:var(--template-modal-width)}.modal-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-bottom:1px solid var(--color-border);color:var(--color-btn-primary-text);padding:var(--space-20)var(--space-24);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-8);margin:0;display:flex}.modal-icon{font-size:var(--font-size-xl)}.btn-close-modal{border-radius:var(--radius-full);color:var(--color-btn-primary-text);cursor:pointer;font-size:var(--font-size-lg);height:32px;transition:var(--message-transition);background:#fff3;border:none;justify-content:center;align-items:center;width:32px;display:flex}.btn-close-modal:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content{padding:var(--space-24);flex:1;overflow-y:auto}.message-details-grid{gap:var(--space-20);margin-bottom:var(--space-32);grid-template-columns:repeat(2,1fr);display:grid}.detail-item{gap:var(--space-6);flex-direction:column;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.channel-display,.status-display,.priority-display{align-items:center;gap:var(--space-6);display:flex}.workflow-source{background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-btn-primary-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-6);padding:var(--space-4)var(--space-8);display:flex}.message-full-content{border-top:2px solid var(--color-border);margin-bottom:var(--space-24);padding-top:var(--space-24)}.message-full-content label{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-12);display:block}.content-display{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:300px;padding:var(--space-20);overflow-y:auto}.content-display pre{color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);white-space:pre-wrap;overflow-wrap:break-word;margin:0}.message-attachments-section{border-top:1px solid var(--color-border);padding-top:var(--space-20)}.message-attachments-section label{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-12);display:block}.attachments-list{gap:var(--space-8);flex-direction:column;display:flex}.attachment-item{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-12);padding:var(--space-12);transition:var(--message-transition);display:flex}.attachment-item:hover{background:var(--color-surface);box-shadow:var(--shadow-sm)}.attachment-name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1}.attachment-size{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.btn-download-attachment{border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-4);padding:var(--space-6)var(--space-12);transition:var(--message-transition);background:0 0;display:flex}.btn-download-attachment:hover{background:var(--color-primary);color:var(--color-btn-primary-text)}.modal-footer{background:var(--color-secondary);border-top:1px solid var(--color-border);align-items:center;gap:var(--space-12);padding:var(--space-16)var(--space-24);justify-content:flex-end;display:flex}.btn-reply,.btn-star,.btn-modal-close,.btn-save-draft,.btn-cancel,.btn-send{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-6);padding:var(--space-10)var(--space-16);transition:var(--message-transition);border:2px solid;text-decoration:none;display:flex}.btn-reply{background:var(--color-info);border-color:var(--color-info);color:var(--color-btn-primary-text)}.btn-reply:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-star{border-color:var(--color-warning);color:var(--color-warning);background:0 0}.btn-star:hover{background:var(--color-warning);box-shadow:var(--shadow-md);color:var(--color-btn-primary-text);transform:translateY(-2px)}.btn-modal-close{background:var(--color-secondary);border-color:var(--color-border);color:var(--color-text)}.btn-modal-close:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.btn-save-draft{border-color:var(--color-border);color:var(--color-text-secondary);background:0 0}.btn-save-draft:hover:not(:disabled){background:var(--color-secondary);border-color:var(--color-primary);color:var(--color-primary)}.btn-save-draft:disabled{cursor:not-allowed;opacity:.5}.btn-cancel{border-color:var(--color-border);color:var(--color-text-secondary);background:0 0}.btn-cancel:hover{background:var(--color-error);border-color:var(--color-error);color:var(--color-btn-primary-text)}.btn-send{background:var(--color-success);border-color:var(--color-success);color:var(--color-btn-primary-text)}.btn-send:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-send:disabled{background:var(--color-secondary);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none}.compose-form{padding:var(--space-24);flex:1;overflow-y:auto}.compose-toolbar{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-8);margin-bottom:var(--space-20);padding-bottom:var(--space-16);display:flex}.btn-templates,.btn-ai-assist,.btn-schedule{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-6);padding:var(--space-8)var(--space-12);transition:var(--message-transition);display:flex}.btn-templates:hover:not(:disabled),.btn-ai-assist:hover:not(:disabled),.btn-schedule:hover:not(:disabled){background:var(--color-secondary);border-color:var(--color-primary);color:var(--color-text)}.btn-templates:disabled,.btn-ai-assist:disabled,.btn-schedule:disabled{cursor:not-allowed;opacity:.5}.form-row{gap:var(--space-16);margin-bottom:var(--space-20);grid-template-columns:1fr auto;display:grid}.form-field{gap:var(--space-6);margin-bottom:var(--space-16);flex-direction:column;display:flex}.form-field label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:center;display:flex}.character-count{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.channel-select,.priority-select,.subject-input,.message-input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-12);transition:var(--message-transition)}.channel-select,.priority-select{-webkit-appearance:none;appearance:none;background-image:var(--select-caret-light);background-position:right var(--space-12)center;cursor:pointer;padding-right:var(--space-32);background-repeat:no-repeat;background-size:12px}.channel-select:focus,.priority-select:focus,.subject-input:focus,.message-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.message-input{line-height:var(--line-height-normal);resize:vertical;min-height:120px}.message-input::placeholder,.subject-input::placeholder{color:var(--color-text-secondary);opacity:.7}.attachments-section{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-16);text-align:center;transition:var(--message-transition)}.attachments-section:hover{background:rgb(var(--color-teal-500-rgb),.02);border-color:var(--color-primary)}.btn-add-attachment{border:2px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-8);padding:var(--space-10)var(--space-16);transition:var(--message-transition);background:0 0;display:inline-flex}.btn-add-attachment:hover{background:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-btn-primary-text);transform:translateY(-2px)}.attachment-list{gap:var(--space-8);margin-top:var(--space-12);text-align:left;flex-direction:column;display:flex}.attachment-preview{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:var(--space-12);padding:var(--space-8)var(--space-12);transition:var(--message-transition);display:flex}.attachment-preview:hover{background:var(--color-surface);box-shadow:var(--shadow-xs)}.attachment-preview .attachment-name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1}.attachment-preview .attachment-size{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.btn-remove-attachment{background:var(--color-error);border-radius:var(--radius-full);color:var(--color-btn-primary-text);cursor:pointer;font-size:var(--font-size-xs);height:20px;transition:var(--message-transition);border:none;justify-content:center;align-items:center;width:20px;display:flex}.btn-remove-attachment:hover{background:var(--color-primary-hover);transform:scale(1.1)}.template-library{flex-direction:column;height:100%;display:flex}.template-header{background:linear-gradient(135deg,var(--color-info),var(--color-primary-hover));border-bottom:1px solid var(--color-border);color:var(--color-btn-primary-text);padding:var(--space-20)var(--space-24);justify-content:space-between;align-items:center;display:flex}.template-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.template-close{border-radius:var(--radius-full);color:var(--color-btn-primary-text);cursor:pointer;font-size:var(--font-size-base);height:28px;transition:var(--message-transition);background:#fff3;border:none;justify-content:center;align-items:center;width:28px;display:flex}.template-close:hover{background:#ffffff4d;transform:scale(1.1)}.template-categories{background:var(--color-secondary);border-bottom:1px solid var(--color-border);gap:var(--space-8);padding:var(--space-16)var(--space-24);display:flex;overflow-x:auto}.category-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-8)var(--space-16);transition:var(--message-transition);white-space:nowrap}.category-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.category-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-btn-primary-text)}.template-list{padding:var(--space-24);flex:1;overflow-y:auto}.template-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;gap:var(--space-12);margin-bottom:var(--space-16);padding:var(--space-16);transition:var(--message-transition);flex-direction:column;display:flex}.template-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-info{justify-content:space-between;align-items:center;display:flex}.template-info h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0}.template-category{background:var(--color-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--space-2)var(--space-8);text-transform:uppercase}.template-preview{border-top:1px solid var(--color-border);padding-top:var(--space-12)}.template-subject{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.template-content{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.btn-use-template{background:var(--color-success);border:2px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-btn-primary-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-8)var(--space-16);transition:var(--message-transition);align-self:flex-start}.btn-use-template:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (min-width:1200px){.message-center-header{padding:var(--space-32)}.message-search-filter{padding:var(--space-24)var(--space-32)}.message-details-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px){.message-details-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.message-center-header{padding:var(--space-16)}.header-top{align-items:stretch;gap:var(--space-16);flex-direction:column}.header-actions{gap:var(--space-8);flex-direction:column}.stats-grid{grid-template-columns:1fr}.engagement-metrics{gap:var(--space-8);flex-direction:column}.message-search-filter{padding:var(--space-16)}.search-bar{gap:var(--space-8);flex-direction:column}.filter-controls{align-items:stretch;gap:var(--space-12);flex-direction:column}.filter-buttons{flex-wrap:wrap;justify-content:center}.view-controls{justify-content:center}.advanced-filters{grid-template-columns:1fr}.bulk-actions-bar{align-items:stretch;gap:var(--space-12);flex-direction:column}.bulk-selection{justify-content:center}.bulk-actions{flex-wrap:wrap;justify-content:center}.message-item{padding:var(--space-12)}.message-header{align-items:flex-start;gap:var(--space-8);flex-direction:column}.message-meta{flex-wrap:wrap}.message-actions{opacity:1;align-self:flex-end}.message-content{padding-left:0}.conversation-message-content{max-width:90%}.template-categories{padding:var(--space-12)}.template-list,.modal-header,.modal-content,.compose-form{padding:var(--space-16)}.modal-footer{gap:var(--space-8);padding:var(--space-12)var(--space-16);flex-direction:column}.compose-toolbar{gap:var(--space-6);flex-wrap:wrap}}@media (max-width:480px){.message-center-header{padding:var(--space-12)}.header-title h3{font-size:var(--font-size-xl)}.message-search-filter{padding:var(--space-12)}.search-input{padding:var(--space-10)var(--space-32)var(--space-10)var(--space-32)}.filter-btn{padding:var(--space-4)var(--space-8);font-size:10px}.filter-label{display:none}.message-item{padding:var(--space-8)}.message-footer{align-items:flex-start;gap:var(--space-4);flex-direction:column}.conversation-message-content{max-width:95%}.message-modal,.compose-modal,.template-modal{margin:var(--space-8);max-height:calc(100vh - 16px)}.modal-title{font-size:var(--font-size-base)}.compose-toolbar{flex-direction:column;align-items:stretch}.template-info{align-items:flex-start;gap:var(--space-6);flex-direction:column}}@media (hover:none) and (pointer:coarse){.stat-card:hover,.filter-btn:hover,.message-item:hover,.template-item:hover{transform:none}.message-actions{opacity:1}.btn-message-action,.btn-message-menu{width:32px;height:32px}.message-menu:hover .message-menu-dropdown{opacity:0;visibility:hidden}.message-menu-dropdown{background:var(--color-surface);border-radius:var(--radius-lg);inset:auto var(--space-16)var(--space-16)var(--space-16);box-shadow:var(--shadow-lg);padding:var(--space-16);position:fixed}}@media (prefers-contrast:high){.message-item,.stat-card,.filter-btn,.template-item{border-width:2px}.message-item.unread{border-left-width:6px}.message-modal,.compose-modal,.template-modal{border:2px solid var(--color-text)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.message-item,.stat-card,.template-item{transform:none!important}.empty-icon{animation:none}}.search-input:focus-visible,.filter-btn:focus-visible,.btn-message-action:focus-visible,.btn-compose:focus-visible,.btn-send:focus-visible,.btn-use-template:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;z-index:10;position:relative}@media print{.message-center{height:auto;overflow:visible}.message-modal-backdrop,.compose-modal-backdrop,.template-modal-backdrop,.header-actions,.message-actions,.bulk-actions-bar,.compose-toolbar{display:none!important}.message-item{margin-bottom:var(--space-8);break-inside:avoid;border:1px solid #000}.message-list{height:auto;overflow:visible}}@media (prefers-color-scheme:dark){.channel-select,.priority-select,.sort-select{background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .channel-select,[data-color-scheme=dark] .priority-select,[data-color-scheme=dark] .sort-select{background-image:var(--select-caret-dark)}[data-color-scheme=light] .channel-select,[data-color-scheme=light] .priority-select,[data-color-scheme=light] .sort-select{background-image:var(--select-caret-light)}.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}:focus-visible{outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(/fonts/FKGroteskNeue.woff2)format("woff2")}:root{--pipeline-column-width:320px;--pipeline-column-min-width:280px;--pipeline-column-gap:var(--space-20);--pipeline-card-height:auto;--pipeline-card-min-height:120px;--pipeline-card-gap:var(--space-12);--pipeline-board-padding:var(--space-24);--pipeline-toolbar-height:80px;--pipeline-status-height:48px;--pipeline-drag-scale:1.02;--pipeline-drop-scale:.98;--pipeline-card-hover-lift:-2px;--pipeline-transition:all var(--duration-normal)var(--ease-standard);--pipeline-drag-transition:transform var(--duration-fast)var(--ease-standard);--stage-new-color:var(--color-stage-new);--stage-contacted-color:var(--color-stage-contacted);--stage-qualified-color:var(--color-stage-qualified);--stage-proposed-color:var(--color-stage-proposed);--stage-negotiation-color:var(--color-stage-negotiation);--stage-won-color:var(--color-stage-won);--stage-lost-color:var(--color-stage-lost);--z-pipeline-board:1;--z-pipeline-column:2;--z-pipeline-card:3;--z-pipeline-drag:1000;--z-pipeline-toolbar:10;--z-pipeline-analytics:20;--z-pipeline-bulk-actions:15}.pipeline-view{background:var(--color-background);font-family:var(--font-family-base);flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.pipeline-toolbar{background:linear-gradient(135deg,var(--color-surface)0%,var(--color-secondary)100%);border-bottom:1px solid var(--color-border);padding:var(--space-16)var(--space-24);padding:var(--space-16)var(--pipeline-board-padding);min-height:var(--pipeline-toolbar-height);z-index:var(--z-pipeline-toolbar);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.pipeline-toolbar:after{background:linear-gradient(90deg,transparent,var(--color-primary),transparent);content:"";height:2px;bottom:0;left:var(--space-24);opacity:.3;right:var(--space-24);left:var(--pipeline-board-padding);right:var(--pipeline-board-padding);position:absolute}.pipeline-toolbar-section{align-items:center;gap:var(--space-16);display:flex}.pipeline-search{min-width:280px;position:relative}.pipeline-search-input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-10)var(--space-16)var(--space-10)var(--space-40);transition:all var(--duration-normal)var(--ease-standard);width:100%;box-shadow:var(--shadow-xs)}.pipeline-search-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring),var(--shadow-sm);outline:none;transform:translateY(-1px)}.pipeline-search-input::placeholder{color:var(--color-text-secondary);opacity:.7}.pipeline-search-icon{color:var(--color-text-secondary);font-size:var(--font-size-base);left:var(--space-12);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.pipeline-filters{align-items:center;gap:var(--space-8);display:flex}.pipeline-filter{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-6);padding:var(--space-8)var(--space-12);transition:all var(--duration-normal)var(--ease-standard);white-space:nowrap;display:flex;position:relative;overflow:hidden}.pipeline-filter:before{background:var(--color-primary);content:"";opacity:0;transition:opacity var(--duration-normal)var(--ease-standard);position:absolute;inset:0}.pipeline-filter:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text);transform:translateY(-1px)}.pipeline-filter:hover:before{opacity:.05}.pipeline-filter:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pipeline-filter--active,.pipeline-filter.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-btn-primary-text)}.pipeline-filter--active:before,.pipeline-filter.active:before{opacity:0}.pipeline-filter--active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-color:var(--color-primary-hover)}.filter-icon{font-size:var(--font-size-sm)}.filter-label{white-space:nowrap}.pipeline-sort-select{-webkit-appearance:none;appearance:none;background:var(--color-surface);background-image:var(--select-caret-light);background-position:right var(--space-8)center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-8)var(--space-32)var(--space-8)var(--space-12);transition:all var(--duration-normal)var(--ease-standard);background-repeat:no-repeat;background-size:12px}.pipeline-sort-select:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}[data-color-scheme=dark] .pipeline-sort-select{background-image:var(--select-caret-dark)}@media (prefers-color-scheme:dark){.pipeline-sort-select{background-image:var(--select-caret-dark)}}.pipeline-sort-select{border-width:2px}.pipeline-view-controls{background:var(--color-secondary);border-radius:var(--radius-md);align-items:center;gap:var(--space-4);padding:var(--space-4);display:flex}.view-control{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);height:32px;transition:var(--pipeline-transition);background:0 0;border:none;justify-content:center;align-items:center;width:32px;display:flex}.view-control:hover{background:var(--color-surface);color:var(--color-text)}.view-control:focus-visible{outline:var(--focus-outline);outline-offset:2px}.view-control--active{background:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-btn-primary-text)}.pipeline-action-btn{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);height:40px;transition:var(--pipeline-transition);border:2px solid #0000;justify-content:center;align-items:center;width:40px;display:flex;position:relative;overflow:hidden}.pipeline-action-btn:before{background:var(--color-primary);content:"";opacity:0;transition:opacity var(--duration-normal)var(--ease-standard);position:absolute;inset:0}.pipeline-action-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pipeline-action-btn:hover:before{opacity:.1}.pipeline-action-btn:focus-visible{outline:var(--focus-outline);outline-offset:2px}.pipeline-action-btn--active{background:var(--color-primary);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);color:var(--color-btn-primary-text)}.pipeline-action-btn--active:before{opacity:0}.pipeline-analytics-panel{animation:slideInRight .3s var(--ease-standard);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:600px;right:var(--pipeline-board-padding);top:var(--pipeline-toolbar-height);width:400px;z-index:var(--z-pipeline-analytics);position:absolute;overflow:hidden}.pipeline-analytics-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-btn-primary-text);padding:var(--space-16)var(--space-20);justify-content:space-between;align-items:center;display:flex}.pipeline-analytics-header h3{font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.pipeline-analytics-close{border-radius:var(--radius-full);color:var(--color-btn-primary-text);cursor:pointer;height:24px;transition:var(--pipeline-transition);background:#fff3;border:none;justify-content:center;align-items:center;width:24px;display:flex}.pipeline-analytics-close:hover{background:#ffffff4d;transform:scale(1.1)}.pipeline-analytics-close:focus-visible{outline:2px solid var(--color-btn-primary-text);outline-offset:2px}.pipeline-analytics-content{max-height:500px;padding:var(--space-20);overflow-y:auto}.pipeline-analytics-summary{gap:var(--space-16);margin-bottom:var(--space-24);grid-template-columns:repeat(3,1fr);display:grid}.analytics-metric{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-16);text-align:center}.metric-value{color:var(--color-primary);font-family:var(--font-family-base);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);display:block}.metric-label{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-sm);margin-top:var(--space-4);display:block}.pipeline-analytics-stages{margin-bottom:var(--space-24)}.pipeline-analytics-stages h4{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-16)0}.stage-metric{margin-bottom:var(--space-12)}.stage-metric-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.stage-name{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stage-count{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.stage-progress-bar{background:var(--color-border);border-radius:var(--radius-full);height:6px;overflow:hidden}.stage-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-standard)}.pipeline-analytics-scores h4{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-16)0}.score-distribution{gap:var(--space-8);grid-template-columns:repeat(5,1fr);display:grid}.score-category{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-8);text-align:center}.score-category--excellent{background:rgb(var(--color-success-rgb),.1);border-color:rgb(var(--color-success-rgb),.3)}.score-category--high{background:rgb(var(--color-teal-300-rgb,50,184,198),.1);border-color:rgb(var(--color-teal-300-rgb,50,184,198),.3)}.score-category--medium{background:rgb(var(--color-warning-rgb),.1);border-color:rgb(var(--color-warning-rgb),.3)}.score-category--low{background:rgb(var(--color-orange-400-rgb),.1);border-color:rgb(var(--color-orange-400-rgb),.3)}.score-category--very-low{background:rgb(var(--color-error-rgb),.1);border-color:rgb(var(--color-error-rgb),.3)}.score-count{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:block}.score-label{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-xs);text-transform:capitalize;display:block}.pipeline-bulk-actions-panel{animation:slideInLeft .3s var(--ease-standard);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:var(--pipeline-board-padding);top:var(--pipeline-toolbar-height);z-index:var(--z-pipeline-bulk-actions);position:absolute;overflow:hidden}.bulk-actions-header{background:var(--color-secondary);border-bottom:1px solid var(--color-border);padding:var(--space-12)var(--space-16);justify-content:space-between;align-items:center;display:flex}.bulk-actions-count{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.bulk-actions-close{border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;height:20px;transition:var(--pipeline-transition);background:0 0;border:none;justify-content:center;align-items:center;width:20px;display:flex}.bulk-actions-close:hover{background:var(--color-border);color:var(--color-text)}.bulk-actions-close:focus-visible{outline:var(--focus-outline);outline-offset:2px}.bulk-actions-content{gap:var(--space-4);padding:var(--space-8);flex-direction:column;display:flex}.bulk-action-button{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-8);padding:var(--space-8)var(--space-12);text-align:left;transition:var(--pipeline-transition);white-space:nowrap;background:0 0;border:none;display:flex}.bulk-action-button:hover{background:var(--color-secondary)}.bulk-action-button:focus-visible{outline:var(--focus-outline);outline-offset:2px}.bulk-action-button--delete:hover{background:rgb(var(--color-error-rgb),.1);color:var(--color-error)}.bulk-action-icon{font-size:var(--font-size-base)}.bulk-action-label{flex:1}.pipeline-board{gap:var(--pipeline-column-gap);min-height:0;padding:var(--pipeline-board-padding);scroll-behavior:smooth;z-index:var(--z-pipeline-board);flex:1;display:flex;overflow:auto hidden}.pipeline-board--loading{opacity:.7;pointer-events:none}.pipeline-board::-webkit-scrollbar{height:8px}.pipeline-board::-webkit-scrollbar-track{background:var(--color-secondary);border-radius:var(--radius-full)}.pipeline-board::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-secondary);border-radius:var(--radius-full)}.pipeline-board::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.pipeline-column{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:var(--pipeline-column-width);min-width:var(--pipeline-column-min-width);transition:var(--pipeline-transition);width:var(--pipeline-column-width);z-index:var(--z-pipeline-column);flex-direction:column;display:flex;position:relative;overflow:hidden}.pipeline-column:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pipeline-column--drag-over{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--color-teal-500-rgb),.2),var(--shadow-lg);transform:scale(1.02)}.pipeline-column-header{background:linear-gradient(135deg,var(--color-surface),var(--color-secondary));border-bottom:1px solid var(--color-border);padding:var(--space-16);position:relative}.column-header-main{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.pipeline-column-title{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-8);line-height:var(--line-height-tight);margin:0;display:flex}.stage-icon{font-size:var(--font-size-lg)}.stage-label{white-space:nowrap}.pipeline-column-metrics{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.pipeline-column-count{background:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-btn-primary-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);min-width:24px;height:24px;padding:0 var(--space-6);justify-content:center;align-items:center;display:inline-flex}.pipeline-column-value{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.column-header-actions{align-items:center;gap:var(--space-8);display:flex}.column-select-all{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;height:20px;transition:var(--pipeline-transition);background:0 0;border:none;justify-content:center;align-items:center;width:20px;display:flex}.column-select-all:hover{background:var(--color-secondary);color:var(--color-text)}.column-select-all:focus-visible{outline:var(--focus-outline);outline-offset:2px}.column-progress-bar{background:var(--color-border);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.column-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-standard)}.pipeline-column-content{gap:var(--pipeline-card-gap);min-height:200px;padding:var(--space-12);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.pipeline-column-content::-webkit-scrollbar{width:4px}.pipeline-column-content::-webkit-scrollbar-track{background:0 0}.pipeline-column-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.pipeline-column-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.pipeline-column-content--compact{gap:var(--space-4)}.pipeline-empty-state{background:var(--color-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);min-height:150px;padding:var(--space-24);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-8);opacity:.5}.empty-state-text{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-12)}.empty-state-action{border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-6)var(--space-12);transition:var(--pipeline-transition);background:0 0}.empty-state-action:hover{background:var(--color-primary);color:var(--color-btn-primary-text)}.empty-state-action:focus-visible{outline:var(--focus-outline);outline-offset:2px}.pipeline-drop-indicator{background:rgb(var(--color-teal-500-rgb),.1);border:2px dashed var(--color-primary);border-radius:var(--radius-lg);z-index:1000;justify-content:center;align-items:center;animation:1s ease-in-out infinite pulseIndicator;display:flex;position:absolute;inset:0}@keyframes pulseIndicator{0%,to{opacity:.8}50%{opacity:1}}.drop-indicator-text{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);padding:var(--space-16);text-align:center}.pipeline-lead-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;gap:var(--space-8);min-height:var(--pipeline-card-min-height);padding:var(--space-16);transition:var(--pipeline-transition);z-index:var(--z-pipeline-card);flex-direction:column;display:flex;position:relative}.pipeline-lead-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(var(--pipeline-card-hover-lift))}.pipeline-lead-card:focus-visible{box-shadow:var(--focus-ring),var(--shadow-md);outline:var(--focus-outline);outline-offset:2px}.pipeline-lead-card--selected{background:rgb(var(--color-teal-500-rgb),.05);border-color:var(--color-primary);box-shadow:0 0 0 2px rgb(var(--color-teal-500-rgb),.2),var(--shadow-md)}.pipeline-lead-card--dragging{box-shadow:var(--shadow-lg);cursor:grabbing;opacity:.9;transform:scale(var(--pipeline-drag-scale))rotate(2deg);z-index:var(--z-pipeline-drag)}.pipeline-lead-header{align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.pipeline-lead-checkbox{margin-top:var(--space-2);flex-shrink:0}.pipeline-lead-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.pipeline-lead-name{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);flex:1;margin:0}.pipeline-lead-priority{flex-shrink:0}.priority-indicator{border-radius:var(--radius-full);width:8px;height:8px;display:inline-block}.priority-high{background-color:var(--color-error)}.priority-medium{background-color:var(--color-warning)}.priority-low{background-color:var(--color-success)}.pipeline-lead-details{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.lead-detail-row{align-items:center;gap:var(--space-6);display:flex}.detail-icon{font-size:var(--font-size-sm);opacity:.7;flex-shrink:0}.detail-text{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pipeline-lead-meta{align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);justify-content:space-between;display:flex}.lead-score-container{flex-shrink:0}.pipeline-lead-score{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:help;min-width:60px;padding:var(--space-4)var(--space-6);transition:var(--pipeline-transition);flex-direction:column;align-items:center;display:flex}.pipeline-lead-score:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.pipeline-lead-score--excellent{background:rgb(var(--color-success-rgb),.05);border-color:var(--color-success)}.pipeline-lead-score--high{background:rgb(var(--color-teal-300-rgb,50,184,198),.05);border-color:var(--color-teal-300)}.pipeline-lead-score--medium{background:rgb(var(--color-warning-rgb),.05);border-color:var(--color-warning)}.pipeline-lead-score--low{background:rgb(var(--color-orange-400-rgb),.05);border-color:var(--color-orange-400)}.pipeline-lead-score--very-low{background:rgb(var(--color-error-rgb),.05);border-color:var(--color-error)}.score-value{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1}.score-label{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.lead-timestamps{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.pipeline-lead-date,.pipeline-lead-updated{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-xs);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pipeline-lead-updated{opacity:.8;font-style:italic}.pipeline-lead-tags{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.lead-tag{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-2)var(--space-6);line-height:1;display:inline-block}.lead-tag--more{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-btn-primary-text)}.pipeline-lead-actions{align-items:center;gap:var(--space-8);margin-top:auto;display:flex}.pipeline-stage-select{-webkit-appearance:none;appearance:none;background:var(--color-surface);background-image:var(--select-caret-light);background-position:right var(--space-4)center;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-4)var(--space-24)var(--space-4)var(--space-8);transition:var(--pipeline-transition);background-repeat:no-repeat;background-size:8px;flex:1}@media (prefers-color-scheme:dark){.pipeline-stage-select{background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .pipeline-stage-select{background-image:var(--select-caret-dark)}[data-color-scheme=light] .pipeline-stage-select{background-image:var(--select-caret-light)}.pipeline-stage-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgb(var(--color-teal-500-rgb),.2);outline:none}.pipeline-lead-quick-actions{animation:slideInQuickActions .2s var(--ease-standard);align-items:center;gap:var(--space-4);display:flex}@keyframes slideInQuickActions{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.quick-action-btn{background:var(--color-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);height:24px;transition:var(--pipeline-transition);border:none;justify-content:center;align-items:center;width:24px;display:flex}.quick-action-btn:hover{background:var(--color-primary);color:var(--color-btn-primary-text);transform:scale(1.1)}.quick-action-btn:focus-visible{outline:var(--focus-outline);outline-offset:2px}.pipeline-lead-assignee{border-top:1px solid var(--color-border);align-items:center;gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-8);display:flex}.assignee-avatar{background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-btn-primary-text);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.assignee-name{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.pipeline-lead-compact{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-12);min-height:40px;padding:var(--space-8)var(--space-12);transition:var(--pipeline-transition);grid-template-columns:auto 1fr auto auto auto;display:grid}.pipeline-lead-compact:hover{background:rgb(var(--color-teal-500-rgb),.05);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pipeline-lead-compact:focus-visible{outline:var(--focus-outline);outline-offset:2px}.pipeline-lead-compact--selected{background:rgb(var(--color-teal-500-rgb),.1);border-color:var(--color-primary);box-shadow:0 0 0 1px rgb(var(--color-teal-500-rgb),.2)}.pipeline-lead-compact--dragging{box-shadow:var(--shadow-md);opacity:.9;z-index:var(--z-pipeline-drag);transform:scale(1.02)}.compact-lead-checkbox input[type=checkbox]{cursor:pointer;width:14px;height:14px}.compact-lead-name{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compact-lead-type{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-xs);white-space:nowrap}.compact-lead-score{justify-content:center;align-items:center;display:flex}.score-badge{border-radius:var(--radius-full);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:32px;height:20px;padding:0 var(--space-4);border:1px solid;justify-content:center;align-items:center;display:inline-flex}.score-badge--excellent{background:rgb(var(--color-success-rgb),.1);border-color:var(--color-success);color:var(--color-success)}.score-badge--high{background:rgb(var(--color-teal-300-rgb,50,184,198),.1);border-color:var(--color-teal-300);color:var(--color-teal-300)}.score-badge--medium{background:rgb(var(--color-warning-rgb),.1);border-color:var(--color-warning);color:var(--color-warning)}.score-badge--low{background:rgb(var(--color-orange-400-rgb),.1);border-color:var(--color-orange-400);color:var(--color-orange-400)}.score-badge--very-low{background:rgb(var(--color-error-rgb),.1);border-color:var(--color-error);color:var(--color-error)}.compact-lead-date{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-xs);white-space:nowrap}.pipeline-status-bar{background:var(--color-secondary);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-sm);min-height:var(--pipeline-status-height);padding:var(--space-12)var(--pipeline-board-padding);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.status-section{align-items:center;gap:var(--space-12);display:flex}.status-text{font-weight:var(--font-weight-medium)}.status-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-4)var(--space-8);transition:var(--pipeline-transition)}.status-toggle:hover{border-color:var(--color-primary);color:var(--color-text)}.status-toggle:focus-visible{outline:var(--focus-outline);outline-offset:2px}.status-toggle--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-btn-primary-text)}.pipeline-loading-overlay{animation:fadeIn .3s var(--ease-standard);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgb(var(--color-cream-50-rgb,252,252,249),.9);z-index:1000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pipeline-loading-spinner{border:4px solid var(--color-secondary);border-radius:var(--radius-full);border-top:4px solid var(--color-primary);height:40px;margin-bottom:var(--space-16);width:40px;animation:1s linear infinite spin}.pipeline-loading-text{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}@media (min-width:1200px){.pipeline-column{width:360px;max-width:360px}.pipeline-board{padding:var(--space-32)}.pipeline-analytics-panel{width:480px}}@media (max-width:1199px){.pipeline-column{width:280px;min-width:260px;max-width:280px}.pipeline-board{gap:var(--space-16)}.pipeline-analytics-panel{width:360px}}@media (max-width:768px){.pipeline-view{height:100dvh}.pipeline-toolbar{gap:var(--space-12);min-height:auto;padding:var(--space-12)var(--space-16);flex-direction:column}.pipeline-toolbar-section{justify-content:space-between;width:100%}.pipeline-search{flex:1;min-width:200px}.pipeline-filters{padding:var(--space-4)0;overflow-x:auto}.pipeline-filter{flex-shrink:0}.pipeline-board{gap:var(--space-12);padding:var(--space-16)}.pipeline-column{width:260px;min-width:240px;max-width:260px}.pipeline-analytics-panel,.pipeline-bulk-actions-panel{z-index:1100;border-radius:0;width:auto;max-height:none;position:fixed;inset:0}.pipeline-analytics-content{max-height:calc(100vh - 60px)}.pipeline-status-bar{align-items:stretch;gap:var(--space-8);padding:var(--space-8)var(--space-16);flex-direction:column}.status-section{justify-content:center}}@media (max-width:480px){.pipeline-toolbar{padding:var(--space-8)var(--space-12)}.pipeline-search{min-width:150px}.pipeline-search-input{font-size:var(--font-size-sm);padding-left:var(--space-32)}.pipeline-filters{gap:var(--space-4)}.pipeline-filter{font-size:var(--font-size-xs);padding:var(--space-6)var(--space-8)}.filter-label{display:none}.pipeline-board{gap:var(--space-8);padding:var(--space-12)}.pipeline-column{width:220px;min-width:200px;max-width:220px}.pipeline-column-header{padding:var(--space-12)}.pipeline-column-title{font-size:var(--font-size-sm)}.stage-label{display:none}.pipeline-column-content{padding:var(--space-8)}.pipeline-lead-card{gap:var(--space-6);padding:var(--space-12)}.pipeline-lead-name{font-size:var(--font-size-sm)}.detail-text{font-size:var(--font-size-xs)}.pipeline-lead-score{min-width:50px;padding:var(--space-2)var(--space-4)}.score-value{font-size:var(--font-size-sm)}.pipeline-lead-tags,.pipeline-lead-quick-actions{display:none}}@media (hover:none) and (pointer:coarse){.pipeline-lead-card:hover,.pipeline-column:hover{transform:none}.pipeline-lead-quick-actions{display:flex}.quick-action-btn{width:32px;height:32px}.pipeline-stage-select{padding:var(--space-8)var(--space-24)var(--space-8)var(--space-8)}}@media (prefers-contrast:high){.pipeline-lead-card,.pipeline-column{border-width:2px}.pipeline-lead-card--selected{border-width:3px}.pipeline-stage-select,.pipeline-search-input{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pipeline-lead-card,.pipeline-column,.pipeline-filter{transform:none!important}}.pipeline-lead-card:focus-visible,.pipeline-filter:focus-visible,.pipeline-action-btn:focus-visible,.view-control:focus-visible{outline:var(--focus-outline);outline-offset:2px;z-index:10;position:relative}@media print{.pipeline-view{height:auto}.pipeline-toolbar,.pipeline-status-bar,.pipeline-analytics-panel,.pipeline-bulk-actions-panel{display:none!important}.pipeline-board{padding:0;display:block}.pipeline-column{border:2px solid var(--color-black);box-shadow:none;margin-bottom:var(--space-24);break-inside:avoid}.pipeline-lead-card{background:var(--color-white);border:1px solid var(--color-black);box-shadow:none;break-inside:avoid}.pipeline-lead-actions,.pipeline-lead-quick-actions{display:none}}.about-page{background-color:var(--color-background);color:var(--color-text);width:100%;overflow-x:hidden}.page-hero{color:var(--color-white);justify-content:center;align-items:center;height:80vh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-background{background:linear-gradient(135deg,var(--color-gray-900)0%,var(--color-gray-800)100%);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{text-align:center;z-index:1;max-width:800px;padding:0 2rem}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:2px;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.5rem;font-size:.9rem;display:inline-block}.hero-title{font-family:var(--font-heading);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1}.gradient-text{background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{opacity:.9;max-width:600px;margin:0 auto 3rem;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6}.hero-scroll-indicator{opacity:.8;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;font-size:.9rem;display:flex}.scroll-icon{border:2px solid #ffffff4d;border-radius:15px;width:30px;height:50px;position:relative}.scroll-dot{background:var(--color-white);border-radius:2px;width:4px;height:8px;animation:2s infinite scrollAnim;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes scrollAnim{0%{opacity:1;top:8px}to{opacity:0;top:25px}}.breadcrumb-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1rem 0}.breadcrumb{gap:.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.breadcrumb li a{color:var(--color-text-secondary);text-decoration:none;transition:color .3s}.breadcrumb li a:hover{color:var(--color-primary)}.breadcrumb li:after{color:var(--color-text-tertiary);content:"/";margin-left:.5rem}.breadcrumb li:last-child:after{content:""}.breadcrumb li[aria-current=page]{color:var(--color-text);font-weight:500}.about-additional{background:var(--color-background-alt);padding:6rem 0}.content-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;display:grid}.content-item{background:var(--color-surface);border-radius:1rem;padding:2rem;transition:transform .3s;box-shadow:0 4px 20px #0000000d}.content-item:hover{transform:translateY(-5px)}.content-item h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem}.content-item p{color:var(--color-text-secondary);line-height:1.6}.about-contact-cta{background:var(--color-surface);text-align:center;padding:6rem 0}.cta-content h2{margin-bottom:1rem;font-size:2.5rem}.cta-content p{color:var(--color-text-secondary);margin-bottom:2.5rem;font-size:1.2rem}.cta-buttons{justify-content:center;gap:1.5rem;display:flex}.btn-primary,.btn-secondary{border-radius:50px;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:all .3s}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-secondary{border:1px solid var(--color-border);color:var(--color-text)}.admin-dashboard-page{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-welcome h1{color:var(--text-primary,#1a1a1a);margin-bottom:.5rem;font-size:2rem;font-weight:600}.dashboard-welcome .dashboard-subtitle{color:var(--text-secondary,#666);font-size:1rem}.dashboard-error-banner{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.dashboard-error-banner span{align-items:center;gap:.5rem;display:flex}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card__icon{font-size:2.5rem;line-height:1}.stat-card__content{flex:1}.stat-card__value{color:var(--text-primary,#1a1a1a);margin:0 0 .25rem;font-size:2rem;font-weight:700}.stat-card__title{color:var(--text-secondary,#666);margin:0;font-size:.875rem}.stat-card--blue{border-left:4px solid #3b82f6}.stat-card--green{border-left:4px solid #10b981}.stat-card--purple{border-left:4px solid #8b5cf6}.stat-card--orange{border-left:4px solid #f59e0b}.dashboard-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2{color:var(--text-primary,#1a1a1a);margin:0;font-size:1.25rem;font-weight:600}.view-all-link{color:var(--primary,#3b82f6);font-size:.875rem;font-weight:500;text-decoration:none}.view-all-link:hover{text-decoration:underline}.leads-list{flex-direction:column;gap:.75rem;display:flex}.lead-item{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;text-decoration:none;transition:background .2s;display:flex}.lead-item:hover{background:#f3f4f6}.lead-item__info h4{color:var(--text-primary,#1a1a1a);margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.lead-item__details{color:var(--text-secondary,#666);margin:0;font-size:.8125rem}.lead-item__stage{text-transform:capitalize;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.lead-item__stage--new,.lead-item__stage--contacted{color:#1e40af;background:#dbeafe}.lead-item__stage--qualified{color:#065f46;background:#d1fae5}.lead-item__stage--proposal{color:#92400e;background:#fef3c7}.lead-item__stage--negotiation{color:#831843;background:#fce7f3}.lead-item__stage--won{color:#065f46;background:#d1fae5}.lead-item__stage--lost{color:#991b1b;background:#fee2e2}.empty-state,.loading-state{text-align:center;color:var(--text-secondary,#666);padding:3rem 1rem}.empty-state p,.loading-state p{margin:0}.actions-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:768px){.actions-grid{grid-template-columns:1fr}}.action-card{background:#f9fafb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex}.action-card:hover{background:#f3f4f6;transform:translateY(-2px)}.action-card__icon{font-size:2rem;line-height:1}.action-card__title{color:var(--text-primary,#1a1a1a);text-align:center;margin:0;font-size:.875rem;font-weight:500}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.not-sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.skip-link{background:var(--color-primary);color:#fff;transition:top var(--transition-fast,.15s ease);z-index:var(--z-max);border-radius:.25rem;padding:.5rem 1rem;text-decoration:none;position:absolute;top:-40px;left:6px}.skip-link:focus{outline-offset:2px;transition:outline-color var(--transition-fast,.15s ease);outline:2px solid #0000;top:6px}.skip-link:focus:focus-visible{outline-color:var(--border-focus,currentColor)}.focus-visible:focus-visible,.focus-within:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-transparency:reduce){*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (prefers-contrast:high){:root{--border-primary:WindowText;--border-secondary:WindowText}.border,button,input,textarea,select{border-width:2px}}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.aspect-photo{aspect-ratio:4/3}.aspect-banner{aspect-ratio:3}.debug *{outline:1px solid red}.debug :hover{outline:2px solid #00f}.debug-grid{background-image:linear-gradient(#ff00001a 1px,#0000 1px),linear-gradient(90deg,#ff00001a 1px,#0000 1px);background-size:20px 20px}.debug-baseline{background-image:linear-gradient(#0000 95%,#f003 95%);background-size:100% 1.5rem}.dev-note{position:relative}.dev-note:after{color:#fff;content:attr(data-dev);white-space:nowrap;z-index:var(--z-tooltip);background:red;padding:2px 4px;font-size:10px;position:absolute;top:0;right:0}.debug-placeholder{border:2px dashed var(--border-secondary);color:var(--text-secondary);background:repeating-linear-gradient(45deg,#e5e7eb,#e5e7eb 10px,#f3f4f6 10px 20px);justify-content:center;align-items:center;min-height:100px;display:flex}[data-theme=dark] .debug-placeholder{background:repeating-linear-gradient(45deg,#374151,#374151 10px,#4b5563 10px 20px)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.header{--header-height: 80px;--header-bg: rgb(255 255 255 / var(--alpha-95));--header-bg-scrolled: rgb(255 255 255 / var(--alpha-98));--header-border: rgb(0 0 0 / var(--alpha-5));--header-border-scrolled: rgb(0 0 0 / 8%);--header-shadow: 0 2px 20px rgb(0 0 0 / var(--alpha-10));--primary-color: var(--color-primary, var(--color-primary));--secondary-color: var(--color-secondary, var(--color-primary-dark));--text-color: var(--text-primary, var(--color-gray-700));--text-color-light: var(--text-secondary, var(--color-gray-600));--text-color-inverse: var(--text-inverse, var(--color-white));--background-light: var(--surface-secondary, var(--color-gray-50));--border-radius: 50px;--border-radius-sm: 12px;--border-radius-xs: 8px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-mobile-nav: 1000;--z-mobile-overlay: calc(var(--z-header) - 1);--z-logo: var(--z-elevate);--z-skip-link: var(--z-max);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--header-bg);border-bottom:1px solid var(--header-border);contain:layout style paint;left:0;min-height:var(--header-height);position:fixed;top:0;transition:all var(--transition-normal);width:100%;will-change:transform,background-color,box-shadow;z-index:var(--z-header)}@supports not ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))){.header{background:rgb(255,255,255,var(--alpha-98))}}.header.scrolled{background:var(--header-bg-scrolled);border-bottom-color:var(--header-border-scrolled);box-shadow:var(--header-shadow)}.header.hidden{transform:translateY(-100%)}.skip-link{background:var(--primary-color);border-radius:var(--border-radius-xs);box-shadow:0 4px 12px rgb(0,0,0,var(--alpha-15));color:var(--text-color-inverse);font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-100px;transform:translate(-50%);transition:transform var(--transition-fast);z-index:var(--z-skip-link)}.skip-link:focus{transform:translate(-50%) translateY(110px)}.header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:var(--header-height);padding:1rem clamp(.5rem,2vw,1rem);position:relative}.logo-link-integrated{font-weight:800;padding-left:0}.logo-text-integrated{font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.2rem,3vw,1.6rem);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;color:transparent;background-clip:text;-webkit-text-fill-color:transparent}.logo-icon-integrated{font-size:clamp(1rem,2.5vw,1.4rem);filter:drop-shadow(0 2px 4px rgb(0,0,0,var(--alpha-10)))}.desktop-nav{display:flex;flex:1;justify-content:center;align-items:center;margin:0;width:100%}.desktop-nav ul{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;justify-content:center;gap:clamp(.5rem,1.5vw,2rem);list-style:none;margin:0;padding:0;width:100%}@media (width <= 768px){.desktop-nav{overflow-x:visible!important;-webkit-mask-image:none!important;mask-image:none!important}.desktop-nav ul{flex-wrap:nowrap!important;justify-content:space-between!important;padding-right:0!important;gap:0!important;width:100%}.nav-link{flex-direction:column;padding:.2rem!important;gap:2px!important}.nav-text{font-size:clamp(.5rem,2vw,.7rem)!important;white-space:nowrap;display:block!important}.nav-icon{font-size:clamp(.6rem,2.5vw,.9rem)!important;display:block!important}.logo-link-integrated{margin-right:2px}.logo-text-integrated{font-size:clamp(.6rem,2.5vw,.9rem)!important;letter-spacing:0}.header .container{justify-content:center}}.desktop-nav ul{align-items:center;display:flex;gap:clamp(0rem,.5vw,.25rem);list-style:none;margin:0;padding:0}.desktop-nav li{position:relative}.nav-link{align-items:center;border-radius:var(--border-radius);color:var(--text-color);display:flex;font-size:clamp(.75rem,1.5vw,.95rem);font-weight:500;gap:.5rem;outline-offset:2px;padding:clamp(.4rem,1vw,.75rem) clamp(.5rem,1.5vw,1.25rem);position:relative;text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.nav-icon{font-size:clamp(.8rem,1.2vw,.9rem);opacity:.8;transition:opacity var(--transition-fast)}.nav-text{font-weight:inherit}.nav-link:hover,.nav-link:focus-visible{background:#ff6b6b14;color:var(--primary-color);transform:translateY(-1px)}.nav-link:hover .nav-icon,.nav-link:focus-visible .nav-icon{opacity:1}.nav-link:focus-visible{outline:2px solid var(--primary-color)}.nav-link.active{background:#ff6b6b1f;color:var(--primary-color);font-weight:600}.active-indicator{background:var(--primary-color);border-radius:50%;bottom:-8px;box-shadow:0 2px 4px rgb(255,107,107,var(--alpha-30));height:6px;left:50%;position:absolute;transform:translate(-50%);width:6px}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem;z-index:var(--z-logo)}.user-info{align-items:center;background:#ff6b6b14;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.75rem;min-height:44px;outline-offset:2px;padding:.5rem 1rem;transition:all var(--transition-normal)}.user-info:hover,.user-info:focus-visible{background:#ff6b6b1f;transform:translateY(-1px)}.user-info:focus-visible{outline:2px solid var(--primary-color)}.user-avatar{border:2px solid rgb(255,107,107,var(--alpha-20));border-radius:50%;flex-shrink:0;height:clamp(24px,4vw,32px);object-fit:cover;width:clamp(24px,4vw,32px)}.user-name{color:var(--text-color);font-size:.9rem;font-weight:500;white-space:nowrap}.login-section{align-items:center;display:flex;min-height:44px;padding:0;transition:all var(--transition-normal)}.login-section:hover{transform:translateY(-1px)}.login-button{color:var(--text-color-inverse);font-size:.9rem;font-weight:600;text-decoration:none}.menu-toggle{align-items:center;background:none;border:none;border-radius:var(--border-radius-xs);cursor:pointer;display:none;flex-direction:column;height:48px;justify-content:center;outline-offset:2px;padding:.75rem;position:relative;transition:background var(--transition-normal);width:48px}.menu-toggle:hover,.menu-toggle:focus-visible{background:#ff6b6b14}.menu-toggle:focus-visible{outline:2px solid var(--primary-color)}.hamburger-line{background:var(--text-color);border-radius:2px;height:2px;margin:3px 0;transform-origin:center;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1);width:24px}.menu-toggle.menu-open .hamburger-line:nth-child(1){background:var(--primary-color);transform:rotate(45deg) translate(6px,6px)}.menu-toggle.menu-open .hamburger-line:nth-child(2){opacity:0;transform:scale(0)}.menu-toggle.menu-open .hamburger-line:nth-child(3){background:var(--primary-color);transform:rotate(-45deg) translate(6px,-6px)}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgb(0,0,0,var(--alpha-50));height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--z-mobile-overlay)}.mobile-nav{background:linear-gradient(135deg,var(--text-color-inverse) 0%,var(--background-light) 100%);box-shadow:-5px 0 25px rgb(0,0,0,var(--alpha-15));contain:layout style paint;height:100%;overflow-y:auto;overscroll-behavior:contain;position:fixed;right:0;top:0;width:min(90vw,380px);z-index:var(--z-mobile-nav)}.mobile-nav-content{display:flex;flex-direction:column;gap:1rem;height:100%;padding:2rem 1.5rem}.mobile-logo{border-bottom:1px solid rgb(0,0,0,var(--alpha-10));margin-bottom:1rem;padding-bottom:1rem}.mobile-logo a{border-radius:var(--border-radius-xs);display:inline-block;outline-offset:2px;padding:.5rem;text-decoration:none}.mobile-logo a:focus-visible{outline:2px solid var(--primary-color)}.mobile-logo h2{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;color:var(--primary-color);display:flex;font-size:1.5rem;font-weight:800;gap:.5rem;margin:0;-webkit-text-fill-color:transparent}.mobile-nav-links{display:flex;flex:1;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.mobile-nav-links li{margin:0}.mobile-nav-link{align-items:center;border:1px solid transparent;border-radius:var(--border-radius-sm);color:var(--text-color);display:flex;font-size:1.1rem;font-weight:500;gap:1rem;min-height:48px;outline-offset:2px;padding:1rem 1.5rem;text-decoration:none;transition:all var(--transition-normal)}.mobile-nav-icon{flex-shrink:0;font-size:1.2rem;opacity:.8;transition:opacity var(--transition-fast)}.mobile-nav-text{font-weight:inherit}.mobile-nav-link:hover,.mobile-nav-link:focus-visible{background:#ff6b6b14;color:var(--primary-color);transform:translate(5px)}.mobile-nav-link:hover .mobile-nav-icon,.mobile-nav-link:focus-visible .mobile-nav-icon{opacity:1}.mobile-nav-link:focus-visible{outline:2px solid var(--primary-color)}.mobile-nav-link.active{background:#ff6b6b1f;border-color:rgb(255,107,107,var(--alpha-20));color:var(--primary-color);font-weight:600}.mobile-user-section{border-top:1px solid rgb(0,0,0,var(--alpha-10));margin-top:auto;padding-top:1.5rem}.mobile-user-info{align-items:center;background:#ff6b6b14;border-radius:var(--border-radius-sm);display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.mobile-user-avatar{border:2px solid rgb(255,107,107,var(--alpha-20));border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.mobile-user-name{color:var(--text-color);font-size:1rem;font-weight:600}.mobile-login-button{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:var(--border-radius-sm);color:var(--text-color-inverse);display:flex;font-size:1rem;font-weight:600;justify-content:center;margin-bottom:1rem;min-height:48px;outline-offset:2px;padding:1rem 1.5rem;text-align:center;text-decoration:none;transition:all var(--transition-normal)}.mobile-login-button:hover,.mobile-login-button:focus-visible{box-shadow:0 4px 15px rgb(255,107,107,var(--alpha-30));transform:translateY(-2px)}.mobile-login-button:focus-visible{outline:2px solid var(--text-color-inverse)}.mobile-contact{background:#00000008;border-radius:var(--border-radius-sm);padding:1rem;text-align:center}.mobile-contact p{align-items:center;color:var(--text-color-light);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;margin:.5rem 0}.mobile-contact a{border-radius:4px;color:inherit;outline-offset:2px;padding:.25rem;text-decoration:none;transition:color var(--transition-fast)}.mobile-contact a:hover,.mobile-contact a:focus-visible{color:var(--primary-color)}.mobile-contact a:focus-visible{outline:2px solid var(--primary-color)}.progress-bar{background:rgb(255,107,107,var(--alpha-10));bottom:0;height:2px;left:0;overflow:hidden;position:absolute;width:100%}.progress-fill{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:0 2px 2px 0;height:100%;transform-origin:left}@container (max-width: 768px){.header-actions{gap:.5rem}.user-name{display:none}}@media (width <= 1024px){.desktop-nav{margin:0 1rem}.desktop-nav ul{gap:.125rem}.nav-link{font-size:.9rem;padding:.5rem 1rem}.header .container{padding:1rem 1.5rem}}@media (width <= 768px){:root{--container-padding: .5rem}.menu-toggle{display:none!important}.desktop-nav{display:flex!important;margin:0;flex:1;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,black 90%,transparent 100%);mask-image:linear-gradient(to right,black 90%,transparent 100%)}.desktop-nav ul{gap:0;padding-right:1rem}.user-name{display:none}.login-section{font-size:.8rem;padding:.5rem .75rem;min-height:36px}.mobile-nav{display:none}}@media (width <= 480px){:root{--header-height: auto}.header .container{padding:.5rem;flex-wrap:wrap;gap:.5rem;justify-content:center}.logo{margin-right:auto}.desktop-nav{order:3;width:100%;margin-top:.25rem;justify-content:center}.header-actions{margin-left:auto}.logo-text{font-size:1.2rem}.logo-icon{font-size:1.1rem}.user-avatar{height:28px;width:28px}}@media (prefers-color-scheme: dark){:root{--header-bg: rgb(26 32 44 / var(--alpha-95));--header-bg-scrolled: rgb(26 32 44 / var(--alpha-98));--header-border: rgb(255 255 255 / var(--alpha-10));--header-border-scrolled: rgb(255 255 255 / var(--alpha-15));--header-shadow: 0 2px 20px rgb(0 0 0 / var(--alpha-30));--text-color: var(--color-gray-200);--text-color-light: var(--color-gray-500);--text-color-inverse: var(--color-gray-900);--background-light: var(--color-gray-800)}.mobile-nav{background:linear-gradient(135deg,var(--color-gray-800) 0%,var(--color-gray-900) 100%)}.mobile-contact{background:rgb(255,255,255,var(--alpha-5))}}@media (prefers-contrast: high){:root{--header-border: black;--header-border-scrolled: black}.header{border-bottom-width:2px}.nav-link,.mobile-nav-link{border:1px solid transparent}.nav-link:hover,.nav-link:focus-visible,.nav-link.active,.mobile-nav-link:hover,.mobile-nav-link:focus-visible,.mobile-nav-link.active{border-color:var(--primary-color)}.login-section,.mobile-login-button{border:2px solid var(--primary-color)}.logo-text span:last-child{color:var(--primary-color)!important;-webkit-text-fill-color:var(--primary-color)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.header,.nav-link,.user-info,.login-section,.menu-toggle,.hamburger-line,.mobile-nav-link,.mobile-login-button{transition:none}.nav-link:hover,.user-info:hover,.login-section:hover,.mobile-login-button:hover,.mobile-nav-link:hover{transform:none}.mobile-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}@media print{.header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:1px solid black;box-shadow:none;position:static}.header-actions,.menu-toggle,.mobile-overlay,.mobile-nav,.progress-bar,.skip-link{display:none!important}.desktop-nav{display:flex!important;margin:0}.desktop-nav ul{flex-direction:row;gap:1rem}.nav-link{background:none!important;color:#000!important}.logo-text span:last-child{color:#000!important;-webkit-text-fill-color:black!important}}.header:not(.scrolling){will-change:auto}.mobile-nav[aria-modal=true]{isolation:isolate}.no-scroll{height:100%;overflow:hidden}.footer{background:linear-gradient(135deg,#fff,#f8fafc);color:#0f172a;padding:3rem 0 2rem;position:relative;overflow:hidden;font-family:inherit;border-top:1px solid rgba(15,23,42,.05)}.footer .container{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);position:relative;z-index:2}.footer .footer-bg-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:140%;height:120%;background:radial-gradient(circle at center top,rgba(14,165,233,.08) 0%,transparent 60%);pointer-events:none;z-index:1}.footer-layout{display:flex;justify-content:center;align-items:center;padding-bottom:0;text-align:center}.brand-section{flex:0 0 auto;max-width:600px;display:flex;flex-direction:column;align-items:center}@media (max-width: 1024px){.brand-section{flex:1;max-width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}}.brand-section .brand-name{display:flex;align-items:center;gap:.75rem;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:#0f172a;margin-bottom:.75rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.brand-section .brand-name .brand-icon{color:#0ea5e9;width:24px;height:24px;flex-shrink:0}.brand-section .brand-description{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;color:#0f172ab3;max-width:420px;font-weight:400}.social-links{display:flex;gap:1.5rem;justify-content:center}@media (max-width: 1024px){.social-links{justify-content:center}}.social-links .social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#0f172a08;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#0f172a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(15,23,42,.1);text-decoration:none;position:relative;overflow:hidden}.social-links .social-link svg,.social-links .social-link i,.social-links .social-link .lucide{width:18px;height:18px;fill:currentcolor;stroke:none;display:block;transition:transform .4s ease;position:relative;z-index:2}.social-links .social-link:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px #0f172a26;border-color:#0f172a33}.social-links .social-link:hover svg{transform:scale(1.15)}.social-links .social-link.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff;border-color:transparent}.social-links .social-link.instagram svg{width:16px;height:16px}.social-links .social-link.instagram:hover{filter:brightness(1.1)}.social-links .social-link.facebook{background:#1877f2;color:#fff;border-color:transparent}.social-links .social-link.facebook:hover{background:#3085f3}.social-links .social-link.youtube{background:red;color:#fff;border-color:transparent}.social-links .social-link.youtube svg{width:16px;height:16px}.social-links .social-link.youtube:hover{background:#ff1a1a}.social-links .social-link.whatsapp{background:#25d366;color:#fff;border-color:transparent}.social-links .social-link.whatsapp:hover{background:#36dc74}.footer-links-group{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;min-width:0;padding-top:.5rem}@media (max-width: 768px){.footer-links-group{gap:1.5rem}}.footer-column h4{color:#0f172a;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.08em;text-transform:uppercase;opacity:.95}@media (max-width: 640px){.footer-column h4{margin-bottom:1rem}}.footer-column .footer-links{list-style:none;padding:0;margin:0}.footer-column .footer-links li{margin-bottom:1rem}.footer-column .footer-links a,.footer-column .footer-links .service-link{display:flex;align-items:center;gap:.75rem;color:#0f172a;text-decoration:none;font-size:1rem;font-weight:400;transition:all .2s ease;cursor:pointer;line-height:1.5}.footer-column .footer-links a .footer-link-icon,.footer-column .footer-links .service-link .footer-link-icon{color:#0ea5e9;width:16px;height:16px;flex-shrink:0;margin-top:2px;transition:transform .2s ease}.footer-column .footer-links a:hover,.footer-column .footer-links .service-link:hover{color:#0f172a}.footer-column .footer-links a:hover .footer-link-icon,.footer-column .footer-links .service-link:hover .footer-link-icon{transform:translate(3px)}.footer-bottom{border-top:1px solid rgba(15,23,42,.06);padding-top:2.5rem;margin-top:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#0f172a99;flex-wrap:wrap;gap:1.5rem}@media (max-width: 640px){.footer-bottom{flex-direction:column;text-align:center;padding-top:2rem}}.footer-bottom .copyright{display:flex;align-items:center;gap:.5rem}.footer-bottom .footer-bottom-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-bottom .footer-bottom-links a{color:inherit;text-decoration:none;transition:color .2s ease;font-weight:500;font-size:.85rem}.footer-bottom .footer-bottom-links a:hover{color:#0f172a}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}