:root{--accent-primary:#4361ee;--accent-secondary:#3a0ca3;--accent-tertiary:#7209b7;--success:#4cc9f0;--success-light:#a6e3f9;--success-dark:#1ea7d8;--warning:#f8961e;--warning-light:#fcd9a6;--warning-dark:#d97706;--error:#f94144;--error-light:#fbb6b8;--error-dark:#d32f2f;--info:#577590;--info-light:#b8c6d9;--info-dark:#3a506b;--gray-50:#f8f9fa;--gray-100:#f1f3f4;--gray-200:#e8eaed;--gray-300:#dadce0;--gray-400:#bdc1c6;--gray-500:#9aa0a6;--gray-600:#80868b;--gray-700:#5f6368;--gray-800:#3c4043;--gray-900:#202124;--color-white:#fff;--color-black:#000;--bg-readonly:var(--gray-100);--text-readonly:var(--gray-600);--color-background-disabled:var(--gray-200);--color-border-disabled:var(--gray-400);--accent-primary-light:#3949ab;--accent-primary-rgb:67,97,238;--continue-btn-bg:#f8f9fa80;--continue-btn-text:#1a1a1a;--continue-btn-border:1px solid #0000001a;--continue-btn-border-radius:12px;--continue-btn-padding:8px 14px;--continue-btn-font-size:16px;--continue-btn-font-weight:400;--bg-primary:#fff;--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--bg-overlay:#00000080;--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-600);--text-inverse:#fff;--text-muted:var(--gray-500);--border-color:var(--gray-200);--border-color-light:var(--gray-100);--border-color-dark:var(--gray-300);--border-focus:var(--accent-primary);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Fira Code","SF Mono",Monaco,"Cascadia Code",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:.9rem;--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;--line-height-tight:1.25;--line-height-base:1.5;--line-height-loose:1.75;--spacing-xs:.2rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius:.375rem;--border-radius-sm:.25rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow: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:all .3s ease;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}@media (prefers-color-scheme:dark){:root{--bg-primary:var(--gray-900);--bg-secondary:var(--gray-800);--bg-tertiary:var(--gray-700);--text-primary:#fff;--text-secondary:var(--gray-300);--text-tertiary:var(--gray-400);--border-color:var(--gray-700);--border-color-light:var(--gray-600);--border-color-dark:var(--gray-800)}}@media (prefers-contrast:high){:root{--border-color:var(--gray-900);--border-focus:var(--gray-900)}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;background:0 0;border:none}input,textarea{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);background:var(--bg-primary);color:var(--text-primary)}input:focus,textarea:focus{border-color:var(--accent-primary);outline:none}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-secondary)}ul,ol{list-style:none}img{max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0;width:100%}::selection{background-color:var(--accent-primary);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--error-bg:#f8d7da;--warning-dark:#d63384;--warning-bg:#fff3cd;--accent-primary-rgb:67,97,238;--sidebar-width:250px;--header-height:70px}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-tertiary:#9ca3af;--accent-primary:#5c6bc0;--accent-secondary:#3949ab;--border-color:#dee2e6;--success:#66bb6a;--warning:#ff7043;--error:#dc3545;--shadow:0 4px 20px #00000014}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3d3d3d;--text-primary:#f5f5f5;--text-secondary:#b0bec5;--text-tertiary:#8b949e;--accent-primary:#5c6bc0;--accent-secondary:#3949ab;--border-color:#495057;--success:#66bb6a;--warning:#ff7043;--error:#e4606d;--shadow:0 4px 20px #0000004d}[data-theme=continue-light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#1a1a1a;--text-secondary:#4a5568;--text-tertiary:#718096;--accent-primary:#4361ee;--accent-secondary:#3a0ca3;--border-color:#e2e8f0;--success:#4cc9f0;--warning:#f8961e;--error:#f94144;--shadow:0 4px 20px #00000014;--search-bg:#ffffff80;--search-text:#1a1a1a80;--search-placeholder:#71809680;--search-border-radius:12px;--search-shadow:#0000000d 0px 0px 0px 0px,#0000001a 0px 0px 0px 1px,#0000 0px 0px 0px 0px;--continue-btn-bg:#f8f9fa80;--continue-btn-text:#1a1a1a;--continue-btn-border:1px solid #0000001a;--continue-btn-border-radius:12px;--continue-btn-padding:8px 14px;--continue-btn-font-size:16px;--continue-btn-font-weight:400;--continue-btn-hover-bg:#0b0c0e1a;--continue-btn-hover-border:#0003;--continue-btn-hover-shadow:#0000001a;--continue-btn-active-bg:#0b0c0e0d;--continue-btn-active-shadow:#0000000d;--continue-btn-secondary-bg:#0b0c0e0d;--continue-btn-secondary-hover-bg:#0b0c0e1a;--continue-btn-secondary-active-bg:#0b0c0e14;--continue-badge-bg:#e9ecef99;--continue-badge-text:#4a5568;--continue-badge-border:1px solid #00000026;--continue-badge-border-radius:8px;--continue-badge-padding:4px 10px;--continue-badge-font-size:12px;--continue-badge-font-weight:500;--continue-ai-btn-bg:#fff9;--continue-ai-btn-text:#1a1a1a;--continue-ai-btn-border:1px solid #00000014;--continue-ai-btn-border-radius:10px;--continue-ai-btn-padding:10px 16px;--continue-ai-btn-font-size:14px;--continue-ai-btn-font-weight:500}[data-theme=continue-dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3d3d3d;--text-primary:#f5f5f5;--text-secondary:#a1a2a2;--text-tertiary:#8b949e;--accent-primary:#5c6bc0;--accent-secondary:#3949ab;--border-color:#495057;--success:#66bb6a;--warning:#ff7043;--error:#e4606d;--shadow:0 4px 20px #0000004d;--search-bg:#1a1a1a;--search-text:#ffffff80;--search-placeholder:#ffffff80;--search-border-radius:12px;--search-shadow:#fff 0px 0px 0px 0px,#5353534d 0px 0px 0px 1px,#0000 0px 0px 0px 0px;--continue-btn-bg:#0b0c0e80;--continue-btn-text:#a1a2a2;--continue-btn-border:1px solid #ffffff1a;--continue-btn-border-radius:12px;--continue-btn-padding:8px 14px;--continue-btn-font-size:16px;--continue-btn-font-weight:400;--continue-btn-hover-bg:#ffffff1a;--continue-btn-hover-border:#fff3;--continue-btn-hover-shadow:#0000004d;--continue-btn-active-bg:#ffffff0d;--continue-btn-active-shadow:#0003;--continue-btn-secondary-bg:#ffffff0d;--continue-btn-secondary-hover-bg:#ffffff1a;--continue-btn-secondary-active-bg:#ffffff14;--continue-badge-bg:#0b0c0eb3;--continue-badge-text:#a1a2a2;--continue-badge-border:1px solid #ffffff26;--continue-badge-border-radius:8px;--continue-badge-padding:4px 10px;--continue-badge-font-size:12px;--continue-badge-font-weight:500;--continue-ai-btn-bg:#0b0c0e99;--continue-ai-btn-text:#a1a2a2;--continue-ai-btn-border:1px solid #ffffff1f;--continue-ai-btn-border-radius:10px;--continue-ai-btn-padding:10px 16px;--continue-ai-btn-font-size:14px;--continue-ai-btn-font-weight:500}[data-theme=windows]{--bg-primary:#f3f2f1;--bg-secondary:#e1dfdd;--bg-tertiary:#d2d0ce;--text-primary:#323130;--text-secondary:#605e5c;--text-tertiary:#8a8886;--accent-primary:#0078d4;--accent-secondary:#106ebe;--border-color:#d2d0ce;--success:#107c10;--warning:#ff9500;--error:#e81123;--shadow:0 4px 20px #3231301a}[data-theme=high-contrast]{--bg-primary:#000;--bg-secondary:#1a1a1a;--bg-tertiary:#333;--text-primary:#fff;--text-secondary:#fff;--text-tertiary:#ccc;--accent-primary:#ff0;--accent-secondary:#fff;--border-color:#fff;--success:#0f0;--warning:#ff0;--error:red;--shadow:0 4px 20px #ffffff4d;--focus-outline:#fff;--focus-outline-width:3px;--link-color:#ff0;--link-visited:#ff0;--button-text:#000;--button-bg:#fff;--selected-bg:#fff;--selected-text:#000}[data-theme=high-contrast] button,[data-theme=high-contrast] .btn-primary,[data-theme=high-contrast] .btn-secondary{background:var(--button-bg);color:var(--button-text);border:2px solid var(--text-primary);font-weight:600}[data-theme=high-contrast] button:hover,[data-theme=high-contrast] button:focus-visible{background:var(--text-primary);color:var(--bg-primary);outline:3px solid var(--focus-outline);outline-offset:2px}[data-theme=high-contrast] a,[data-theme=high-contrast] .link{color:var(--link-color);font-weight:600;text-decoration:underline}[data-theme=high-contrast] a:focus,[data-theme=high-contrast] .link:focus{outline:3px solid var(--focus-outline);outline-offset:2px;background:var(--link-color);color:var(--bg-primary)}[data-theme=high-contrast] input,[data-theme=high-contrast] textarea,[data-theme=high-contrast] select{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--text-primary);outline:none}[data-theme=high-contrast] input:focus,[data-theme=high-contrast] textarea:focus,[data-theme=high-contrast] select:focus{outline:3px solid var(--focus-outline);outline-offset:2px;border-color:var(--focus-outline)}[data-theme=high-contrast] .theme-selector .button{border:3px solid var(--text-primary);font-weight:600}[data-theme=high-contrast] .theme-selector .button:focus-visible{outline:4px solid var(--focus-outline);outline-offset:3px}[data-theme=high-contrast] .theme-selector .buttonActive{background:var(--text-primary);color:var(--bg-primary);border-color:var(--accent-primary)}[data-theme=continue-light] .btn-primary{background:var(--continue-btn-bg);color:var(--continue-btn-text);border:var(--continue-btn-border);border-radius:var(--continue-btn-border-radius);padding:var(--continue-btn-padding);font-size:var(--continue-btn-font-size);font-weight:var(--continue-btn-font-weight);transition:all .3s}[data-theme=continue-light] .btn-primary:hover:not(:disabled){box-shadow:var(--shadow);background:#f8f9fae6;border-color:#00000026;transform:translateY(-1px)}[data-theme=continue-light] .user-role-badge{background:var(--continue-badge-bg);color:var(--continue-badge-text);border:var(--continue-badge-border);border-radius:var(--continue-badge-border-radius);padding:var(--continue-badge-padding);font-size:var(--continue-badge-font-size);font-weight:var(--continue-badge-font-weight)}[data-theme=continue-light] .ai-assist-btn{background:var(--continue-ai-btn-bg);color:var(--continue-ai-btn-text);border:var(--continue-ai-btn-border);border-radius:var(--continue-ai-btn-border-radius);padding:var(--continue-ai-btn-padding);font-size:var(--continue-ai-btn-font-size);font-weight:var(--continue-ai-btn-font-weight);transition:all .3s}[data-theme=continue-light] .ai-assist-btn:hover{box-shadow:var(--shadow);background:#fffffff2;border-color:#0000001f;transform:translateY(-1px)}[data-theme=continue-light] .theme-quick-action{background:var(--continue-btn-bg);color:var(--continue-btn-text);border:var(--continue-btn-border);border-radius:var(--continue-btn-border-radius);padding:var(--continue-btn-padding);font-size:var(--continue-btn-font-size);font-weight:var(--continue-btn-font-weight);transition:all .3s}[data-theme=continue-light] .theme-quick-action:hover{background:#f8f9fae6;border-color:#00000026;transform:translateY(-1px)}h1,.h1{font-size:var(--font-size-4xl);font-weight:700;line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-lg)}h2,.h2{font-size:var(--font-size-3xl);font-weight:600;line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-md)}h3,.h3{font-size:var(--font-size-2xl);font-weight:600;line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-md)}h4,.h4{font-size:var(--font-size-xl);font-weight:500;line-height:var(--line-height-base);color:var(--text-primary);margin-bottom:var(--spacing-sm)}h5,.h5{font-size:var(--font-size-lg);font-weight:500;line-height:var(--line-height-base);color:var(--text-primary);margin-bottom:var(--spacing-sm)}h6,.h6{font-size:var(--font-size-base);font-weight:600;line-height:var(--line-height-base);color:var(--text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-base);color:var(--text-secondary)}.lead{font-size:var(--font-size-lg);font-weight:300;line-height:var(--line-height-loose);color:var(--text-secondary)}.small{font-size:var(--font-size-sm);color:var(--text-tertiary)}.muted{color:var(--text-muted)}.text-link{color:var(--accent-primary);transition:color var(--transition-fast);cursor:pointer;text-decoration:none}.text-link:hover{color:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.text-link:hover{color:color-mix(in srgb,var(--accent-primary)80%,black)}}.text-link:hover{text-decoration:underline}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-base)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.list-unstyled{padding-left:0;list-style:none}.list-disc{padding-left:var(--spacing-lg);list-style:outside}.list-decimal{padding-left:var(--spacing-lg);list-style:decimal}code{font-family:var(--font-family-mono);background-color:var(--bg-tertiary);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);font-size:.875em}pre{font-family:var(--font-family-mono);background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:var(--spacing-md);overflow-x:auto}pre code{background:0 0;border:none;padding:0}blockquote{border-left:4px solid var(--border-color);padding-left:var(--spacing-md);margin-left:0;margin-bottom:var(--spacing-md);color:var(--text-secondary);font-style:italic}@media (max-width:768px){h1,.h1{font-size:var(--font-size-3xl)}h2,.h2{font-size:var(--font-size-2xl)}h3,.h3{font-size:var(--font-size-xl)}.text-lg{font-size:var(--font-size-base)}.text-xl{font-size:var(--font-size-lg)}.text-2xl{font-size:var(--font-size-xl)}}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.mt-7{margin-top:var(--spacing-3xl)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.mb-7{margin-bottom:var(--spacing-3xl)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-xs)}.ml-2{margin-left:var(--spacing-sm)}.ml-3{margin-left:var(--spacing-md)}.ml-4{margin-left:var(--spacing-lg)}.ml-5{margin-left:var(--spacing-xl)}.ml-6{margin-left:var(--spacing-2xl)}.ml-7{margin-left:var(--spacing-3xl)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-xs)}.mr-2{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-md)}.mr-4{margin-right:var(--spacing-lg)}.mr-5{margin-right:var(--spacing-xl)}.mr-6{margin-right:var(--spacing-2xl)}.mr-7{margin-right:var(--spacing-3xl)}.mr-auto{margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-2{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-3{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-4{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-5{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.mx-6{margin-left:var(--spacing-2xl);margin-right:var(--spacing-2xl)}.mx-7{margin-left:var(--spacing-3xl);margin-right:var(--spacing-3xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-2{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-3{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-4{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-5{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.my-6{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.my-7{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.my-auto{margin-top:auto;margin-bottom:auto}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.m-6{margin:var(--spacing-2xl)}.m-7{margin:var(--spacing-3xl)}.m-auto{margin:auto}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-sm)}.pt-3{padding-top:var(--spacing-md)}.pt-4{padding-top:var(--spacing-lg)}.pt-5{padding-top:var(--spacing-xl)}.pt-6{padding-top:var(--spacing-2xl)}.pt-7{padding-top:var(--spacing-3xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-lg)}.pb-5{padding-bottom:var(--spacing-xl)}.pb-6{padding-bottom:var(--spacing-2xl)}.pb-7{padding-bottom:var(--spacing-3xl)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-xs)}.pl-2{padding-left:var(--spacing-sm)}.pl-3{padding-left:var(--spacing-md)}.pl-4{padding-left:var(--spacing-lg)}.pl-5{padding-left:var(--spacing-xl)}.pl-6{padding-left:var(--spacing-2xl)}.pl-7{padding-left:var(--spacing-3xl)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-xs)}.pr-2{padding-right:var(--spacing-sm)}.pr-3{padding-right:var(--spacing-md)}.pr-4{padding-right:var(--spacing-lg)}.pr-5{padding-right:var(--spacing-xl)}.pr-6{padding-right:var(--spacing-2xl)}.pr-7{padding-right:var(--spacing-3xl)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-3{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-5{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.px-6{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.px-7{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-3{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-4{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-5{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-6{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.py-7{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-2xl)}.p-7{padding:var(--spacing-3xl)}.gap-0{gap:0}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.gap-6{gap:var(--spacing-2xl)}.gap-7{gap:var(--spacing-3xl)}.gap-x-1{column-gap:var(--spacing-xs)}.gap-x-2{column-gap:var(--spacing-sm)}.gap-x-3{column-gap:var(--spacing-md)}.gap-x-4{column-gap:var(--spacing-lg)}.gap-x-5{column-gap:var(--spacing-xl)}.gap-x-6{column-gap:var(--spacing-2xl)}.gap-x-7{column-gap:var(--spacing-3xl)}.gap-y-1{row-gap:var(--spacing-xs)}.gap-y-2{row-gap:var(--spacing-sm)}.gap-y-3{row-gap:var(--spacing-md)}.gap-y-4{row-gap:var(--spacing-lg)}.gap-y-5{row-gap:var(--spacing-xl)}.gap-y-6{row-gap:var(--spacing-2xl)}.gap-y-7{row-gap:var(--spacing-3xl)}.space-x-1>*+*{margin-left:var(--spacing-xs)}.space-x-2>*+*{margin-left:var(--spacing-sm)}.space-x-3>*+*{margin-left:var(--spacing-md)}.space-x-4>*+*{margin-left:var(--spacing-lg)}.space-x-5>*+*{margin-left:var(--spacing-xl)}.space-y-1>*+*{margin-top:var(--spacing-xs)}.space-y-2>*+*{margin-top:var(--spacing-sm)}.space-y-3>*+*{margin-top:var(--spacing-md)}.space-y-4>*+*{margin-top:var(--spacing-lg)}.space-y-5>*+*{margin-top:var(--spacing-xl)}@media (max-width:768px){.sm\:p-2{padding:var(--spacing-sm)}.sm\:px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.sm\:py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.sm\:m-2{margin:var(--spacing-sm)}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-2{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.contents{display:contents}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.col-auto{grid-column:auto}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.row-auto{grid-row:auto}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-span-5{grid-row:span 5/span 5}.row-span-6{grid-row:span 6/span 6}.row-span-full{grid-row:1/-1}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.top-auto{top:auto}.top-full{top:100%}.right-0{right:0}.right-auto{right:auto}.right-full{right:100%}.bottom-0{bottom:0}.bottom-auto{bottom:auto}.bottom-full{bottom:100%}.left-0{left:0}.left-auto{left:auto}.left-full{left:100%}.inset-0{inset:0}.inset-auto{inset:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-12{width:3rem}.w-24{width:6rem}.w-32{width:8rem}.w-48{width:12rem}.w-64{width:16rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.h-12{height:3rem}.h-24{height:6rem}.h-32{height:8rem}.h-48{height:12rem}.h-64{height:16rem}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-min{min-width:min-content}.min-w-max{min-width:max-content}.min-w-fit{min-width:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-min{min-height:min-content}.min-h-max{min-height:max-content}.min-h-fit{min-height:fit-content}.max-w-none{max-width:none}.max-w-full{max-width:100%}.max-w-screen-sm{max-width:640px}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.max-w-screen-2xl{max-width:1536px}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-h-none{max-height:none}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-h-32{max-height:8rem}.max-h-64{max-height:16rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.visible{visibility:visible}.invisible{visibility:hidden}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.container{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:auto;margin-right:auto}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (max-width:768px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:flex-col{flex-direction:column}.sm\:w-full{width:100%}.sm\:h-auto{height:auto}.sm\:overflow-auto{overflow:auto}}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-t-8{border-top-width:8px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-r-2{border-right-width:2px}.border-r-4{border-right-width:4px}.border-r-8{border-right-width:8px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-b-8{border-bottom-width:8px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-l-8{border-left-width:8px}.border-transparent{border-color:#0000}.border-current{border-color:currentColor}.border-primary{border-color:var(--accent-primary)}.border-secondary{border-color:var(--accent-secondary)}.border-success{border-color:var(--success)}.border-warning{border-color:var(--warning)}.border-error{border-color:var(--error)}.border-info{border-color:var(--info)}.border-gray-100{border-color:var(--gray-100)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.border-gray-400{border-color:var(--gray-400)}.border-gray-500{border-color:var(--gray-500)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded,.rounded-md{border-radius:var(--border-radius)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:var(--border-radius-full)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-sm{border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.rounded-t{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.rounded-t-lg{border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.rounded-t-xl{border-top-left-radius:var(--border-radius-xl);border-top-right-radius:var(--border-radius-xl)}.rounded-t-full{border-top-left-radius:var(--border-radius-full);border-top-right-radius:var(--border-radius-full)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-sm{border-top-right-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.rounded-r{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.rounded-r-lg{border-top-right-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.rounded-r-xl{border-top-right-radius:var(--border-radius-xl);border-bottom-right-radius:var(--border-radius-xl)}.rounded-r-full{border-top-right-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b-sm{border-bottom-right-radius:var(--border-radius-sm);border-bottom-left-radius:var(--border-radius-sm)}.rounded-b{border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.rounded-b-lg{border-bottom-right-radius:var(--border-radius-lg);border-bottom-left-radius:var(--border-radius-lg)}.rounded-b-xl{border-bottom-right-radius:var(--border-radius-xl);border-bottom-left-radius:var(--border-radius-xl)}.rounded-b-full{border-bottom-right-radius:var(--border-radius-full);border-bottom-left-radius:var(--border-radius-full)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-sm{border-top-left-radius:var(--border-radius-sm);border-bottom-left-radius:var(--border-radius-sm)}.rounded-l{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.rounded-l-lg{border-top-left-radius:var(--border-radius-lg);border-bottom-left-radius:var(--border-radius-lg)}.rounded-l-xl{border-top-left-radius:var(--border-radius-xl);border-bottom-left-radius:var(--border-radius-xl)}.rounded-l-full{border-top-left-radius:var(--border-radius-full);border-bottom-left-radius:var(--border-radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}.bg-blend-normal{background-blend-mode:normal}.bg-blend-multiply{background-blend-mode:multiply}.bg-blend-screen{background-blend-mode:screen}.bg-blend-overlay{background-blend-mode:overlay}.bg-blend-darken{background-blend-mode:darken}.bg-blend-lighten{background-blend-mode:lighten}.bg-blend-color-dodge{background-blend-mode:color-dodge}.bg-blend-color-burn{background-blend-mode:color-burn}.bg-blend-hard-light{background-blend-mode:hard-light}.bg-blend-soft-light{background-blend-mode:soft-light}.bg-blend-difference{background-blend-mode:difference}.bg-blend-exclusion{background-blend-mode:exclusion}.bg-blend-hue{background-blend-mode:hue}.bg-blend-saturation{background-blend-mode:saturation}.bg-blend-color{background-blend-mode:color}.bg-blend-luminosity{background-blend-mode:luminosity}.mix-blend-normal{mix-blend-mode:normal}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-lighten{mix-blend-mode:lighten}.mix-blend-color-dodge{mix-blend-mode:color-dodge}.mix-blend-color-burn{mix-blend-mode:color-burn}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-soft-light{mix-blend-mode:soft-light}.mix-blend-difference{mix-blend-mode:difference}.mix-blend-exclusion{mix-blend-mode:exclusion}.mix-blend-hue{mix-blend-mode:hue}.mix-blend-saturation{mix-blend-mode:saturation}.mix-blend-color{mix-blend-mode:color}.mix-blend-luminosity{mix-blend-mode:luminosity}.transform{transform:translate(0)translateY(0)rotate(0)skew(0deg)skewY(0)scaleX(1)scaleY(1)}.transform-none{transform:none}.origin-center{transform-origin:50%}.origin-top{transform-origin:top}.origin-top-right{transform-origin:100% 0}.origin-right{transform-origin:100%}.origin-bottom-right{transform-origin:100% 100%}.origin-bottom{transform-origin:bottom}.origin-bottom-left{transform-origin:0 100%}.origin-left{transform-origin:0}.origin-top-left{transform-origin:0 0}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.scale-x-0{transform:scaleX(0)}.scale-x-50{transform:scaleX(.5)}.scale-x-75{transform:scaleX(.75)}.scale-x-90{transform:scaleX(.9)}.scale-x-95{transform:scaleX(.95)}.scale-x-100{transform:scaleX(1)}.scale-x-105{transform:scaleX(1.05)}.scale-x-110{transform:scaleX(1.1)}.scale-x-125{transform:scaleX(1.25)}.scale-x-150{transform:scaleX(1.5)}.scale-y-0{transform:scaleY(0)}.scale-y-50{transform:scaleY(.5)}.scale-y-75{transform:scaleY(.75)}.scale-y-90{transform:scaleY(.9)}.scale-y-95{transform:scaleY(.95)}.scale-y-100{transform:scaleY(1)}.scale-y-105{transform:scaleY(1.05)}.scale-y-110{transform:scaleY(1.1)}.scale-y-125{transform:scaleY(1.25)}.scale-y-150{transform:scaleY(1.5)}.rotate-0{transform:rotate(0)}.rotate-1{transform:rotate(1deg)}.rotate-2{transform:rotate(2deg)}.rotate-3{transform:rotate(3deg)}.rotate-6{transform:rotate(6deg)}.rotate-12{transform:rotate(12deg)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.-rotate-180{transform:rotate(-180deg)}.-rotate-90{transform:rotate(-90deg)}.-rotate-45{transform:rotate(-45deg)}.-rotate-12{transform:rotate(-12deg)}.-rotate-6{transform:rotate(-6deg)}.-rotate-3{transform:rotate(-3deg)}.-rotate-2{transform:rotate(-2deg)}.-rotate-1{transform:rotate(-1deg)}.translate-x-0{transform:translate(0)}.translate-x-1{transform:translate(.25rem)}.translate-x-2{transform:translate(.5rem)}.translate-x-3{transform:translate(.75rem)}.translate-x-4{transform:translate(1rem)}.translate-x-5{transform:translate(1.25rem)}.translate-x-full{transform:translate(100%)}.-translate-x-1{transform:translate(-.25rem)}.-translate-x-2{transform:translate(-.5rem)}.-translate-x-3{transform:translate(-.75rem)}.-translate-x-4{transform:translate(-1rem)}.-translate-x-5{transform:translate(-1.25rem)}.-translate-x-full{transform:translate(-100%)}.translate-y-0{transform:translateY(0)}.translate-y-1{transform:translateY(.25rem)}.translate-y-2{transform:translateY(.5rem)}.translate-y-3{transform:translateY(.75rem)}.translate-y-4{transform:translateY(1rem)}.translate-y-5{transform:translateY(1.25rem)}.translate-y-full{transform:translateY(100%)}.-translate-y-1{transform:translateY(-.25rem)}.-translate-y-2{transform:translateY(-.5rem)}.-translate-y-3{transform:translateY(-.75rem)}.-translate-y-4{transform:translateY(-1rem)}.-translate-y-5{transform:translateY(-1.25rem)}.-translate-y-full{transform:translateY(-100%)}.skew-x-0{transform:skew(0deg)}.skew-x-1{transform:skew(1deg)}.skew-x-2{transform:skew(2deg)}.skew-x-3{transform:skew(3deg)}.skew-x-6{transform:skew(6deg)}.skew-x-12{transform:skew(12deg)}.skew-y-0{transform:skewY(0)}.skew-y-1{transform:skewY(1deg)}.skew-y-2{transform:skewY(2deg)}.skew-y-3{transform:skewY(3deg)}.skew-y-6{transform:skewY(6deg)}.skew-y-12{transform:skewY(12deg)}.transition-none{transition-property:none}.transition-all{transition-property:all}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-shadow{transition-property:box-shadow}.transition-transform{transition-property:transform}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-1000{transition-duration:1s}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-75{transition-delay:75ms}.delay-100{transition-delay:.1s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.delay-700{transition-delay:.7s}.delay-1000{transition-delay:1s}.animate-none{animation:none}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:1s infinite bounce}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.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)}.filter-none{filter:none}.blur-none{--tw-blur:blur(0)}.blur-sm{--tw-blur:blur(4px)}.blur{--tw-blur:blur(8px)}.blur-md{--tw-blur:blur(12px)}.blur-lg{--tw-blur:blur(16px)}.blur-xl{--tw-blur:blur(24px)}.blur-2xl{--tw-blur:blur(40px)}.blur-3xl{--tw-blur:blur(64px)}.brightness-0{--tw-brightness:brightness(0)}.brightness-50{--tw-brightness:brightness(.5)}.brightness-75{--tw-brightness:brightness(.75)}.brightness-90{--tw-brightness:brightness(.9)}.brightness-95{--tw-brightness:brightness(.95)}.brightness-100{--tw-brightness:brightness(1)}.brightness-105{--tw-brightness:brightness(1.05)}.brightness-110{--tw-brightness:brightness(1.1)}.brightness-125{--tw-brightness:brightness(1.25)}.brightness-150{--tw-brightness:brightness(1.5)}.contrast-0{--tw-contrast:contrast(0)}.contrast-50{--tw-contrast:contrast(.5)}.contrast-75{--tw-contrast:contrast(.75)}.contrast-100{--tw-contrast:contrast(1)}.contrast-125{--tw-contrast:contrast(1.25)}.contrast-150{--tw-contrast:contrast(1.5)}.grayscale-0{--tw-grayscale:grayscale(0)}.grayscale{--tw-grayscale:grayscale(100%)}.hue-rotate-0{--tw-hue-rotate:hue-rotate(0deg)}.hue-rotate-15{--tw-hue-rotate:hue-rotate(15deg)}.hue-rotate-30{--tw-hue-rotate:hue-rotate(30deg)}.hue-rotate-60{--tw-hue-rotate:hue-rotate(60deg)}.hue-rotate-90{--tw-hue-rotate:hue-rotate(90deg)}.hue-rotate-180{--tw-hue-rotate:hue-rotate(180deg)}.invert-0{--tw-invert:invert(0)}.invert{--tw-invert:invert(100%)}.saturate-0{--tw-saturate:saturate(0)}.saturate-50{--tw-saturate:saturate(.5)}.saturate-100{--tw-saturate:saturate(1)}.saturate-150{--tw-saturate:saturate(1.5)}.saturate-200{--tw-saturate:saturate(2)}.sepia-0{--tw-sepia:sepia(0)}.sepia{--tw-sepia:sepia(100%)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)}.backdrop-filter-none{-webkit-backdrop-filter:none;backdrop-filter:none}.backdrop-blur-none{--tw-backdrop-blur:blur(0)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-3xl{--tw-backdrop-blur:blur(64px)}.backdrop-brightness-0{--tw-backdrop-brightness:brightness(0)}.backdrop-brightness-50{--tw-backdrop-brightness:brightness(.5)}.backdrop-brightness-75{--tw-backdrop-brightness:brightness(.75)}.backdrop-brightness-90{--tw-backdrop-brightness:brightness(.9)}.backdrop-brightness-95{--tw-backdrop-brightness:brightness(.95)}.backdrop-brightness-100{--tw-backdrop-brightness:brightness(1)}.backdrop-brightness-105{--tw-backdrop-brightness:brightness(1.05)}.backdrop-brightness-110{--tw-backdrop-brightness:brightness(1.1)}.backdrop-brightness-125{--tw-backdrop-brightness:brightness(1.25)}.backdrop-brightness-150{--tw-backdrop-brightness:brightness(1.5)}.backdrop-contrast-0{--tw-backdrop-contrast:contrast(0)}.backdrop-contrast-50{--tw-backdrop-contrast:contrast(.5)}.backdrop-contrast-75{--tw-backdrop-contrast:contrast(.75)}.backdrop-contrast-100{--tw-backdrop-contrast:contrast(1)}.backdrop-contrast-125{--tw-backdrop-contrast:contrast(1.25)}.backdrop-contrast-150{--tw-backdrop-contrast:contrast(1.5)}.backdrop-grayscale-0{--tw-backdrop-grayscale:grayscale(0)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%)}.backdrop-hue-rotate-0{--tw-backdrop-hue-rotate:hue-rotate(0deg)}.backdrop-hue-rotate-15{--tw-backdrop-hue-rotate:hue-rotate(15deg)}.backdrop-hue-rotate-30{--tw-backdrop-hue-rotate:hue-rotate(30deg)}.backdrop-hue-rotate-60{--tw-backdrop-hue-rotate:hue-rotate(60deg)}.backdrop-hue-rotate-90{--tw-backdrop-hue-rotate:hue-rotate(90deg)}.backdrop-hue-rotate-180{--tw-backdrop-hue-rotate:hue-rotate(180deg)}.backdrop-invert-0{--tw-backdrop-invert:invert(0)}.backdrop-invert{--tw-backdrop-invert:invert(100%)}.backdrop-opacity-0{--tw-backdrop-opacity:opacity(0)}.backdrop-opacity-5{--tw-backdrop-opacity:opacity(.05)}.backdrop-opacity-10{--tw-backdrop-opacity:opacity(.1)}.backdrop-opacity-20{--tw-backdrop-opacity:opacity(.2)}.backdrop-opacity-25{--tw-backdrop-opacity:opacity(.25)}.backdrop-opacity-30{--tw-backdrop-opacity:opacity(.3)}.backdrop-opacity-40{--tw-backdrop-opacity:opacity(.4)}.backdrop-opacity-50{--tw-backdrop-opacity:opacity(.5)}.backdrop-opacity-60{--tw-backdrop-opacity:opacity(.6)}.backdrop-opacity-70{--tw-backdrop-opacity:opacity(.7)}.backdrop-opacity-75{--tw-backdrop-opacity:opacity(.75)}.backdrop-opacity-80{--tw-backdrop-opacity:opacity(.8)}.backdrop-opacity-90{--tw-backdrop-opacity:opacity(.9)}.backdrop-opacity-95{--tw-backdrop-opacity:opacity(.95)}.backdrop-opacity-100{--tw-backdrop-opacity:opacity(1)}.backdrop-saturate-0{--tw-backdrop-saturate:saturate(0)}.backdrop-saturate-50{--tw-backdrop-saturate:saturate(.5)}.backdrop-saturate-100{--tw-backdrop-saturate:saturate(1)}.backdrop-saturate-150{--tw-backdrop-saturate:saturate(1.5)}.backdrop-saturate-200{--tw-backdrop-saturate:saturate(2)}.backdrop-sepia-0{--tw-backdrop-sepia:sepia(0)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%)}@media (max-width:768px){.sm\:rounded-none{border-radius:0}.sm\:rounded-lg{border-radius:var(--border-radius-lg)}.sm\:shadow-none{box-shadow:none}.sm\:shadow-md{box-shadow:var(--shadow-md)}.sm\:opacity-100{opacity:1}.sm\:transform-none{transform:none}}:root{--btn-font-family:inherit;--btn-font-weight:500;--btn-transition:all .2s cubic-bezier(.4,0,.2,1)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--btn-font-family);font-weight:var(--btn-font-weight);font-size:var(--font-size-sm);text-align:center;border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--btn-transition);white-space:nowrap;background:var(--bg-primary);min-height:40px;color:var(--text-primary);border:1px solid #0000;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;filter:none!important;transform:none!important}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.5),0 0 20px rgba(var(--accent-primary-rgb),.3)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px 16px rgba(var(--accent-primary-rgb),.6),0 0 24px rgba(var(--accent-primary-rgb),.4);border-color:#0000;transform:translateY(-2px)}.btn-primary:active:not(:disabled){filter:brightness(.95);box-shadow:0 2px 4px rgba(var(--accent-primary-rgb),.3);transform:translateY(0)}.btn-primary:disabled,.btn-primary.disabled{color:#a1a2a280;background:#0b0c0e66;border-color:#ffffff1a;box-shadow:none!important}.btn-secondary{color:var(--text-primary);background:#0b0c0e66;border-color:#ffffff1a}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-secondary:active:not(:disabled){box-shadow:none;background:#ffffff0d;transform:translateY(0)}.btn-danger{color:#fff;background:#dc3545cc;border-color:#dc354580}.btn-danger:hover:not(:disabled){background:#dc3545;border-color:#dc3545cc;transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.btn-danger:active:not(:disabled){background:#dc3545e6;transform:translateY(0)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000;box-shadow:none!important}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);min-height:32px}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-base);min-height:48px}.btn-loading{cursor:wait;position:relative;color:#0000!important}.btn-loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@media (max-width:768px){.btn{width:100%;padding:var(--spacing-md)}}.theme-selector-container{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.theme-selector-compact{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.theme-selector-compact .theme-quick-action{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:var(--transition);font-size:var(--font-size-sm);text-align:center;flex:1}.theme-selector-compact .theme-quick-action:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px)}.theme-selector{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.theme-btn{padding:var(--spacing-sm);border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;flex-direction:column;align-items:center;min-height:80px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.theme-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px)}.theme-btn.active{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff;transform:scale(1.05)}.theme-btn.active .theme-icon{filter:brightness(0)invert()}.theme-icon{margin-bottom:var(--spacing-xs);font-size:1.5rem;transition:filter .3s}.theme-name{font-size:var(--font-size-sm);text-align:center;font-weight:500}.theme-description{color:var(--text-secondary);text-align:center;margin-top:var(--spacing-xs);opacity:.8;font-size:.75rem}.theme-preview{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.theme-preview-item{padding:var(--spacing-sm);border-radius:var(--border-radius);border:2px solid var(--border-color);cursor:pointer;text-align:center;font-size:var(--font-size-sm);flex:1;transition:all .3s}.theme-preview-item:hover{transform:scale(1.05)}.theme-preview-item.active{border-color:var(--accent-primary);box-shadow:0 4px 12px #00000026}.current-theme-indicator{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);display:flex}.theme-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.theme-modal-content{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-lg);width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.theme-modal-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.theme-modal-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}@media (max-width:768px){.theme-selector{grid-template-columns:repeat(2,1fr)}.theme-selector-compact,.theme-quick-actions{flex-direction:column}.theme-modal-content{margin:var(--spacing-md);padding:var(--spacing-md)}}@media (max-width:480px){.theme-selector{grid-template-columns:1fr}.theme-preview{flex-direction:column}}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:10000;padding:var(--spacing-md);background:#00000080;justify-content:center;align-items:center;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}[data-theme=continue-dark] .modal-overlay{background:#1a1a1a99}[data-theme=continue-light] .modal-overlay{background:#fff9}[data-theme=dark] .modal-overlay{background:#1a1a1a80}[data-theme=light] .modal-overlay{background:#ffffff80}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.modal-overlay{background:#000000b3}[data-theme=continue-dark] .modal-overlay,[data-theme=dark] .modal-overlay{background:#1a1a1acc}[data-theme=continue-light] .modal-overlay,[data-theme=light] .modal-overlay{background:#fffc}}.modal-container{background:var(--bg-primary);-webkit-backdrop-filter:none;border-radius:var(--border-radius-lg);box-shadow:none;border:1px solid var(--border-color);opacity:.75;width:50%;max-width:90vw;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow:hidden}[data-theme=continue-dark] .modal-container,[data-theme=dark] .modal-container{background:#1a1a1ad9;border:1px solid #ffffff26;box-shadow:0 20px 60px #0006,inset 0 0 0 1px #ffffff14}[data-theme=continue-light] .modal-container,[data-theme=light] .modal-container{background:#ffffffd9;border:1px solid #00000026;box-shadow:0 20px 60px #00000026,inset 0 0 0 1px #0000000d}.modal-container-sm{max-width:400px}.modal-container-md{max-width:600px}.modal-container-lg{max-width:800px}.modal-container-xl{max-width:1000px}.modal-container-2xl{max-width:1200px}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(10px)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px)saturate(180%);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}[data-theme=continue-dark] .modal-header,[data-theme=dark] .modal-header{background:#1a1a1a59;border-bottom:1px solid #ffffff1a}[data-theme=continue-light] .modal-header,[data-theme=light] .modal-header{background:#ffffff59;border-bottom:1px solid #0000001a}.modal-title{color:var(--text-primary);font-size:var(--font-size-lg);opacity:.95;margin:0;font-weight:600}.modal-close-btn{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition);background:0 0;border:none}.modal-close-btn:hover{color:var(--error);background-color:var(--bg-tertiary)}.modal-content{max-height:60vh;color:var(--text-primary);overflow-y:auto}.modal-content .form-grid{margin:3% 3% 0}.modal-footer{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px)saturate(180%);padding:var(--spacing-md);border-top:1px solid var(--border-color);justify-content:right;gap:var(--spacing-xl);display:flex}[data-theme=continue-dark] .modal-footer,[data-theme=dark] .modal-footer{background:#1a1a1a59;border-top:1px solid #ffffff1a}[data-theme=continue-light] .modal-footer,[data-theme=light] .modal-footer{background:#ffffff59;border-top:1px solid #0000001a}.contextual-modal-actions{gap:var(--spacing-md);justify-content:flex-end;align-items:center;width:100%;display:flex}.btn-primary{background:var(--continue-btn-bg);color:var(--continue-btn-text);border:var(--continue-btn-border);border-radius:var(--continue-btn-border-radius);padding:var(--continue-btn-padding);font-size:var(--continue-btn-font-size);font-weight:var(--continue-btn-font-weight);cursor:pointer;justify-content:center;align-items:center;min-width:120px;min-height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.4);transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 4px rgba(var(--accent-primary-rgb),.2);filter:brightness(.9);transform:translateY(0)}.btn-primary:disabled{color:#a1a2a280;cursor:not-allowed;box-shadow:none;opacity:.7;background:#0b0c0e4d;transform:none}.btn-secondary{color:var(--continue-btn-text);border-radius:var(--continue-btn-border-radius);padding:var(--continue-btn-padding);font-size:var(--continue-btn-font-size);font-weight:var(--continue-btn-font-weight);cursor:pointer;background:#0b0c0e66;border:1px solid #ffffff1a;justify-content:center;align-items:center;min-width:120px;min-height:44px;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-secondary:active{box-shadow:none;background:#ffffff0d;transform:translateY(0)}@media (max-width:768px){.modal-overlay{padding:var(--spacing-sm);align-items:flex-end}.modal-container,.modal-container-sm,.modal-container-md,.modal-container-lg,.modal-container-xl,.modal-container-2xl{border-radius:var(--border-radius-lg)var(--border-radius-lg)0 0;max-width:100vw;max-height:85vh;margin-bottom:0}.modal-header,.modal-content,.modal-footer{padding:var(--spacing-md)}.modal-footer{gap:var(--spacing-sm);padding-top:var(--spacing-lg);padding-bottom:var(--spacing-xl);flex-direction:column}.btn-primary,.btn-secondary{width:100%;min-width:auto}}@media (max-width:480px){.modal-container{max-height:90vh}.modal-content{padding:var(--spacing-sm)}}.contextual-modal-content{opacity:.75;-webkit-backdrop-filter:none;flex-direction:column;height:100%;min-height:400px;display:flex}.contextual-modal-error{background:var(--error-light);color:var(--error);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--error);margin-top:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500}.contextual-modal-loading{padding:var(--spacing-xl);color:var(--text-secondary);font-size:var(--font-size-base);justify-content:center;align-items:center;display:flex}.contextual-modal-loading:before{content:"";border:2px solid var(--text-muted);border-top:2px solid var(--accent-primary);width:16px;height:16px;margin-right:var(--spacing-sm);border-radius:50%;animation:1s linear infinite spin}.contextual-modal-placeholder{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.contextual-modal-placeholder h3{margin:0 0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.contextual-modal-placeholder p{margin:var(--spacing-xs)0;font-size:var(--font-size-base);line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(10px);background-color:#00000080}.modal-container{opacity:.75;box-shadow:none;border:none}@media (max-width:768px){.contextual-modal-content{min-height:300px}.contextual-modal-placeholder{padding:var(--spacing-md)}.contextual-modal-placeholder h3{font-size:var(--font-size-base)}.contextual-modal-placeholder p{font-size:var(--font-size-sm)}}.contextual-modal-tab-system{flex-direction:column;height:100%;display:flex}.contextual-modal-tab-navigation{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);z-index:10;flex-shrink:0;position:sticky;top:0}.contextual-modal-tab-list{gap:var(--spacing-sm);padding:0 var(--spacing-sm);display:flex;overflow-x:auto}.contextual-modal-tab{padding:var(--spacing-md)var(--spacing-lg);color:var(--continue-btn-text);font-weight:var(--continue-btn-font-weight);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;min-height:44px;transition:all .3s;display:flex}.contextual-modal-tab:hover{color:var(--continue-btn-text);background:#0b0c0e4d}.contextual-modal-tab--active{color:var(--continue-btn-text);border-bottom-color:var(--accent-primary);background:var(--bg-overlay)}.contextual-modal-tab-content{padding:var(--spacing-xl);text-align:-webkit-auto;flex-direction:column;flex:1;display:flex;overflow:visible}.contextual-modal-tab-content--error{color:var(--error);font-size:var(--font-size-base);justify-content:center;align-items:center;display:flex}.contextual-modal-no-tabs{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.contextual-modal-no-tabs h3{margin:0 0 var(--spacing-md)1;color:var(--info-dark);font-size:var(--font-size-lg);font-weight:600}.basic-info-tab h3,.details-tab h3,.documents-tab h3,.validation-tab h3,.ai-tab h3,.client-information-tab h3{margin:0 0 var(--spacing-sm)0;color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:600}.form-section-title{margin:0 0 var(--spacing-lg)0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.project-selection-tab h3{margin:0 0 var(--spacing-lg)0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)!important}.project-selection-tab p{margin:0 0 var(--spacing-xl)0;color:var(--text-secondary);font-size:var(--font-size-base);text-align:right;line-height:1.5}.basic-info-tab p,.details-tab p,.documents-tab p,.validation-tab p,.ai-tab p{margin:0 0 var(--spacing-xl)0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5}.basic-info-fields,.details-fields{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.basic-info-field,.details-field{gap:var(--spacing-sm);flex-direction:column;display:flex}.basic-info-field label,.details-field label{color:var(--text-primary);font-weight:500;font-size:var(--font-size-sm);text-align-last:left}.basic-info-field input,.details-field input{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:var(--transition)}.basic-info-field input:focus,.details-field input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-light);outline:none}.basic-info-field input:read-only,.details-field input:read-only{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.view-mode-notice{background:var(--info-light);color:var(--info);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--info);margin-top:var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500}@media (max-width:768px){.contextual-modal-tab-list{padding:0 var(--spacing-sm)}.contextual-modal-tab{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm)}.contextual-modal-tab-content{padding:var(--spacing-lg)}.basic-info-fields,.details-fields{gap:var(--spacing-md);grid-template-columns:1fr}.contextual-modal-no-tabs{padding:var(--spacing-md)}}.client-information-tab .selected-contact-display{border-left:3px solid var(--accent-primary);background:#6795ee14;border-radius:6px;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem;display:flex}.client-information-tab .contact-info-row{align-items:center;gap:.5rem;display:flex}.client-information-tab .contact-label{color:var(--accent-primary);min-width:65px;font-size:.875rem;font-weight:600}.client-information-tab .contact-icon{font-size:1rem}.client-information-tab .contact-name{color:var(--text-primary);font-weight:500}.client-information-tab .contact-email,.client-information-tab .contact-phone{color:var(--text-secondary);font-size:.875rem}.client-information-tab .primary-badge{margin-left:var(--spacing-sm);background:var(--accent-primary);color:#fff;border-radius:12px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.client-information-tab .contact-selection{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.client-information-tab .contact-selection-label{color:var(--text-primary);font-weight:500;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);display:block}.client-information-tab .contact-dropdown{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition)}.client-information-tab .contact-dropdown:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-light);outline:none}.client-information-tab .no-contact-selected{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--warning-light);border-radius:var(--border-radius);border:1px solid var(--warning);color:var(--warning);font-size:var(--font-size-sm);font-weight:500}@media (max-width:768px){.client-information-tab .selected-contact-display{padding:var(--spacing-sm)}.client-information-tab .contact-info-row{flex-wrap:wrap;gap:.25rem}.client-information-tab .contact-label{min-width:50px;font-size:.8rem}.client-information-tab .contact-icon{font-size:.875rem}}.documents-list{margin-bottom:var(--spacing-xl)}.no-documents{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-style:italic}.document-item{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);background:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}.document-info{align-items:center;gap:var(--spacing-lg);flex:1;display:flex}.document-name-input{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);min-width:200px}.document-name{color:var(--text-primary);font-weight:500}.document-type,.document-size,.document-date{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-xs)var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius)}.remove-document-btn{background:var(--error);color:#fff;cursor:pointer;width:24px;height:24px;font-size:var(--font-size-lg);transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.remove-document-btn:hover{background:var(--error-dark)}.documents-actions{gap:var(--spacing-md);display:flex}.add-document-btn,.upload-document-btn{padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:var(--transition);font-weight:500}.add-document-btn:hover,.upload-document-btn:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.validation-status{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius);align-items:center;display:flex}.status-badge{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);font-weight:600;font-size:var(--font-size-sm)}.status-approved{background:var(--success-light);color:var(--success)}.status-rejected{background:var(--error-light);color:var(--error)}.status-pending{background:var(--warning-light);color:var(--warning)}.validator-info,.validation-date{font-size:var(--font-size-sm);color:var(--text-secondary)}.validation-requirements{margin-bottom:var(--spacing-xl)}.validation-requirements h4{margin:0 0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.requirements-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.requirement-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius);display:flex}.requirement-status{border-radius:50%;width:8px;height:8px}.requirement-description{color:var(--text-primary);flex:1}.requirement-status-text{font-size:var(--font-size-sm);text-transform:capitalize;font-weight:500}.validation-comments{margin-bottom:var(--spacing-xl)}.validation-comments label{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:500;display:block}.validation-comments textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);resize:vertical;min-height:100px}.validation-comments textarea:focus{border-color:var(--accent-primary);outline:none}.validation-actions{gap:var(--spacing-md);display:flex}.approve-btn,.reject-btn{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;min-width:120px;font-weight:600}.approve-btn{background:var(--success);color:#fff}.approve-btn:hover:not(:disabled){background:var(--success-dark)}.reject-btn{background:var(--error);color:#fff}.reject-btn:hover:not(:disabled){background:var(--error-dark)}.approve-btn:disabled,.reject-btn:disabled{opacity:.6;cursor:not-allowed}.ai-status{margin-bottom:var(--spacing-xl)}.ai-status-badge{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius);text-align:center;font-weight:600}.ai-status-idle{background:var(--bg-tertiary);color:var(--text-secondary)}.ai-status-processing{background:var(--warning-light);color:var(--warning)}.ai-status-completed{background:var(--success-light);color:var(--success)}.ai-status-error{background:var(--error-light);color:var(--error)}.ai-actions{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.analyze-btn,.reset-btn{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;min-width:150px;font-weight:600}.analyze-btn{background:var(--accent-primary);color:#fff}.analyze-btn:hover:not(:disabled){background:var(--accent-secondary)}.reset-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.reset-btn:hover{background:var(--bg-secondary)}.analyze-btn:disabled{opacity:.6;cursor:not-allowed}.ai-results{border-top:1px solid var(--border-color);padding-top:var(--spacing-xl)}.ai-results h4{margin:0 0 var(--spacing-lg)0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.ai-results h5{margin:var(--spacing-lg)0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.extracted-fields,.key-points,.suggestions{margin-bottom:var(--spacing-xl)}.fields-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.field-item{padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius);justify-content:space-between;display:flex}.field-name{color:var(--text-primary);font-weight:500}.field-value{color:var(--text-secondary)}.key-points ul,.suggestions ul{padding-left:var(--spacing-lg);margin:0}.key-points li,.suggestions li{margin-bottom:var(--spacing-sm);color:var(--text-primary);line-height:1.5}.ai-processing{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.loading-spinner{border:3px solid var(--text-muted);border-top:3px solid var(--accent-primary);width:32px;height:32px;margin:0 auto var(--spacing-md)auto;border-radius:50%;animation:1s linear infinite spin}@media (max-width:768px){.document-info{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.validation-status{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.ai-actions,.validation-actions,.documents-actions{flex-direction:column}.analyze-btn,.reset-btn,.approve-btn,.reject-btn,.add-document-btn,.upload-document-btn{width:100%;min-width:auto}}.base-form-field{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.base-form-field__label{color:var(--text-primary);font-weight:500;font-size:var(--font-size-sm);justify-content:flex-start;align-items:center;gap:var(--spacing-xs);display:flex;position:relative}.base-form-field__required{color:var(--error);margin-left:4px;font-weight:600}.base-form-field__label .required-badge,.form-label .required-badge{color:var(--error);background:#ff00001a;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:12px;font-weight:500;line-height:16px}.base-form-field.required-border .base-form-field__input,.autocomplete-container.required-border .form-input,.autocomplete-container.required-border .base-form-field__input{border-color:var(--error);background-color:#ff00000d;box-shadow:0 0 0 2px #f003}.base-form-field.required-border,.autocomplete-container.required-border{outline-offset:2px;border-radius:6px}.selected-project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-top:var(--spacing-md);box-shadow:var(--shadow-sm);transition:var(--transition)}.selected-project-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.selected-project-card .card-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.selected-project-card .project-title{align-items:center;gap:var(--spacing-xs);display:flex}.selected-project-card .project-title i{color:var(--accent-primary);font-size:var(--font-size-base)}.selected-project-card .project-title h4{color:var(--text-primary);font-size:var(--font-size-base);margin:0;font-weight:600}.selected-project-card .project-control{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.selected-project-card .control-label{color:var(--text-secondary);font-size:11px;font-weight:500}.selected-project-card .control-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.selected-project-card .card-body{gap:var(--spacing-sm);flex-direction:column;display:flex}.selected-project-card .detail-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.selected-project-card .detail-item{align-items:center;gap:var(--spacing-xs);background:var(--bg-primary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);padding:8px;display:flex}.selected-project-card .detail-item i{color:var(--accent-secondary);font-size:var(--font-size-sm);text-align:center;width:16px}.selected-project-card .detail-content{flex-direction:column;gap:2px;display:flex}.selected-project-card .detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.selected-project-card .detail-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.selected-project-card .status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.selected-project-card .status-badge.status-lead{color:var(--warning);background:#ffc1071a}.selected-project-card .status-badge.status-pre_sale{color:var(--info);background:#0d6efd1a}.selected-project-card .status-badge.status-quoted{color:var(--success);background:#1987541a}.selected-project-card .status-badge.status-started{color:var(--purple);background:#6f42c11a}.selected-project-card .status-badge.status-in_progress{color:var(--cyan);background:#0dcaf01a}.selected-project-card .status-badge.status-completed{color:var(--gray);background:#6c757d1a}.selected-project-card .status-badge.status-cancelled{color:var(--error);background:#dc35451a}.selected-project-card .contact-section{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-color)}.selected-project-card .contact-section h4{margin:0 0 var(--spacing-xs)0;color:var(--text-primary);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-xs);font-weight:600;display:flex}.selected-project-card .contact-section h4 i{color:var(--accent-primary);font-size:var(--font-size-sm)}.selected-project-card .contact-grid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.selected-project-card .contact-item{align-items:center;gap:var(--spacing-xs);background:var(--bg-primary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);padding:6px;display:flex}.selected-project-card .contact-item i{color:var(--accent-secondary);font-size:var(--font-size-sm);text-align:center;width:16px}@media (max-width:768px){.selected-project-card{padding:var(--spacing-sm)}.selected-project-card .card-header{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.selected-project-card .project-control{align-items:flex-start}.selected-project-card .detail-grid,.selected-project-card .contact-grid{grid-template-columns:1fr}}@media (max-width:480px){.selected-project-card .project-title h4{font-size:var(--font-size-sm)}.selected-project-card .control-value{font-size:11px}.selected-project-card .detail-item{padding:4px}.selected-project-card .detail-value{font-size:11px}.selected-project-card .status-badge{padding:1px 6px;font-size:9px}}.contextual-modal-tab{border:1px solid var(--border-color-light);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:.375rem .375rem 0 0;justify-content:space-between;align-items:center;min-width:120px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;display:flex;position:relative}.contextual-modal-tab:hover:not(.contextual-modal-tab--disabled){background:var(--bg-tertiary);border-color:var(--border-color)}.contextual-modal-tab--disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary);border-color:var(--border-color-light);color:var(--text-tertiary)}.contextual-modal-tab--disabled:hover{background:var(--color-background-disabled);border-color:var(--color-border-disabled)}.contextual-modal-tab--completed{border-color:var(--success-tab-bg-dark);background:var(--success-tab-bg-light);color:var(--success-tab-text-light)}.contextual-modal-tab--completed:hover:not(.contextual-modal-tab--disabled){background:var(--success-light);border-color:var(--success-dark)}.contextual-modal-tab--valid{border-color:var(--info);background:var(--info-light)}.contextual-modal-tab--valid:hover:not(.contextual-modal-tab--disabled){background:var(--info-light);border-color:var(--info-dark)}.contextual-modal-tab__content{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.contextual-modal-tab__label{text-align:left;flex:1}.contextual-modal-tab__indicator{background:var(--success-tab-bg-badge-dark);width:1.25rem;height:1.25rem;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.contextual-modal-tab-navigation{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:0 1rem}.contextual-modal-tab-list{scrollbar-width:thin;scrollbar-color:var(--border-color-light)transparent;gap:.25rem;display:flex;overflow-x:auto}.contextual-modal-tab-list::-webkit-scrollbar{height:4px}.contextual-modal-tab-list::-webkit-scrollbar-track{background:0 0}.contextual-modal-tab-list::-webkit-scrollbar-thumb{background:var(--border-color-light);border-radius:2px}@media (max-width:768px){.contextual-modal-tab{min-width:100px;padding:.5rem .75rem;font-size:.8rem}.contextual-modal-tab__indicator{width:1rem;height:1rem;font-size:.625rem}}.contextual-modal-tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.contextual-modal-tab--disabled:focus-visible{outline-color:var(--border-color-light)}.contextual-modal-tab{transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out,opacity .2s ease-in-out}.contextual-modal-tab__indicator{transition:transform .2s ease-in-out}.contextual-modal-tab:hover .contextual-modal-tab__indicator{transform:scale(1.1)}.contextual-modal-tab[title]:hover:after{content:attr(title);background:var(--gray-900);color:var(--text-inverse);white-space:nowrap;z-index:10;border-radius:.25rem;margin-bottom:.25rem;padding:.25rem .5rem;font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000001a}.contextual-modal-tab--active{z-index:10;padding-top:calc(.75rem - 2px);font-weight:600;background:var(--bg-primary)!important;border-color:var(--border-color)!important;border-top:3px solid var(--accent-primary)!important;color:var(--accent-primary)!important;border-bottom-color:var(--bg-primary)!important}.contextual-modal-tab--active.contextual-modal-tab--completed,.contextual-modal-tab--active.contextual-modal-tab--valid{background:var(--bg-primary)!important;border-color:var(--border-color)!important;border-top-color:var(--accent-primary)!important;border-bottom-color:var(--bg-primary)!important;color:var(--accent-primary)!important}.client-contacts-form{padding:var(--spacing-lg)0}.client-contacts-form .form-header{margin-bottom:var(--spacing-xl);text-align:left}.client-contacts-form .form-header h3{margin:0 0 var(--spacing-sm)0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.client-contacts-form .form-header p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0}.client-contacts-form .form-errors{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--error-light);border:1px solid var(--error);border-radius:var(--border-radius)}.client-contacts-form .form-error-message{color:var(--error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.client-contacts-form .form-error-message:last-child{margin-bottom:0}.client-contacts-form .contacts-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.client-contacts-form .contact-card{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);background:var(--bg-secondary);transition:var(--transition-fast)}.client-contacts-form .contact-card:hover{border-color:var(--border-color-dark);box-shadow:var(--shadow-sm)}.client-contacts-form .contact-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:flex-start;display:flex}.client-contacts-form .contact-title{align-items:center;gap:var(--spacing-sm);display:flex}.client-contacts-form .contact-title h4{color:var(--text-primary);font-size:var(--font-size-base);margin:0;font-weight:600}.client-contacts-form .primary-badge{background:var(--accent-primary);color:var(--text-inverse);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:500}.client-contacts-form .contact-actions{gap:var(--spacing-sm);display:flex}.client-contacts-form .remove-contact-btn{background:var(--error);color:var(--text-inverse);border:1px solid var(--error);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-fast)}.client-contacts-form .remove-contact-btn:hover{background:var(--error-dark);border-color:var(--error-dark)}.client-contacts-form .contact-fields{gap:var(--spacing-lg);flex-direction:column;display:flex}.client-contacts-form .contact-field-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.client-contacts-form .contact-field-row{grid-template-columns:1fr}}.client-contacts-form .contact-field{margin:0}.client-contacts-form .primary-contact-field{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.client-contacts-form .checkbox-label{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;margin-bottom:var(--spacing-xs);display:flex}.client-contacts-form .checkbox-input{margin-top:var(--spacing-xs);accent-color:var(--accent-primary)}.client-contacts-form .checkbox-text{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.client-contacts-form .field-helper{color:var(--text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-base);margin-left:var(--spacing-lg)}.client-contacts-form .form-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color-light)}.client-contacts-form .add-contact-btn{align-items:center;gap:var(--spacing-sm);background:var(--accent-primary);color:var(--text-inverse);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);border:none;font-weight:500;display:inline-flex}.client-contacts-form .add-contact-btn:hover{background:var(--accent-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.client-contacts-form .btn-icon{font-size:var(--font-size-base);font-weight:600}.client-contacts-form .view-mode-notice{margin-top:var(--spacing-xl);padding:var(--spacing-md);background:var(--info-light);border:1px solid var(--info);border-radius:var(--border-radius);text-align:center}.client-contacts-form .view-mode-notice p{color:var(--info);font-size:var(--font-size-sm);margin:0}.client-contacts-form .base-form-field.required-border{border-left:3px solid var(--accent-primary)}.client-contacts-form .base-form-field.field-error{border-left-color:var(--error)}.client-contacts-form .base-form-field__input--error{border-color:var(--error);box-shadow:0 0 0 1px var(--error)}.client-contacts-form .base-form-field__error{color:var(--error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.client-contacts-form.loading{opacity:.6;pointer-events:none}.client-contacts-form .contact-card:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.client-contacts-form .contact-card.new-contact{animation:.3s ease-out slideIn}@media (max-width:768px){.client-contacts-form{padding:var(--spacing-md)0}.client-contacts-form .contact-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.client-contacts-form .contact-actions{align-self:flex-end}.client-contacts-form .add-contact-btn{justify-content:center;width:100%}}.modal-overlay{background-color:var(--bg-overlay,#00000080)!important;-webkit-backdrop-filter:blur(10px)!important}.modal-container{background-color:var(--surface,#fff)!important;color:var(--text-primary,#000)!important;opacity:1!important;-webkit-backdrop-filter:none!important;box-shadow:var(--shadow-xl)!important;border:1px solid var(--border-color)!important}.contextual-modal-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contextual-modal-focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.contextual-modal-disabled{opacity:.6;cursor:not-allowed}.contextual-modal-loading{cursor:wait}@media (prefers-color-scheme:dark){:root{--bg-primary:#1f2937;--bg-secondary:#374151;--bg-tertiary:#4b5563;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border-color:#4b5563;--accent-primary:#60a5fa;--accent-primary-light:#1e40af}}@media (prefers-contrast:high){:root{--border-color:#000;--accent-primary:#60a5fa;--error:red;--success:green;--border-width:2px;--focus-width:3px;--button-border:2px}[data-theme] button,[data-theme] .btn-primary,[data-theme] .btn-secondary{border-width:2px;font-weight:600}[data-theme] :focus-visible{outline-offset:2px;outline-width:3px}[data-theme] .theme-selector .button{border-width:2px;font-weight:600}}@media (prefers-reduced-motion:reduce){[data-theme] *,[data-theme] :before,[data-theme] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-theme] .theme-selector .button:hover,[data-theme] .theme-selector .buttonActive{transform:none}}@media (forced-colors:active){[data-theme]{--bg-primary:Canvas;--bg-secondary:Canvas;--text-primary:CanvasText;--text-secondary:CanvasText;--border-color:CanvasText;--accent-primary:Highlight;--accent-secondary:Highlight;--button-text:ButtonText;--button-bg:ButtonFace}[data-theme] button,[data-theme] .btn-primary,[data-theme] .btn-secondary{color:buttontext;background:buttonface;border:1px solid buttontext}[data-theme] button:hover,[data-theme] button:focus-visible{color:highlighttext;background:highlight;border-color:highlighttext}[data-theme] a,[data-theme] .link{color:linktext}[data-theme] a:visited{color:visitedtext}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-to-main{background:var(--accent-primary);color:var(--bg-primary);z-index:10000;border-radius:4px;padding:8px;text-decoration:none;transition:top .3s;position:absolute;top:-40px;left:6px}.skip-to-main:focus{top:6px}.modal-focus-trap{outline:none}.keyboard-navigation .theme-selector .button:focus-visible{box-shadow:0 0 0 4px var(--accent-primary);transform:scale(1.1)}@media (prefers-contrast:high){[data-theme=high-contrast]{--bg-primary:#000;--bg-secondary:#000;--text-primary:#fff;--text-secondary:#fff;--border-color:#fff;--accent-primary:#ff0}[data-theme=high-contrast] .theme-selector .button{color:#fff;background:#000;border:3px solid #fff}[data-theme=high-contrast] .theme-selector .buttonActive{color:#000;background:#fff;border-color:#ff0}}@media (prefers-color-scheme:dark){[data-theme=dark],[data-theme=continue-dark]{--accent-primary:#7c4dff;--success:#69f0ae;--warning:#ffab40;--error:#ff5252}}@media print{[data-theme]{--bg-primary:white;--bg-secondary:white;--text-primary:black;--text-secondary:black;--border-color:black}.theme-selector,.modal,button:not(.btn-print){display:none!important}}@media (hover:none) and (pointer:coarse){[data-theme] .theme-selector .button{min-width:44px;min-height:44px;padding:12px}[data-theme] .theme-selector .button:active{background:var(--bg-tertiary);transform:scale(.95)}}@media (min-resolution:120dpi){[data-theme]{--font-size-base:18px;--font-size-sm:16px;--font-size-lg:20px}}@media (-ms-high-contrast:active){[data-theme]{-ms-high-contrast-adjust:none}[data-theme] button{color:windowtext;background:window;border:2px solid windowtext}[data-theme] button:hover,[data-theme] button:focus{color:highlighttext;background:highlight;border-color:highlighttext}}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:var(--header-height);padding:0 var(--spacing-lg);z-index:1000;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header.continue-theme{height:102px;padding:0 var(--spacing-lg);z-index:1000;isolation:isolate;will-change:transform;--scroll-opacity:.047;--scroll-transition:background-color .8s ease;background-color:#0000;border-bottom:none;justify-content:center;align-items:center;display:flex;position:sticky;top:0;transform:translateZ(0)}.header.continue-theme:before{content:"";-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);width:100%;height:100%;transition:var(--scroll-transition);z-index:-1;background-color:rgba(26,26,26,var(--scroll-opacity));pointer-events:none;will-change:backdrop-filter,background-color;border-bottom:1px solid #d1d1d10f;position:absolute;top:0;left:0}[data-theme=continue-dark] .header.continue-theme:before{background-color:rgba(26,26,26,var(--scroll-opacity));border-bottom:1px solid #d1d1d10f}[data-theme=continue-light] .header.continue-theme:before{background-color:rgba(255,255,255,var(--scroll-opacity));border-bottom:1px solid #0000000f}.search-bar.continue-search{background-color:var(--search-bg,#1a1a1a);color:var(--search-text,#ffffff80);border-radius:var(--search-border-radius,12px);align-items:center;gap:var(--spacing-sm);width:520px;height:36px;box-shadow:var(--search-shadow,#fff 0px 0px 0px 0px,#5353534d 0px 0px 0px 1px,#0000 0px 0px 0px 0px);filter:brightness(1.1);padding:0 12px 0 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.header .search-bar:not(.continue-search){align-items:center;gap:var(--spacing-sm);width:min(560px,60vw);height:36px;padding:0 var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex}.header .search-bar:not(.continue-search) .search-input{flex:1}.header-count-badge{margin-left:var(--spacing-sm);min-width:28px;height:24px;padding:0 var(--spacing-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.search-bar.continue-search .header-count-badge{color:var(--search-text,#ffffffb3);background:#ffffff14;border:1px solid #ffffff1a;font-weight:500}[data-theme=continue-light] .search-bar.continue-search .header-count-badge{color:#1a1a1ab3;background:#0000000f;border:1px solid #0000001a}[data-theme=continue-dark] .header-count-badge{color:#ffffffb3;background:#ffffff14;border-color:#ffffff26}[data-theme=continue-light] .header-count-badge{color:#1a1a1ab3;background:#0000000f;border-color:#0000001f}.search-bar.continue-search:hover{filter:brightness(1.2);transform:translateY(-1px);box-shadow:0 0 0 1px #5353534d,0 4px 12px #0000001a}.search-bar.continue-search:focus-within{filter:brightness(1.3);transform:translateY(-2px);box-shadow:0 0 0 2px #53535366,0 8px 24px #0003}[data-theme=continue-dark] .search-bar.continue-search:hover{box-shadow:0 0 0 1px #5353534d,0 4px 12px #0000001a}[data-theme=continue-dark] .search-bar.continue-search:focus-within{box-shadow:0 0 0 2px #53535366,0 8px 24px #0003}[data-theme=continue-light] .search-bar.continue-search:hover{box-shadow:0 0 0 1px #00000026,0 4px 12px #0000001a}[data-theme=continue-light] .search-bar.continue-search:focus-within{box-shadow:0 0 0 2px #0003,0 8px 24px #00000026}[data-theme=continue-light] .search-input.continue-input:focus{color:#1a1a1ae6}.search-bar.continue-search i{color:var(--search-text,#ffffff80);font-size:14px;transition:color .3s}.search-input.continue-input{color:var(--search-text,#ffffff80);background-color:#0000;border:none;outline:none;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:24px}.search-input.continue-input::placeholder{color:var(--search-placeholder,#ffffff80);font-size:12px}.search-input.continue-input:focus{color:#fffc}.header-right.continue-right{align-items:center;gap:var(--spacing-md);right:var(--spacing-lg);display:flex;position:absolute}@media (max-width:768px){.search-bar.continue-search,.header .search-bar:not(.continue-search){width:92vw}.header-right.continue-right{margin-left:auto;position:static}}.notification.continue-notification{color:var(--text-secondary,#a1a2a2);padding:var(--spacing-sm);cursor:pointer;transition:var(--transition);font-size:var(--font-size-lg);background:#ffffff0d;border-radius:8px;position:relative}.notification.continue-notification:hover{color:var(--accent-primary,#5c6bc0);background-color:#ffffff1a}[data-theme=continue-light] .notification.continue-notification{background:#0000000d}[data-theme=continue-light] .notification.continue-notification:hover{background-color:#0000001a}.notification-badge.continue-badge{background-color:var(--error,#e4606d);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px}.user-profile.continue-profile{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;transition:var(--transition);z-index:1;background:#ffffff0d;border-radius:8px;display:flex;position:relative}.user-profile.continue-profile:hover{background-color:#ffffff1a}[data-theme=continue-light] .user-profile.continue-profile{background:#0000000d}[data-theme=continue-light] .user-profile.continue-profile:hover{background-color:#0000001a}.user-avatar.continue-avatar{z-index:1;border-radius:50%;width:36px;height:36px;position:relative;overflow:hidden}.avatar-image.continue-image{object-fit:cover;will-change:opacity,transform;border-radius:50%;width:100%;height:100%}.avatar-fallback.continue-fallback{width:100%;height:100%;color:var(--text-secondary,#a1a2a2);font-size:var(--font-size-lg);background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}[data-theme=continue-light] .avatar-fallback.continue-fallback{background-color:#0000001a}.user-details.continue-details{flex-direction:column;display:flex}.user-name.continue-name{color:var(--text-primary,#f5f5f5);font-size:14px;font-weight:600}.user-email.continue-email{color:var(--text-secondary,#a1a2a2);font-size:12px}.logout-btn.continue-logout{color:var(--text-secondary,#a1a2a2);cursor:pointer;padding:var(--spacing-sm);transition:var(--transition);font-size:var(--font-size-lg);background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.logout-btn.continue-logout:hover{color:var(--error,#e4606d);background-color:#ffffff1a}[data-theme=continue-light] .logout-btn.continue-logout{background:#0000000d}[data-theme=continue-light] .logout-btn.continue-logout:hover{background-color:#0000001a}.header.continue-theme{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.header.continue-theme{padding:0 var(--spacing-md);justify-content:space-between;height:80px}.search-bar.continue-search{width:200px;margin:0 auto}.header-right.continue-right{gap:var(--spacing-sm);position:static}.user-details.continue-details{display:none}}@media (max-width:480px){.notification.continue-notification{display:none}.search-bar.continue-search{width:150px}}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header.continue-theme{animation:.3s ease-out headerSlideIn}.header-right{align-items:center;gap:var(--spacing-md);display:flex}.search-bar{background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--border-radius);padding:var(--spacing-sm)var(--spacing-md);align-items:center;gap:var(--spacing-sm);min-width:300px;margin-right:auto;display:flex}.search-bar i{color:var(--text-secondary);font-size:var(--font-size-sm)}.search-input{color:var(--text-primary);width:100%;font-size:var(--font-size-sm);background-color:#0000;border:none;outline:none}.search-input::placeholder{color:var(--text-secondary)}.notification{color:var(--text-secondary);padding:var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:var(--font-size-lg);position:relative}.notification:hover{background-color:var(--bg-tertiary);color:var(--accent-primary)}.notification-badge{background-color:var(--error);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px}.user-profile{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);display:flex}.user-profile:hover{background-color:var(--bg-tertiary)}.user-avatar{border-radius:50%;width:40px;height:40px;overflow:hidden}.avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-fallback{background-color:var(--bg-tertiary);width:100%;height:100%;color:var(--text-secondary);font-size:var(--font-size-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-details{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm)}.user-email{color:var(--text-secondary);font-size:12px}.logout-btn{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition);font-size:var(--font-size-lg);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.logout-btn:hover{background-color:var(--bg-tertiary);color:var(--error)}.header-loading{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:var(--header-height);justify-content:center;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm);display:flex}@media (max-width:768px){.header{padding:0 var(--spacing-md)}.search-bar{min-width:200px;margin-right:var(--spacing-sm)}.user-details{display:none}}@media (max-width:480px){.notification{display:none}.search-bar{min-width:150px}}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);width:var(--sidebar-width);height:100vh;padding:var(--spacing-xs)0;z-index:100;transition:var(--transition);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width,70px)}.sidebar-content{flex-direction:column;height:100%;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-content{align-items:center}.logo{align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-lg)var(--spacing-lg);border-bottom:1px solid var(--border-color);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg);text-align:center;flex-direction:column;display:flex}.sidebar.collapsed .logo{padding:0 var(--spacing-sm)var(--spacing-lg);gap:var(--spacing-sm)}.logo i{color:var(--accent-primary);font-size:1.5rem}.logo h1{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:700}.sidebar.collapsed .logo h1{display:none}.menu{flex:1;margin:0;padding:0;list-style:none;overflow-y:hidden}.sidebar.collapsed .menu{width:100%}.menu-item{color:var(--text-primary);padding:var(--spacing-md)var(--spacing-lg);align-items:center;gap:var(--spacing-md);transition:var(--transition);cursor:pointer;border-left:3px solid #0000;margin:0;text-decoration:none;display:flex}.sidebar.collapsed .menu-item{padding:var(--spacing-md)var(--spacing-sm);justify-content:center;gap:0}.menu-item:hover{background-color:var(--bg-tertiary);border-left-color:var(--accent-primary)}.menu-item.active{background-color:var(--accent-primary);color:#fff;border-left-color:var(--accent-secondary)}.menu-item i{text-align:center;width:20px}.sidebar.collapsed .menu-item span{display:none}.theme-section{padding:var(--spacing-xs);border-top:1px solid var(--border-color);margin-top:auto}.sidebar.collapsed .theme-section{padding:var(--spacing-sm)}.theme-section h4{margin:0 0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.sidebar.collapsed .theme-section h4{display:none}.ai-assist{padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.sidebar.collapsed .ai-assist{padding:var(--spacing-sm)}.ai-assist-btn{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;font-weight:600;display:flex}.sidebar.collapsed .ai-assist-btn{padding:var(--spacing-md);justify-content:center}.ai-assist-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.sidebar.collapsed .ai-assist-btn span{display:none}.theme-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.theme-modal-content{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-lg);width:90%;max-width:600px;max-height:80vh;box-shadow:var(--shadow);overflow-y:auto}.theme-modal-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.theme-modal-header h3{color:var(--text-primary);font-size:var(--font-size-lg);margin:0;font-weight:600}.theme-modal-close{font-size:var(--font-size-lg);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius);transition:var(--transition);background:0 0;border:none}.theme-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.current-theme-display{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);font-weight:600;font-size:var(--font-size-sm);display:flex}.sidebar.collapsed .current-theme-display{padding:var(--spacing-sm);justify-content:center}.current-theme-icon{font-size:1.2rem}.sidebar.collapsed .current-theme-name{display:none}.theme-quick-actions{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.sidebar.collapsed .theme-quick-actions{gap:var(--spacing-xs);flex-direction:column}.theme-quick-action{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:var(--transition);font-size:var(--font-size-sm);text-align:center;flex:1}.sidebar.collapsed .theme-quick-action{padding:var(--spacing-xs)var(--spacing-sm);min-height:32px}.theme-quick-action:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px)}.sidebar-divider{width:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;z-index:101;height:60px;transition:var(--transition);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.sidebar-divider:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.divider-handle{width:12px;height:12px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.divider-handle i{font-size:var(--font-size-xs)}.sidebar-loading{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);width:var(--sidebar-width);justify-content:center;align-items:center;gap:var(--spacing-sm);height:100vh;color:var(--text-secondary);font-size:var(--font-size-sm);display:flex;position:fixed;top:0;left:0}.sidebar-loading.collapsed{width:var(--sidebar-collapsed-width,70px)}.user-role-badge{background:var(--accent-primary);color:#fff;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);text-transform:uppercase;margin-top:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);font-weight:600;display:flex}.sidebar.collapsed .user-role-badge{padding:var(--spacing-sm);font-size:0}@media (max-width:768px){.sidebar{width:100%;height:auto;padding:var(--spacing-md);position:relative}.sidebar.collapsed{width:100%}.sidebar-divider{display:none}.sidebar-loading{width:100%;height:auto;padding:var(--spacing-md);position:relative}.sidebar-loading.collapsed{width:100%}.theme-quick-actions{flex-direction:column}.theme-modal-content{margin:var(--spacing-md);padding:var(--spacing-md)}}.dashboard-container{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin-left:var(--sidebar-width);padding:var(--spacing-lg);transition:var(--transition)}.dashboard-container.sidebar-collapsed{margin-left:70px}.dashboard-page .generic-list-container{margin-top:var(--spacing-lg)}.dashboard-page .generic-list-table{font-size:var(--font-size-sm)}.dashboard-page .generic-list-table th{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.dashboard-page .clients-list{margin-top:var(--spacing-lg);box-shadow:none;background:0 0;padding:0}.dashboard-page .clients-list table{font-size:var(--font-size-sm)}.dashboard-page .clients-list th{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.dashboard-page .clients-list [class*=tableWrapper]{border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d}.dashboard-page .clients-list [class*=listTable],.dashboard-page .clients-list [class*=tableHeader]{font-size:var(--font-size-sm)}.dashboard-page .clients-list [class*=listFilters]{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.dashboard-loading{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-secondary);font-size:var(--font-size-sm);min-height:200px;margin-left:var(--sidebar-width);transition:var(--transition);display:flex}.dashboard-loading.sidebar-collapsed{margin-left:70px}.main-content{flex-direction:column;flex:1;display:flex}.content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.chat-button{bottom:var(--spacing-lg);right:var(--spacing-lg);color:#e1e1e2;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1ae6;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;box-shadow:0 25px 50px -12px #0000000d}.chat-button:hover{color:#e1e1e2;background:#1a1a1af2;border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 25px 50px -12px #0000001a}.chat-button i{font-size:1.1rem}@media (max-width:768px){.dashboard-container{padding:var(--spacing-md);margin-left:0}.dashboard-container.sidebar-collapsed,.dashboard-loading,.dashboard-loading.sidebar-collapsed{margin-left:0}.content{padding:var(--spacing-md)}.chat-button{bottom:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px}.chat-button i{font-size:1rem}}.page-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 0;display:flex}.page-title{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.action-button{background:var(--accent-primary);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.action-button:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-button:active{transform:translateY(0)}.action-button i{font-size:14px}.page-header-with-cards{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:30px;padding:20px 0;display:flex}.page-header-with-cards .page-title{flex:none}.header-cards-container{flex:auto;justify-content:center;min-width:300px;display:flex}.header-cards-container .dashboard-cards{gap:12px;width:100%;margin:0}.page-header-with-cards .action-button{flex:none}@media (max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px;padding:15px 0}.page-title{font-size:20px}.page-header-with-cards{grid-template-columns:1fr;gap:15px;padding:15px 0}.header-cards-container{width:100%}.header-cards-container .dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}}.dashboard-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:30px;display:grid}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;min-height:auto;padding:16px}.stat-card{flex-direction:column;gap:2px;display:flex}.stat-value{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:500;line-height:1.3}.stat-trend{align-items:center;gap:4px;margin-top:2px;font-size:11px;line-height:1.2;display:flex}.trend-up{color:var(--success)}.trend-down{color:var(--warning)}.stat-trend i{font-size:11px}.rectangular-card{aspect-ratio:auto;flex-direction:column;justify-content:center;min-height:36px;padding:10px 16px;transition:all .2s;display:flex}.rectangular-card:hover{border-color:var(--border-color)}.pre-sale-filter-card{cursor:pointer;border:1px solid var(--border-color);position:relative}.pre-sale-filter-card:hover{background:var(--bg-secondary)}.pre-sale-filter-card.active{border-color:var(--accent-primary);background:var(--bg-secondary)}.pre-sale-filter-card.active .stat-label,.pre-sale-filter-card.active .stat-value,.pre-sale-filter-card.active .stat-trend,.pre-sale-filter-card.active .trend-down{color:var(--accent-primary)}.filter-indicator{border-radius:4px;align-items:center;gap:3px;padding:3px 6px;font-size:9px;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.filter-active{background:var(--accent-primary);color:#fff}.filter-inactive{background:var(--bg-tertiary);color:var(--text-secondary)}.filter-status-indicator{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);color:#fff;border-radius:8px;margin-bottom:20px;padding:12px 16px}.filter-status-content{align-items:center;gap:12px;display:flex}.filter-status-content i{font-size:1rem}.filter-status-content span{flex:1;font-size:13px;font-weight:500}.clear-filter-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-size:.85rem;transition:all .2s;display:flex}.clear-filter-btn:hover{background:#ffffff40}@media (max-width:768px){.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.rectangular-card{min-height:100px;padding:15px}.stat-value{font-size:20px}.stat-label{font-size:12px}}@media (max-width:480px){.dashboard-cards{grid-template-columns:1fr;gap:10px}}@media (max-width:768px){.filter-status-content{flex-direction:column;align-items:flex-start;gap:8px}.clear-filter-btn{align-self:flex-end}}.section-header{justify-content:space-between;align-items:center;margin:30px 0 20px;display:flex}.btn-refresh{color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);transition:var(--transition);background:0 0;border:none;padding:8px;font-size:14px}.btn-refresh:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.project-list-loading{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--border-color);overflow:hidden}.project-item-loading{border-bottom:1px solid var(--border-color);align-items:center;gap:15px;padding:15px 20px;display:flex}.loading-line{border-radius:6px;height:12px;animation:2s infinite pulse}.loading-line.short{width:80px}.loading-line:not(.short){flex:1}.empty-state{background:var(--bg-primary);border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow);border:1px solid var(--border-color);padding:40px 20px}.empty-state i{color:var(--text-secondary);margin-bottom:15px;font-size:48px}.empty-state p{margin-bottom:8px;font-size:16px;font-weight:600}.empty-state small{color:var(--text-secondary);font-size:14px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-lead{color:#ff8b00;background:#ffe7cc}.status-quote{color:#00a3ff;background:#ccf0ff}.status-active{color:#2ecc71;background:#d6f5e3}.status-completed{color:#3498db;background:#e8f4fd}.status-cancelled{color:#e74c3c;background:#fde8e8}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}@media (max-width:768px){.section-header{flex-direction:column;align-items:flex-start;gap:15px}.section-title{font-size:16px}.btn-refresh{align-self:flex-end}.empty-state{padding:30px 15px}.empty-state i{font-size:36px}}.section-title{color:var(--text-primary);margin:30px 0 20px;font-size:18px;font-weight:600}.project-list{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--border-color);overflow:hidden}.project-item{border-bottom:1px solid var(--border-color);align-items:center;padding:15px 20px;transition:background-color .2s;display:flex}.project-item:hover{background:var(--bg-tertiary)}.project-info{flex:1}.project-name{color:var(--text-primary);margin-bottom:5px;font-weight:600}.project-details{color:var(--text-secondary);font-size:13px;display:flex}.project-detail{align-items:center;margin-right:15px;display:flex}.project-detail i{color:var(--text-secondary);margin-right:5px}.project-status{border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.quotations-page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.quotations-page .page-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.quotations-page .page-title{color:var(--text-primary);font-size:var(--font-size-xxl);margin:0;font-weight:700}.quotations-page .header-actions{gap:var(--spacing-md);align-items:center;display:flex}.quotations-page .action-button{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:var(--transition);align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.quotations-page .action-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.quotations-page .primary-button{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);background:var(--accent-primary);color:#fff;cursor:pointer;transition:var(--transition);align-items:center;gap:var(--spacing-sm);border:none;font-weight:600;display:flex}.quotations-page .primary-button:hover{background:var(--accent-secondary);transform:translateY(-1px)}.quotations-page .editing-notice{background:var(--accent-primary);color:#fff;padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow);z-index:1000;position:fixed;top:20px;right:20px}@media (max-width:768px){.quotations-page{padding:var(--spacing-md)}.quotations-page .page-header{gap:var(--spacing-md);flex-direction:column;align-items:flex-start}.quotations-page .header-actions{justify-content:space-between;width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.drag-overlay-content{padding:var(--spacing-xl);max-width:90%}.drag-overlay-icon{font-size:3rem}.drag-overlay-title{font-size:var(--font-size-2xl)}.processing-content{padding:var(--spacing-xl);max-width:90%}.processing-spinner{font-size:2rem}.processing-title{font-size:var(--font-size-xl)}.files-grid{grid-template-columns:1fr}.file-selector-btn{justify-content:center;width:100%}}.dashboard-drag-drop{width:100%;max-width:100%}.dashboard-drag-drop.dashboard-full-area{margin:calc(-1*var(--spacing-lg))calc(-1*var(--spacing-lg))var(--spacing-lg)calc(-1*var(--spacing-lg));padding:var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius)}.drag-drop-content{max-width:400px}.drag-drop-icon{color:var(--accent-primary);margin-bottom:var(--spacing-md);font-size:3rem}.drag-drop-title{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 var(--spacing-sm)0;font-weight:600}.drag-drop-description{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-sm)0}.file-types{font-size:var(--font-size-sm);color:var(--text-muted)}.progress-bar{width:100%;height:8px;margin-bottom:var(--spacing-sm);background:#fff3;border-radius:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;height:100%;transition:width .3s}.progress-text{font-size:var(--font-size-sm);opacity:.8}:root{--accent-primary-rgb:67,97,238;--success-rgb:76,201,240;--breakpoint-mobile:768px;--z-index-overlay:9999;--z-index-invisible-area:10000}.file-limit-error{border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md);color:#c33;font-size:var(--font-size-sm);text-align:center;background:#fee;border:1px solid #fcc}@media (max-width:768px){.dashboard-drag-drop.dashboard-full-area{margin:calc(-1*var(--spacing-md))calc(-1*var(--spacing-md))var(--spacing-md)calc(-1*var(--spacing-md));padding:var(--spacing-md)}}.project-flow{justify-content:space-between;margin:30px 0;display:flex;position:relative}.flow-step{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.flow-step:not(:last-child):before{content:"";background:var(--border-color);z-index:1;width:80%;height:3px;position:absolute;top:20px;left:60%}.step-completed:not(:last-child):before{background:var(--success)}.step-icon{background:var(--bg-tertiary);z-index:2;width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.step-completed .step-icon{background:var(--success);color:#fff}.step-active .step-icon{background:var(--accent-primary);color:#fff}.step-label{text-align:center;color:var(--text-secondary);font-size:13px;font-weight:500}.step-completed .step-label,.step-active .step-label{color:var(--text-primary);font-weight:600}.project-details-panel .details-title{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.project-status-badge{color:#fff;background-color:#3b82f6;border-radius:.375rem;margin-left:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500}.project-status-badge[data-status=PRE-VENTA]{background-color:#f59e0b}.project-status-badge[data-status=COTIZADO]{background-color:#3b82f6}.project-status-badge[data-status=INICIADO]{background-color:#10b981}.project-status-badge[data-status=EN\ PROGRESO]{background-color:#8b5cf6}.project-status-badge[data-status=COMPLETADO]{background-color:#6b7280}.details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.detail-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.detail-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.detail-value{color:var(--text-primary);text-align:right;font-size:.875rem}@media (max-width:768px){.details-grid{grid-template-columns:1fr}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-value{text-align:left}}.file-selector-btn{background:var(--accent-primary);color:#fff;border-radius:var(--border-radius);padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-base);cursor:pointer;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm);border:none;font-weight:500;transition:all .2s;display:inline-flex}.file-selector-btn:hover{background:var(--accent-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.file-selector-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.file-selector-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.file-input-hidden{display:none}.file-selector-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.file-selector-btn:disabled:hover{background:var(--bg-tertiary);box-shadow:none;transform:none}.file-selector-btn--secondary{color:var(--accent-primary);border:1px solid var(--accent-primary);background:0 0}.file-selector-btn--secondary:hover{background:var(--accent-primary);color:#fff}.file-selector-btn--small{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm)}.file-selector-btn--large{padding:var(--spacing-lg)var(--spacing-xl);font-size:var(--font-size-lg)}@media (max-width:768px){.file-selector-btn{justify-content:center;width:100%}}.drag-drop-area-invisible{z-index:10000;cursor:copy;pointer-events:auto;width:100vw;height:100vh;position:fixed;top:0;left:0}.drag-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.drag-overlay-content{text-align:center;color:#fff;max-width:500px;padding:var(--spacing-3xl)}.drag-overlay-icon{margin-bottom:var(--spacing-lg);opacity:.9;font-size:5rem}.drag-overlay-title{font-size:var(--font-size-3xl);margin:0 0 var(--spacing-md)0;opacity:.95;font-weight:600}.drag-overlay-description{font-size:var(--font-size-lg);opacity:.8;margin:0}@media (max-width:768px){.drag-overlay-content{padding:var(--spacing-xl);max-width:90%}.drag-overlay-icon{font-size:3rem}.drag-overlay-title{font-size:var(--font-size-2xl)}}.files-list{margin-top:var(--spacing-lg)}.files-list-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-md)0;font-weight:600}.files-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(256px,1fr));display:grid}.file-card{align-items:center;gap:calc(var(--spacing-md)*.8);padding:calc(var(--spacing-md)*.8);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition);height:80px;display:flex;position:relative}.file-card:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.file-card.clickable{cursor:pointer}.file-card.clickable:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.file-card.clickable:active{box-shadow:none;transform:translateY(0)}.file-card.processing{border-color:var(--accent-primary);background:linear-gradient(90deg,var(--bg-secondary)0%,rgba(var(--accent-primary-rgb),.05)100%)}.file-card.completed{border-color:var(--warning);background:linear-gradient(90deg,var(--bg-secondary)0%,rgba(var(--success-rgb),.05)100%)}.file-icon{color:var(--accent-primary);flex-shrink:0;font-size:1.2rem}.file-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.file-name{color:var(--text-primary);margin-bottom:calc(var(--spacing-xs)*.8);text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:calc(var(--font-size-sm)*.9);line-height:1.2;overflow:hidden}.file-details{gap:calc(var(--spacing-sm)*.8);font-size:calc(var(--font-size-sm)*.9);color:var(--text-muted);margin-bottom:calc(var(--spacing-xs)*.8);line-height:1.2;display:flex}.file-progress{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);display:flex}.file-progress-bar{background:var(--border-color);border-radius:2px;flex:1;height:4px;overflow:hidden}.file-progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;height:100%;transition:width .3s}.file-progress-text{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;min-width:35px;font-weight:600}.file-status-completed{align-items:center;gap:calc(var(--spacing-xs)*.8);font-size:calc(var(--font-size-xs)*.9);color:var(--success);margin-top:calc(var(--spacing-xs)*.8);font-weight:600;line-height:1.2;display:flex}.file-status-label{align-items:center;gap:calc(var(--spacing-xs)*.8);font-size:calc(var(--font-size-xs)*.9);border-radius:var(--border-radius-sm);margin-left:calc(var(--spacing-xs)*.8);padding:1px 4px;font-weight:600;line-height:1.1;display:inline-flex}.file-status-label.por-validar{color:#ff9800;background-color:#ffc10726;border:1px solid #ff98004d}.file-status-label.validado{color:#4caf50;background-color:#4caf5026;border:1px solid #4caf504d}.file-remove-btn{color:var(--text-muted);cursor:pointer;padding:calc(var(--spacing-xs)*.8);border-radius:var(--border-radius-sm);transition:var(--transition);background:0 0;border:none;flex-shrink:0;font-size:.9rem}.file-remove-btn:hover{background:var(--bg-tertiary);color:var(--error)}:root{--accent-primary-rgb:67,97,238;--success-rgb:76,201,240}@media (max-width:768px){.files-grid{grid-template-columns:1fr}}.processing-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s fadeIn;display:flex;position:fixed;top:0;left:0}.processing-content{color:#fff;width:90%;max-width:600px;max-height:80vh;padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #fff3}.processing-header{text-align:center;margin-bottom:var(--spacing-lg)}.processing-spinner{margin-bottom:var(--spacing-md);font-size:2.5rem}.processing-title{font-size:var(--font-size-2xl);margin:0 0 var(--spacing-xs)0;font-weight:600}.processing-subtitle{font-size:var(--font-size-sm);opacity:.8;margin:0}.overall-progress{margin-bottom:var(--spacing-lg)}.overall-progress .progress-bar{width:100%;height:10px;margin-bottom:var(--spacing-sm);background:#fff3;border-radius:5px;overflow:hidden}.overall-progress .progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:5px;height:100%;transition:width .5s}.overall-progress .progress-text{font-size:var(--font-size-sm);opacity:.8;text-align:center;display:block}.files-processing-list{max-height:300px;margin-bottom:var(--spacing-lg);overflow-y:auto}.file-processing-item{gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-xs);background:#ffffff0d;flex-direction:column;display:flex}.file-processing-info{justify-content:space-between;align-items:center;display:flex}.file-processing-name{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.file-processing-status{font-size:var(--font-size-xs);opacity:.8;text-align:right;min-width:100px}.file-processing-progress{width:100%}.file-processing-progress .file-progress-bar{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.file-processing-progress .file-progress-fill{background:linear-gradient(90deg,var(--success),var(--accent-primary));border-radius:2px;height:100%;transition:width .3s}.processing-actions{text-align:center}.background-process-btn{color:#fff;border-radius:var(--border-radius);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:var(--spacing-xs);background:#fff3;border:1px solid #ffffff4d;transition:all .2s;display:inline-flex}.background-process-btn:hover{background:#ffffff4d;transform:translateY(-1px)}@media (max-width:768px){.processing-content{padding:var(--spacing-xl);max-width:90%}.processing-spinner{font-size:2rem}.processing-title{font-size:var(--font-size-xl)}}.action-link{color:var(--accent-primary);cursor:pointer;transition:var(--transition);text-decoration:none}.action-link:hover{color:var(--accent-secondary);text-decoration:underline}.add-item-btn{background:var(--accent-primary);color:#fff;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none}.add-item-btn:hover{background:var(--accent-secondary)}.remove-item-btn{background:var(--error);color:#fff;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:var(--font-size-sm);border:none}.remove-item-btn:hover{background:var(--warning-dark)}.loading-container{padding:var(--spacing-xl);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.warning-message{background:var(--warning-bg);border:1px solid var(--warning);color:var(--warning-dark);padding:var(--spacing-md);border-radius:var(--border-radius);margin:var(--spacing-md)0}.grand-total{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius);border:2px solid var(--accent-primary);font-weight:600;font-size:var(--font-size-lg);text-align:center;margin:var(--spacing-md)0}.total{color:var(--accent-primary);font-weight:600}.performance-hover{will-change:transform;transform:translateZ(0)}.active{border-color:var(--accent-primary)!important;background:var(--bg-tertiary)!important}.client-detection-modal{padding:var(--spacing-lg)}.detected-client-info{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius)}.client-details p{margin:var(--spacing-xs)0}.client-actions{text-align:center}.client-actions .action-buttons{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column;display:flex}@media (max-width:768px){.form-actions,.header-actions,.card-actions,.description-modal-actions{flex-direction:column}.table-cell,.header-cell{padding:var(--spacing-xs);font-size:var(--font-size-sm)}.file-info,.card-header,.project-info-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}}.quotation-modal-content{flex-direction:column;height:100%;display:flex}.modal-content{text-align:right;flex-direction:column;height:auto;max-height:70vh;display:flex}.quotation-header{background:var(--bg-secondary);padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color);flex-shrink:0}.quotation-header .project-info h4{margin:0 0 var(--spacing-sm)0;color:var(--text-primary);font-size:var(--font-size-lg)}.quotation-header .project-id,.quotation-header .project-name{color:var(--text-secondary);font-size:var(--font-size-sm);font-family:monospace}.quotation-form-content{padding:var(--spacing-lg);padding-right:var(--spacing-sm);flex:1;min-height:0;overflow-y:auto}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-state i{margin-bottom:var(--spacing-md);opacity:.5;font-size:3rem}.empty-state-actions{margin-top:var(--spacing-md)}.header-actions{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.modal-transition-optimized{contain:layout style paint;will-change:transform;transform:translateZ(0)}.quotation-modal-container{height:auto!important;max-height:85vh!important}.quotation-form-actions{background:var(--bg-secondary);padding:var(--spacing-lg);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--spacing-md);flex-shrink:0;margin-top:auto;display:flex}.manual-quotation-form{flex-direction:column;height:100%;min-height:400px;display:flex}.manual-form-content{padding:var(--spacing-md);flex:1;overflow-y:auto}.manual-form-controls{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (max-width:768px){.quotation-modal-container{max-width:95vw!important;max-height:90vh!important}.quotation-form-content{padding:var(--spacing-md)}.quotation-form-actions{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column}.manual-form-controls{gap:var(--spacing-sm);grid-template-columns:1fr}}.quotation-form,.quotation-upload-form{flex-direction:column;height:100%;min-height:0;display:flex}.form-section{margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);flex-direction:row-reverse;flex-shrink:0;display:flex}.client-selection{margin:var(--spacing-md)0}.client-selection label{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600;display:block}.client-info{background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--border-radius);margin-top:var(--spacing-md)}.client-info .info-row{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);justify-content:space-between;display:flex}.client-info .info-row:last-child{margin-bottom:0}.client-required{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.client-required i{margin-bottom:var(--spacing-md);font-size:2rem;display:block}.project-details{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.project-info-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.section-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.section-content{padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);text-align-last:end}.manual-quotation-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.manual-control-group{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start;display:grid}.manual-control-item{gap:var(--spacing-sm);flex-direction:column;display:flex}.manual-control-item label{color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm)}.manual-control-item input,.manual-control-item select,.manual-control-item textarea{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast);min-height:44px}.manual-control-item input:focus,.manual-control-item select:focus,.manual-control-item textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #4361ee1a}.manual-control-item textarea{resize:vertical;min-height:100px}@media (max-width:768px){.manual-control-group{gap:var(--spacing-sm);grid-template-columns:1fr}.form-actions{gap:var(--spacing-sm);flex-direction:column}.manual-control-item input,.manual-control-item select,.manual-control-item textarea{min-height:48px}}.manual-form-button{min-width:120px;min-height:44px;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;font-weight:600;display:inline-flex}.manual-form-button.primary{background:var(--accent-primary);color:#fff}.manual-form-button.primary:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px)}.manual-form-button.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.manual-form-button.secondary:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.manual-form-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.quotation-list{flex:1;overflow-y:auto}.list-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.items-table{border-collapse:collapse;background:var(--bg-primary);width:100%;margin-bottom:var(--spacing-lg)}.table-header{background:var(--bg-secondary);padding:var(--spacing-sm);text-align:left;border-bottom:2px solid var(--border-color);font-weight:600}.header-cell{padding:var(--spacing-sm);font-weight:600}.table-body{background:var(--bg-primary)}.table-row{border-bottom:1px solid var(--border-color);transition:var(--transition)}.table-row:hover{background:var(--bg-tertiary)}.table-cell{padding:var(--spacing-sm);vertical-align:top}.description-cell{word-wrap:break-word;max-width:300px}.quotation-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:var(--transition)}.quotation-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow)}.card-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.card-content{margin-bottom:var(--spacing-md)}.card-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.description-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.description-modal-container{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-lg);width:90%;max-width:600px;max-height:80vh;box-shadow:var(--shadow-lg);overflow-y:auto}.description-modal-content{margin-bottom:var(--spacing-lg)}.description-modal-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--text-primary);font-weight:600}.description-modal-body{margin-bottom:var(--spacing-lg)}.description-textarea{width:100%;min-height:200px;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;font-size:var(--font-size-sm);resize:vertical;background:var(--bg-primary);color:var(--text-primary)}.description-modal-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.edit-description-btn{background:var(--accent-primary);color:#fff;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);transition:var(--transition);border:none}.edit-description-btn:hover{background:var(--accent-secondary)}.file-drop-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xl);text-align:center;margin:var(--spacing-md)0;transition:var(--transition);cursor:pointer}.file-drop-zone:hover{border-color:var(--accent-primary)}.file-drop-zone.drag-over{border-color:var(--accent-primary);background:var(--bg-tertiary)}.file-prompt{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.file-selected{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin:var(--spacing-md)0}.file-info{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.file-name{color:var(--text-primary);font-weight:600}.file-size{color:var(--text-secondary);font-size:var(--font-size-sm)}.drive-link-section{margin:var(--spacing-md)0;padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.drive-link{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.drive-status{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);display:flex}.drive-toggle{background:var(--accent-primary);color:#fff;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);border:none}.drive-links-preview{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.ai-quotation-processor{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);text-align:center;margin:var(--spacing-md)0;transition:var(--transition)}.ai-quotation-processor:hover{border-color:var(--accent-primary)}.ai-review-mode{background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--border-radius);padding:var(--spacing-md);margin:var(--spacing-md)0}.ai-review-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.ai-review-badge{background:var(--warning);color:#fff;padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm);border-radius:12px;font-weight:600}.ai-review-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.ai-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);margin:var(--spacing-sm)0;border:none;font-weight:600}.ai-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ai-outline-button{color:var(--accent-primary);border:2px solid var(--accent-primary);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);margin:var(--spacing-sm)0;background:0 0;font-weight:600}.ai-outline-button:hover{background:var(--accent-primary);color:#fff}.status-sent{color:#854d0e;background:#fef9c3;border:1px solid #fef08a}.status-approved{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.status-rejected{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.status-draft{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.status-completed{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.status-cancelled{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.incoming-order-btn{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:6px;width:100%;margin-bottom:.25rem;padding:.75rem 1rem;font-weight:500;transition:all .2s}.incoming-order-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px)}.outgoing-order-btn{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#10b981 0%,#047857 100%);border:none;border-radius:6px;width:100%;padding:.75rem 1rem;font-weight:500;transition:all .2s}.outgoing-order-btn:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px)}.dropdown{display:inline-block;position:relative}.dropdown-content{z-index:1;background-color:#fff;border-radius:8px;min-width:200px;margin-top:.5rem;padding:.5rem;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 16px #0000001a}.dropdown:hover .dropdown-content{display:block}.ai-chat-container{background-color:var(--bg-primary);color:var(--text-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden}.ai-chat-header{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);padding:var(--spacing-md)var(--spacing-lg);color:#fff;align-items:center;gap:var(--spacing-sm);display:flex}.message-content{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin:var(--spacing-sm)0;max-width:80%}.message.user .message-content{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);color:#fff;margin-left:auto}.chat-input{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);resize:none;width:100%}.chat-input:focus{border-color:var(--accent-primary);outline:none}.project-flow-placeholder{text-align:center;padding:var(--spacing-xl)var(--spacing-lg);color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px dashed var(--border-color);margin:var(--spacing-md)0}.project-flow-placeholder i{margin-bottom:var(--spacing-md);opacity:.5;font-size:3rem}.project-flow-placeholder p{font-size:var(--font-size-lg);margin:0;font-weight:500}.section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.project-flow-info{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column;display:flex}.project-flow-info .project-name{color:var(--text-primary);font-weight:600;font-size:var(--font-size-lg)}.project-flow-info .project-id{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:monospace}.project-flow{margin:var(--spacing-lg)0;padding:0 var(--spacing-md);justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex;position:relative}.flow-step{text-align:center;z-index:2;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;position:relative}.step-icon{width:4rem;height:4rem;margin-bottom:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border-color);transition:var(--transition);z-index:2;cursor:default;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:relative}.step-icon.clickable{cursor:pointer}.step-icon.clickable:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.step-content{max-width:120px}.step-label{font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.step-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.3}.step-completed .step-icon{background:var(--success);border-color:var(--success);color:#fff}.step-active .step-icon{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 0 4px #4361ee33}.step-pending .step-icon{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.project-details-panel{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color);margin-top:var(--spacing-md)}.details-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);font-weight:600}.details-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.detail-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.detail-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.detail-value{font-size:var(--font-size-base);color:var(--text-primary)}.status-badge{border-radius:var(--border-radius-sm);font-weight:500;font-size:var(--font-size-sm);padding:.25rem .5rem}.status-lead{background:var(--warning-light);color:var(--warning-dark)}.status-quote{background:var(--info-light);color:var(--info-dark)}.status-active,.status-completed{background:var(--success-light);color:var(--success-dark)}.status-cancelled{background:var(--error-light);color:var(--error-dark)}.flow-line{background:var(--border-color);z-index:1;height:2px;transition:var(--transition);flex:1;margin:2rem 0;position:relative}.line-completed{background:var(--success);box-shadow:0 0 4px #4caf504d}@media (max-width:768px){.project-flow{align-items:stretch;gap:var(--spacing-lg);flex-direction:column;padding:0}.flow-step{text-align:left;gap:var(--spacing-md);flex-direction:row;padding-left:3rem;position:relative}.flow-step:before{display:none}.flow-step:not(:first-child):after{content:"";background:var(--border-color);z-index:1;width:2px;position:absolute;top:-1rem;bottom:50%;left:1.5rem}.flow-step:not(:last-child):after{top:50%;bottom:-1rem}.step-icon{flex-shrink:0;width:3rem;height:3rem;margin-bottom:0;font-size:1.2rem;position:absolute;left:0}.step-content{flex:1;max-width:none}.details-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.project-flow-info{align-items:flex-start}.flow-step.step-completed:not(:first-child):after{background:var(--success)}}@media (max-width:480px){.step-content{max-width:calc(100% - 4rem)}.step-label,.step-description{font-size:var(--font-size-xs)}}.form-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}@media (max-width:1024px){.form-grid{gap:var(--spacing-md);grid-template-columns:1fr}}@media (max-width:768px){.form-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group:has(.id-input-container){grid-column:1/-1;max-width:50%}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);opacity:.95;letter-spacing:.02em;justify-content:flex-start;align-self:start;align-items:center;display:flex}.form-label:has(+.id-input-container){margin-bottom:var(--spacing-sm)}.form-input{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);transition:var(--transition);box-sizing:border-box;opacity:.95;width:100%;min-height:44px}.form-input:focus{outline:2px solid var(--accent-primary);outline-offset:2px;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.15);color:var(--text-primary);background:var(--bg-primary);opacity:1}.form-input:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.form-input::placeholder{color:var(--text-secondary);opacity:.8;font-size:.85rem;font-weight:400}.id-input-container{max-width:calc(50% - var(--spacing-md)/2);align-items:center;display:flex;position:relative}.id-input{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.8;padding-right:3rem}.regenerate-id-btn{right:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);position:absolute}.regenerate-id-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.regenerate-id-btn:disabled{opacity:.5;cursor:not-allowed}.id-help-text{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xs);opacity:.9}.readonly-input{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.error-message{background:var(--error-bg);border:1px solid var(--error);color:var(--error);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);border-left:4px solid var(--error);opacity:.95;font-weight:500;display:flex}.error-message i{font-size:var(--font-size-lg);flex-shrink:0}.error-message[role=alert]{animation:.5s ease-in-out errorPulse}@keyframes errorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.form-note{text-align:center;padding:var(--spacing-md);border-top:1px solid var(--border-color);margin-top:var(--spacing-lg);color:var(--text-secondary);opacity:.9;font-size:var(--font-size-sm)}.autocomplete-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0 0 var(--border-radius)var(--border-radius);box-shadow:var(--shadow-lg);z-index:1000;border-top:none;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-dropdown li{padding:var(--spacing-md);cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border-color)}.autocomplete-dropdown li:last-child{border-bottom:none}.autocomplete-dropdown li:hover{background:var(--bg-secondary)}.autocomplete-dropdown .autocomplete-empty{color:var(--text-tertiary);cursor:default}.autocomplete-dropdown .option-title{color:var(--text-primary);opacity:.95;font-weight:600}.autocomplete-dropdown .option-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);opacity:.9}.autocomplete-container{max-width:calc(50% - var(--spacing-md)/2);position:relative}.autocomplete-container .clear-button{border:1px solid var(--border-color);background:var(--bg-elevated);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.autocomplete-container .clear-button:hover{background:var(--bg-hover);color:var(--text-primary)}.project-info-grid .info-row .info-label{color:var(--info-dark);min-width:150px;font-weight:600}.project-info-grid .info-row .info-value{color:var(--text-primary);font-weight:400}.suggestions-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0 0 var(--border-radius)var(--border-radius);box-shadow:var(--shadow-lg);z-index:1000;border-top:none;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggestion-item{padding:var(--spacing-md);cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border-color)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--bg-secondary)}.suggestion-item.loading{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);cursor:default;display:flex}.suggestion-item.no-results{color:var(--text-tertiary);cursor:default}.suggestion-company{color:var(--text-primary);opacity:.95;font-weight:600}.suggestion-contact{color:var(--text-primary);margin-bottom:var(--spacing-xs);opacity:.95;font-weight:600}.suggestion-detail{font-size:var(--font-size-sm);color:var(--text-secondary);opacity:.9}.suggestion-item-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;padding:var(--spacing-xs);margin:calc(-1*var(--spacing-xs));border-radius:4px;transition:background-color .2s;display:flex}.suggestion-item-header:hover{background:var(--bg-secondary)}.contact-count-badge{color:var(--accent-primary);cursor:pointer;white-space:nowrap;background:#6795ee26;border:1px solid #6795ee4d;border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.contact-count-badge:hover{background:#6795ee40;border-color:#6795ee80;transform:scale(1.05)}.contact-count-badge:active{transform:scale(.98)}.contact-icon{font-size:13px;line-height:1}.contact-count{font-weight:600}.nested-contacts-dropdown{margin-top:var(--spacing-sm);background:#0000004d;border:1px solid #6795ee4d;border-radius:6px;animation:.2s slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nested-contact-item{cursor:pointer;border-bottom:1px solid #6795ee33;padding:10px 12px;transition:background .2s}.nested-contact-item:last-child{border-bottom:none}.nested-contact-item:hover{background:#6795ee1a}.nested-contact-name{align-items:center;gap:6px;margin-bottom:3px;display:flex}.primary-star{color:gold;font-size:12px;line-height:1}.contact-name-text{color:var(--text-primary);font-size:13px;font-weight:600}.primary-badge{color:gold;background:#ffd70033;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:500}.nested-contact-details{color:var(--text-secondary);padding-left:18px;font-size:11px}.nested-contact-item:not(:has(.primary-star)) .nested-contact-details{padding-left:0}.selected-contact-display{border-left:3px solid var(--accent-primary);background:#6795ee14;border-radius:6px;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem;display:flex}.contact-info-row{align-items:center;gap:.5rem;display:flex}.contact-label{color:var(--accent-primary);min-width:65px;font-size:.875rem;font-weight:600}.contact-icon{font-size:1rem}.contact-name{color:var(--text-primary);font-weight:500}.contact-email,.contact-phone{color:var(--text-secondary);font-size:.875rem}.confirmation-dialog{text-align:center;padding:var(--spacing-lg)}.confirmation-icon{color:var(--warning);margin-bottom:var(--spacing-lg);font-size:3rem}.confirmation-message{margin-bottom:var(--spacing-lg)}.confirmation-message p{margin:var(--spacing-sm)0;color:var(--text-primary);opacity:.95}.confirmation-actions{gap:var(--spacing-md);justify-content:center;display:flex}@media (max-width:768px){.confirmation-actions{flex-direction:column}}.secondary-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.secondary-button:hover{background:var(--bg-secondary)}.warning-button{background:var(--warning);color:#fff;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);align-items:center;gap:var(--spacing-sm);border:none;font-weight:600;display:flex}.warning-button:hover{background:var(--warning-dark)}.lazy-image{opacity:.7;filter:blur(2px);transition:opacity .3s,filter .3s}.loaded-image{opacity:1;filter:blur()}.error-image{opacity:.5;filter:grayscale()}.compliance-page .page-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.compliance-page .page-header .page-header__info h1{margin:0 0 var(--spacing-xs)0}.compliance-page .page-header .page-header__info p{color:var(--text-secondary);margin:0;font-size:.9rem}.compliance-progress-bar{align-items:center;gap:var(--spacing-sm);min-width:140px;display:flex}.compliance-progress-bar__track{background:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.compliance-progress-bar__fill{background:var(--accent-primary);border-radius:4px;height:100%;transition:width .3s}.compliance-progress-bar__fill--complete{background:var(--status-success,#22c55e)}.compliance-progress-bar__fill--overdue{background:var(--status-error,#ef4444)}.compliance-progress-bar__label{color:var(--text-secondary);white-space:nowrap;text-align:right;min-width:40px;font-size:.8rem;font-weight:600}.compliance-status{white-space:nowrap;border-radius:12px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.compliance-status--pending{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.compliance-status--in_progress{color:#854d0e;background:#fef9c3;border:1px solid #fef08a}.compliance-status--complete{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.compliance-status--overdue{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.compliance-detail__header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.compliance-detail__back{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s;display:inline-flex}.compliance-detail__back:hover{color:var(--text-primary);border-color:var(--accent-primary);background:var(--bg-secondary)}.compliance-detail__title-section{flex:1}.compliance-detail__title-section h1{margin:0 0 .25rem;font-size:1.5rem}.compliance-detail__title-section p{color:var(--text-secondary);margin:0;font-size:.9rem}.compliance-detail__grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.compliance-card{background:var(--bg-primary);border:1px solid var(--border-color);border-left:4px solid var(--border-color);padding:var(--spacing-md);gap:var(--spacing-sm);border-radius:8px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.compliance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.compliance-card--complete{border-left-color:var(--status-success,#22c55e)}.compliance-card--complete:hover{border-color:var(--status-success,#22c55e);border-left-color:var(--status-success,#22c55e)}.compliance-card--pending{border-left-color:var(--status-warning,#f59e0b)}.compliance-card--pending:hover{border-color:var(--status-warning,#f59e0b);border-left-color:var(--status-warning,#f59e0b)}.compliance-card--overdue{border-left-color:var(--status-error,#ef4444)}.compliance-card--overdue:hover{border-color:var(--status-error,#ef4444);border-left-color:var(--status-error,#ef4444)}.compliance-card__header{align-items:center;gap:var(--spacing-sm);display:flex}.compliance-card__icon{font-size:1.1rem}.compliance-card--complete .compliance-card__icon{color:var(--status-success,#22c55e)}.compliance-card--pending .compliance-card__icon{color:var(--status-warning,#f59e0b)}.compliance-card--overdue .compliance-card__icon{color:var(--status-error,#ef4444)}.compliance-card__title{margin:0;font-size:.95rem;font-weight:600}.compliance-card__description{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.compliance-card__meta{color:var(--text-secondary);flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.compliance-card__file i{color:var(--status-error,#ef4444);margin-right:.25rem}.compliance-card__actions{gap:var(--spacing-xs);padding-top:var(--spacing-sm);margin-top:auto;display:flex}.compliance-card__actions .btn{flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .5rem;font-size:.78rem;display:inline-flex}.compliance-card__actions .btn-outline{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;transition:all .2s}.compliance-card__actions .btn-outline:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.compliance-card__actions .btn-outline:disabled{opacity:.4;cursor:not-allowed}.compliance-card__actions .btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;transition:all .2s}.compliance-card__actions .btn-primary:hover{filter:brightness(1.1)}.circular-progress{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-progress__track{stroke:var(--bg-tertiary)}.circular-progress__fill{stroke:var(--accent-primary);transition:stroke-dashoffset .4s}.circular-progress__label{color:var(--text-primary);font-size:.85rem;font-weight:700;position:absolute}.compliance-skeleton-row{gap:var(--spacing-md);padding:var(--spacing-md)0;border-bottom:1px solid var(--border-color);display:flex}.compliance-skeleton-cell{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)50%,var(--bg-tertiary)75%);background-size:200% 100%;border-radius:4px;height:16px;animation:1.5s infinite compliance-shimmer}@keyframes compliance-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.compliance-page .page-header{flex-direction:column;align-items:stretch}.compliance-detail__header{flex-direction:column;align-items:flex-start}.compliance-detail__grid{grid-template-columns:1fr}.compliance-card__actions{flex-direction:column}}@media (min-width:1400px){.compliance-detail__grid{grid-template-columns:repeat(4,1fr)}}.document-modal-content{min-height:24rem;position:relative}.document-modal-content .error-message{background-color:var(--error)}@supports (color:color-mix(in lab, red, red)){.document-modal-content .error-message{background-color:color-mix(in srgb,var(--error)10%,transparent)}}.document-modal-content .error-message{color:var(--error);border:1px solid var(--error)}@supports (color:color-mix(in lab, red, red)){.document-modal-content .error-message{border:1px solid color-mix(in srgb,var(--error)30%,transparent)}}.document-modal-content .error-message{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.document-modal-content .error-message .fas{margin-right:var(--spacing-sm)}.document-modal-content .loading-overlay{background-color:var(--bg-primary);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.document-modal-content .loading-overlay{background-color:color-mix(in srgb,var(--bg-primary)80%,transparent)}}.document-modal-content .loading-overlay{z-index:var(--z-modal);flex-direction:column;justify-content:center;align-items:center;display:flex}.document-modal-content .loading-overlay .spinner{border:4px solid var(--gray-200);border-top:4px solid var(--accent-primary);border-radius:var(--border-radius-full);width:2.5rem;height:2.5rem;animation:2s linear infinite spin}.document-modal-content .loading-overlay p{margin-top:var(--spacing-md);color:var(--text-secondary)}.document-modal-content .ai-review-section{background-color:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.document-modal-content .ai-review-section h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-lg);font-weight:600}@media (max-width:768px){.document-modal-content{min-height:20rem}.document-modal-content .ai-review-section{padding:var(--spacing-lg)}.document-modal-content .ai-review-section h3{font-size:var(--font-size-lg)}}@media (prefers-reduced-motion:reduce){.document-modal-content .loading-overlay .spinner{animation:none}}@media (prefers-contrast:high){.document-modal-content .error-message,.document-modal-content .ai-review-section{border-width:2px}}.document-upload{padding:var(--spacing-xl)}.document-upload .upload-area{margin-bottom:var(--spacing-2xl)}.document-upload .drop-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl)var(--spacing-xl);text-align:center;cursor:pointer;transition:var(--transition);background:var(--bg-secondary)}.document-upload .drop-zone:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.document-upload .drop-zone.has-file{border-color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.document-upload .drop-zone.has-file{background:color-mix(in srgb,var(--success)5%,transparent)}}.document-upload .drop-zone-content i{color:var(--accent-primary);margin-bottom:var(--spacing-lg);font-size:3rem}.document-upload .drop-zone-content h3{margin:0 0 var(--spacing-sm)0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.document-upload .drop-zone-content p{margin:0 0 var(--spacing-sm)0;color:var(--text-secondary)}.document-upload .drop-zone-content .file-types{font-size:var(--font-size-sm);color:var(--text-muted)}.document-upload .file-info{margin-top:var(--spacing-xl)}.document-upload .file-details{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex}.document-upload .file-details i{font-size:var(--font-size-2xl);color:var(--text-muted)}.document-upload .file-details .file-meta{flex:1}.document-upload .file-details .file-name{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-weight:600}.document-upload .file-details .file-size{color:var(--text-muted);font-size:var(--font-size-sm)}.document-upload .metadata-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.document-upload .metadata-section h4{margin:0 0 var(--spacing-lg)0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.document-upload .form-group{margin-bottom:var(--spacing-lg)}.document-upload .form-group label{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600;display:block}.document-upload .form-group input,.document-upload .form-group textarea{width:100%;padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-fast)}:is(.document-upload .form-group input,.document-upload .form-group textarea):focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary);outline:none}@supports (color:color-mix(in lab, red, red)){:is(.document-upload .form-group input,.document-upload .form-group textarea):focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary)20%,transparent)}}:is(.document-upload .form-group input,.document-upload .form-group textarea)::placeholder{color:var(--text-muted)}.document-upload .form-group textarea{resize:vertical;min-height:5rem}.document-upload .form-group .help-text{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.document-upload .upload-actions{gap:var(--spacing-md);justify-content:flex-end;display:flex}.document-upload .btn{padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);align-items:center;gap:var(--spacing-sm);transition:var(--transition);border:none;font-weight:600;text-decoration:none;display:flex}.document-upload .btn:disabled{opacity:.6;cursor:not-allowed}.document-upload .btn.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.document-upload .btn.btn-primary:hover:not(:disabled){background:var(--accent-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.document-upload .btn.btn-secondary{background:var(--gray-600);color:var(--text-inverse)}.document-upload .btn.btn-secondary:hover:not(:disabled){background:var(--gray-700)}.document-upload .btn.btn-outline-danger{border:1px solid var(--error);color:var(--error);background:0 0}.document-upload .btn.btn-outline-danger:hover:not(:disabled){background:var(--error);color:var(--text-inverse)}.document-upload .btn.btn-sm{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm)}.document-upload .fa-spin{animation:1s linear infinite spin}@media (max-width:768px){.document-upload{padding:var(--spacing-lg)}.document-upload .drop-zone{padding:var(--spacing-xl)var(--spacing-lg)}.document-upload .drop-zone .drop-zone-content i{font-size:2.5rem}.document-upload .drop-zone .drop-zone-content h3{font-size:var(--font-size-base)}.document-upload .metadata-section{padding:var(--spacing-lg)}.document-upload .upload-actions{flex-direction:column}.document-upload .upload-actions .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.document-upload .btn:hover:not(:disabled){transform:none}.document-upload .fa-spin{animation:none}}@media (prefers-contrast:high){.document-upload .drop-zone{border-width:3px}.document-upload .file-details,.document-upload .metadata-section{border-width:2px}}.document-upload .btn:focus-visible,.document-upload input:focus-visible,.document-upload textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.document-view-modal{flex-direction:column;height:70vh;min-height:500px;display:flex}.document-info-header-compact{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}.document-name-left{color:var(--text-primary);font-size:var(--font-size-base);word-break:break-word;text-align:left;margin:0;font-weight:600}.document-meta-compact{gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm);align-items:center;display:flex}.document-size,.document-lines{align-items:center;gap:var(--spacing-xs);display:inline-flex}.tabs-navigation-openwebui{border-bottom:1px solid var(--border-color);background:var(--bg-primary);padding:0 var(--spacing-lg);display:flex}.tab-button-openwebui{padding:var(--spacing-sm)var(--spacing-md);color:var(--text-secondary);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);margin-right:var(--spacing-lg);background:0 0;border:none;border-bottom:2px solid #0000}.tab-button-openwebui:hover{color:var(--text-primary)}.tab-button-openwebui.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:600}.tab-content{background:var(--bg-primary);flex:1;overflow:auto}.validation-tab{flex-direction:column;height:100%;display:flex}.validation-layout{gap:var(--spacing-lg);height:100%;padding:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.fields-panel{gap:var(--spacing-lg);max-height:100%;padding-right:var(--spacing-md);flex-direction:column;display:flex;overflow-y:auto}.preview-panel{flex-direction:column;height:100%;display:flex}.preview-container{flex-direction:column;flex:1;display:flex}.preview-actions{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.edit-btn,.confirm-btn{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);transition:var(--transition);border:none;font-weight:500}.edit-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.edit-btn:hover{background:var(--bg-secondary)}.confirm-btn{background:var(--success);color:#fff;border:1px solid var(--success)}.confirm-btn:hover:not(:disabled){background:var(--success-dark);border-color:var(--success-dark)}.confirm-btn:disabled{background:var(--text-muted);border-color:var(--text-muted);cursor:not-allowed;opacity:.6}.text-preview{margin-top:var(--spacing-md)}.text-preview h5{margin:0 0 var(--spacing-sm)0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.text-content{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color);max-height:300px;font-size:var(--font-size-sm);white-space:pre-wrap;color:var(--text-primary);line-height:1.5;overflow-y:auto}.classification-info{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);border:1px solid var(--border-color)}.classification-reason{margin:var(--spacing-sm)0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;line-height:1.4}.content-tab{padding:var(--spacing-xl);justify-content:center;align-items:center;height:100%;display:flex}.content-section{width:100%;max-width:800px}.content-section h4{margin:0 0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.classification-details{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color);max-height:400px;overflow-y:auto}.json-content{font-family:Courier New,monospace;font-size:var(--font-size-sm);white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary);margin:0;line-height:1.4}.content-placeholder{text-align:center;color:var(--text-secondary)}.content-placeholder i{margin-bottom:var(--spacing-md);color:var(--text-muted);font-size:3rem}.content-placeholder p{font-size:var(--font-size-base);margin:0}.fields-tab{padding:var(--spacing-xl);height:100%;overflow-y:auto}.fields-section{margin-bottom:var(--spacing-lg)}.fields-section h4{margin:0 0 var(--spacing-md)0;color:var(--text-primary);font-size:var(--font-size-base);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs);text-align:left;font-weight:600}.field-group{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.field-group label{color:var(--text-secondary);font-weight:600;font-size:var(--font-size-sm);text-align:left;min-width:120px}.field-input{max-width:250px;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-base);text-align:right;flex:1}.field-input:read-only{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.quotation-items{gap:var(--spacing-sm);flex-direction:column;display:flex}.quotation-item{padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.item-description{color:var(--text-primary);text-align:left;font-weight:500}.item-amount{color:var(--accent-primary);font-weight:600;font-size:var(--font-size-base);text-align:right}.total-section{border-top:2px solid var(--border-color);padding-top:var(--spacing-lg);margin-top:var(--spacing-xl)}.total-row{padding:var(--spacing-lg);background:var(--accent-primary);color:#fff;border-radius:var(--border-radius);font-weight:600;font-size:var(--font-size-lg);justify-content:space-between;align-items:center;display:flex}.total-label{opacity:.9}.total-amount{font-size:var(--font-size-xl)}@media (max-width:768px){.document-view-modal{height:80vh;min-height:400px}.document-info-header-compact{padding:var(--spacing-sm);align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.document-meta-compact{gap:var(--spacing-xs);flex-direction:column}.field-group{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.field-input{text-align:left;max-width:100%}.tabs-navigation-openwebui{padding:0 var(--spacing-md);flex-wrap:wrap}.tab-button-openwebui{margin-right:var(--spacing-md);margin-bottom:var(--spacing-xs)}.validation-layout{gap:var(--spacing-md);padding:var(--spacing-md);grid-template-rows:auto 1fr;grid-template-columns:1fr}.fields-panel{order:2;max-height:300px;padding-right:0}.preview-panel{order:1;min-height:200px}.preview-actions{flex-direction:column;align-items:stretch}.edit-btn,.confirm-btn{text-align:center;width:100%}.text-content{max-height:200px}.content-tab{padding:var(--spacing-md)}.classification-details{max-height:300px;padding:var(--spacing-md)}.json-content{font-size:var(--font-size-xs)}.content-placeholder i,.preview-fallback i{font-size:2.5rem}.quotation-item{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.total-row{gap:var(--spacing-sm);text-align:center;flex-direction:column}}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-color)var(--bg-tertiary)}