@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--accent-50:#f0fdf4;--accent-100:#dcfce7;--accent-200:#bbf7d0;--accent-300:#86efac;--accent-400:#4ade80;--accent-500:#22c55e;--accent-600:#16a34a;--accent-700:#15803d;--accent-800:#166534;--accent-900:#14532d;--status-draft:#f59e0b;--status-active:#22c55e;--status-archived:#6b7280;--status-deleted:#ef4444;--priority-low:#6b7280;--priority-medium:#3b82f6;--priority-high:#f59e0b;--priority-urgent:#ef4444;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--info-50:#eff6ff;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-full:9999px;--border-width:1px;--border-width-2:2px;--border-width-4:4px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 4px 14px 0 #3b82f626;--shadow-success:0 4px 14px 0 #22c55e26;--shadow-warning:0 4px 14px 0 #f59e0b26;--shadow-error:0 4px 14px 0 #ef444426;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}.status-draft{background-color:color-mix(in srgb,#f59e0b 10%,#fff);background-color:color-mix(in srgb,var(--status-draft) 10%,#fff);border-color:color-mix(in srgb,#f59e0b 20%,#fff);border-color:color-mix(in srgb,var(--status-draft) 20%,#fff);color:#f59e0b;color:var(--status-draft)}.status-active{background-color:color-mix(in srgb,#22c55e 10%,#fff);background-color:color-mix(in srgb,var(--status-active) 10%,#fff);border-color:color-mix(in srgb,#22c55e 20%,#fff);border-color:color-mix(in srgb,var(--status-active) 20%,#fff);color:#22c55e;color:var(--status-active)}.status-archived{background-color:color-mix(in srgb,#6b7280 10%,#fff);background-color:color-mix(in srgb,var(--status-archived) 10%,#fff);border-color:color-mix(in srgb,#6b7280 20%,#fff);border-color:color-mix(in srgb,var(--status-archived) 20%,#fff);color:#6b7280;color:var(--status-archived)}.status-deleted{background-color:color-mix(in srgb,#ef4444 10%,#fff);background-color:color-mix(in srgb,var(--status-deleted) 10%,#fff);border-color:color-mix(in srgb,#ef4444 20%,#fff);border-color:color-mix(in srgb,var(--status-deleted) 20%,#fff);color:#ef4444;color:var(--status-deleted)}.priority-low{color:#6b7280;color:var(--priority-low)}.priority-medium{color:#3b82f6;color:var(--priority-medium)}.priority-high{color:#f59e0b;color:var(--priority-high)}.priority-urgent{color:#ef4444;color:var(--priority-urgent)}.professional-card{background:#fff;border:1px solid #e2e8f0;border:var(--border-width) solid var(--secondary-200);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.professional-card:hover{border-color:#93c5fd;border-color:var(--primary-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.professional-card--selected{background-color:#eff6ff;background-color:var(--primary-50);border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 4px 14px 0 #3b82f626;box-shadow:var(--shadow-primary)}.professional-card--elevated{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.status-badge{align-items:center;border:1px solid #0000;border:var(--border-width) solid #0000;border-radius:9999px;border-radius:var(--border-radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.status-badge--active,.status-badge--archived,.status-badge--deleted,.status-badge--draft{@apply status-deleted}.btn-professional{align-items:center;border:1px solid #0000;border:var(--border-width) solid #0000;border-radius:.375rem;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast);white-space:nowrap}.btn-professional:disabled{cursor:not-allowed;opacity:.5}.btn-professional--primary{background-color:#3b82f6;background-color:var(--primary-500);border-color:#3b82f6;border-color:var(--primary-500);color:#fff}.btn-professional--primary:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary-600);border-color:#2563eb;border-color:var(--primary-600);box-shadow:0 4px 14px 0 #3b82f626;box-shadow:var(--shadow-primary)}.btn-professional--secondary{background-color:#fff;border-color:#cbd5e1;border-color:var(--secondary-300);color:#334155;color:var(--secondary-700)}.btn-professional--secondary:hover:not(:disabled){background-color:#f8fafc;background-color:var(--secondary-50);border-color:#94a3b8;border-color:var(--secondary-400)}.btn-professional--success{background-color:#22c55e;background-color:var(--success-500);border-color:#22c55e;border-color:var(--success-500);color:#fff}.btn-professional--success:hover:not(:disabled){background-color:#16a34a;background-color:var(--success-600);border-color:#16a34a;border-color:var(--success-600);box-shadow:0 4px 14px 0 #22c55e26;box-shadow:var(--shadow-success)}.btn-professional--warning{background-color:#f59e0b;background-color:var(--warning-500);border-color:#f59e0b;border-color:var(--warning-500);color:#fff}.btn-professional--warning:hover:not(:disabled){background-color:#d97706;background-color:var(--warning-600);border-color:#d97706;border-color:var(--warning-600);box-shadow:0 4px 14px 0 #f59e0b26;box-shadow:var(--shadow-warning)}.btn-professional--error{background-color:#ef4444;background-color:var(--error-500);border-color:#ef4444;border-color:var(--error-500);color:#fff}.btn-professional--error:hover:not(:disabled){background-color:#dc2626;background-color:var(--error-600);border-color:#dc2626;border-color:var(--error-600);box-shadow:0 4px 14px 0 #ef444426;box-shadow:var(--shadow-error)}.btn-professional--ghost{background-color:initial;border-color:#0000;color:#475569;color:var(--secondary-600)}.btn-professional--ghost:hover:not(:disabled){background-color:#f1f5f9;background-color:var(--secondary-100);color:#334155;color:var(--secondary-700)}.btn-professional--sm{font-size:.75rem;font-size:var(--text-xs);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.btn-professional--lg{font-size:1rem;font-size:var(--text-base);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.btn-professional--xl{font-size:1.125rem;font-size:var(--text-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.input-professional{background-color:#fff;border:1px solid #cbd5e1;border:var(--border-width) solid var(--secondary-300);border-radius:.375rem;border-radius:var(--border-radius-md);font-size:.875rem;font-size:var(--text-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}.input-professional:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px color-mix(in srgb,#3b82f6 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-500) 20%,#0000);outline:none}.input-professional:disabled{background-color:#f8fafc;background-color:var(--secondary-50);color:#64748b;color:var(--secondary-500);cursor:not-allowed}.input-professional--error,.input-professional--error:focus{border-color:#ef4444;border-color:var(--error-500)}.input-professional--error:focus{box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--error-500) 20%,#0000)}.container-professional{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4)}.grid-professional{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.grid-professional--1{grid-template-columns:1fr}.grid-professional--2{grid-template-columns:repeat(2,1fr)}.grid-professional--3{grid-template-columns:repeat(3,1fr)}.grid-professional--4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-professional--2,.grid-professional--3,.grid-professional--4{grid-template-columns:1fr}.container-professional{padding:0 .75rem;padding:0 var(--space-3)}}@media (min-width:769px) and (max-width:1024px){.grid-professional--3,.grid-professional--4{grid-template-columns:repeat(2,1fr)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn cubic-bezier(0,0,.2,1) .25s ease-in-out;animation:fadeIn var(--transition-normal) var(--ease-out)}.animate-slide-in{animation:slideIn cubic-bezier(0,0,.2,1) .25s ease-in-out;animation:slideIn var(--transition-normal) var(--ease-out)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background:linear-gradient(90deg,var(--secondary-200) 25%,var(--secondary-100) 50%,var(--secondary-200) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn-professional,.professional-card{border-width:2px;border-width:var(--border-width-2)}}.search-bar-container{flex:1 1;margin:0 24px 0 0;max-width:600px;position:relative}.search-bar-form{width:100%}.search-bar-input-container{align-items:center;background:#455a64;border:none;border-radius:8px;box-shadow:none;display:flex;height:36px;overflow:hidden;position:relative;transition:all .2s ease}.search-bar-input-container:focus-within{background:#455a64;border:none;box-shadow:0 0 0 2px #fff3}.search-bar-icon{color:#b0bec5;height:20px;left:16px;pointer-events:none;position:absolute;width:20px;z-index:1}.search-bar-input{background:#0000;border:none;color:#fff;font-size:13px;font-weight:400;height:36px;outline:none;padding:8px 12px 8px 40px;width:100%}.search-bar-input::placeholder{color:#b0bec5}.search-bar-clear{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#b0bec5;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:12px;transition:all .2s ease;width:24px}.search-bar-clear:hover{background:#fff3;color:#fff}.search-bar-shortcut{align-items:center;display:flex;gap:3px;opacity:.9;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-bar-shortcut-key{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:3px;box-shadow:0 1px 2px #0000001a;color:#b0bec5;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:9px;font-weight:600;height:16px;justify-content:center;letter-spacing:.025em;min-width:18px;padding:3px 5px;position:relative;transition:all .15s ease}.search-bar-shortcut-key:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 4px #00000026;transform:translateY(-.5px)}.search-bar-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:6px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;left:0;margin-top:4px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-bar-recent-header,.search-bar-results-header{align-items:center;border-bottom:1px solid #f3f4f6;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.05em;padding:12px 16px 8px;text-transform:uppercase}.search-bar-recent-list,.search-bar-results-list{padding:4px 0}.search-bar-recent-item,.search-bar-result-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px;text-align:left;transition:background-color .15s ease;width:100%}.search-bar-recent-item:hover,.search-bar-result-item:hover{background:#f8f9fa}.search-bar-result-icon{color:#6b7280;flex-shrink:0}.search-bar-result-content{flex:1 1;min-width:0}.search-bar-result-title{color:#1f2937;font-weight:500;margin-bottom:2px}.search-bar-result-type{color:#6b7280;font-size:12px;text-transform:capitalize}.search-bar-no-recent,.search-bar-no-results{color:#6b7280;font-size:14px;padding:20px 16px;text-align:center}@media (max-width:768px){.search-bar-container{margin:0 12px;max-width:none}.search-bar-input{font-size:16px}.search-bar-dropdown{max-height:300px}}.search-bar-dropdown{animation:searchDropdownSlide .2s ease-out}@keyframes searchDropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-bar-container:focus-within .search-bar-input-container{background:#455a64;border:none;box-shadow:0 0 0 2px #fff3}.search-bar-dropdown::-webkit-scrollbar{width:6px}.search-bar-dropdown::-webkit-scrollbar-track{background:#f1f5f9}.search-bar-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.search-bar-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.header-hubspot{align-items:center;background:var(--header-bg);border:none;box-shadow:none;box-sizing:border-box;display:flex;height:var(--header-height);padding:0;position:relative;width:100%;z-index:1000}.header-logo-section{flex-shrink:0;transition:width .3s ease;width:var(--sidebar-width)}.header-logo-button,.header-logo-section{align-items:center;display:flex;justify-content:center}.header-logo-button{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.header-logo-button:hover{background:#ffffff1a;transform:scale(1.05)}.header-logo-button:active{transform:scale(.98)}.header-logo-button img{height:80px;object-fit:contain;transition:all .3s ease;width:80px}.header-logo-button:hover img{filter:brightness(1.1)}.sidebar-container.collapsed .header-logo-section,.sidebar-container.collapsed~.main-content-area .header-logo-section,body:has(.sidebar-container.collapsed) .header-logo-section{width:var(--sidebar-width-collapsed)}.sidebar-container.collapsed .header-logo-icon,.sidebar-container.collapsed~.main-content-area .header-logo-icon,body:has(.sidebar-container.collapsed) .header-logo-icon{height:32px;width:32px}.sidebar-container.collapsed .header-logo-icon svg,.sidebar-container.collapsed~.main-content-area .header-logo-icon svg,body:has(.sidebar-container.collapsed) .header-logo-icon svg{height:16px;width:16px}.sidebar-container.collapsed .header-logo-button img,.sidebar-container.collapsed~.main-content-area .header-logo-button img,body:has(.sidebar-container.collapsed) .header-logo-button img{height:60px;object-fit:contain;width:60px}.header-logo-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;box-shadow:0 2px 4px #0000001a;height:40px;width:40px}.header-logo{flex-shrink:0;min-width:120px}.header-logo-icon{background:linear-gradient(135deg,#ff7a59,#ff6b35);box-shadow:0 2px 4px #ff6b354d;height:32px;width:32px}.header-logo-text{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.025em}.header-controls{flex-shrink:0;gap:2px;margin-left:auto;padding-right:24px}.header-control-button{background:#0000;border:none;border-radius:8px;color:#ffffffe6;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;position:relative;white-space:nowrap}.header-control-button:hover{background:#ffffff26;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.header-control-button:active{background:#fff3;transform:translateY(0)}.header-icon-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px}.header-icon-button:hover{background:#ffffff26;box-shadow:0 2px 8px #0000001a;color:#fff;transform:translateY(-1px)}.header-icon-button:active{background:#fff3;transform:translateY(0)}.header-icon-button.header-saving{background:#3b82f626;color:#3b82f6;cursor:not-allowed}.header-icon-button.header-saving:hover{background:#3b82f626;box-shadow:none;transform:none}.header-icon-button.header-saved{background:#10b98126;color:#10b981}.header-icon-button.header-saved:hover{background:#10b98133}.header-icon-button.header-disabled{color:#ffffff80;cursor:not-allowed}.header-icon-button.header-disabled:hover{background:#0000;box-shadow:none;transform:none}.header-upgrade-button{align-items:center;background:linear-gradient(135deg,#ff7a59,#ff6b35);border:none;border-radius:8px;box-shadow:0 2px 4px #ff6b3533;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.header-upgrade-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.header-upgrade-button:hover{background:linear-gradient(135deg,#ff6b35,#ff5722);box-shadow:0 4px 12px #ff6b3559;color:#fff;transform:translateY(-1px)}.header-upgrade-button:hover:before{left:100%}.header-upgrade-button:active{box-shadow:0 2px 4px #ff6b3533;transform:translateY(0)}.header-upgrade-button svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0}.header-settings-container{position:relative}.header-settings-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.header-settings-button:hover{background:#ffffff26;box-shadow:0 2px 8px #0000001a;color:#fff;transform:translateY(-1px)}.header-settings-dropdown{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#fffffff2;border:1px solid #00000014;border-radius:16px;box-shadow:0 32px 64px -12px #00000024,0 16px 32px -8px #00000014,0 8px 16px -4px #0000000a,0 0 0 1px #0000000f;opacity:0;position:fixed;transform:translateY(-16px) scale(.92);transition:all .3s cubic-bezier(.34,1.56,.64,1);visibility:hidden;width:340px;z-index:9999}.header-settings-dropdown.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.header-settings-header{background:linear-gradient(135deg,#fafbfc,#f1f5f9 50%,#e2e8f0);border-bottom:1px solid #0000000f;border-radius:16px 16px 0 0;color:#0f172a;font-size:18px;font-weight:700;padding:24px 28px 20px;position:relative;text-align:center}.header-settings-header:after{background:linear-gradient(90deg,#0000,#0000001a 50%,#0000);bottom:-1px;content:"";height:1px;left:28px;position:absolute;right:28px}.header-settings-content{background:#fff6;padding:24px 28px 28px}.header-settings-group{margin-bottom:24px;position:relative}.header-settings-group:last-child{margin-bottom:0}.header-settings-label{color:#4b5563;display:block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.header-settings-input,.header-settings-select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:2px solid #00000014;border-radius:12px;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f,inset 0 1px 0 #ffffffb3;color:#0f172a;font-size:15px;font-weight:500;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.header-settings-input:focus,.header-settings-select:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f,0 4px 8px #00000014,0 2px 4px #0000000f,inset 0 1px 0 #fffc;outline:none;transform:translateY(-2px) scale(1.02)}.header-settings-button-item{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f8fafccc,#f1f5f999);border:2px solid #0000000a;border-radius:12px;box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f,inset 0 1px 0 #ffffffb3;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.header-settings-button-item:hover{background:linear-gradient(135deg,#e2e8f0e6,#cbd5e1cc);border-color:#00000014;box-shadow:0 4px 8px #00000014,0 2px 4px #0000000f,inset 0 1px 0 #fffc;color:#0f172a;transform:translateY(-2px) scale(1.02)}.header-settings-button-item:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.header-notification-bell{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px}.header-notification-bell:hover{background:#ffffff26;box-shadow:0 2px 8px #0000001a;color:#fff;transform:translateY(-1px)}.header-notification-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;position:absolute;right:-2px;top:-2px}.header-notification-container{position:relative}.header-notification-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-height:400px;opacity:0;overflow:hidden;position:fixed;transform:translateY(-10px);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:9999}.header-notification-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.header-notification-header{align-items:center;background:#fafafa;border-bottom:1px solid #f3f4f6;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.header-notification-header span:first-child{color:#111827;font-size:14px;font-weight:600}.header-notification-content{max-height:300px;overflow-y:auto}.header-notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background-color .2s ease}.header-notification-item:hover{background-color:#f9fafb}.header-notification-item:last-child{border-bottom:none}.header-notification-item h4{font-size:13px;line-height:1.4;margin:0}.header-notification-item p{font-size:12px;line-height:1.3;margin:4px 0 0}.header-notification-item span:last-child{color:#9ca3af;font-size:11px}.header-user-container{position:relative}.header-user-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.header-user-button:hover{background:#ffffff26;box-shadow:0 2px 8px #0000001a;color:#fff;transform:translateY(-1px)}.header-user-avatar{flex-shrink:0;font-weight:600;height:28px;width:28px}.header-user-name{color:#fff;flex-shrink:0;max-width:160px}.header-user-dropdown{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;min-width:300px;opacity:0;position:absolute;transform:translateY(-12px) scale(.95);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.header-user-dropdown.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.header-user-dropdown-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #00000014;gap:14px;padding:20px 24px}.header-user-dropdown-avatar{background:linear-gradient(135deg,#14b8a6,#0d9488 50%,#0f766e);flex-shrink:0;font-weight:600}.header-user-dropdown-name{color:#1f2937;font-size:14px}.header-user-dropdown-email{color:#1f2937}.header-user-dropdown-status{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:4px;padding:2px 8px;text-transform:uppercase}.header-user-dropdown-status.premium{background:linear-gradient(135deg,#14b8a6,#0d9488 50%,#0f766e);color:#fff}.header-user-dropdown-status.enterprise{background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9);color:#fff}.header-user-dropdown-status.admin{background:linear-gradient(135deg,#f59e0b,#d97706 50%,#b45309);color:#fff}.header-user-dropdown-status.gratuit{background:#f3f4f6;color:#6b7280}.header-user-dropdown-divider{background:#f3f4f6;margin:0 20px}.header-user-dropdown-menu{padding:12px 8px}.header-user-dropdown-item{background:none;border-radius:8px;margin:2px 8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.header-user-dropdown-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateX(2px)}.header-user-dropdown-signout{color:#ef4444}.header-user-dropdown-signout:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;transform:translateX(2px)}.header-mobile-menu-btn{border-radius:0;color:#fff;transition:all .2s ease}.header-mobile-menu-btn:hover{background:#ffffff1a;border-color:#0000;box-shadow:none;color:#fff}@media (max-width:1024px){.header-hubspot{height:60px;padding:0 20px;width:100%}.header-logo{min-width:100px}.header-logo-text{font-size:16px}.header-controls{gap:1px}.header-control-button,.header-settings-button,.header-user-button{font-size:13px;padding:6px 12px}.header-user-name{max-width:140px}}@media (max-width:768px){.header-hubspot{height:60px;padding:0 16px;width:100%}.header-logo{min-width:80px}.header-logo-text{display:none}.header-controls{gap:4px}.header-user-name{max-width:100px}.header-control-button span,.header-settings-button span,.header-upgrade-button span,.header-user-button span{display:none}.header-upgrade-button{justify-content:center;min-width:44px;padding:8px}.header-mobile-menu-btn{background:#0000;border:none;color:#fff;display:flex;height:40px;width:40px}.header-settings-dropdown,.header-user-dropdown{min-width:260px}}@media (max-width:480px){.header-hubspot{height:60px;padding:0 12px;width:100%}.header-controls{gap:2px}.header-user-name{font-size:13px;max-width:80px}.header-control-button,.header-settings-button,.header-user-button{padding:6px 8px}.header-settings-dropdown,.header-user-dropdown{min-width:240px}}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-hubspot{animation:headerSlideDown .3s ease-out}.header-control-button:focus,.header-mobile-menu-btn:focus,.header-notification-bell:focus,.header-settings-button:focus,.header-user-button:focus{box-shadow:0 0 0 3px #2563eb1a;outline:none}.header-settings-dropdown::-webkit-scrollbar,.header-user-dropdown::-webkit-scrollbar{width:6px}.header-settings-dropdown::-webkit-scrollbar-track,.header-user-dropdown::-webkit-scrollbar-track{background:#f1f5f9}.header-settings-dropdown::-webkit-scrollbar-thumb,.header-user-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.header-settings-dropdown::-webkit-scrollbar-thumb:hover,.header-user-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.project-indicator{background:linear-gradient(135deg,#3498db,#2980b9 25%,#1abc9c 50%,#16a085 75%,#138d75);border:1px solid #fff3;box-shadow:0 8px 25px #0000001f,0 4px 10px #00000014;flex-shrink:0;margin-left:1rem}.project-indicator:hover{background:linear-gradient(135deg,#2980b9,#1abc9c 25%,#16a085 50%,#138d75 75%,#0d6b5a);border-color:#ffffff4d;box-shadow:0 4px 12px #3498db4d}.project-indicator-dot{background:linear-gradient(135deg,#fff,#fffc)}.project-indicator-name{color:#fff;font-size:.75rem;text-shadow:0 1px 2px #0003}.sidebar-container.collapsed~.main-content-area .project-indicator,body:has(.sidebar-container.collapsed) .project-indicator{margin-left:.5rem;max-width:150px;padding:.2rem .5rem}.sidebar-container.collapsed~.main-content-area .project-indicator-name,body:has(.sidebar-container.collapsed) .project-indicator-name{font-size:.7rem}@media (max-width:1024px){.project-indicator{margin-left:.5rem;max-width:160px}}:root{--font-corporate:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-financial-data:"Aptos",sans-serif;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes progress{0%{transform:translateX(-100%);width:0}50%{transform:translateX(0);width:100%}to{transform:translateX(100%);width:100%}}@keyframes time-tracker-glow{0%,to{box-shadow:0 0 20px #3b82f61a}50%{box-shadow:0 0 30px #3b82f633}}@keyframes button-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .5s ease-out}.animate-slide-in-up{animation:slide-in-up .6s ease-out}.animate-scale-in{animation:scale-in .4s ease-out}.financial-data{font-feature-settings:"tnum";font-family:Aptos,sans-serif;font-family:var(--font-financial-data);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.financial-header{font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.financial-header,.financial-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-corporate)}.financial-label{font-weight:500;font-weight:var(--font-weight-medium)}.financial-primary{color:#1e293b;font-size:.95rem;font-weight:600;font-weight:var(--font-weight-semibold)}.financial-secondary{color:#334155;font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium)}.financial-tertiary{color:#64748b;font-size:.85rem;font-weight:400;font-weight:var(--font-weight-normal)}.financial-total{color:#0f172a;font-size:.9rem;font-weight:700;font-weight:var(--font-weight-bold)}.financial-subtotal{border-top:1px solid #e2e8f0;color:#1e293b;font-weight:600;font-weight:var(--font-weight-semibold)}.financial-projection{color:#7c3aed;font-style:italic}.financial-negative{color:#dc2626}.financial-positive{color:#059669}.professional-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.professional-table,.professional-table th{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-corporate)}.professional-table th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;font-weight:var(--font-weight-semibold);padding:1rem 1.5rem;text-align:left}.professional-table td{border-bottom:1px solid #f1f5f9;padding:.875rem 1.5rem;vertical-align:middle}.professional-table tbody tr{transition:all .15s ease}.professional-table tbody tr:hover{background-color:#f8fafc;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.financial-cell{font-feature-settings:"tnum" 1,"tnum";font-family:Aptos,sans-serif;font-family:var(--font-financial-data);font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.025em;text-align:left;white-space:nowrap}.financial-cell--editable{cursor:pointer;position:relative;transition:all .2s ease}.financial-amount{font-feature-settings:"tnum" 1,"tnum";font-family:Aptos,sans-serif;font-family:var(--font-financial-data);font-variant-numeric:tabular-nums;letter-spacing:.025em;text-align:left;white-space:nowrap}.financial-cell--editable:hover{background-color:#3b82f60d;border-radius:6px}.financial-cell--editing{background-color:#f59e0b1a;border-radius:6px}.growth-indicator{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;padding:.125rem .5rem}.growth-indicator--positive{background-color:#10b9811a;color:#059669}.growth-indicator--negative{background-color:#ef44441a;color:#dc2626}.growth-indicator--neutral{background-color:#6b72801a;color:#6b7280}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .4s ease-out forwards}.animate-pulse-glow{animation:pulse-glow 2s infinite}.animate-gradient{animation:gradient-shift 3s ease infinite;background-size:200% 200%}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-8px)}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e}.gradient-blue-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-emerald{background:linear-gradient(135deg,#11998e,#38ef7d)}.gradient-amber{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-sunset{background:linear-gradient(135deg,#fa709a,#fee140)}.animate-shimmer{animation:shimmer 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.premium-badge{overflow:hidden;position:relative}.premium-badge:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.premium-badge:hover:before{left:100%}@keyframes status-glow{0%,to{box-shadow:0 0 5px #0000001a}50%{box-shadow:0 0 20px #0003,0 0 30px #0000001a}}@keyframes status-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes status-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.status-badge-free{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;box-shadow:0 1px 3px #0000001a;color:#475569}.status-badge-premium{animation:status-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#d97706);border:1px solid #f59e0b;box-shadow:0 4px 14px #f59e0b4d;color:#92400e}.status-badge-enterprise{background:linear-gradient(135deg,#3b82f6,#06b6d4 50%,#1d4ed8);border:1px solid #06b6d4;box-shadow:0 4px 14px #3b82f64d}.status-badge-admin,.status-badge-enterprise{animation:status-glow 3s ease-in-out infinite;color:#fff}.status-badge-admin{background:linear-gradient(135deg,#6b7280,#4b5563 50%,#374151);border:1px solid #4b5563;box-shadow:0 4px 14px #6b72804d}.status-badge-admin:before,.status-badge-enterprise:before,.status-badge-premium:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease-in-out;width:100%}.status-badge-admin:hover:before,.status-badge-enterprise:hover:before,.status-badge-premium:hover:before{left:100%}:root{--header-height:60px;--border-radius:24px;--header-bg:linear-gradient(135deg,#0f172a,#1e293b 50%,#1e40af);--main-bg:#33475b;--content-bg:#fff;--body-bg:#fff;--sidebar-width:250px;--sidebar-width-collapsed:60px;--sidebar-header-height:80px;--sidebar-item-height:40px;--sidebar-bg:linear-gradient(135deg,#0f172a,#1e293b 50%,#1e40af);--sidebar-bg-hover:#ffffff1a;--sidebar-bg-active:#fff3;--sidebar-bg-premium:linear-gradient(135deg,#f8fafc,#f1f5f9);--sidebar-border:#ffffff1a;--sidebar-border-light:#ffffff0d;--sidebar-border-premium:#14b8a6;--sidebar-text-primary:#f8fafc;--sidebar-text-secondary:#cbd5e1;--sidebar-text-muted:#94a3b8;--sidebar-text-premium:#14b8a6;--sidebar-text-active:#14b8a6;--sidebar-accent-primary:#14b8a6;--sidebar-accent-premium:#0d9488;--sidebar-accent-success:#10b981;--sidebar-accent-warning:#f59e0b;--sidebar-spacing-xs:0.25rem;--sidebar-spacing-sm:0.375rem;--sidebar-spacing-md:0.5rem;--sidebar-spacing-lg:0.75rem;--sidebar-spacing-xl:1rem;--sidebar-spacing-2xl:1.25rem;--sidebar-spacing-3xl:1.5rem;--sidebar-rhythm-xs:0.25rem;--sidebar-rhythm-sm:0.5rem;--sidebar-rhythm-md:0.75rem;--sidebar-rhythm-lg:1rem;--sidebar-rhythm-xl:1.25rem;--sidebar-shadow-sm:0 1px 2px 0 #0000000d;--sidebar-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--sidebar-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--sidebar-transition-fast:150ms ease-out;--sidebar-transition-normal:200ms ease-out;--sidebar-transition-slow:300ms ease-out;--sidebar-radius-sm:0.375rem;--sidebar-radius-md:0.5rem;--sidebar-radius-lg:0.75rem;--sidebar-icon-size:16px;--sidebar-icon-size-lg:20px;--header-height:60px!important;--header-padding-x:32px;--header-padding-y:12px;--header-gap:16px;--header-section-gap:24px;--header-border:#ffffff1a;--header-text-primary:#f8fafc;--header-text-secondary:#cbd5e1;--header-text-muted:#94a3b8;--header-accent:#14b8a6;--header-accent-hover:#0d9488;--header-accent-light:#dbeafe;--header-success:#10b981;--header-success-light:#d1fae5;--header-warning:#f59e0b;--header-warning-light:#fef3c7;--header-disabled:#f3f4f6;--header-disabled-text:#9ca3af;--header-hover:#f8fafc;--header-active:#eff6ff;--header-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--header-shadow-lg:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--header-transition:200ms cubic-bezier(0.4,0,0.2,1);--header-transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--header-radius-sm:6px;--header-radius-md:8px;--header-radius-lg:12px;--radius-medium:8px;--sidebar-header-separator:#e5e7eb;--sidebar-header-transition:300ms cubic-bezier(0.4,0,0.2,1)}.header-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#1e40af);background:var(--header-bg);display:flex;height:60px;height:var(--header-height);justify-content:space-between;left:0;margin-left:0;overflow:visible;padding:0 32px;padding:0 var(--header-padding-x);position:fixed!important;right:0;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition);width:100%;z-index:1000!important}.header-global-settings{gap:16px;gap:var(--header-gap);transition:all .3s ease}.header-navigation{flex:0 0 auto;gap:16px;gap:var(--header-gap)}.header-context,.header-navigation{align-items:center;display:flex;max-width:none;min-width:0}.header-context{flex:1 1 auto;justify-content:center;padding:0 1rem}.header-actions{flex:0 0 auto;gap:24px;gap:var(--header-section-gap);height:100%;justify-content:flex-end;max-width:none;min-width:0;position:relative!important;z-index:200}.header-divider{background:#ffffff1a;background:var(--header-border);flex-shrink:0;height:24px;margin:0 16px;margin:0 var(--header-gap);width:1px}@media (max-width:1199px){.header-global-settings{display:flex}.header-actions{gap:12px}.header-divider{display:none}.header-primary-action,.header-smart-save{font-size:12px;padding:6px 10px}}@media (max-width:991px){.header-user-profile{display:none}.header-actions{gap:8px}.header-primary-action,.header-smart-save{font-size:11px;padding:6px 8px}.perspective-badge{font-size:10px;gap:3px;height:28px;opacity:.8;padding:5px 8px}.perspective-badge__text{display:none}}@media (max-width:767px){.perspective-badge{display:none}.header-global-settings{display:flex}.header-user-profile{display:none}.header-mobile-menu-btn{display:flex;order:1}.header-container{--header-height:60px!important;gap:.5rem;min-height:60px;padding:0 1rem}.header-navigation{display:none}.header-context{flex:1 1 auto;justify-content:flex-start;min-width:0;overflow:visible;padding:0}.page-title{color:#f8fafc;color:var(--header-text-primary);font-size:18px;font-weight:600;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.header-actions{flex:0 0 auto;gap:8px;justify-content:flex-end;min-width:0;overflow:visible}.header-primary-action,.header-smart-save{font-size:11px;height:32px;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 12px;white-space:nowrap}.header-divider{display:none}}.header-container,.header-dropdown-container,.header-global-settings,.header-user-container{overflow:visible!important}.header-context,.header-navigation{overflow:visible;white-space:nowrap}.header-actions{overflow:visible!important;white-space:nowrap}.page-title{font-size:1.5rem;letter-spacing:-.02em;line-height:1.2;max-width:100%;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.breadcrumb-item{font-size:.875rem;font-weight:500;text-shadow:0 1px 2px #0000000d;transition:all .2s ease}.breadcrumb-item.active,.breadcrumb-item:hover{text-shadow:0 1px 2px #0000001a}.header-user-name{font-size:.875rem;text-shadow:0 1px 2px #0000000d}.header-setting-label{font-size:.75rem;text-shadow:0 1px 2px #0000000d}.header-primary-action,.header-smart-save{font-size:.875rem}.header-primary-action,.header-smart-save,.perspective-badge{color:#f8fafc;color:var(--header-text-primary);font-weight:600;letter-spacing:.01em;text-shadow:0 1px 2px #0000001a}.perspective-badge{font-size:.75rem}.header-primary-action{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #1d4ed8;box-shadow:0 2px 4px #3b82f64d}.header-primary-action:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px) scale(1.02)}.header-primary-action:active{background:linear-gradient(135deg,#1d4ed8,#1e3a8a);transform:translateY(0) scale(.98)}.header-smart-save{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #059669;box-shadow:0 2px 4px #10b9814d;color:#fff}.header-smart-save:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px) scale(1.02)}.header-smart-save:active{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(0) scale(.98)}.perspective-badge--buyer{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #d97706;box-shadow:0 2px 4px #f59e0b4d;color:#fff}.perspective-badge--seller{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #7c3aed;box-shadow:0 2px 4px #8b5cf64d;color:#fff}.perspective-badge:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px) scale(1.02)}.header-user-profile{background:linear-gradient(135deg,linear-gradient(135deg,#0f172a 0,#1e293b 50%,#1e40af 100%),#ffffff1a);background:linear-gradient(135deg,var(--header-bg) 0,#ffffff1a 100%);transition:all .3s ease}.header-user-profile:hover{background:linear-gradient(135deg,#f8fafc,#ffffff26);background:linear-gradient(135deg,var(--header-hover) 0,#ffffff26 100%);transform:translateY(-1px) scale(1.02)}.header-mobile-menu-btn{transition:all .3s ease}.header-mobile-menu-btn:hover{background:linear-gradient(135deg,#f8fafc,#ffffff26);background:linear-gradient(135deg,var(--header-hover) 0,#ffffff26 100%);transform:translateY(-1px) scale(1.05)}.header-mobile-menu-btn:active{transform:translateY(0) scale(.95)}.header-smart-save.saving{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#6b7280,#4b5563)!important;border:1px solid #4b5563!important;box-shadow:0 2px 4px #6b72804d!important;color:#fff!important}.header-smart-save.error{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:1px solid #dc2626!important;box-shadow:0 2px 4px #ef44444d!important;color:#fff!important}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.header-smart-save.saved{animation:success .6s ease-in-out;background:linear-gradient(135deg,#10b981,#059669)!important;border:1px solid #059669!important;box-shadow:0 2px 4px #10b9814d!important;color:#fff!important}@keyframes success{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.header-primary-action:disabled,.header-smart-save:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);border:1px solid #6b7280;box-shadow:0 1px 2px #0000001a;color:#d1d5db;cursor:not-allowed;opacity:.6}.header-primary-action:disabled:hover,.header-smart-save:disabled:hover{box-shadow:0 1px 2px #0000001a;transform:none}.header-mobile-menu-btn:focus,.header-primary-action:focus,.header-smart-save:focus,.header-user-profile:focus,.perspective-badge:focus{box-shadow:0 0 0 4px #3b82f633;outline:2px solid #3b82f6;outline-offset:2px}.breadcrumb-item:focus{border-radius:4px;outline:2px solid #3b82f6;outline-offset:2px}.header-container{animation:slideDown .5s ease-out;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity}.header-actions>*{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.header-actions>:first-child{animation-delay:.1s}.header-actions>:nth-child(2){animation-delay:.2s}.header-actions>:nth-child(3){animation-delay:.3s}.header-actions>:nth-child(4){animation-delay:.4s}.header-actions>:nth-child(5){animation-delay:.5s}.header-container,.header-mobile-menu-btn,.header-primary-action,.header-smart-save,.mobile-menu,.perspective-badge{contain:layout style paint}.mobile-menu{overscroll-behavior:contain}@media (prefers-reduced-motion:reduce){.header-actions>*,.header-container,.header-mobile-menu-btn,.header-primary-action,.header-smart-save,.perspective-badge{animation:none;transition:none}}.breadcrumbs{gap:4px}.breadcrumb-item{cursor:pointer;font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.breadcrumb-item:hover{color:#f8fafc;color:var(--header-text-primary)}.breadcrumb-item.active{font-weight:500}.header-user-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis}.header-setting-label{max-width:60px;overflow:hidden;text-overflow:ellipsis}.header-actions{align-items:center;display:flex;gap:16px;gap:var(--header-gap)}.header-mobile-menu-btn{order:1}.header-smart-save{order:2}.header-primary-action{order:3}.perspective-badge{order:4}.header-global-settings{order:5}.header-user-profile{order:6}.header-actions>*{flex-shrink:0;transition:all .3s ease}@media (max-width:1199px){.header-global-settings{order:10}}@media (max-width:991px){.header-user-profile{order:10}}@media (max-width:767px){.perspective-badge{order:10}}.header-primary-action,.header-smart-save{align-items:center;display:flex;font-size:14px;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 16px;white-space:nowrap}.header-primary-action,.header-smart-save,.perspective-badge{border-radius:8px;border-radius:var(--header-radius-md);font-weight:500;gap:6px;transition:all .3s ease}.perspective-badge{font-size:12px;padding:6px 12px}@media (max-width:1199px){.header-primary-action,.header-smart-save{font-size:13px;padding:6px 12px}.perspective-badge{font-size:11px;padding:5px 10px}}@media (max-width:991px){.header-primary-action,.header-smart-save{font-size:12px;padding:6px 10px}.perspective-badge{font-size:10px;gap:4px;padding:4px 8px}}@media (max-width:767px){.header-primary-action,.header-smart-save{font-size:11px;height:32px;padding:6px 12px}}@media (max-width:575px){.header-primary-action,.header-smart-save{font-size:11px;height:32px;padding:6px 10px}}@media (max-width:480px){.header-container{--header-height:60px!important;gap:.25rem;min-height:60px;padding:0 .5rem}.header-context{flex:1 1 auto;min-width:0;overflow:visible}.page-title{font-size:14px;font-weight:600;max-width:200px}.header-actions{flex:0 0 auto;gap:4px;min-width:0;overflow:visible}.header-primary-action,.header-smart-save{border-radius:6px;font-size:10px;height:28px;justify-content:center;min-width:28px;padding:6px}.header-primary-action span,.header-smart-save span{display:none}.header-mobile-menu-btn{border-radius:6px;height:28px;padding:4px;width:32px}}@media (max-width:767px){.header-mobile-menu-btn,.header-primary-action,.header-smart-save{-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;touch-action:manipulation;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.header-mobile-menu-btn{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#1e40af);background:var(--header-bg);border:1px solid #ffffff1a;border:1px solid var(--header-border);box-shadow:0 1px 3px #0000001a}.header-mobile-menu-btn:active,.header-mobile-menu-btn:hover{background:#f8fafc;background:var(--header-hover);box-shadow:0 2px 6px #00000026;transform:scale(1.05)}.page-title{letter-spacing:-.01em;line-height:1.2}.header-actions{gap:12px}.header-actions>*{margin:0 2px}}.header-actions,.header-container,.header-context,.header-global-settings,.header-mobile-menu-btn,.header-navigation,.header-primary-action,.header-smart-save,.header-user-profile,.perspective-badge{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.header-global-settings,.header-user-profile,.perspective-badge{opacity:1;transform:translateY(0) scale(1);transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease}.header-global-settings[style*="display: none"],.header-user-profile[style*="display: none"],.perspective-badge[style*="display: none"]{opacity:0;pointer-events:none;transform:translateY(-10px) scale(.95)}.header-primary-action:hover,.header-smart-save:hover,.perspective-badge:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px) scale(1.02)}.header-primary-action:active,.header-smart-save:active,.perspective-badge:active{transform:translateY(0) scale(.98);transition:transform .1s ease}.header-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--header-border);box-shadow:0 2px 8px #00000014}.header-primary-action,.header-smart-save{background:linear-gradient(135deg,linear-gradient(135deg,#0f172a 0,#1e293b 50%,#1e40af 100%),#ffffff1a);background:linear-gradient(135deg,var(--header-bg) 0,#ffffff1a 100%);border:1px solid #0000;box-shadow:0 2px 4px #0000001a}.header-primary-action:hover,.header-smart-save:hover{border-color:#ffffff1a;border-color:var(--header-border);box-shadow:0 4px 12px #00000026}.perspective-badge{background:linear-gradient(135deg,linear-gradient(135deg,#0f172a 0,#1e293b 50%,#1e40af 100%),#ffffff0d);background:linear-gradient(135deg,var(--header-bg) 0,#ffffff0d 100%);border:1px solid #ffffff1a;border:1px solid var(--header-border);box-shadow:0 1px 3px #0000001a}.perspective-badge:hover{border-color:#f8fafc;border-color:var(--header-text-primary);box-shadow:0 3px 8px #0000001f}.header-global-settings{background:#ffffff0d;border-radius:12px;border-radius:var(--header-radius-lg);box-shadow:inset 0 1px 3px #0000001a;padding:4px}.header-user-profile{background:linear-gradient(135deg,linear-gradient(135deg,#0f172a 0,#1e293b 50%,#1e40af 100%),#ffffff0d);background:linear-gradient(135deg,var(--header-bg) 0,#ffffff0d 100%);border:1px solid #ffffff1a;border:1px solid var(--header-border);box-shadow:0 1px 3px #0000001a}.header-user-profile:hover{border-color:#f8fafc;border-color:var(--header-text-primary);box-shadow:0 3px 8px #0000001f}.header-mobile-menu-btn{background:linear-gradient(135deg,linear-gradient(135deg,#0f172a 0,#1e293b 50%,#1e40af 100%),#ffffff1a);background:linear-gradient(135deg,var(--header-bg) 0,#ffffff1a 100%);border:1px solid #ffffff1a;border:1px solid var(--header-border);box-shadow:0 2px 4px #0000001a}.header-mobile-menu-btn:hover{border-color:#f8fafc;border-color:var(--header-text-primary);box-shadow:0 4px 12px #00000026}.header-primary-action,.header-smart-save,.perspective-badge{max-width:200px;overflow:hidden;text-overflow:ellipsis}@media (max-width:1199px){.header-primary-action,.header-smart-save,.perspective-badge{font-size:10px;max-width:150px;opacity:.6;padding:5px 8px}}@media (max-width:991px){.header-primary-action,.header-smart-save,.perspective-badge{font-size:9px;max-width:120px;opacity:.5;padding:5px 6px}}.header-logo{align-items:center;color:#f8fafc;color:var(--header-text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--header-transition)}.header-logo:hover{color:#14b8a6;color:var(--header-accent)}.header-logo-icon{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);background:linear-gradient(135deg,var(--header-accent) 0,var(--header-accent-hover) 100%);border-radius:6px;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.breadcrumbs{background:#f8fafccc;border-radius:8px;font-size:14px;gap:6px;max-width:100%;overflow:hidden;padding:8px 12px}.breadcrumb-item,.breadcrumbs{align-items:center;color:#cbd5e1;color:var(--header-text-secondary);display:flex;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition);white-space:nowrap}.breadcrumb-item{border-radius:6px;flex-shrink:0;font-weight:400;gap:4px;padding:4px 8px;text-decoration:none}.breadcrumb-item:hover{background:#3b82f61a;color:#14b8a6;color:var(--header-accent);transform:translateY(-1px)}.breadcrumb-item.active{background:#3b82f626;color:#f8fafc;color:var(--header-text-primary);font-weight:600}.breadcrumb-separator{color:#94a3b8;color:var(--header-text-muted);flex-shrink:0;font-size:12px;margin:0 4px;opacity:.6}.page-title{color:#f8fafc;color:var(--header-text-primary);font-size:24px;font-weight:700;letter-spacing:-.025em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-primary-action{align-items:center;background:linear-gradient(135deg,#2563eb,#14b8a6);border:none;border-radius:8px;box-shadow:0 4px 14px #2563eb40;color:#fff;cursor:pointer;display:flex;flex-shrink:1;font-size:13px;font-weight:600;gap:6px;height:44px;justify-content:center;letter-spacing:.01em;min-width:0;overflow:visible;padding:10px 14px;position:relative;transition:all .2s ease;white-space:nowrap}.header-primary-action:hover{background:linear-gradient(135deg,#1d4ed8,#0f766e);box-shadow:0 6px 20px #2563eb66;color:#fff;transform:translateY(-2px)}.header-primary-action:active{box-shadow:0 2px 8px #2563eb4d;transform:translateY(0)}.header-create-form{align-items:center;animation:slideDown .2s ease-out;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#1e40af);background:var(--header-bg);border:2px solid #14b8a6;border:2px solid var(--header-accent);border-radius:8px;border-radius:var(--header-radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--header-shadow-lg);display:flex;gap:8px;padding:8px}.header-create-input{background:#0000;border:none;color:#f8fafc;color:var(--header-text-primary);font-size:14px;min-width:200px;outline:none;padding:8px 12px}.header-create-input::placeholder{color:#94a3b8;color:var(--header-text-muted)}.header-create-button{background:#14b8a6;background:var(--header-accent);border:none;border-radius:6px;border-radius:var(--header-radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition)}.header-create-button:hover{background:#0d9488;background:var(--header-accent-hover)}.header-create-cancel{background:#0000;border:none;border-radius:6px;border-radius:var(--header-radius-sm);color:#94a3b8;color:var(--header-text-muted);cursor:pointer;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition)}.header-create-cancel:hover{background:#f8fafc;background:var(--header-hover);color:#f8fafc;color:var(--header-text-primary)}.header-smart-save-container{align-items:center;display:flex;flex-direction:row;gap:8px;height:44px;justify-content:flex-end}.header-smart-save{align-items:center;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-shrink:1;font-size:13px;font-weight:500;gap:6px;height:40px;justify-content:center;letter-spacing:.01em;min-width:0;overflow:visible;padding:10px 14px;position:relative;transition:all .2s ease;white-space:nowrap}.header-smart-save-time{color:#6b7280;font-size:11px;font-weight:500;line-height:1.2;min-width:80px;opacity:.9;text-align:right;white-space:nowrap}.header-smart-save.disabled{background:#f8fafc;box-shadow:0 1px 2px #0000000d;color:#94a3b8;cursor:not-allowed}.header-smart-save.active{background:linear-gradient(135deg,#3b82f6,#14b8a6);box-shadow:0 4px 14px #3b82f64d;color:#fff}.header-smart-save.active:hover{background:linear-gradient(135deg,#2563eb,#0d9488);box-shadow:0 6px 20px #3b82f666;color:#fff;transform:translateY(-2px)}.header-smart-save.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b9814d;color:#fff}.header-smart-save.saved:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;color:#fff;transform:translateY(-2px)}.header-smart-save.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d;color:#fff}.header-smart-save.error:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;color:#fff;transform:translateY(-2px)}.header-global-settings{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--header-radius-md);display:flex;gap:12px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition)}.header-global-settings:hover{background:#f8fafc;background:var(--header-hover)}.header-setting-item{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0000;border:none;border-radius:6px;border-radius:var(--header-radius-sm);cursor:pointer;display:flex;gap:6px;padding:8px 12px;position:relative;touch-action:manipulation;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition);-webkit-user-select:none;user-select:none;will-change:background-color,transform;z-index:500}.header-setting-item:hover{background:#f8fafc;background:var(--header-hover);transform:translateY(-1px)}.header-setting-icon{color:#cbd5e1;color:var(--header-text-secondary);height:16px;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--header-transition);width:16px}.header-setting-item:hover .header-setting-icon{color:#14b8a6;color:var(--header-accent)}.header-setting-label{color:#cbd5e1;color:var(--header-text-secondary);font-size:12px;font-weight:500;white-space:nowrap}.header-setting-item:hover .header-setting-label{color:#f8fafc;color:var(--header-text-primary)}.header-setting-tooltip{background:#f8fafc;background:var(--header-text-primary);border-radius:6px;border-radius:var(--header-radius-sm);bottom:-32px;color:#fff;font-size:11px;font-weight:500;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--header-transition);white-space:nowrap;z-index:500}.header-setting-item:hover .header-setting-tooltip{opacity:1}.header-dropdown-container,.header-user-container{-webkit-touch-callout:none;position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;z-index:9999}.header-dropdown-container{display:inline-block}.header-dropdown,.header-user-dropdown{-webkit-tap-highlight-color:transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:1px solid #ffffff1a;border:1px solid var(--header-border);border-radius:12px;border-radius:var(--header-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--header-shadow-lg);display:none;opacity:0;outline:none;pointer-events:none;position:fixed;transition:opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);visibility:hidden;will-change:opacity,transform,visibility;z-index:10000}.header-dropdown{left:0;min-width:200px}.header-dropdown,.header-user-dropdown{transform:translateZ(0);-webkit-transform:translateZ(0)}.header-user-dropdown{min-width:280px;right:0}.header-dropdown.show,.header-user-dropdown.show{display:block!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.header-dropdown-header{background:#f8fafc;background:var(--header-hover);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--header-border);border-radius:12px 12px 0 0;border-radius:var(--header-radius-lg) var(--header-radius-lg) 0 0;padding:12px 16px}.header-dropdown-header span{color:#cbd5e1;color:var(--header-text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.header-dropdown-content{max-height:300px;overflow-y:auto;padding:8px 0}.header-dropdown-item{-webkit-tap-highlight-color:transparent;align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0000;border:none;color:#f8fafc;color:var(--header-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;outline:none;padding:12px 16px;text-align:left;transition:background-color .1s cubic-bezier(.4,0,.2,1);width:100%;will-change:background-color}.header-dropdown-item:hover{background:#f8fafc;background:var(--header-hover)}.header-dropdown-item:focus-visible{background:#f8fafc;background:var(--header-hover);outline:2px solid #14b8a6;outline:2px solid var(--header-accent);outline-offset:-2px}.header-dropdown-item.active{background:#eff6ff;background:var(--header-active);color:#14b8a6;color:var(--header-accent)}.header-dropdown-flag{font-size:16px;text-align:center;width:20px}.header-dropdown-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-dropdown-check{color:#14b8a6;color:var(--header-accent);margin-left:auto}.header-dropdown-content::-webkit-scrollbar{width:4px}.header-dropdown-content::-webkit-scrollbar-track{background:#0000}.header-dropdown-content::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--header-border);border-radius:2px}.header-dropdown-content::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--header-text-muted)}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.header-control-group{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:4px;padding:4px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition)}.header-control-group:hover{background:#f1f5f9;border-color:#14b8a6;border-color:var(--header-accent)}.header-control-label{color:#cbd5e1;color:var(--header-text-secondary);font-size:12px;font-weight:500;white-space:nowrap}.header-control-select{cursor:pointer;min-width:60px}.header-control-input,.header-control-select{background:#0000;border:none;color:#f8fafc;color:var(--header-text-primary);font-size:12px;outline:none}.header-control-input{text-align:center;width:40px}.header-control-button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#cbd5e1;color:var(--header-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition);width:32px}.header-control-button:hover{background:#14b8a6;background:var(--header-accent);border-color:#14b8a6;border-color:var(--header-accent);color:#fff}.header-control-button:disabled{cursor:not-allowed;opacity:.5}.header-user-container{overflow:visible}.header-user-profile{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0000;border:none;border-radius:8px;border-radius:var(--header-radius-md);cursor:pointer;display:flex;gap:10px;padding:8px 16px;position:relative;touch-action:manipulation;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition);-webkit-user-select:none;user-select:none;will-change:background-color,transform}.header-user-profile:hover{background:#f8fafc;background:var(--header-hover);transform:translateY(-1px)}.header-user-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488 50%,#0f766e);border-radius:50%;box-shadow:0 2px 4px #14b8a626;color:#fff;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;letter-spacing:.025em;width:32px}.header-user-name{color:#f8fafc;color:var(--header-text-primary);font-size:14px;font-weight:600;letter-spacing:.025em;white-space:nowrap}.header-user-dropdown-header{align-items:center;background:#f8fafc;background:var(--header-hover);border-radius:12px 12px 0 0;border-radius:var(--header-radius-lg) var(--header-radius-lg) 0 0;display:flex;gap:12px;padding:16px}.header-user-dropdown-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#14b8a6);border-radius:50%;box-shadow:0 2px 4px #3b82f626;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;letter-spacing:.025em;width:40px}.header-user-dropdown-info{flex:1 1;min-width:0}.header-user-dropdown-name{color:#f8fafc;color:var(--header-text-primary);font-size:16px;font-weight:600;margin-bottom:2px}.header-user-dropdown-email,.header-user-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-dropdown-email{color:#cbd5e1;color:var(--header-text-secondary);font-size:12px}.header-user-dropdown-divider{background:#ffffff1a;background:var(--header-border);height:1px;margin:0}.header-user-dropdown-menu{padding:8px 0}.header-user-dropdown-item{-webkit-tap-highlight-color:transparent;align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;outline:none;padding:12px 16px;text-align:left;transition:background-color .1s cubic-bezier(.4,0,.2,1);width:100%;will-change:background-color}.header-user-dropdown-item:hover{background:#f8fafc;background:var(--header-hover);color:#1f2937}.header-user-dropdown-item:focus-visible{background:#f8fafc;background:var(--header-hover);outline:2px solid #14b8a6;outline:2px solid var(--header-accent);outline-offset:-2px}.header-user-dropdown-signout{color:#dc2626}.header-user-dropdown-signout:hover{background:#fef2f2;color:#b91c1c}.header-user-dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.header-save-button{align-items:center;background:#14b8a6;background:var(--header-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition)}.header-save-button:hover{background:#0d9488;background:var(--header-accent-hover);box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.header-save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.header-save-button.saved,.header-save-button.saving{background:#10b981}@media (min-width:1400px){.header-container{--header-padding-x:40px;--header-section-gap:32px}.page-title{font-size:28px}.header-global-settings,.header-user-profile,.perspective-badge{display:flex}.header-mobile-menu-btn{display:none}}@media (min-width:1200px) and (max-width:1399px){.header-container{--header-padding-x:32px;--header-section-gap:24px}.page-title{font-size:24px}.header-global-settings,.header-user-profile,.perspective-badge{display:flex}.header-mobile-menu-btn{display:none}}@media (min-width:992px) and (max-width:1199px){.header-container{--header-padding-x:24px;--header-section-gap:20px}.page-title{font-size:22px}.header-global-settings{display:none}.header-user-profile,.perspective-badge{display:flex}.header-mobile-menu-btn{display:none}.header-primary-action,.header-smart-save{font-size:13px;padding:6px 12px}}@media (min-width:768px) and (max-width:991px){.header-container{--header-padding-x:20px;--header-section-gap:16px;--header-height:60px!important}.page-title{font-size:20px}.header-global-settings,.header-user-profile{display:none}.perspective-badge{display:flex;font-size:10px;gap:3px;height:28px;opacity:.8;padding:5px 8px}.header-mobile-menu-btn,.perspective-badge__text{display:none}.header-primary-action,.header-smart-save{font-size:12px;height:40px;padding:6px 12px}}@media (min-width:576px) and (max-width:767px){.header-container{--header-padding-x:16px;--header-section-gap:12px;--header-height:60px!important}.header-navigation{display:none}.header-context{flex:1 1 auto;justify-content:flex-start;padding:0}.page-title{font-size:18px;text-align:left}.header-actions{flex:0 0 auto;gap:8px;justify-content:flex-end}.header-global-settings,.header-user-profile,.perspective-badge{display:none}.header-mobile-menu-btn{display:flex}.header-primary-action,.header-smart-save{font-size:11px;height:32px;padding:6px 12px}}@media (max-width:575px){.header-container{--header-padding-x:12px;--header-section-gap:8px;--header-height:60px!important}.header-navigation{display:none}.header-context{flex:1 1 auto;justify-content:flex-start;padding:0}.page-title{font-size:16px;text-align:left}.header-actions{flex:0 0 auto;gap:6px;justify-content:flex-end}.header-global-settings,.header-user-profile,.perspective-badge{display:none}.header-mobile-menu-btn{display:flex}.header-primary-action,.header-smart-save{font-size:11px;height:32px;padding:6px 10px}}@media (max-width:480px){.header-container{--header-padding-x:8px;--header-section-gap:4px;--header-height:60px!important}.header-context{flex:1 1 auto}.page-title{font-size:14px}.header-actions{flex:0 0 auto;gap:4px}.header-global-settings,.header-user-profile,.perspective-badge{display:none}.header-mobile-menu-btn{display:flex;height:28px;width:32px}.header-primary-action,.header-smart-save{height:28px;min-width:28px;padding:6px}.header-primary-action span,.header-smart-save span{display:none}}@media (max-width:640px){.project-form-container{flex-direction:column!important;gap:12px!important}.project-input{margin-bottom:0;width:100%!important}.project-save-btn{justify-content:center;margin-top:0;width:100%!important}.project-item{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.project-content{justify-content:flex-start!important;width:100%!important}.project-actions{flex-wrap:wrap;justify-content:space-between!important;width:100%!important}.project-actions button{flex:1 1;margin:2px;min-width:0}}@media (max-width:480px){.project-actions button{font-size:12px!important;padding:8px 12px!important}.project-item{padding:12px!important}.project-icon{height:16px!important;width:16px!important}.project-name{font-size:14px!important}.project-form-container{margin-bottom:16px;padding:8px}.project-panel{padding:16px!important}}@media (max-width:768px){.main-content{padding:16px!important}.projects-section{margin-bottom:24px}.project-panel h3{font-size:18px!important;margin-bottom:16px!important}.project-panel h4{font-size:16px!important;margin-bottom:12px!important}}@media (max-width:1024px){.sidebar-nav-item{align-items:flex-start;flex-direction:column;height:auto;min-height:40px;min-height:var(--sidebar-item-height);padding:8px .375rem;padding:8px var(--sidebar-spacing-sm)}.sidebar-nav-item .flex.items-center{justify-content:space-between;width:100%}.sidebar-nav-item .flex.items-center span{flex:1 1;line-height:1.3}.sidebar-badge-premium{align-self:flex-end;margin-left:auto;margin-top:4px}}@media (max-width:768px){.page-title{font-size:16px!important;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-primary-action,.header-smart-save{font-size:11px!important;padding:6px 8px!important}.header-primary-action span,.header-smart-save span{display:none}.header-primary-action:after{content:"Mode"}.header-smart-save:after{content:"Hist"}.fixed.bottom-6.right-6{bottom:16px!important;right:16px!important}.fixed.bottom-6.right-6 button{height:48px!important;width:48px!important}.fixed.bottom-6.right-6 button svg{height:20px!important;width:20px!important}.fixed.bottom-6.right-6 .w-96{max-width:320px!important;width:calc(100vw - 32px)!important}.fixed.bottom-6.right-6 .h-\[600px\]{height:400px!important}.sidebar-nav-item{font-size:.8rem}.sidebar-section-header{font-size:.7rem}.project-panel h3{font-size:1.1rem!important}.project-panel h4{font-size:1rem!important}}.header-mobile-menu-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--header-radius-md);color:#f8fafc;color:var(--header-text-primary);cursor:pointer;display:none;height:40px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition);width:40px;z-index:100}.header-mobile-menu-btn:hover{background:#f8fafc;background:var(--header-hover);transform:scale(1.05)}.header-mobile-menu-btn:active{transform:scale(.95)}.header-mobile-menu-btn svg{height:20px;transition:transform .3s ease;width:20px}.header-mobile-menu-btn[aria-expanded=true] svg{transform:rotate(90deg)}@media (max-width:767px){.header-mobile-menu-btn{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#1e40af);background:var(--header-bg);border:1px solid #ffffff1a;border:1px solid var(--header-border);box-shadow:0 1px 3px #0000001a;display:flex}.header-mobile-menu-btn:hover{background:#f8fafc;background:var(--header-hover);box-shadow:0 2px 6px #00000026}}.header-temp-landing-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-height:40px;order:2;padding:8px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.header-temp-landing-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.header-temp-landing-btn:active{box-shadow:0 2px 4px #3b82f633;transform:translateY(0)}.header-temp-landing-btn:focus{box-shadow:0 0 0 4px #3b82f633;outline:2px solid #3b82f6;outline-offset:2px}.header-temp-landing-btn svg{height:16px;transition:transform .3s ease;width:16px}.header-temp-landing-btn:hover svg{transform:scale(1.1)}@media (max-width:768px){.header-temp-landing-btn{gap:6px;padding:8px 12px}.header-temp-landing-btn span{display:none}}@media (max-width:480px){.header-temp-landing-btn{min-height:36px;padding:6px 10px}.header-mobile-menu-btn{border-radius:6px;height:28px;padding:4px;width:32px}.header-mobile-menu-btn svg{height:16px;width:16px}}.mobile-menu-overlay{animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:500}@keyframes fadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.mobile-menu{-webkit-overflow-scrolling:touch;animation:slideInRight .3s ease-out;background:#fff;box-shadow:-4px 0 12px #00000026;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;width:320px;z-index:400}@media (max-width:767px){.mobile-menu{max-width:320px;width:100vw}}@media (max-width:480px){.mobile-menu{max-width:280px;width:100vw}}.mobile-menu-header{align-items:center;background:#f8fafc;background:var(--header-hover);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--header-border);display:flex;justify-content:space-between;padding:20px}.mobile-menu-logo{align-items:center;color:#f8fafc;color:var(--header-text-primary);display:flex;font-size:18px;font-weight:700;gap:8px}.mobile-menu-close{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--header-radius-sm);color:#cbd5e1;color:var(--header-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition);width:32px}.mobile-menu-close:hover{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#1e40af);background:var(--header-bg);color:#f8fafc;color:var(--header-text-primary)}.mobile-menu-content{padding:20px}.mobile-menu-section{margin-bottom:32px}.mobile-menu-section:last-child{margin-bottom:0}.mobile-menu-section-title{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--header-border);color:#f8fafc;color:var(--header-text-primary);font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.mobile-menu-settings{display:flex;flex-direction:column;gap:16px}.mobile-menu-setting{display:flex;flex-direction:column;gap:8px}.mobile-menu-setting label{color:#f8fafc;color:var(--header-text-primary);font-size:14px;font-weight:500}.mobile-menu-setting input,.mobile-menu-setting select{background:#fff;border:1px solid #ffffff1a;border:1px solid var(--header-border);border-radius:8px;border-radius:var(--header-radius-md);color:#f8fafc;color:var(--header-text-primary);font-size:14px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition)}.mobile-menu-setting input:focus,.mobile-menu-setting select:focus{border-color:#14b8a6;border-color:var(--header-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.mobile-menu-setting button{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--header-border);border-radius:8px;border-radius:var(--header-radius-md);color:#f8fafc;color:var(--header-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition)}.mobile-menu-setting button:hover{background:#f8fafc;background:var(--header-hover);border-color:#14b8a6;border-color:var(--header-accent)}.mobile-menu-setting button:disabled{cursor:not-allowed;opacity:.5}.mobile-menu-user{align-items:center;background:#f8fafc;background:var(--header-hover);border-radius:8px;border-radius:var(--header-radius-md);display:flex;gap:12px;margin-bottom:16px;padding:16px}.mobile-menu-user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#14b8a6);border-radius:50%;box-shadow:0 2px 4px #3b82f626;color:#fff;display:flex;font-size:16px;font-weight:700;height:48px;justify-content:center;letter-spacing:.025em;width:48px}.mobile-menu-user-info{flex:1 1;min-width:0}.mobile-menu-user-name{color:#f8fafc;color:var(--header-text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.mobile-menu-user-email,.mobile-menu-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-user-email{color:#cbd5e1;color:var(--header-text-secondary);font-size:12px}.mobile-menu-user-actions{display:flex;flex-direction:column;gap:8px}.mobile-menu-user-actions button{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--header-border);border-radius:8px;border-radius:var(--header-radius-md);color:#f8fafc;color:var(--header-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--header-transition)}.mobile-menu-user-actions button:hover{background:#f8fafc;background:var(--header-hover);border-color:#14b8a6;border-color:var(--header-accent)}.mobile-menu-user-actions button:last-child{border-color:#fecaca;color:#dc2626}.mobile-menu-user-actions button:last-child:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.sidebar-container{border-bottom-right-radius:16px;border-top-right-radius:0;box-sizing:border-box;height:calc(100vh - 60px)!important;height:calc(100vh - var(--header-height))!important;left:0;overflow-x:visible;overflow-y:auto;padding:.375rem 0;padding:var(--sidebar-spacing-sm) 0;position:fixed!important;top:60px!important;top:var(--header-height)!important;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--sidebar-header-transition);width:250px;width:var(--sidebar-width);z-index:999}.sidebar-container,.sidebar-header{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#1e40af);background:var(--sidebar-bg)}.sidebar-header{height:80px;height:var(--sidebar-header-height)}.sidebar-nav-item{border-radius:.5rem;border-radius:var(--sidebar-radius-md);color:#cbd5e1;color:var(--sidebar-text-secondary);font-size:.875rem;font-weight:500;height:40px;height:var(--sidebar-item-height);margin-bottom:.25rem;margin-bottom:var(--sidebar-rhythm-xs);overflow:hidden;padding:0 .375rem;padding:0 var(--sidebar-spacing-sm);position:relative}.sidebar-nav-item:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--sidebar-shadow-sm);transform:translateX(2px)}.sidebar-nav-item:focus,.sidebar-nav-item:hover{background-color:#ffffff1a;background-color:var(--sidebar-bg-hover);color:#f8fafc;color:var(--sidebar-text-primary)}.sidebar-nav-item:focus{box-shadow:0 0 0 2px #14b8a6;box-shadow:0 0 0 2px var(--sidebar-accent-primary);outline:none;transform:translateX(1px)}.sidebar-nav-item:focus-visible{outline:2px solid #14b8a6;outline:2px solid var(--sidebar-accent-primary);outline-offset:2px}.sidebar-nav-item.active{background-color:#fff3;background-color:var(--sidebar-bg-active);border-left:3px solid #14b8a6;border-left:3px solid var(--sidebar-accent-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--sidebar-shadow-sm);color:#14b8a6;color:var(--sidebar-text-active);font-weight:600}.sidebar-nav-item.active:hover{transform:translateX(1px)}.sidebar-nav-item.premium{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--sidebar-bg-premium);border:1px solid #14b8a6;border:1px solid var(--sidebar-border-premium);color:#14b8a6;color:var(--sidebar-text-premium);position:relative}.sidebar-nav-item.premium:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#0d9488;border-color:var(--sidebar-accent-premium);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--sidebar-shadow-md);transform:translateX(2px)}.sidebar-nav-item.premium.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#0d9488;border-color:var(--sidebar-accent-premium);border-left:3px solid #0d9488;border-left:3px solid var(--sidebar-accent-premium);color:#14b8a6;color:var(--sidebar-text-premium);font-weight:600}.sidebar-section-header{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.375rem;border-radius:var(--sidebar-radius-sm);color:#cbd5e1;color:var(--sidebar-text-secondary);margin-bottom:.5rem;margin-bottom:var(--sidebar-rhythm-sm);margin-top:.75rem;margin-top:var(--sidebar-rhythm-md);padding:.25rem .375rem;padding:var(--sidebar-spacing-xs) var(--sidebar-spacing-sm)}.sidebar-section-header,.sidebar-subsection-header{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sidebar-subsection-header{align-items:center;border-radius:.375rem;border-radius:var(--sidebar-radius-sm);display:flex;gap:.375rem;gap:var(--sidebar-spacing-sm);margin-bottom:.25rem;margin-bottom:var(--sidebar-spacing-xs);margin-top:.5rem;margin-top:var(--sidebar-spacing-md);padding:.25rem .5rem;padding:var(--sidebar-spacing-xs) var(--sidebar-spacing-md);transition:all .15s ease-out;transition:all var(--sidebar-transition-fast)}.sidebar-subsection-header:hover{background-color:#00000005;transform:translateX(1px)}.sidebar-phase-indicator{align-items:center;border-left:3px solid #0000;border-radius:.375rem;border-radius:var(--sidebar-radius-sm);display:flex;font-size:.75rem;font-weight:600;gap:.375rem;gap:var(--sidebar-spacing-sm);letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--sidebar-rhythm-xs);margin-top:.5rem;margin-top:var(--sidebar-rhythm-sm);padding:.25rem .375rem;padding:var(--sidebar-spacing-xs) var(--sidebar-spacing-sm);position:relative;text-transform:uppercase;transition:all .15s ease-out;transition:all var(--sidebar-transition-fast)}.sidebar-phase-indicator:focus,.sidebar-phase-indicator:hover{background-color:#00000005;transform:translateX(1px)}.sidebar-phase-indicator:focus{box-shadow:0 0 0 2px #14b8a6;box-shadow:0 0 0 2px var(--sidebar-accent-primary);outline:none}.sidebar-phase-indicator:focus-visible{outline:2px solid #14b8a6;outline:2px solid var(--sidebar-accent-primary);outline-offset:2px}.sidebar-phase-number{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#fff;display:flex;font-size:.625rem;font-weight:700;height:18px;justify-content:center;transition:all .15s ease-out;transition:all var(--sidebar-transition-fast);width:18px}.sidebar-phase-indicator:hover .sidebar-phase-number{box-shadow:0 2px 6px #00000026;transform:scale(1.1)}.sidebar-phase-indicator.phase-1{border-left-color:#0ea5e9}.sidebar-phase-indicator.phase-1 .sidebar-phase-number{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.sidebar-phase-indicator.phase-2{border-left-color:#06b6d4}.sidebar-phase-indicator.phase-2 .sidebar-phase-number{background:linear-gradient(135deg,#06b6d4,#0891b2)}.sidebar-phase-indicator.phase-3{border-left-color:#0ea5e9}.sidebar-phase-indicator.phase-3 .sidebar-phase-number{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.sidebar-phase-indicator.phase-4{border-left-color:#0ea5e9}.sidebar-phase-indicator.phase-4 .sidebar-phase-number{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.sidebar-phase-indicator.phase-5{border-left-color:#06b6d4}.sidebar-phase-indicator.phase-5 .sidebar-phase-number{background:linear-gradient(135deg,#06b6d4,#0891b2)}.sidebar-section-connector{margin:.5rem 0;margin:var(--sidebar-rhythm-sm) 0;padding-left:.75rem;padding-left:var(--sidebar-spacing-lg);position:relative}.sidebar-section-connector:before{background:linear-gradient(180deg,#0000 0,#ffffff1a 20%,#ffffff1a 80%,#0000);background:linear-gradient(to bottom,#0000 0,var(--sidebar-border) 20%,var(--sidebar-border) 80%,#0000 100%);bottom:-8px;content:"";left:8px;opacity:.3;position:absolute;top:-8px;width:2px}.sidebar-section-connector:after{background:#ffffff1a;background:var(--sidebar-border);border-radius:50%;content:"";height:6px;left:6px;opacity:.4;position:absolute;top:50%;transform:translateY(-50%);width:6px}.sidebar-breathing-space{margin:.75rem 0;margin:var(--sidebar-rhythm-md) 0;padding:.25rem 0;padding:var(--sidebar-rhythm-xs) 0;position:relative}.sidebar-breathing-space:before{background:linear-gradient(90deg,#0000 0,#ffffff1a 20%,#ffffff1a 80%,#0000);background:linear-gradient(to right,#0000 0,var(--sidebar-border) 20%,var(--sidebar-border) 80%,#0000 100%);content:"";height:1px;left:50%;opacity:.3;position:absolute;top:0;transform:translateX(-50%);width:60%}.sidebar-phase-group{margin-bottom:1rem;margin-bottom:var(--sidebar-rhythm-lg)}.sidebar-phase-group:last-child{margin-bottom:0}.sidebar-nav-item.loading{color:#94a3b8;color:var(--sidebar-text-muted);pointer-events:none;position:relative}.sidebar-nav-item.loading:after{animation:sidebar-spin 1s linear infinite;border:2px solid #ffffff1a;border-top:2px solid #14b8a6;border:2px solid var(--sidebar-border);border-radius:50%;border-top-color:var(--sidebar-accent-primary);content:"";height:12px;position:absolute;right:.5rem;right:var(--sidebar-spacing-md);top:50%;transform:translateY(-50%);width:12px}@keyframes sidebar-spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.sidebar-nav-item{transition:all .2s ease-out;transition:all var(--sidebar-transition-normal)}.sidebar-nav-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sidebar-nav-item:hover:before{left:100%}.sidebar-tooltip{position:relative}.sidebar-container.collapsed .sidebar-nav-item:after,.sidebar-tooltip:after{background:#f8fafc;background:var(--sidebar-text-primary);border-radius:.375rem;border-radius:var(--sidebar-radius-sm);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--sidebar-shadow-md);color:#fff;content:attr(data-tooltip);font-size:.75rem;margin-left:.375rem;margin-left:var(--sidebar-spacing-sm);padding:.25rem .375rem;padding:var(--sidebar-spacing-xs) var(--sidebar-spacing-sm);white-space:nowrap}.sidebar-container.collapsed .sidebar-nav-item:after,.sidebar-container.collapsed .sidebar-nav-item:before,.sidebar-tooltip:after,.sidebar-tooltip:before{left:100%;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s ease-out;transition:all var(--sidebar-transition-fast);visibility:hidden;z-index:500}.sidebar-container.collapsed .sidebar-nav-item:before,.sidebar-tooltip:before{border:4px solid #0000;border-right:4px solid var(--sidebar-text-primary);content:"";margin-left:calc(.375rem - 4px);margin-left:calc(var(--sidebar-spacing-sm) - 4px)}.sidebar-container.collapsed .sidebar-nav-item:hover:after,.sidebar-container.collapsed .sidebar-nav-item:hover:before,.sidebar-tooltip:hover:after,.sidebar-tooltip:hover:before{opacity:1;visibility:visible}@media (max-width:768px){.sidebar-container{width:200px}.sidebar-nav-item{font-size:.8rem;padding:0 .375rem;padding:0 var(--sidebar-spacing-sm)}.sidebar-phase-indicator{font-size:.7rem;padding:.25rem .375rem;padding:var(--sidebar-spacing-xs) var(--sidebar-spacing-sm)}.sidebar-phase-number{font-size:.6rem;height:16px;width:16px}}@media (max-width:640px){.sidebar-container{width:180px}.sidebar-header{padding:.375rem;padding:var(--sidebar-spacing-sm)}.sidebar-nav-item{font-size:.75rem;height:36px}}.sidebar-container::-webkit-scrollbar{width:4px}.sidebar-container::-webkit-scrollbar-track{background:#0000;border-radius:2px}.sidebar-container::-webkit-scrollbar-thumb{background:#0000;border-radius:2px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.sidebar-container:hover::-webkit-scrollbar-thumb{background:#94a3b833}.sidebar-container::-webkit-scrollbar-thumb:hover{background:#94a3b866}.sidebar-container::-webkit-scrollbar-thumb:active{background:#3b82f6b3;opacity:1}.sidebar-container{scrollbar-color:#0000 #0000;scrollbar-width:thin}.sidebar-container:hover{scrollbar-color:#94a3b833 #0000}nav.flex-grow::-webkit-scrollbar{width:4px}nav.flex-grow::-webkit-scrollbar-track{background:#0000;border-radius:2px}nav.flex-grow::-webkit-scrollbar-thumb{background:#0000;border-radius:2px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.sidebar-container:hover nav.flex-grow::-webkit-scrollbar-thumb{background:#94a3b833}nav.flex-grow::-webkit-scrollbar-thumb:hover{background:#94a3b866}nav.flex-grow::-webkit-scrollbar-thumb:active{background:#3b82f6b3;opacity:1}.sidebar-section-item{margin-bottom:8px;overflow:visible;position:relative}.group{position:relative}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:rotate-180,.group:hover .sidebar-section-header-item .chevron-down{transform:rotate(180deg)}.dropdown-portal{animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar-dropdown-portal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#33475b;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 32px #0000004d}.sidebar-dropdown-portal .sidebar-nav-item{align-items:center;background:#0000;border-radius:0;color:#e5e7eb;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;margin:0;padding:8px 16px;transition:all .2s ease;width:100%}.sidebar-dropdown-portal .sidebar-nav-item:hover{background-color:#ffffff1a;color:#fff;transform:none}.sidebar-dropdown-portal .sidebar-nav-item:first-child{border-bottom:1px solid #ffffff1a;color:#fff;font-weight:600;margin-bottom:4px;padding-bottom:12px}.sidebar-section-header-item{border-radius:6px;color:#f8fafc;color:var(--sidebar-text-primary);cursor:pointer;font-size:.875rem;font-weight:600;position:relative;transition:all .2s ease}.sidebar-section-header-item:hover{background-color:#ffffff1a}@keyframes slideInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-layout{background:#33475b;background:var(--main-bg);box-sizing:border-box;display:flex;flex-direction:column;height:auto;min-height:100vh;overflow:visible}.header-full-width{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#1e40af);background:var(--header-bg);border-bottom:none;box-shadow:none;height:60px!important;height:var(--header-height)!important;left:0;position:fixed!important;right:0;top:0;z-index:1000!important}.main-content-area{background-color:#33475b;background-color:var(--main-bg);box-sizing:border-box;display:flex;height:calc(100vh - 60px)!important;height:calc(100vh - var(--header-height))!important;margin-left:250px;margin-left:var(--sidebar-width);margin-top:60px!important;margin-top:var(--header-height)!important;min-height:calc(100vh - 60px)!important;min-height:calc(100vh - var(--header-height))!important;overflow-x:hidden;overflow-y:auto;position:relative;transition:margin-left .3s ease;z-index:1}.sidebar-container.collapsed~.main-content-area,body:has(.sidebar-container.collapsed) .main-content-area{margin-left:60px;margin-left:var(--sidebar-width-collapsed)}.sidebar-container{border-right:none;border-top:none;box-shadow:none;margin-top:0}.header-container{border-bottom:none;box-shadow:none}.header-full-width+.sidebar-container{margin-top:0;top:60px;top:var(--header-height)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);border-radius:4px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#1d4ed8 50%,#3b82f6);box-shadow:0 0 8px #3b82f64d}::-webkit-scrollbar-thumb:active{background:#1d4ed8;box-shadow:0 0 12px #3b82f680}::-webkit-scrollbar-corner{background:#f8fafc}*{scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}:hover{scrollbar-color:#3b82f6 #f8fafc}.main-content-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px 16px 16px 12px;height:100%;margin:0 16px 16px 0;overflow-x:hidden;overflow-y:auto;padding:32px}.content-scrollable::-webkit-scrollbar{width:6px}.content-scrollable::-webkit-scrollbar-track{background:#f8fafc80;border-radius:3px}.content-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e199,#94a3b8cc 50%,#cbd5e199);border-radius:3px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.content-scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6cc,#1d4ed8e6 50%,#3b82f6cc);box-shadow:0 0 6px #3b82f666}.modal-scrollable::-webkit-scrollbar{width:4px}.modal-scrollable::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.modal-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0003,#0006 50%,#0003);border-radius:2px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.modal-scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f699,#1d4ed8cc 50%,#3b82f699)}.smooth-scroll{scroll-behavior:smooth}.scroll-indicator{position:relative}.scroll-indicator:before{background:linear-gradient(90deg,#0000,#14b8a6 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--sidebar-accent-primary) 50%,#0000 100%);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-out}.scroll-indicator.scrolled:before{opacity:1}.sidebar-container{overflow:hidden;transition:width .2s ease-out;transition:width var(--sidebar-transition-normal)}.sidebar-container.collapsed{width:60px;width:var(--sidebar-width-collapsed)}.sidebar-container.collapsed .sidebar-header{justify-content:center;padding:.375rem;padding:var(--sidebar-spacing-sm)}.sidebar-container.collapsed .sidebar-breathing-space,.sidebar-container.collapsed .sidebar-header .logo-text,.sidebar-container.collapsed .sidebar-header h1,.sidebar-container.collapsed .sidebar-phase-indicator,.sidebar-container.collapsed .sidebar-section-connector,.sidebar-container.collapsed .sidebar-section-header{display:none}.sidebar-container.collapsed .sidebar-nav-item{justify-content:center;margin-bottom:4px;padding:8px 0}.sidebar-container.collapsed .sidebar-nav-item span{display:none}.sidebar-container.collapsed .sidebar-nav-item .sidebar-badge-premium{background:#0d9488;background:var(--sidebar-accent-premium);border:1px solid #fff;border-radius:50%;font-size:0;height:8px;padding:0;position:absolute;right:2px;top:2px;width:8px}.sidebar-container.collapsed .sidebar-nav-item svg[data-lucide=crown],.sidebar-container.collapsed .sidebar-section-header-item svg[data-lucide=crown]{display:none!important}.sidebar-container.collapsed .sidebar-nav-item .sidebar-icon{height:20px;margin:0;width:20px}.sidebar-container.collapsed .sidebar-nav-item:hover{background-color:#ffffff1a;border-radius:6px}.sidebar-container.collapsed .sidebar-nav-item.active{background-color:#fff3;border-radius:6px}.sidebar-container.collapsed .sidebar-section-item{position:relative}.sidebar-container.collapsed .sidebar-section-header-item{justify-content:center;margin-bottom:4px;padding:8px 0}.sidebar-container.collapsed .sidebar-section-header-item .chevron-down,.sidebar-container.collapsed .sidebar-section-header-item span{display:none}.sidebar-container.collapsed .sidebar-dropdown-portal{left:60px!important;left:var(--sidebar-width-collapsed)!important;top:0!important}.sidebar-toggle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #0000001a;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.4;position:absolute;right:.375rem;right:var(--sidebar-spacing-sm);top:50%;transform:translateY(-50%);transition:all .2s ease-out;transition:all var(--sidebar-transition-normal);width:24px;z-index:100}.sidebar-container:hover .sidebar-toggle{opacity:.8}.sidebar-toggle:hover{background:#fffffff2;border-color:#14b8a6;border-color:var(--sidebar-accent-primary);box-shadow:0 4px 12px #00000026;opacity:1;transform:translateY(-50%) scale(1.1)}.sidebar-toggle svg{color:#94a3b8;color:var(--sidebar-text-muted);height:12px;transition:all .15s ease-out;transition:all var(--sidebar-transition-fast);width:12px}.sidebar-toggle:hover svg{color:#14b8a6;color:var(--sidebar-accent-primary)}.sidebar-container.collapsed .sidebar-toggle{height:20px;right:.25rem;right:var(--sidebar-spacing-xs);width:20px}.sidebar-container.collapsed .sidebar-toggle svg{height:10px;width:10px}.sidebar-container.collapsed .sidebar-toggle{animation:subtle-pulse 3s ease-in-out infinite}@keyframes subtle-pulse{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:.8;transform:translateY(-50%) scale(1.05)}}.sidebar-container.collapsed .sidebar-toggle:hover{animation:none;opacity:1;transform:translateY(-50%) scale(1.1)}.sidebar-container.collapsed .sidebar-nav-item{position:relative}.sidebar-container.collapsed .bp-perspective-toggle{align-items:center;display:flex;flex-direction:column;gap:4px;padding:8px 4px}.sidebar-container.collapsed .bp-perspective-toggle .bp-toggle-buttons{display:flex;flex-direction:column;gap:2px;width:100%}.sidebar-container.collapsed .bp-perspective-toggle .bp-toggle-button{align-items:center;border-radius:4px;display:flex;font-size:10px;font-weight:600;height:28px;justify-content:center;padding:0;position:relative;transition:all .15s ease-out;transition:all var(--sidebar-transition-fast);width:100%}.sidebar-container.collapsed .bp-perspective-toggle .bp-toggle-button span{display:none}.sidebar-container.collapsed .bp-perspective-toggle .bp-toggle-button svg{height:14px;width:14px}.sidebar-container.collapsed .bp-perspective-toggle .bp-toggle-button[data-perspective=buyer]{background:linear-gradient(135deg,#3b82f6,#14b8a6);border:none;box-shadow:0 2px 4px #3b82f64d;color:#fff}.sidebar-container.collapsed .bp-perspective-toggle .bp-toggle-button[data-perspective=seller]{background:linear-gradient(135deg,#14b8a6,#3b82f6);border:none;box-shadow:0 2px 4px #14b8a64d;color:#fff}.sidebar-container.collapsed .bp-perspective-toggle .bp-toggle-button:hover{box-shadow:0 2px 4px #0000001a;transform:scale(1.05)}.sidebar-container.collapsed .bp-perspective-toggle .bp-status{align-items:center;display:flex;gap:2px;justify-content:center;margin-top:4px}.sidebar-container.collapsed .bp-perspective-toggle .bp-status .status-dot{background:#10b981;border-radius:50%;height:6px;width:6px}.sidebar-container.collapsed .bp-perspective-toggle .bp-status .status-text{color:#6b7280;display:none;font-size:8px}.perspective-badge{align-items:center;border-radius:6px;display:flex;flex-shrink:1;font-size:11px;font-weight:400;gap:4px;height:32px;justify-content:center;min-width:0;opacity:.7;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.perspective-badge--buyer{background:#f1f5f9;border:1px solid #e2e8f0;box-shadow:none;color:#64748b}.perspective-badge--seller{background:#f0fdf4;border:1px solid #dcfce7;box-shadow:none;color:#64748b}.perspective-badge--buyer:hover{background:#e2e8f0;box-shadow:none;color:#475569;opacity:1;transform:none}.perspective-badge--seller:hover{background:#dcfce7;box-shadow:none;color:#475569;opacity:1;transform:none}.perspective-badge__icon{align-items:center;display:flex;justify-content:center}.perspective-badge__text{white-space:nowrap}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(10px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.header-primary-action,.header-smart-save{flex-shrink:1}@media (min-width:768px){.header-primary-action span,.header-smart-save span{display:inline!important}.header-primary-action,.header-smart-save{white-space:nowrap!important}}@media (max-width:640px){.header-user-dropdown{left:8px;max-width:none;min-width:auto;right:8px}}.bp-perspective-toggle{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;opacity:1;transition:all .2s ease}.bp-perspective-toggle:hover{opacity:1}.bp-toggle-buttons{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:3px;padding:3px}.bp-toggle-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;min-width:0;padding:6px 10px;transition:all .3s ease}.bp-toggle-button:hover{background:#0000000d;color:#475569;transform:translateY(-1px)}.bp-toggle-button svg{height:12px;transition:all .2s ease;width:12px}.bp-status{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:4px;display:flex;gap:4px;opacity:.8;padding:2px 6px}.bp-status .status-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:6px;width:6px}.bp-status .status-text{color:#059669;font-size:10px;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar-transition{transition:all .2s ease-out;transition:all var(--sidebar-transition-normal)}@media (max-width:768px){.sidebar-container.collapsed{width:50px}.sidebar-container.collapsed .sidebar-toggle{height:28px;width:28px}.sidebar-container.collapsed .sidebar-toggle svg{height:14px;width:14px}}.sidebar-icon{height:16px;height:var(--sidebar-icon-size);transition:all .15s ease-out;transition:all var(--sidebar-transition-fast);width:16px;width:var(--sidebar-icon-size)}.sidebar-icon-lg{height:20px;height:var(--sidebar-icon-size-lg);width:20px;width:var(--sidebar-icon-size-lg)}.sidebar-badge-premium{align-self:flex-start;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:8px;box-shadow:0 1px 2px #0000001a;color:#fff;flex-shrink:0;font-size:.5rem;font-weight:500;letter-spacing:.01em;margin-top:2px;min-width:auto;padding:2px 6px;text-align:center;text-transform:none;transition:all .15s ease-out;transition:all var(--sidebar-transition-fast)}.sidebar-badge-premium:hover{background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 2px 4px #00000026;transform:scale(1.05)}body,html{height:100%;overflow-x:hidden;overflow-y:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--body-bg);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.animate-marquee{animation:marquee 40s linear infinite}.group:hover .animate-marquee{animation-play-state:paused}.bg-orange-25{background-color:#fffaf5}.themed-container{box-shadow:var(--theme-shadow)}.animate-value-change{animation:valueChange .6s ease-in-out}@keyframes valueChange{0%{background-color:#fef3c7;transform:scale(1)}50%{background-color:#fbbf24;transform:scale(1.02)}to{background-color:initial;transform:scale(1)}}.theme-transition{transition:all var(--animation-duration) ease-in-out}.density-compact table{font-size:.875rem}.density-compact .table-header{padding:.75rem 1rem}.density-detailed table{font-size:1rem}.density-detailed .table-header{padding:2rem}.theme-selector{background:linear-gradient(135deg,var(--theme-bg-primary),var(--theme-bg-secondary));border-color:var(--theme-border);color:var(--theme-text-primary)}.theme-selector:hover{background:var(--theme-bg-tertiary)}.theme-selector:focus{box-shadow:0 0 0 2px var(--theme-accent);outline:none}.sidebar-scrollbar{scrollbar-color:#fff3 #0000;scrollbar-width:thin}.sidebar-scrollbar::-webkit-scrollbar{width:6px}.sidebar-scrollbar::-webkit-scrollbar-track{background:#0000}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-scrollbar::-webkit-scrollbar-thumb:active{background:#ffffff59}.sidebar-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sidebar-scrollbar::-webkit-scrollbar{display:none}.sidebar-scrollbar:hover{scrollbar-color:#fff3 #0000;scrollbar-width:thin}.sidebar-scrollbar:hover::-webkit-scrollbar{display:block;width:6px}.sidebar-scrollbar:hover::-webkit-scrollbar-track{background:#0000}.sidebar-scrollbar:hover::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.sidebar-scrollbar:hover::-webkit-scrollbar-thumb:hover{background:#ffffff40}.project-indicator{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3b82f614,#9333ea14);border:1px solid #3b82f626;border-radius:.5rem;display:flex;gap:.5rem;margin-top:.25rem;max-width:200px;overflow:hidden;padding:.25rem .75rem;transition:all .3s ease}.project-indicator:hover{background:linear-gradient(135deg,#3b82f61f,#9333ea1f);border-color:#3b82f640;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.project-indicator-dot{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:50%;flex-shrink:0;height:6px;width:6px}.project-indicator-name{color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-corporate);font-size:.8rem;font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-indicator{animation:fade-in-up .4s ease-out}@media (max-width:768px){.project-indicator{display:none}}.time-tracker-ultra-minimal{-webkit-backdrop-filter:blur(2xl);backdrop-filter:blur(2xl);background:#fff9;border:1px solid #94a3b833;border-radius:1.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.time-tracker-ultra-minimal:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.time-tracker-timer-ultra{color:#0f172a;font-family:Aptos,sans-serif;font-family:var(--font-financial-data);font-weight:300;letter-spacing:-.05em;line-height:1}.time-tracker-button-ultra{border:none;outline:none;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.time-tracker-button-ultra:hover{transform:scale(1.02)}.time-tracker-button-ultra:active{transform:scale(.98)}.time-tracker-button-ultra:focus{outline:2px solid #3b82f680;outline-offset:2px}.time-tracker-status-ultra{transition:all .3s ease}.time-tracker-status-ultra.active{animation:status-pulse 2s infinite}.time-tracker-title{color:#0f172a;font-weight:600;letter-spacing:-.025em}.time-tracker-subtitle{color:#64748b;font-weight:500;letter-spacing:.025em}.time-tracker-stat-value{color:#0f172a;font-weight:300;letter-spacing:-.025em;line-height:1}.time-tracker-stat-label{color:#64748b;font-weight:500;letter-spacing:.025em;text-transform:none}@media (max-width:768px){.time-tracker-timer-ultra{font-size:3.5rem}.time-tracker-button-ultra{height:3.5rem;width:3.5rem}.time-tracker-ultra-minimal{padding:2rem}}@media (max-width:640px){.time-tracker-timer-ultra{font-size:3rem}.time-tracker-button-ultra{height:3rem;width:3rem}.time-tracker-ultra-minimal{padding:1.5rem}}@media (prefers-color-scheme:dark){.project-indicator{background:linear-gradient(135deg,#3b82f626,#9333ea26);border-color:#3b82f640}.project-indicator:hover{background:linear-gradient(135deg,#3b82f633,#9333ea33);border-color:#3b82f659}.project-indicator-name{color:#f1f5f9}}.bg-grid-slate-800\/30{background-image:linear-gradient(90deg,#1e293b4d 1px,#0000 0),linear-gradient(180deg,#1e293b4d 1px,#0000 0)}@keyframes gradient-text{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient-text{animation:gradient-text 3s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.animate-gradient-text{animation:none}}@media (prefers-contrast:high){.animate-gradient-text{animation:none!important}}.hero-card:hover{box-shadow:0 25px 50px -12px #00000040,0 0 20px #14b8a64d}.hero-glow-point{animation:glow-pulse 2s ease-in-out infinite alternate;box-shadow:0 0 10px currentColor}@keyframes glow-pulse{0%{box-shadow:0 0 5px currentColor;opacity:.8}to{box-shadow:0 0 20px currentColor;opacity:1}}.bg-grid-slate-800\/30{background-size:24px 24px}.account-nav-item{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.account-nav-item:before{background:linear-gradient(90deg,#0000,#14b8a61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);width:100%}.account-nav-item:hover:before{left:100%}.account-modal-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.account-input:focus{border-color:#14b8a680;box-shadow:0 0 0 3px #14b8a61a}.account-stat-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.account-stat-card:hover{box-shadow:0 15px 35px -5px #0003,0 0 15px #14b8a633;transform:translateY(-3px)}.account-activity-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.account-activity-item:hover{background:#14b8a60d;transform:translateX(5px)}@media (max-width:768px){.hero-card{transform:none}.hero-card:hover{transform:translateY(-2px) scale(1.01)}.account-nav-item:hover:before{left:0}}.pdf-export-mode{background-color:#fff!important;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:none!important}.pdf-export-mode .edit-icon,.pdf-export-mode .editable-indicator,.pdf-export-mode .hover-indicator,.pdf-export-mode .rounded-lg[class*=w-6][class*=h-6],.pdf-export-mode .tooltip,.pdf-export-mode [data-hide-in-pdf=true],.pdf-export-mode button:not(.badge-button),.pdf-export-mode div[style*=linear-gradient][class*=w-6][class*=h-6]{display:none!important;opacity:0!important;visibility:hidden!important}.pdf-export-mode .badge,.pdf-export-mode [class*=badge],.pdf-export-mode [class*=rounded-full],.pdf-export-mode [class*=rounded-lg]{align-items:center!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-flex!important;justify-content:center!important;overflow:visible!important;perspective:1000px}.pdf-export-mode .badge svg,.pdf-export-mode [class*=badge] svg,.pdf-export-mode [class*=rounded] svg{display:inline-block!important;margin:auto!important;vertical-align:middle!important}.pdf-export-mode [class*=inline-flex][class*=items-center][class*=justify-center]{align-items:center!important;display:inline-flex!important;justify-content:center!important;line-height:1!important}.pdf-export-mode [style*=gradient]{background-attachment:scroll!important;background-size:100% 100%!important}.pdf-export-mode table{border-collapse:collapse!important;border-spacing:0!important;page-break-inside:auto}.pdf-export-mode tr{page-break-after:auto;page-break-inside:avoid}.pdf-export-mode td,.pdf-export-mode th{overflow:visible!important;text-overflow:clip!important;vertical-align:middle!important}.pdf-export-mode [class*=progress],.pdf-export-mode [class*=rounded-full]>div{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:9999px!important;overflow:hidden!important}.pdf-export-mode [class*=shadow]{box-shadow:0 2px 8px #0000001a!important}.pdf-export-mode{font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"kern";-webkit-font-kerning:normal;font-kerning:normal;text-rendering:optimizeLegibility}.pdf-export-mode *{animation:none!important;animation-delay:0s!important;animation-duration:0s!important;transition:none!important}.pdf-export-mode [data-pdf-important=true]{display:block!important;opacity:1!important;visibility:visible!important}.pdf-export-mode [class*=inline-flex][class*=px-3][class*=py-1]{align-items:center!important;display:inline-flex!important;justify-content:center!important;line-height:1.2!important;padding:.375rem .75rem!important}.pdf-export-mode span[style*=linear-gradient]{background-attachment:fixed!important;background-repeat:no-repeat!important;background-size:100% 100%!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;color:#fff!important;font-weight:500!important;padding-bottom:0!important;padding-top:0!important;vertical-align:middle!important}.pdf-export-mode .rounded-full[style*=linear-gradient],.pdf-export-mode span[style*=linear-gradient]{align-items:center!important;border-radius:9999px!important;display:inline-flex!important;justify-content:center!important;line-height:1!important;text-align:center!important}.pdf-export-mode .rounded-full[style*=linear-gradient]{font-size:.875rem!important;letter-spacing:.01em!important;min-height:2.25rem!important;min-width:-webkit-fit-content!important;min-width:fit-content!important;overflow:hidden!important;padding:.625rem 1.25rem!important;white-space:nowrap!important}.pdf-export-mode [class*=w-6][class*=h-6]{align-items:center!important;display:inline-flex!important;flex-shrink:0!important;height:1.5rem!important;justify-content:center!important;line-height:1!important;width:1.5rem!important}.pdf-export-mode .rounded-lg[class*=w-6][class*=h-6]{border-radius:.5rem!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;font-size:1rem!important;font-weight:600!important;line-height:1!important;padding:0!important;text-align:center!important;vertical-align:middle!important}.pdf-export-mode .rounded-lg[class*=w-6][class*=h-6],.pdf-export-mode div[style*=linear-gradient][class*=w-6][class*=h-6]{align-items:center!important;background-attachment:fixed!important;background-size:100% 100%!important;display:inline-flex!important;justify-content:center!important}.pdf-export-mode div[style*=linear-gradient][class*=w-6][class*=h-6]{background-repeat:no-repeat!important}.pdf-export-mode .rounded-lg[class*=px-3][class*=py-1]{border-radius:.5rem!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;line-height:1!important;min-height:2rem!important;padding:.5rem 1rem!important;vertical-align:middle!important}.pdf-export-mode .rounded-lg[class*=px-3][class*=py-1],.pdf-export-mode div[style*=linear-gradient][class*=px-3][class*=py-1]{align-items:center!important;background-attachment:fixed!important;background-size:100% 100%!important;display:inline-flex!important;justify-content:center!important}.pdf-export-mode div[style*=linear-gradient][class*=px-3][class*=py-1]{background-repeat:no-repeat!important}.pdf-export-mode [class*=rounded]{border-radius:inherit;isolation:isolate}.pdf-export-mode td>div,.pdf-export-mode th>div{align-items:center;display:flex;justify-content:inherit}.pdf-export-mode [class*=backdrop-blur]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fffffff2!important}.pdf-export-mode [class*=glassmorphism],.pdf-export-mode [style*=backdrop-filter]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#fffffffa!important}.pdf-export-mode [style*=Aptos]{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Aptos,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.pdf-export-mode table{overflow:visible!important}.pdf-export-mode{will-change:auto!important}:root{--hero-bg-primary:#0f172a;--hero-bg-secondary:#1e293b;--hero-bg-accent:#1e40af;--hero-text-primary:#f8fafc;--hero-text-secondary:#cbd5e1;--hero-text-muted:#94a3b8;--hero-teal-primary:#14b8a6;--hero-teal-secondary:#0d9488;--hero-cyan-primary:#06b6d4;--hero-blue-primary:#3b82f6;--hero-gradient-primary:linear-gradient(135deg,#14b8a6,#0d9488 50%,#0f766e);--hero-gradient-secondary:linear-gradient(135deg,#06b6d4,#0891b2 50%,#0e7490);--hero-gradient-accent:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);--hero-gradient-bg:linear-gradient(135deg,#0f172a,#1e293b 50%,#1e40af);--hero-shadow-glow:0 0 20px #14b8a64d;--hero-shadow-glow-strong:0 0 40px #14b8a680;--hero-shadow-card:0 25px 50px -12px #00000040;--hero-shadow-button:0 10px 25px -5px #14b8a64d;--hero-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--hero-transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--hero-transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}.hero-typography{font-feature-settings:"cv02","cv03","cv04","cv11","tnum";font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-variant-numeric:tabular-nums}.bg-grid-slate-800\/30{background-image:linear-gradient(#1e293b4d 1px,#0000 0),linear-gradient(90deg,#1e293b4d 1px,#0000 0);background-size:20px 20px}.perspective-1000{perspective:1000px}.perspective-1000>*{transform-style:preserve-3d}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-10px) translateX(5px)}50%{transform:translateY(-5px) translateX(-3px)}75%{transform:translateY(-15px) translateX(2px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float:nth-child(2){animation-delay:1s}.animate-float:nth-child(3){animation-delay:2s}.animate-float:nth-child(4){animation-delay:3s}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #14b8a666;opacity:1;transform:scale(1)}50%{box-shadow:0 0 20px #14b8a699;opacity:.8;transform:scale(1.1)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);background-size:200% 100%}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient-text{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease-in-out infinite;background:linear-gradient(45deg,#14b8a6,#06b6d4,#3b82f6,#14b8a6);background-clip:text;-webkit-background-clip:text;background-size:300% 300%}.hero-button-primary{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hero-transition-normal)}.hero-button-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);transition:left var(--hero-transition-slow);width:100%}.hero-button-primary:hover:before{left:100%}.hero-button-primary:hover{box-shadow:0 10px 25px -5px #14b8a64d;box-shadow:var(--hero-shadow-button);transform:translateY(-2px) scale(1.02)}.hero-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--hero-transition-normal)}.hero-card:hover{border-color:#14b8a64d;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--hero-shadow-card);transform:translateY(-5px) scale(1.02)}.hero-glow-point{animation:pulse-glow 2s ease-in-out infinite;position:relative}.hero-glow-point:after{background:inherit;border-radius:inherit;content:"";filter:blur(8px);height:100%;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}@keyframes progress-fill{0%{width:0}to{width:100%;width:var(--progress-width,100%)}}.hero-progress-bar{overflow:hidden;position:relative}.hero-progress-bar:before{animation:progress-fill 2s ease-out forwards;background:linear-gradient(135deg,#14b8a6,#0d9488 50%,#0f766e);background:var(--hero-gradient-primary);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0}@media (max-width:768px){.hero-typography h1{font-size:2.5rem;line-height:1.2}.hero-typography h2{font-size:2rem;line-height:1.3}.hero-card{padding:1.5rem}.perspective-1000{perspective:none}.perspective-1000>*{transform:none!important}}@media (max-width:640px){.hero-typography h1{font-size:2rem}.hero-typography h2{font-size:1.75rem}.hero-button-primary{font-size:.875rem;padding:.75rem 1.5rem}}@media (prefers-reduced-motion:reduce){.animate-float,.animate-gradient-text,.animate-pulse-glow,.animate-shimmer{animation:none}.hero-button-primary:hover,.hero-card:hover{transform:none}}@media (prefers-contrast:high){.hero-card{border-color:#14b8a6;border-color:var(--hero-teal-primary);border-width:2px}.hero-button-primary{border:2px solid #14b8a6;border:2px solid var(--hero-teal-primary)}}@media print{.hero-section{background:#fff!important;color:#000!important}.hero-card{border:1px solid #ccc!important;box-shadow:none!important}.animate-float,.animate-gradient-text,.animate-pulse-glow,.animate-shimmer{animation:none!important}}
/*# sourceMappingURL=main.7d3e113e.css.map*/