.signin-page-split{min-height:100vh;display:flex;background:linear-gradient(to right,#fff,#f5f3ff);position:relative}.signin-left-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 40px 100px;min-height:100vh}.signin-form-container{width:100%;max-width:440px;margin-bottom:20px}.signin-brand-container{display:flex;align-items:center;gap:8px;margin-bottom:48px}.signin-brand-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.signin-logo-img{width:52px;height:52px;object-fit:contain;display:block}.signin-brand-text{font-size:28px;font-weight:700;color:#1f2937;letter-spacing:-.5px;line-height:1;margin:0}.signin-welcome-section{margin-bottom:32px}.signin-welcome-title{font-size:36px;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.2}.signin-welcome-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.signin-form-new{display:flex;flex-direction:column;gap:20px}.signin-form-row-new{display:grid;grid-template-columns:1fr 1fr;gap:16px}.signin-inline-link-new{color:#7c3aed;text-decoration:none;font-weight:500;transition:color .2s}.signin-inline-link-new:hover{color:#6d28d9;text-decoration:underline}.signin-form-group-new{display:flex;flex-direction:column;gap:8px}.signin-label-new{font-size:14px;font-weight:500;color:#374151}.signin-input-new{width:100%;padding:12px 16px;background:#fff;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;color:#1f2937;font-family:inherit;transition:all .2s}.signin-input-new::placeholder{color:#9ca3af}.signin-input-new:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.signin-input-new:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.signin-password-wrapper-new{position:relative}.signin-password-input{padding-right:48px}.signin-password-toggle-new{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.signin-password-toggle-new:hover{color:#7c3aed}.signin-password-toggle-new:disabled{opacity:.5;cursor:not-allowed}.signin-options-new{display:flex;justify-content:space-between;align-items:center;font-size:14px}.signin-checkbox-label-new{display:flex;align-items:center;gap:8px;cursor:pointer;color:#374151}.signin-checkbox-new{width:16px;height:16px;cursor:pointer;accent-color:#7C3AED}.signin-forgot-link-new{color:#7c3aed;text-decoration:none;font-weight:500;transition:color .2s}.signin-forgot-link-new:hover{color:#6d28d9;text-decoration:underline}.signin-button-new{width:100%;padding:14px;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.signin-button-new:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.signin-button-new:active:not(:disabled){transform:translateY(0)}.signin-button-new:disabled{opacity:.6;cursor:not-allowed;transform:none}.signin-separator{display:flex;align-items:center;text-align:center;margin:24px 0;color:#9ca3af;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.signin-separator:before,.signin-separator:after{content:"";flex:1;border-bottom:1px solid #E5E7EB}.signin-separator span{padding:0 16px}.signin-social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signin-social-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fff;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.signin-social-button:hover:not(:disabled){border-color:#9ca3af;background:#f9fafb}.signin-social-button:disabled{opacity:.6;cursor:not-allowed}.signin-social-button svg{flex-shrink:0}.signin-register-link{text-align:center;margin-top:24px;margin-bottom:20px}.signin-register-link p{font-size:14px;color:#6b7280;margin:0}.signin-register-link-text{color:#7c3aed;text-decoration:none;font-weight:600;transition:color .2s}.signin-register-link-text:hover{color:#6d28d9;text-decoration:underline}.signin-right-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 40px 100px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);min-height:100vh}.signin-features-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:48px;max-width:500px;box-shadow:0 4px 6px #0000000d}.signin-features-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 16px;line-height:1.3}.signin-features-description{font-size:16px;color:#6b7280;margin:0 0 32px;line-height:1.6}.signin-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}.signin-feature-item{display:flex;align-items:flex-start;gap:12px}.signin-feature-icon{flex-shrink:0;margin-top:2px}.signin-feature-item div{font-size:15px;color:#374151;line-height:1.6}.signin-feature-item strong{color:#1f2937;font-weight:600;display:block;margin-bottom:4px}.signin-copyright-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:16px 24px;background:#fff;border-top:1px solid #E5E7EB;z-index:10}.signin-copyright-footer p{font-size:14px;color:#6b7280;margin:0}@media (max-width: 1024px){.signin-page-split{flex-direction:column}.signin-right-panel{min-height:auto;padding:32px 24px 80px}.signin-features-card{padding:32px}}@media (max-width: 640px){.signin-left-panel{padding:24px 20px 100px}.signin-form-container{max-width:100%}.signin-brand-container{gap:6px;margin-bottom:32px}.signin-logo-img{width:38px;height:38px}.signin-brand-text{font-size:24px}.signin-welcome-title{font-size:28px}.signin-form-row-new,.signin-social-buttons{grid-template-columns:1fr}.signin-features-card{padding:24px}.signin-features-title{font-size:24px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:480px;padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}.logo-text{display:flex;flex-direction:column;align-items:flex-start}.logo-brand{font-size:24px;font-weight:700;color:#667eea;line-height:1.2}.logo-tagline{font-size:12px;color:#6b7280;line-height:1.2}.auth-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.auth-subtitle{font-size:14px;color:#6b7280;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:4px;color:#6b7280;transition:color .2s}.password-toggle:hover{color:#667eea}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:14px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#374151}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.forgot-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s}.forgot-link:hover{color:#764ba2;text-decoration:underline}.inline-link{color:#667eea;text-decoration:none;font-weight:500}.inline-link:hover{text-decoration:underline}.auth-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.auth-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.auth-button:active{transform:translateY(0)}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.auth-footer p{font-size:14px;color:#6b7280;margin:0}.auth-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s}.auth-link:hover{color:#764ba2;text-decoration:underline}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-button:disabled:hover{transform:none;box-shadow:none}.otp-container{display:flex;gap:12px;justify-content:center;margin:20px 0}.otp-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.otp-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.otp-input:disabled{opacity:.6;cursor:not-allowed}.otp-footer{text-align:center;margin-top:20px}.otp-footer p{font-size:14px;color:#6b7280}.resend-link{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:none;font-size:14px;padding:0}.resend-link:hover{text-decoration:underline}.resend-link:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;padding:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:20px 0}.success-message p{color:#166534;font-size:14px;margin:8px 0}.signin-success-message{padding:20px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:8px;margin:24px 0}.signin-success-message p{font-size:14px;color:#166534;margin:8px 0;line-height:1.6}@media (max-width: 640px){.auth-card{padding:24px}.form-row{grid-template-columns:1fr}.auth-title{font-size:24px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}.otp-container{gap:8px}.otp-input{width:40px;height:48px;font-size:20px}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer;outline:none;border:none;font-family:inherit}.ui-button:disabled{pointer-events:none;opacity:.5}.ui-button:focus-visible{outline:2px solid var(--ring, #22c55e);outline-offset:2px}.ui-button-default{background-color:var(--primary, #22c55e);color:var(--primary-foreground, #ffffff)}.ui-button-default:hover{background-color:color-mix(in srgb,var(--primary, #22c55e) 90%,black)}.ui-button-destructive{background-color:var(--destructive, #ef4444);color:var(--destructive-foreground, #ffffff)}.ui-button-destructive:hover{background-color:color-mix(in srgb,var(--destructive, #ef4444) 90%,black)}.ui-button-outline{border:1px solid var(--border, #e5e7eb);background-color:var(--background, #f8faf9);color:var(--foreground, #1a1a1a)}.ui-button-outline:hover{background-color:var(--accent, #dcfce7);color:var(--accent-foreground, #166534)}.ui-button-secondary{background-color:var(--secondary, #f1f5f4);color:var(--secondary-foreground, #1a1a1a)}.ui-button-secondary:hover{background-color:color-mix(in srgb,var(--secondary, #f1f5f4) 80%,black)}.ui-button-ghost:hover{background-color:var(--accent, #dcfce7);color:var(--accent-foreground, #166534)}.ui-button-link{background:transparent;color:var(--primary, #22c55e);text-decoration:underline;text-underline-offset:4px}.ui-button-link:hover{text-decoration:underline}.ui-button-default-size,.ui-button-default{height:36px;padding:8px 16px}.ui-button-sm{height:32px;padding:6px 12px;border-radius:6px;gap:6px;font-size:12px}.ui-button-lg{height:40px;padding:10px 24px;border-radius:6px}.ui-button-icon{height:36px;width:36px;padding:0;border-radius:6px}.auth-layout{min-height:100vh;background:#fafafa;display:flex}.auth-layout-left{flex:1;display:flex;align-items:center;justify-content:center;padding:32px}.auth-layout-content{width:100%;max-width:448px}.auth-layout-logo{display:flex;align-items:center;gap:8px;margin-bottom:32px}.auth-layout-logo-icon{width:40px;height:40px;border-radius:12px;background:#7c3aed;display:flex;align-items:center;justify-content:center;color:#fff}.auth-layout-logo-text{font-size:24px;font-weight:600;color:#111827}.auth-layout-header{margin-bottom:32px}.auth-layout-title{font-size:30px;font-weight:600;color:#111827;margin:0 0 8px}.auth-layout-subtitle{color:#6b7280;margin:0}.auth-layout-right{display:none;flex:1;background:linear-gradient(135deg,#7c3aed1a,#8b5cf60d,#7c3aed1a);align-items:center;justify-content:center;padding:48px;position:relative;overflow:hidden}@media (min-width: 1024px){.auth-layout-right{display:flex}}.auth-layout-branding{position:relative;z-index:10;max-width:512px}.auth-layout-branding-card{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:32px;box-shadow:0 25px 50px -12px #00000040;border:1px solid white}.auth-layout-branding-title{font-size:24px;font-weight:600;color:#111827;margin:0 0 16px}.auth-layout-branding-desc{color:#6b7280;margin:0 0 24px}.auth-layout-features{display:flex;flex-direction:column;gap:16px}.auth-layout-feature{display:flex;align-items:flex-start;gap:12px}.auth-layout-feature-icon{width:24px;height:24px;border-radius:50%;background:#7c3aed33;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:#7c3aed}.auth-layout-feature-title{font-weight:500;color:#111827;margin:0 0 4px}.auth-layout-feature-desc{font-size:14px;color:#6b7280;margin:0}.auth-layout-decorative-1{position:absolute;top:0;right:0;width:384px;height:384px;background:#7c3aed0d;border-radius:50%;filter:blur(96px)}.auth-layout-decorative-2{position:absolute;bottom:0;left:0;width:320px;height:320px;background:#c4b5fd1a;border-radius:50%;filter:blur(96px)}.input-otp-wrapper{display:flex;justify-content:center}.input-otp-group{display:flex;align-items:center;gap:4px}.input-otp-slot{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:56px;border:1px solid #d1d5db;background:#fff;border-radius:6px;transition:all .2s}.input-otp-slot.w-12{width:48px}.input-otp-slot.h-14{height:56px}.input-otp-slot.text-lg{font-size:18px}.input-otp-slot[data-active=true]{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;z-index:10}.input-otp-slot[data-filled=true]{border-color:#7c3aed}.input-otp-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:18px;font-weight:600;color:#111827;outline:none;padding:0;z-index:1}.input-otp-char{position:relative;z-index:2;font-size:18px;font-weight:600;color:#111827;pointer-events:none;line-height:1}.input-otp-caret{position:absolute;width:2px;height:20px;background:#111827;animation:caret-blink 1s infinite;z-index:2}@keyframes caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}.input-otp-slot:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.input-otp-slot:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.input-otp-input:disabled{cursor:not-allowed;opacity:.5}.verify-email-content{display:flex;flex-direction:column;gap:24px}.verify-email-card{background:linear-gradient(135deg,#7c3aed0d,#8b5cf60d);border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:20px}.verify-email-card-content{display:flex;align-items:center;gap:12px}.verify-email-icon-wrapper{width:40px;height:40px;border-radius:8px;background:#7c3aed1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.verify-email-icon{color:#7c3aed;width:20px;height:20px}.verify-email-email-info{flex:1;min-width:0}.verify-email-email-label{font-size:12px;color:#6b7280;margin:0 0 4px}.verify-email-email-value{font-size:14px;font-weight:600;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verify-email-form{display:flex;flex-direction:column;gap:24px}.verify-email-otp-section{display:flex;flex-direction:column;gap:12px}.verify-email-otp-label{display:block;font-size:14px;font-weight:500;color:#111827;text-align:center}.verify-email-otp-wrapper{display:flex;justify-content:center}.verify-email-error{font-size:14px;color:#dc2626;text-align:center;margin:0}.verify-email-submit-button{width:100%;height:44px;background:#7c3aed!important;color:#fff!important}.verify-email-submit-button:hover:not(:disabled){background:#7c3aede6!important}.verify-email-submit-button:disabled{opacity:.6;cursor:not-allowed}.verify-email-resend{text-align:center;display:flex;flex-direction:column;gap:8px}.verify-email-resend-text{font-size:14px;color:#6b7280;margin:0}.verify-email-resend-button{color:#7c3aed!important}.verify-email-resend-button:hover:not(:disabled){color:#7c3aedcc!important;background:#7c3aed0d!important}.verify-email-resend-button:disabled{opacity:.6;cursor:not-allowed}.verify-email-help{background:#00000005;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.verify-email-help-title{font-size:14px;font-weight:500;color:#111827;margin:0 0 8px}.verify-email-help-list{font-size:14px;color:#6b7280;margin:0;padding-left:20px;list-style:disc}.verify-email-help-list li{margin-bottom:4px}.verify-email-help-list li:last-child{margin-bottom:0}.verify-email-back-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:14px;font-weight:500;color:#7c3aed;background:none;border:none;cursor:pointer;transition:color .2s;padding:8px}.verify-email-back-button:hover{color:#7c3aedcc}.verify-email-back-button svg{width:16px;height:16px}.verify-email-support{font-size:12px;text-align:center;color:#6b7280;margin:0;padding-top:16px;border-top:1px solid #e5e7eb}.verify-email-support-link{color:#7c3aed;font-weight:500;text-decoration:none;transition:color .2s}.verify-email-support-link:hover{color:#7c3aedcc}.profile-dropdown{position:relative}.profile-dropdown-button{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:transparent;border:none;cursor:pointer;transition:all .2s;font-family:inherit}.profile-dropdown-button:hover{background-color:#8b5cf61a}.profile-dropdown-button--static{cursor:default;pointer-events:none}.profile-dropdown-button--static:hover{background-color:transparent}.profile-dropdown-avatar,.profile-dropdown-avatar-placeholder{width:40px;height:40px;border-radius:50%;border:2px solid #A78BFA;flex-shrink:0}.profile-dropdown-avatar{object-fit:cover}.profile-dropdown-avatar-placeholder{background:linear-gradient(135deg,#8c30f5,#7c3aed);display:flex;align-items:center;justify-content:center}.profile-dropdown-initials{font-size:14px;font-weight:700;color:#fff}.profile-dropdown-info{display:none;text-align:left}@media (min-width: 768px){.profile-dropdown-info{display:block}}.profile-dropdown-name{font-size:14px;font-weight:500;color:#1a1a1a}.profile-dropdown-role{font-size:12px;color:#666}.profile-dropdown-chevron{color:#666;transition:transform .2s;flex-shrink:0}.profile-dropdown-chevron.open{transform:rotate(180deg)}.profile-dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.profile-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);width:320px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #E5E7EB;z-index:50;overflow:hidden;animation:profileDropdownFadeIn .2s ease}@keyframes profileDropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-dropdown-header{padding:16px;background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff}.profile-dropdown-header-content{display:flex;align-items:center;gap:12px}.profile-dropdown-header-avatar,.profile-dropdown-header-avatar-placeholder{width:48px;height:48px;border-radius:50%;border:2px solid #FFFFFF;flex-shrink:0}.profile-dropdown-header-avatar{object-fit:cover}.profile-dropdown-header-avatar-placeholder{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.profile-dropdown-header-initials{font-size:18px;font-weight:700;color:#fff}.profile-dropdown-header-info{flex:1;min-width:0}.profile-dropdown-header-name{font-size:16px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-header-email{font-size:14px;color:#ffffffe6;margin-top:2px}.profile-dropdown-content{padding:8px}.profile-dropdown-section-label{font-size:11px;font-weight:600;color:#6b7280;padding:8px 12px;text-transform:uppercase;letter-spacing:.5px}.profile-dropdown-menu-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:inherit}.profile-dropdown-menu-item:hover{background-color:#8b5cf61a}.profile-dropdown-menu-icon{width:20px;height:20px;color:#8c30f5;margin-top:2px;flex-shrink:0}.profile-dropdown-menu-text{flex:1;min-width:0}.profile-dropdown-menu-label{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:2px}.profile-dropdown-menu-item:hover .profile-dropdown-menu-label{color:#8c30f5}.profile-dropdown-menu-description{font-size:12px;color:#6b7280}.profile-dropdown-all-settings{color:#8c30f5;font-weight:500}.profile-dropdown-all-settings .profile-dropdown-menu-icon{color:#8c30f5}.profile-dropdown-logout{color:#ef4444;font-weight:500}.profile-dropdown-logout:hover{background-color:#ef44441a}.profile-dropdown-logout .profile-dropdown-menu-icon{color:#ef4444}.profile-dropdown-divider{height:1px;background:#e5e7eb;margin:8px 0}.profile-dropdown-sidebar{width:100%}.profile-dropdown-sidebar .profile-dropdown-button{width:100%;justify-content:flex-start;padding:10px 12px}.profile-dropdown-sidebar .profile-dropdown-info{display:block}.profile-dropdown-sidebar .profile-dropdown-name,.profile-dropdown-sidebar .profile-dropdown-role{color:#fff}.profile-dropdown-sidebar .profile-dropdown-role{color:#ffffffe6}.profile-dropdown-sidebar .profile-dropdown-chevron{display:none}.profile-dropdown-sidebar .profile-dropdown-menu{right:0;left:0;bottom:calc(100% + 8px);top:auto;width:100%;min-width:280px}.profile-dropdown-sidebar .profile-dropdown-menu{animation:profileDropdownFadeInUp .2s ease}@keyframes profileDropdownFadeInUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ui-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0;transition:background-color .2s,color .2s;line-height:1.5;border:1px solid transparent;background-color:#7c3aed;color:#fff}.ui-badge.ui-badge-default{background-color:#7c3aed;color:#fff}.ui-badge.ui-badge-secondary{background-color:#f3f4f6;color:#374151}.ui-badge.ui-badge-destructive{background-color:#ef4444;color:#fff}.ui-badge.ui-badge-outline{background-color:transparent;color:#374151;border-color:#d1d5db}.ui-badge.ui-badge-success{background-color:#10b981;color:#fff}.ui-badge.ui-badge-warning{background-color:#f97316;color:#fff}.ui-badge.ui-badge-info{background-color:#2563eb;color:#fff}.notification-center{position:relative}.notification-center-button{position:relative;padding:8px;color:#666;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.notification-center-button:hover{color:#8c30f5;background-color:#8b5cf61a}.notification-center-button svg{width:20px;height:20px}.notification-center-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF}.notification-center-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.notification-center-panel{position:absolute;right:0;top:calc(100% + 8px);width:384px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #E5E7EB;z-index:50;overflow:hidden;animation:notificationPanelFadeIn .2s ease}@keyframes notificationPanelFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-center-header{padding:16px;background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff}.notification-center-header-content{display:flex;align-items:center;justify-content:space-between}.notification-center-header-title{display:flex;align-items:center;gap:8px}.notification-center-header-title svg{width:20px;height:20px;color:#fff}.notification-center-header-text{font-size:16px;font-weight:600;color:#fff;margin:0}.notification-center-header-badge{background:#fff;color:#8c30f5;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px}.notification-center-close{padding:4px;color:#fff;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.notification-center-close:hover{background:#fff3}.notification-center-actions{padding:12px;background:#f9fafb;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-between}.notification-center-action-btn{font-size:12px;color:#8c30f5;display:flex;align-items:center;gap:4px;padding:4px 8px}.notification-center-action-btn:hover{color:#7b28e0;background-color:#8b5cf61a}.notification-center-action-btn-secondary{color:#666}.notification-center-action-btn-secondary:hover{color:#1a1a1a;background-color:#f3f4f6}.notification-center-list{max-height:400px;overflow-y:auto}.notification-center-list-content{display:flex;flex-direction:column}.notification-center-item{padding:16px;border-bottom:1px solid #E5E7EB;cursor:pointer;transition:all .2s}.notification-center-item:last-child{border-bottom:none}.notification-center-item:hover{background-color:#f9fafb}.notification-center-item.unread{background-color:#3b82f60d}.notification-center-item-content{display:flex;align-items:flex-start;gap:12px}.notification-center-item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:8px}.notification-center-item-icon-report_viewed{background:#dbeafe}.notification-center-item-icon-report_sent{background:#d1fae5}.notification-center-item-icon-report_generated{background:#f3e8ff}.notification-center-item-text{flex:1;min-width:0}.notification-center-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.notification-center-item-title{font-size:14px;font-weight:500;color:#1a1a1a;margin:0}.notification-center-item-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;margin-top:4px;flex-shrink:0}.notification-center-item-message{font-size:14px;color:#666;margin:4px 0 8px;line-height:1.5}.notification-center-item-footer{display:flex;align-items:center;justify-content:space-between}.notification-center-item-timestamp{font-size:12px;color:#9ca3af}.notification-center-item-delete{padding:4px;color:#9ca3af;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;opacity:0}.notification-center-item:hover .notification-center-item-delete{opacity:1}.notification-center-item-delete:hover{color:#ef4444;background-color:#ef44441a}.notification-center-empty{padding:64px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.notification-center-empty svg{margin-bottom:12px}.notification-center-empty-text{font-size:14px;color:#6b7280;margin:0}.developer-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#f3e8ff80,#fff,#ede9fe80);overflow:hidden}.developer-mobile-menu-btn{display:none;position:fixed;top:16px;left:16px;z-index:50;padding:8px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:none;cursor:pointer;transition:all .2s}.developer-mobile-menu-btn:hover{background:#f5f5f5}.developer-mobile-menu-btn svg{width:20px;height:20px;color:#1a1a1a}.developer-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100}.developer-sidebar{width:288px;background:linear-gradient(180deg,#8c30f5,#7c3aed,#6d28d9);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:250;box-shadow:4px 0 24px #0000001a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .3s ease-in-out}.developer-sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.developer-logo-container{display:flex;align-items:center;gap:12px}.developer-logo{width:48px;height:48px;object-fit:contain;display:block;flex-shrink:0;background:#ffffff26;border-radius:8px;padding:6px;box-shadow:0 2px 8px #0000001a}.developer-logo-text{display:flex;flex-direction:column}.developer-brand{font-size:24px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.3px}.developer-tagline{font-size:12px;color:#ffffffb3;line-height:1.2}.developer-nav{flex:1;padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.developer-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#ffffffe6;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.developer-nav-item:hover{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.developer-nav-item.active{background:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-weight:600;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(255,255,255,.3)}.developer-nav-item svg{flex-shrink:0;stroke-width:2;color:currentColor}.developer-nav-item-content{display:flex;align-items:center;gap:12px;flex:1}.developer-nav-item-with-badge{justify-content:space-between}.developer-nav-badge{padding:2px 8px;background:#10b981;color:#fff;font-size:11px;font-weight:600;border-radius:12px;white-space:nowrap}.developer-nav-dropdown{display:flex;flex-direction:column}.developer-nav-dropdown-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;color:#ffffffe6;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;width:100%;text-align:left}.developer-nav-dropdown-btn:hover{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.developer-nav-dropdown-btn.active{background:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-weight:600;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(255,255,255,.3)}.developer-nav-dropdown-content{display:flex;align-items:center;gap:12px;flex:1}.developer-nav-dropdown-btn svg{flex-shrink:0;stroke-width:2;color:currentColor}.developer-nav-chevron{flex-shrink:0;transition:transform .3s ease;color:currentColor}.developer-nav-chevron.open{transform:rotate(180deg)}.developer-nav-dropdown-menu{margin-top:4px;margin-left:16px;display:flex;flex-direction:column;gap:2px;overflow:hidden;animation:dropdownFadeIn .3s ease}@keyframes dropdownFadeIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.developer-nav-dropdown-item{display:block;padding:8px 16px;border-radius:8px;font-size:13px;color:#fffc;text-decoration:none;transition:all .2s}.developer-nav-dropdown-item:hover{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.developer-nav-dropdown-item.active{background:#8b5cf680;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-weight:500}.developer-sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.developer-user-info{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s}.developer-user-info:hover{background:#ffffff26}.developer-user-avatar,.developer-user-avatar-img{width:40px;height:40px;border-radius:50%;flex-shrink:0}.developer-user-avatar{background:linear-gradient(135deg,#fff3,#ffffff4d);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.developer-user-avatar-img{object-fit:cover;border:2px solid rgba(255,255,255,.3)}.developer-user-avatar-text{font-size:14px;font-weight:600;color:#fff}.developer-user-details{flex:1;min-width:0}.developer-user-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.developer-user-email{font-size:12px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.developer-signout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.developer-signout-btn:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.developer-signout-btn svg{flex-shrink:0}.developer-main{flex:1;margin-left:288px;min-height:100vh;background:linear-gradient(135deg,#f3e8ff80,#fff,#ede9fe80);overflow-y:auto}.developer-main-header{position:sticky;top:0;z-index:200;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000d}.developer-main-header-content{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.developer-main-header-left{display:flex;flex-direction:column;gap:4px;flex:1}.developer-main-header-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.3px;background:linear-gradient(135deg,#8c30f5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.developer-main-header-subtitle{font-size:14px;color:#666;margin:0;font-weight:400}.developer-main-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}@media (max-width: 1024px){.developer-sidebar{width:240px}.developer-main{margin-left:240px}}@media (max-width: 768px){.developer-mobile-menu-btn,.developer-sidebar-overlay{display:block}.developer-sidebar{transform:translate(-100%);width:288px}.developer-sidebar.open{transform:translate(0)}.developer-main{margin-left:0}}.glass-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#fffc;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);padding:24px;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:glassCardFadeIn .5s ease forwards}@keyframes glassCardFadeIn{to{opacity:1;transform:translateY(0)}}.glass-card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.ui-progress{position:relative;height:8px;width:100%;overflow:hidden;border-radius:9999px;background-color:#22c55e33}.ui-progress-indicator{height:100%;width:0%;flex:1;transition:width .3s ease;background-color:#22c55e;border-radius:9999px}.developer-dashboard-guideline{padding:24px 32px;max-width:1400px;margin:0 auto;min-height:100vh}.developer-dashboard-header-guideline{margin-bottom:32px}.developer-header-content-guideline{display:flex;align-items:center;gap:12px}.developer-header-icon-guideline{display:flex;align-items:center;justify-content:center}.developer-dashboard-logo{width:40px;height:40px;object-fit:contain;display:block}.developer-header-icon{display:flex;align-items:center;justify-content:center}.developer-dashboard-title-guideline{font-size:32px;font-weight:700;background:linear-gradient(135deg,#8c30f5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px;letter-spacing:-.5px}.developer-dashboard-subtitle-guideline{font-size:14px;color:#666;margin:0;font-weight:400}.developer-stats-grid-guideline{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.developer-stat-header-guideline{display:flex;justify-content:flex-start;margin-bottom:16px}.developer-stat-icon-bg{padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.developer-stat-icon-bg-purple{background:#f3e8ff}.developer-stat-icon-bg-blue{background:#dbeafe}.developer-stat-icon-bg-orange{background:#fed7aa}.developer-stat-icon-bg svg{width:24px;height:24px;flex-shrink:0;display:block}.developer-stat-icon-bg-purple svg{color:#9333ea}.developer-stat-icon-bg-blue svg{color:#2563eb}.developer-stat-icon-bg-orange svg{color:#ea580c}.developer-stat-value-guideline{font-size:36px;font-weight:700;color:#1a1a1a;margin-bottom:4px;line-height:1.2;letter-spacing:-.5px}.developer-stat-label-guideline{font-size:14px;color:#666;margin-bottom:8px;font-weight:400}.developer-stat-change-guideline{font-size:12px;color:#999;font-weight:400}.developer-dashboard-content-grid-guideline{display:grid;grid-template-columns:2fr 1fr;gap:24px}.developer-projects-section-guideline{min-width:0}.developer-section-header-guideline{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.developer-section-title-guideline{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 4px;letter-spacing:-.3px}.developer-section-description-guideline{font-size:13px;color:#666;margin:0}.developer-view-all-btn-guideline{display:flex;align-items:center;gap:4px}.developer-view-all-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#fff;border:1px solid #E0E0E0;border-radius:8px;color:#1a1a1a;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.developer-view-all-btn:hover{background:#f5f5f5;border-color:#d0d0d0;transform:translate(2px)}.developer-projects-list-guideline{display:flex;flex-direction:column;gap:16px}.developer-project-item-guideline{display:block;padding:16px;border:1px solid rgba(140,48,245,.2);border-radius:12px;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s;text-decoration:none;color:inherit}.developer-project-item-guideline:hover{border-color:#8c30f566;background:#f5f3ff80;transform:translateY(-2px);box-shadow:0 4px 12px #8c30f51a}.developer-project-item-header-guideline{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.developer-project-item-info-guideline{flex:1;min-width:0}.developer-project-item-title-guideline{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px;letter-spacing:-.3px}.developer-project-item-meta-guideline{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.developer-project-badge-guideline{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.developer-project-badge-in-progress{background:#3b82f6;color:#fff}.developer-project-badge-planning{background:#f59e0b;color:#fff}.developer-project-badge-completed{background:#8c30f5;color:#fff}.developer-project-badge-on-hold{background:#6b7280;color:#fff}.developer-project-item-progress-guideline{display:flex;flex-direction:column;gap:8px}.developer-progress-header-guideline{display:flex;justify-content:space-between;font-size:13px}.developer-progress-label-guideline{color:#666}.developer-progress-value-guideline{font-weight:600;color:#1a1a1a}.developer-progress-bar-guideline{width:100%;margin:8px 0}.developer-progress-bar-guideline.ui-progress{height:8px;background-color:#8c30f533;border-radius:9999px}.developer-progress-bar-guideline .ui-progress-indicator{background-color:#8c30f5;height:100%;border-radius:9999px;transition:width .3s ease}.developer-progress-footer-guideline{display:flex;justify-content:space-between;font-size:13px}.developer-budget-label-guideline{color:#666}.developer-budget-value-guideline{font-weight:600;color:#1a1a1a}.developer-sidebar-content-guideline{display:flex;flex-direction:column;gap:24px}.developer-sidebar-title-guideline{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.3px}.developer-tasks-list-guideline{display:flex;flex-direction:column;gap:12px}.developer-task-item-guideline{display:flex;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid #E0E0E0}.developer-task-item-guideline:last-child{border-bottom:none;padding-bottom:0}.developer-task-indicator{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.developer-task-indicator.status-completed{background:#8c30f5}.developer-task-indicator.status-in-progress{background:#3b82f6}.developer-task-indicator.status-blocked{background:#ef4444}.developer-task-indicator.status-pending{background:#9ca3af}.developer-task-content-guideline{flex:1;min-width:0}.developer-task-name-guideline{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.developer-task-assignee-guideline{font-size:12px;color:#666;margin-bottom:6px}.developer-task-meta-guideline{display:flex;align-items:center;gap:8px}.developer-task-priority-guideline{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.developer-task-progress-guideline{font-size:12px;color:#999}.developer-approvals-list-guideline{display:flex;flex-direction:column;gap:12px}.developer-approval-item-guideline{padding:12px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #FED7AA;border-radius:8px}.developer-approval-header-guideline{margin-bottom:8px}.developer-approval-description-guideline{font-size:14px;font-weight:500;color:#1a1a1a}.developer-approval-footer-guideline{display:flex;justify-content:space-between;align-items:center;font-size:13px}.developer-approval-vendor-guideline{color:#666}.developer-approval-amount-guideline{font-weight:600;color:#1a1a1a}.developer-approval-actions-guideline{margin-top:12px;display:flex;justify-content:flex-end}.developer-approval-view-btn-guideline{font-size:12px;padding:6px 12px;height:auto;border-color:#fed7aa;color:#8c30f5;background-color:#fff;transition:all .2s}.developer-approval-view-btn-guideline:hover{background-color:#f3e8ff;border-color:#8c30f5;color:#7c3aed}.developer-empty-state-guideline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.developer-empty-state-guideline svg{margin-bottom:12px}.developer-empty-state-guideline p{font-size:14px;color:#8c30f5;margin:0;font-weight:500}.developer-quick-actions-guideline{display:flex;flex-direction:column;gap:8px}.developer-quick-action-link{display:block;width:100%;text-decoration:none}.developer-quick-action-btn-primary{width:100%;background:linear-gradient(to right,#9333ea,#7c3aed);color:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer;font-family:inherit}.developer-quick-action-btn-primary:hover{background:linear-gradient(to right,#7e22ce,#6d28d9)}.developer-quick-action-btn-primary svg{width:16px;height:16px;flex-shrink:0;margin-right:0}.developer-quick-action-btn-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid var(--border, #e5e7eb);background-color:var(--background, #f8faf9);color:var(--foreground, #1a1a1a);transition:all .2s}.developer-quick-action-btn-secondary:hover{background-color:var(--accent, #dcfce7);color:var(--accent-foreground, #166534);border-color:var(--border, #e5e7eb)}.developer-quick-action-btn-secondary svg{width:16px;height:16px;flex-shrink:0;margin-right:0}@media (max-width: 1024px){.developer-dashboard-content-grid-guideline{grid-template-columns:1fr}}@media (max-width: 768px){.developer-dashboard-guideline{padding:16px}.developer-dashboard-title-guideline{font-size:24px}.developer-stats-grid-guideline{grid-template-columns:1fr;gap:16px}.developer-section-header-guideline{flex-direction:column;gap:12px}}.ui-input{display:block;height:36px;width:100%;min-width:0;border-radius:6px;border:1px solid var(--border, #e5e7eb);background-color:var(--background, #ffffff);padding:0 12px;font-size:14px;color:var(--foreground, #1a1a1a);transition:all .2s;outline:none;box-sizing:border-box}.ui-input::placeholder{color:#9ca3af}.ui-input:focus{border-color:var(--ring, #8c30f5);box-shadow:0 0 0 3px #8c30f51a}.ui-input:disabled{cursor:not-allowed;opacity:.5}.ui-select{position:relative;width:100%;z-index:1}.ui-select:focus-within{z-index:3000}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;width:100%;padding:0 12px;border-radius:6px;border:1px solid var(--border, #e5e7eb);background-color:var(--background, #ffffff);font-size:14px;color:var(--foreground, #1a1a1a);cursor:pointer;transition:all .2s;outline:none}.ui-select-trigger:hover{border-color:var(--ring, #8c30f5)}.ui-select-trigger:focus,.ui-select-trigger.open{border-color:var(--ring, #8c30f5);box-shadow:0 0 0 3px #8c30f51a}.ui-select-trigger svg{flex-shrink:0;transition:transform .2s}.ui-select-trigger.open svg{transform:rotate(180deg)}.ui-select-value{color:#9ca3af}.ui-select-content{position:fixed;z-index:10000!important;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;animation:selectFadeIn .15s ease-out;max-height:300px;overflow-y:auto}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ui-select-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:14px;color:var(--foreground, #1a1a1a);cursor:pointer;transition:background-color .15s}.ui-select-item:hover{background-color:var(--accent, #f3f4f6)}.ui-select-item.selected{background-color:#8c30f51a;color:var(--ring, #8c30f5);font-weight:500}.ui-select-item svg{flex-shrink:0;width:16px;height:16px}.ui-select-divider{height:1px;background:#e5e7eb;margin:4px 8px}.ui-select-item-add{color:#8c30f5;font-weight:500;justify-content:flex-start;gap:8px}.ui-select-item-add:hover{background-color:#f3e8ff;color:#7c3aed}.ui-select-item-add svg{color:#8c30f5}.ui-select-item-add:hover svg{color:#7c3aed}.projects-list-container{padding:24px 32px;max-width:1400px;margin:0 auto;min-height:100vh}.projects-list-header{margin-bottom:32px}.projects-list-header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.projects-list-header-left{display:flex;align-items:center;gap:12px}.projects-list-header-icon{width:32px;height:32px;color:#8c30f5;flex-shrink:0}.projects-list-title{font-size:32px;font-weight:700;background:linear-gradient(135deg,#8c30f5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px;letter-spacing:-.5px}.projects-list-subtitle{font-size:14px;color:#666;margin:0;font-weight:400}.projects-list-new-btn{background:linear-gradient(to right,#9333ea,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;transition:all .2s}.projects-list-new-btn:hover{background:linear-gradient(to right,#7e22ce,#6d28d9)}.projects-list-new-btn svg{width:16px;height:16px;color:#fff;flex-shrink:0;display:block}.projects-list-new-btn svg path{stroke:#fff}.projects-list-filters{display:flex;flex-direction:column;gap:16px}.projects-list-filters-row{display:flex;flex-direction:column;gap:12px}@media (min-width: 640px){.projects-list-filters{flex-direction:column}.projects-list-filters-row{flex-direction:row}}.projects-list-search{position:relative;flex:1;display:flex;align-items:center}.projects-list-search svg{position:absolute;left:12px;width:16px;height:16px;color:#9ca3af;pointer-events:none;z-index:1}.projects-list-search-input{padding-left:36px}.projects-list-filter-select{width:100%}@media (min-width: 640px){.projects-list-filter-select{flex:1;min-width:150px}}.projects-list-advanced-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:6px;font-size:13px;color:var(--foreground, #1a1a1a);cursor:pointer;transition:all .2s;align-self:flex-start}.projects-list-advanced-toggle:hover{background-color:var(--accent, #f3f4f6);border-color:var(--ring, #8c30f5)}.projects-list-advanced-toggle svg{transition:transform .2s}.projects-list-advanced-toggle.active svg{transform:rotate(180deg)}.projects-list-advanced-filters{margin-top:16px;padding-top:16px;border-top:1px solid var(--border, #e5e7eb);display:flex;flex-direction:column;gap:16px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.projects-list-advanced-row{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.projects-list-advanced-row{flex-direction:row;flex-wrap:wrap}}.projects-list-advanced-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.projects-list-advanced-label{font-size:13px;font-weight:500;color:var(--foreground, #1a1a1a)}.projects-list-advanced-inputs{display:flex;align-items:center;gap:8px}.projects-list-advanced-input{flex:1}.projects-list-advanced-separator{color:#9ca3af;font-size:14px;flex-shrink:0}.projects-list-advanced-actions{display:flex;justify-content:flex-end;gap:12px}.projects-list-clear-filters{padding:8px 16px;background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:6px;font-size:13px;color:var(--foreground, #1a1a1a);cursor:pointer;transition:all .2s}.projects-list-clear-filters:hover{background-color:var(--accent, #f3f4f6);border-color:var(--ring, #8c30f5);color:var(--ring, #8c30f5)}.projects-list-results{margin-bottom:16px;padding:0 4px}.projects-list-results-text{font-size:14px;color:#666;font-weight:500}.projects-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media (min-width: 768px){.projects-list-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.projects-list-grid{grid-template-columns:repeat(3,1fr)}}.projects-list-card-link{text-decoration:none;color:inherit;display:block;height:100%}.projects-list-card{height:100%;cursor:pointer;transition:transform .2s,box-shadow .2s}.projects-list-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.projects-list-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.projects-list-card-icon{padding:12px;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.projects-list-card:hover .projects-list-card-icon{background:linear-gradient(135deg,#e9d5ff,#ddd6fe)}.projects-list-card-icon svg{width:24px;height:24px;color:#8c30f5}.projects-list-card-status{flex-shrink:0}.projects-list-card-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.projects-list-card-type{font-size:14px;color:#666;margin:0 0 16px}.projects-list-card-details{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.projects-list-card-detail-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.projects-list-card-detail-item svg{flex-shrink:0;width:16px;height:16px}.projects-list-card-progress{margin-bottom:16px}.projects-list-card-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.projects-list-card-progress-label{font-size:13px;color:#666}.projects-list-card-progress-value{font-size:13px;font-weight:600;color:#1a1a1a}.projects-list-card-progress-bar{height:8px}.projects-list-card-footer{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid #E5E7EB}.projects-list-card-footer-label{font-size:13px;color:#666;margin-bottom:4px}.projects-list-card-footer-value{font-size:14px;font-weight:600;color:#1a1a1a}.projects-list-card-footer-value-purple{color:#8c30f5}.projects-list-card-footer-right{text-align:right}.projects-list-empty{padding:48px 24px;text-align:center}.projects-list-empty svg{width:48px;height:48px;color:#9ca3af;margin:0 auto 16px}.projects-list-empty-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.projects-list-empty-text{font-size:14px;color:#666;margin:0 0 24px}@media (max-width: 768px){.projects-list-container{padding:16px 20px}.projects-list-header-content{flex-direction:column;align-items:flex-start;gap:16px}.projects-list-grid{grid-template-columns:1fr}}.rdp{--rdp-cell-size: 40px;--rdp-caption-font-size: 18px;--rdp-accent-color: #0000ff;--rdp-background-color: #e7edff;--rdp-accent-color-dark: #3003e1;--rdp-background-color-dark: #180270;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 3px solid var(--rdp-accent-color);--rdp-selected-color: #fff;margin:1em}.rdp-vhidden{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute!important;top:0;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;border:0!important}.rdp-button_reset{appearance:none;position:relative;margin:0;padding:0;cursor:default;color:inherit;background:none;font:inherit;-moz-appearance:none;-webkit-appearance:none}.rdp-button_reset:focus-visible{outline:none}.rdp-button{border:2px solid transparent}.rdp-button[disabled]:not(.rdp-day_selected){opacity:.25}.rdp-button:not([disabled]){cursor:pointer}.rdp-button:focus-visible:not([disabled]){color:inherit;background-color:var(--rdp-background-color);border:var(--rdp-outline)}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color)}.rdp-months{display:flex}.rdp-month{margin:0 1em}.rdp-month:first-child{margin-left:0}.rdp-month:last-child{margin-right:0}.rdp-table{margin:0;max-width:calc(var(--rdp-cell-size) * 7);border-collapse:collapse}.rdp-with_weeknumber .rdp-table{max-width:calc(var(--rdp-cell-size) * 8);border-collapse:collapse}.rdp-caption{display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left}.rdp-multiple_months .rdp-caption{position:relative;display:block;text-align:center}.rdp-caption_dropdowns{position:relative;display:inline-flex}.rdp-caption_label{position:relative;z-index:1;display:inline-flex;align-items:center;margin:0;padding:0 .25em;white-space:nowrap;color:currentColor;border:0;border:2px solid transparent;font-family:inherit;font-size:var(--rdp-caption-font-size);font-weight:700}.rdp-nav{white-space:nowrap}.rdp-multiple_months .rdp-caption_start .rdp-nav{position:absolute;top:50%;left:0;transform:translateY(-50%)}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;top:50%;right:0;transform:translateY(-50%)}.rdp-nav_button{display:inline-flex;align-items:center;justify-content:center;width:var(--rdp-cell-size);height:var(--rdp-cell-size);padding:.25em;border-radius:100%}.rdp-dropdown_year,.rdp-dropdown_month{position:relative;display:inline-flex;align-items:center}.rdp-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;margin:0;padding:0;cursor:inherit;opacity:0;border:none;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit}.rdp-dropdown[disabled]{opacity:unset;color:unset}.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px}.rdp-dropdown_icon{margin:0 0 0 5px}.rdp-head{border:0}.rdp-head_row,.rdp-row{height:100%}.rdp-head_cell{vertical-align:middle;font-size:.75em;font-weight:700;text-align:center;height:100%;height:var(--rdp-cell-size);padding:0;text-transform:uppercase}.rdp-tbody{border:0}.rdp-tfoot{margin:.5em}.rdp-cell{width:var(--rdp-cell-size);height:100%;height:var(--rdp-cell-size);padding:0;text-align:center}.rdp-weeknumber{font-size:.75em}.rdp-weeknumber,.rdp-day{display:flex;overflow:hidden;align-items:center;justify-content:center;box-sizing:border-box;width:var(--rdp-cell-size);max-width:var(--rdp-cell-size);height:var(--rdp-cell-size);margin:0;border:2px solid transparent;border-radius:100%}.rdp-day_today:not(.rdp-day_outside){font-weight:700}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{color:var(--rdp-selected-color);opacity:1;background-color:var(--rdp-accent-color)}.rdp-day_outside{opacity:.5}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){border-top-right-radius:0;border-bottom-right-radius:0}.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){border-top-right-radius:0;border-bottom-right-radius:0}.rdp-day_range_end.rdp-day_range_start{border-radius:100%}.rdp-day_range_middle{border-radius:0}.rdp-calendar{--rdp-cell-size: 36px;--rdp-caption-font-size: 14px;--rdp-accent-color: #7C3AED;--rdp-background-color: rgba(124, 58, 237, .15);--rdp-selected-color: #fff;--rdp-outline: 2px solid #7C3AED;--rdp-outline-selected: 2px solid #7C3AED;margin:0;padding:12px;font-family:inherit}.rdp-calendar .rdp-caption{padding:0 0 12px}.rdp-calendar .rdp-caption_label{font-size:var(--rdp-caption-font-size);font-weight:600;color:#374151}.rdp-calendar .rdp-nav_button{border-radius:8px;color:#6b7280}.rdp-calendar .rdp-nav_button:hover:not([disabled]){background-color:var(--rdp-background-color);color:#7c3aed}.rdp-calendar .rdp-day{font-size:13px;border-radius:8px}.rdp-calendar .rdp-day:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color);color:#7c3aed}.rdp-calendar .rdp-day_today:not(.rdp-day_outside){font-weight:600;color:#7c3aed}.rdp-calendar .rdp-day_selected,.rdp-calendar .rdp-day_selected:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:var(--rdp-selected-color)}.rdp-calendar .rdp-head_cell{font-size:11px;font-weight:600;color:#6b7280}.rdp-calendar .rdp-caption_dropdowns{display:flex;align-items:center;gap:10px;width:100%;justify-content:center;flex-wrap:wrap}.rdp-calendar .rdp-dropdown_month,.rdp-calendar .rdp-dropdown_year{position:relative}.rdp-calendar .rdp-dropdown_month .rdp-caption_label,.rdp-calendar .rdp-dropdown_year .rdp-caption_label{padding:8px 32px 8px 12px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #D1D5DB;border-radius:8px;cursor:pointer;min-width:100px}.rdp-calendar .rdp-dropdown_month .rdp-caption_label:hover,.rdp-calendar .rdp-dropdown_year .rdp-caption_label:hover{border-color:#9ca3af}.rdp-calendar .rdp-dropdown:focus-visible+.rdp-caption_label{outline:none;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}.calendar-date-picker{position:relative;width:100%}.calendar-date-picker-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 14px 0 16px;background:#fff;border:1px solid #D1D5DB;border-radius:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.calendar-date-picker-trigger:hover:not(.calendar-date-picker-trigger--disabled){border-color:#9ca3af}.calendar-date-picker-trigger--open{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.calendar-date-picker-trigger--disabled{cursor:not-allowed;background:#f9fafb;opacity:.8}.calendar-date-picker-input{flex:1;min-width:0;border:none;background:transparent;font-size:14px;color:#374151;cursor:pointer;outline:none}.calendar-date-picker-input::placeholder{color:#9ca3af}.calendar-date-picker-input:disabled{cursor:not-allowed}.calendar-date-picker-icon{display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.calendar-date-picker-trigger:hover .calendar-date-picker-icon,.calendar-date-picker-trigger--open .calendar-date-picker-icon{color:#7c3aed}.calendar-date-picker-popover{position:absolute;z-index:50;top:calc(100% + 6px);left:0;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 10px 40px #0000001f;padding:0;min-width:280px}.ui-label{font-size:14px;font-weight:500;color:var(--foreground, #1a1a1a);margin-bottom:8px;display:block}.ui-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:dialogOverlayFadeIn .2s ease-out}@keyframes dialogOverlayFadeIn{0%{opacity:0}to{opacity:1}}.ui-dialog-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:512px;max-height:90vh;overflow-y:auto;position:relative;animation:dialogContentSlideIn .3s ease-out}@keyframes dialogContentSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ui-dialog-header{display:flex;flex-direction:column;gap:8px;padding:24px 24px 0}.ui-dialog-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2}.ui-dialog-description{font-size:14px;color:#666;margin:0;line-height:1.5}.ui-dialog-footer{display:flex;flex-direction:column-reverse;gap:12px;padding:0 24px 24px;margin-top:24px}@media (min-width: 640px){.ui-dialog-footer{flex-direction:row;justify-content:flex-end}}.ui-dialog-close{position:absolute;right:16px;top:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background-color:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .2s;z-index:10}.ui-dialog-close:hover{background-color:#f3f4f6;color:#1a1a1a}.ui-dialog-close svg{width:16px;height:16px}@media (max-width: 640px){.ui-dialog-content{max-width:100%;margin:16px}}.new-project-container{padding:24px 32px;max-width:1200px;margin:0 auto;min-height:100vh}.new-project-header{margin-bottom:32px}.new-project-header-content{display:flex;align-items:center;justify-content:space-between}.new-project-header-left{display:flex;align-items:center;gap:16px}.new-project-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#8c30f5,#7c3aed);border-radius:12px;color:#fff}.new-project-title{font-size:32px;font-weight:700;background:linear-gradient(135deg,#8c30f5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px;letter-spacing:-.5px}.new-project-subtitle{font-size:16px;color:#6b7280;margin:0}.new-project-form{padding:32px}.new-project-form-section{margin-bottom:32px}.new-project-form-section:last-of-type{margin-bottom:24px}.new-project-section-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid #E5E7EB}.new-project-form-group{margin-bottom:24px}.new-project-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.new-project-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.new-project-required{color:#ef4444}.new-project-input,.new-project-select{width:100%}.new-project-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #E5E7EB;margin-top:32px}.new-project-submit-btn{background:linear-gradient(to right,#9333ea,#7c3aed);color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;border:none}.new-project-submit-btn:hover{background:linear-gradient(to right,#7e22ce,#6d28d9)}.new-project-submit-btn:disabled{opacity:.6;cursor:not-allowed}.new-project-budget-summary{background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:20px;margin-top:24px}.new-project-budget-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.new-project-budget-row:not(:last-child){border-bottom:1px solid #E5E7EB}.new-project-budget-total{margin-top:8px;padding-top:16px;border-top:2px solid #8C30F5}.new-project-budget-label{font-size:14px;color:#6b7280;font-weight:500}.new-project-budget-total .new-project-budget-label{font-size:16px;color:#111827;font-weight:600}.new-project-budget-value{font-size:14px;color:#111827;font-weight:600}.new-project-budget-total-value{font-size:18px;color:#8c30f5;font-weight:700}@media (max-width: 768px){.new-project-container{padding:16px}.new-project-form{padding:24px 16px}.new-project-form-row{grid-template-columns:1fr;gap:0}.new-project-form-actions{flex-direction:column-reverse}.new-project-submit-btn{width:100%}}.project-overview{display:flex;flex-direction:column;gap:24px}.project-overview-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.project-overview-kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.project-overview-kpi-label-wrapper{display:flex;align-items:center;gap:6px}.project-overview-kpi-label{font-size:13px;color:#666;font-weight:400}.project-overview-kpi-header svg{width:20px;height:20px;color:#8c30f5;flex-shrink:0}.project-overview-kpi-value{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.project-overview-kpi-subtext{font-size:12px;color:#999;margin-top:4px}.project-overview-kpi-progress{height:8px}.project-overview-kpi-card-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.project-overview-kpi-card-clickable:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8c30f526}.project-overview-kpi-info{position:relative;display:inline-flex;align-items:center}.project-overview-kpi-info-trigger{display:flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:help;color:#8c30f5;transition:color .2s ease}.project-overview-kpi-info-trigger:hover{color:#7c3aed}.project-overview-kpi-info-tooltip{position:fixed;width:280px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:0;z-index:10000!important;pointer-events:none}.project-overview-kpi-info-content{padding:16px}.project-overview-kpi-info-content p{font-size:13px;line-height:1.6;color:#1a1a1a;margin:0 0 12px}.project-overview-kpi-info-content p:last-child{margin-bottom:0}.project-overview-kpi-info-content strong{font-weight:600;color:#1a1a1a}.project-overview-kpi-info-content ul{margin:8px 0 12px;padding-left:20px;list-style-type:disc}.project-overview-kpi-info-content li{font-size:13px;line-height:1.6;color:#666;margin-bottom:4px}.project-overview-kpi-info-note{font-size:12px;color:#666;font-style:italic;margin-top:8px!important}.project-overview-content{display:grid;grid-template-columns:2fr 1fr;gap:24px}.project-overview-chart-section{min-width:0}.project-overview-chart-container{margin:16px 0}.project-overview-chart-legend{display:flex;justify-content:center;gap:24px;margin-top:16px}.project-overview-chart-legend-item{display:flex;align-items:center;gap:8px}.project-overview-chart-legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.project-overview-chart-legend-text{font-size:14px;color:#666}.project-overview-chart-legend-dot-planned{background-color:#9ca3af}.project-overview-chart-legend-dot-actual{background-color:#7c3aed}.project-overview-phase-section{min-width:0}.project-overview-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.project-overview-section-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.project-overview-chart-info{position:relative}.project-overview-chart-info-trigger{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#8c30f5;cursor:pointer;transition:color .2s ease}.project-overview-chart-info-trigger:hover{color:#7c3aed}.project-overview-chart-info-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:8px;width:320px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:10000}.project-overview-chart-info:hover .project-overview-chart-info-tooltip{opacity:1;visibility:visible;pointer-events:auto}.project-overview-chart-info-content{padding:12px 16px;font-size:13px;line-height:1.5;color:#1a1a1a}.project-overview-chart-info-content h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.project-overview-chart-info-content p{margin:8px 0 0}.project-overview-chart-info-content ul{margin:8px 0;padding-left:20px}.project-overview-chart-info-content li{margin:4px 0}.project-overview-chart-info-content strong{font-weight:600;color:#1a1a1a}.project-overview-chart-info-note{font-size:12px;color:#666;font-style:italic;margin-top:8px!important}.project-overview-section-link{font-size:13px;color:#8c30f5;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;font-weight:500}.project-overview-section-link:hover{background-color:#8c30f51a}.project-overview-phases{display:flex;flex-direction:column;gap:16px}.project-overview-phase{display:flex;flex-direction:column;gap:8px}.project-overview-phase-header{display:flex;align-items:center;justify-content:space-between}.project-overview-phase-info{display:flex;align-items:center;gap:8px}.project-overview-phase-info svg{width:16px;height:16px;flex-shrink:0;color:#8c30f5}.project-overview-phase-info svg[stroke=currentColor]{color:#10b981}.project-overview-phase-indicator{width:16px;height:16px;border-radius:50%;border:2px solid #D1D5DB;flex-shrink:0}.project-overview-phase-name{font-size:14px;font-weight:500;color:#1a1a1a}.project-overview-phase-completion{font-size:13px;color:#666}.project-overview-phase-progress{height:6px}.project-overview-phase-clickable{cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease,transform .2s ease}.project-overview-phase-clickable:hover{background-color:#8c30f50d;transform:translate(4px)}.project-overview-empty-phases,.project-overview-empty-chart{padding:40px 20px;text-align:center;color:#999;font-size:14px}.project-overview-details{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-overview-detail-list{display:flex;flex-direction:column;gap:12px;margin:0}.project-overview-detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.project-overview-detail-item dt{font-size:13px;color:#666;font-weight:400}.project-overview-detail-item dd{font-size:13px;font-weight:500;color:#1a1a1a;margin:0}.project-overview-detail-value-purple{color:#8c30f5;font-weight:600}.project-overview-status-badge{font-size:12px;padding:4px 12px}@media (max-width: 1024px){.project-overview-content{grid-template-columns:1fr}.project-overview-chart-container{height:250px!important}.project-overview-details{grid-template-columns:1fr}}@media (max-width: 768px){.project-overview-kpis{grid-template-columns:1fr}}.project-timeline-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 24px}.project-timeline-container{position:relative;padding-left:48px}.project-timeline-line{position:absolute;left:16px;top:0;bottom:0;width:2px;background-color:#e5e7eb}.project-timeline-events{display:flex;flex-direction:column;gap:32px}.project-timeline-event{position:relative;display:flex;align-items:flex-start;gap:16px}.project-timeline-dot-container{position:absolute;left:-48px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fff;z-index:1}.project-timeline-dot{width:32px;height:32px;flex-shrink:0}.project-timeline-dot-completed{color:#8c30f5}.project-timeline-dot-active{color:#3b82f6}.project-timeline-dot-upcoming{color:#d1d5db}.project-timeline-event-content{flex:1;padding-bottom:32px}.project-timeline-event-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.project-timeline-event-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.project-timeline-event-badge{flex-shrink:0;font-size:12px;padding:4px 12px}.project-timeline-event-description{font-size:14px;color:#666;margin:0 0 4px}.project-timeline-event-date{font-size:12px;color:#9ca3af;margin:0}.project-timeline-events>.project-timeline-event:last-child .project-timeline-event-content{padding-bottom:0}@media (max-width: 768px){.project-timeline-container{padding-left:40px}.project-timeline-dot-container{left:-40px;width:24px;height:24px}.project-timeline-dot{width:24px;height:24px}.project-timeline-line{left:12px}.project-timeline-event-header{flex-direction:column;align-items:flex-start;gap:8px}}.ui-table-container{position:relative;width:100%;overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;font-size:14px}.ui-table-header{border-bottom:1px solid var(--border, #e5e7eb)}.ui-table-footer{border-top:1px solid var(--border, #e5e7eb);background-color:var(--muted, #f9fafb);font-weight:500}.ui-table-row{border-bottom:1px solid var(--border, #e5e7eb);transition:background-color .15s}.ui-table-row:hover{background-color:var(--muted, #f9fafb)}.ui-table-row:last-child{border-bottom:0}.ui-table-head{height:40px;padding:0 8px;text-align:left;vertical-align:middle;font-weight:500;color:var(--foreground, #1a1a1a);white-space:nowrap}.ui-table-cell{padding:8px;vertical-align:middle;white-space:nowrap}.ui-textarea{display:flex;min-height:80px;width:100%;border-radius:6px;border:1px solid var(--border, #e5e7eb);background-color:var(--background, #ffffff);padding:8px 12px;font-size:14px;color:var(--foreground, #1a1a1a);transition:all .2s;outline:none;resize:vertical;font-family:inherit}.ui-textarea::placeholder{color:#9ca3af}.ui-textarea:focus{border-color:var(--ring, #8c30f5);box-shadow:0 0 0 3px #8c30f51a}.ui-textarea:disabled{cursor:not-allowed;opacity:.5}.add-task-modal-content{max-width:512px;padding:0}.add-task-modal-form{padding:24px;display:flex;flex-direction:column;gap:24px}.add-task-modal-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.add-task-modal-form-group{display:flex;flex-direction:column;gap:8px}.add-task-modal-input-with-icon{position:relative;display:flex;align-items:center}.add-task-modal-input-icon{position:absolute;left:12px;width:20px;height:20px;color:#8c30f5;pointer-events:none;z-index:1}.add-task-modal-input-icon-padding{padding-left:40px}.add-task-modal-date-wrapper{position:relative;display:flex;align-items:center}.add-task-modal-date-icon{position:absolute;left:12px;width:20px;height:20px;color:#8c30f5;pointer-events:none;z-index:1}.add-task-modal-date-picker{padding-left:40px;width:100%}.add-task-modal-form-group input[type=date]{color:#1a1a1a;font-size:14px;font-weight:400;cursor:pointer}.add-task-modal-form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:invert(.5) sepia(1) saturate(5) hue-rotate(250deg);width:20px;height:20px;margin-right:8px}.add-task-modal-form-group input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert(.4) sepia(1) saturate(5) hue-rotate(250deg)}.add-task-modal-form-group input[type=date]:focus{border-color:#8c30f5;box-shadow:0 0 0 3px #8c30f51a}.add-task-modal-form-group input[type=date]:focus::-webkit-calendar-picker-indicator{filter:invert(.3) sepia(1) saturate(5) hue-rotate(250deg)}.add-task-modal-cancel-btn{width:100%}@media (min-width: 640px){.add-task-modal-cancel-btn{width:auto}}.add-task-modal-submit-btn{background:linear-gradient(to right,#9333ea,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s;width:100%}@media (min-width: 640px){.add-task-modal-submit-btn{width:auto}}.add-task-modal-submit-btn:hover{background:linear-gradient(to right,#7e22ce,#6d28d9)}.add-task-modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.add-task-modal-submit-btn svg{width:20px;height:20px;flex-shrink:0}.add-task-modal-spinner{animation:spin 1s linear infinite}@media (max-width: 640px){.add-task-modal-form-row{grid-template-columns:1fr}}.ui-dialog-content.add-expense-modal-content{max-width:640px;width:100%;padding:0}.add-expense-modal-content .ui-dialog-header{padding:24px 40px 0}.add-expense-modal-content .ui-dialog-footer{padding:0 40px 24px}.add-expense-modal-form{padding:32px 40px;display:flex;flex-direction:column;gap:24px}.add-expense-modal-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.add-expense-modal-form-group{display:flex;flex-direction:column;gap:8px}.add-expense-modal-input-with-icon{position:relative;display:flex;align-items:center}.add-expense-modal-input-icon{position:absolute;left:12px;width:20px;height:20px;color:#9ca3af;pointer-events:none;z-index:1}.add-expense-modal-input-icon-padding{padding-left:40px}.add-expense-modal-file-upload{position:relative}.add-expense-modal-file-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.add-expense-modal-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px dashed #C084FC;border-radius:12px;background-color:#f3e8ff80;cursor:pointer;transition:all .2s;text-align:center}.add-expense-modal-file-label:hover{border-color:#a855f7;background-color:#f3e8ffb3}.add-expense-modal-upload-icon{width:40px;height:40px;color:#a855f7;margin-bottom:12px}.add-expense-modal-file-text{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:4px}.add-expense-modal-file-hint{font-size:12px;color:#9ca3af}.add-expense-modal-cancel-btn{width:100%}@media (min-width: 640px){.add-expense-modal-cancel-btn{width:auto}}.add-expense-modal-submit-btn{background:linear-gradient(to right,#9333ea,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s;width:100%}@media (min-width: 640px){.add-expense-modal-submit-btn{width:auto}}.add-expense-modal-submit-btn:hover{background:linear-gradient(to right,#7e22ce,#6d28d9)}.add-expense-modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.add-expense-modal-submit-btn svg{width:20px;height:20px;flex-shrink:0}.add-expense-modal-spinner{animation:spin 1s linear infinite}.add-expense-modal-summary{margin-top:8px;padding:20px;background:linear-gradient(135deg,#8c30f50d,#7c3aed0d);border-radius:12px;border:1px solid rgba(140,48,245,.2)}.add-expense-modal-summary-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.add-expense-modal-summary-content{display:flex;flex-direction:column;gap:12px}.add-expense-modal-summary-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.add-expense-modal-summary-item-full{flex-direction:column;gap:8px}.add-expense-modal-summary-label{font-size:16px;font-weight:600;color:#666;flex-shrink:0}.add-expense-modal-summary-value{font-size:18px;font-weight:700;color:#1a1a1a;text-align:right;word-break:break-word}.add-expense-modal-summary-item-full .add-expense-modal-summary-value{text-align:left;font-size:16px;font-weight:500;line-height:1.5}.add-expense-modal-budget-alert{padding:16px;border-radius:12px;border:1px solid;margin-top:8px}.add-expense-modal-budget-alert.budget-ok{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b9814d}.add-expense-modal-budget-alert.budget-warning{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border-color:#f59e0b4d}.add-expense-modal-budget-alert.budget-over{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef44444d}.add-expense-modal-budget-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.add-expense-modal-budget-title{font-size:14px;font-weight:600;color:#1a1a1a}.add-expense-modal-budget-details{display:flex;flex-direction:column;gap:8px}.add-expense-modal-budget-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.add-expense-modal-budget-row span:first-child{color:#666;font-weight:500}.add-expense-modal-budget-row span:last-child{color:#1a1a1a;font-weight:600}.add-expense-modal-budget-warning-text{margin-top:8px;padding:8px 12px;background:#ef44441a;border-radius:8px;font-size:13px;font-weight:500;color:#dc2626}.add-expense-modal-category-hint{margin-top:4px;font-size:12px;color:#666;font-style:italic}.add-expense-modal-category-warning{margin-top:4px;font-size:12px;color:#dc2626;font-weight:500}@media (max-width: 640px){.add-expense-modal-form-row{grid-template-columns:1fr}.add-expense-modal-summary-title{font-size:18px}.add-expense-modal-summary-label{font-size:15px}.add-expense-modal-summary-value{font-size:16px}}.create-phase-template-modal-content{max-width:720px;max-height:90vh;overflow-y:auto}.create-phase-template-modal-form{display:flex;flex-direction:column;gap:20px;padding:0 24px 24px}.create-phase-template-modal-field{display:flex;flex-direction:column;gap:8px}.create-phase-template-modal-field label{font-size:14px;font-weight:500;color:#374151}.create-phase-template-modal-groups{display:flex;flex-direction:column;gap:12px;padding-top:8px;border-top:1px solid #E5E7EB}.create-phase-template-modal-groups-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.create-phase-template-modal-groups-header label{font-size:14px;font-weight:600;color:#1f2937}.create-phase-template-modal-add-group{display:inline-flex;align-items:center;gap:8px;font-size:13px}.create-phase-template-modal-group{border:1px solid #E5E7EB;border-radius:10px;overflow:hidden;background:#f9fafb}.create-phase-template-modal-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s}.create-phase-template-modal-group-head:hover{background:#f3f4f6}.create-phase-template-modal-group-name{flex:1;min-width:0;font-size:15px;font-weight:600;border:1px solid transparent;border-radius:6px;padding:8px 12px;background:#fff}.create-phase-template-modal-group-name:focus{outline:none;border-color:#8c30f5;box-shadow:0 0 0 2px #8c30f526}.create-phase-template-modal-group-actions{display:flex;align-items:center;gap:8px}.create-phase-template-modal-remove-group{font-size:12px;color:#6b7280}.create-phase-template-modal-remove-group:hover:not(:disabled){color:#dc2626}.create-phase-template-modal-group-chevron{font-size:12px;color:#6b7280;width:24px;text-align:center}.create-phase-template-modal-phases{display:flex;flex-direction:column;gap:12px;padding:16px;border-top:1px solid #E5E7EB;background:#fff}.create-phase-template-modal-phase{padding:16px;border:1px solid #E5E7EB;border-radius:8px;background:#f9fafb;display:flex;flex-direction:column;gap:12px}.create-phase-template-modal-phase-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.create-phase-template-modal-phase-name{flex:1;min-width:180px;font-weight:500}.create-phase-template-modal-phase-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.create-phase-template-modal-duration{width:72px;text-align:center}.create-phase-template-modal-phase-meta select{padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:13px;background:#fff;min-width:90px}.create-phase-template-modal-role{width:120px}.create-phase-template-modal-critical{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#4b5563;cursor:pointer}.create-phase-template-modal-critical input{width:16px;height:16px;accent-color:#8C30F5}.create-phase-template-modal-phase-extra{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}@media (max-width: 640px){.create-phase-template-modal-phase-extra{grid-template-columns:1fr}}.create-phase-template-modal-phase-desc,.create-phase-template-modal-deliverables{grid-column:1 / -1}.create-phase-template-modal-phase-budget{display:flex;flex-direction:column;gap:4px}.create-phase-template-modal-phase-budget label{font-size:12px;font-weight:500;color:#6b7280}.create-phase-template-modal-phase-extra select{padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:13px;background:#fff;min-width:160px}.create-phase-template-modal-add-phase{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:13px}.create-phase-template-modal-submit{background:linear-gradient(to right,#9333ea,#7c3aed);color:#fff}.create-phase-template-modal-submit:hover:not(:disabled){background:linear-gradient(to right,#7e22ce,#6d28d9)}.phase-template-modal-content{max-width:90vw!important;width:100%!important;max-width:1280px!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;padding:0!important;overflow:visible!important}.ui-dialog-content.phase-template-modal-content{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.phase-template-modal-content>*{padding:0}.phase-template-modal-header-wrapper{display:flex!important;justify-content:space-between;align-items:flex-start;position:relative;background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;padding:24px!important;border-radius:12px 12px 0 0;margin:0;gap:0}.phase-template-modal-header-wrapper>div{flex:1}.phase-template-modal-header-wrapper .ui-dialog-title{color:#fff}.phase-template-modal-header-wrapper .ui-dialog-description{color:#ffffffe6}.phase-template-modal-header-wrapper .ui-dialog-close{color:#fff}.phase-template-modal-header-wrapper .ui-dialog-close:hover{background-color:#ffffff1a;color:#fff}.phase-template-modal-body{display:flex;flex:1;overflow:hidden;min-height:0;max-height:calc(90vh - 200px);min-height:400px}.phase-template-modal-sidebar{width:280px;min-width:280px;border-right:1px solid #E5E7EB;padding:24px;overflow-y:auto;background:#f9fafb;flex-shrink:0}.phase-template-modal-sidebar-title{font-size:12px;font-weight:600;text-transform:uppercase;color:#6b7280;margin-bottom:12px;letter-spacing:.5px}.phase-template-modal-categories{display:flex;flex-direction:column;gap:4px}.phase-template-modal-category{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;transition:all .2s;text-align:left;background:transparent;border:none;cursor:pointer;color:#374151;font-size:14px;font-weight:500}.phase-template-modal-category:hover{background:#f3f4f6}.phase-template-modal-category.active{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;box-shadow:0 2px 8px #8c30f54d}.phase-template-modal-category-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.phase-template-modal-category-name{flex:1}.phase-template-modal-main{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;background:#fff;min-width:0;-webkit-overflow-scrolling:touch}.phase-template-modal-details{display:flex;flex-direction:column;gap:24px}.phase-template-modal-header{padding-bottom:24px;border-bottom:1px solid #E5E7EB}.phase-template-modal-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.phase-template-modal-header-top>div:first-child{flex:1;min-width:0}.phase-template-modal-custom-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.phase-template-modal-edit-btn{color:#8c30f5;border-color:#8c30f5}.phase-template-modal-edit-btn:hover{background:#8c30f514;color:#7c3aed;border-color:#7c3aed}.phase-template-modal-delete-custom-btn{color:#dc2626;border-color:#dc2626}.phase-template-modal-delete-custom-btn:hover{background:#dc262614;color:#b91c1c;border-color:#b91c1c}.phase-template-modal-template-name{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.phase-template-modal-template-description{font-size:14px;color:#666}.phase-template-modal-groups{display:flex;flex-direction:column;gap:32px}.phase-template-modal-group{display:flex;flex-direction:column;gap:16px}.phase-template-modal-group-header{display:flex;align-items:center;gap:12px}.phase-template-modal-group-number{width:32px;height:32px;background:#8c30f51a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#8c30f5;flex-shrink:0}.phase-template-modal-group-name{font-size:18px;font-weight:700;color:#1a1a1a}.phase-template-modal-group-count{font-size:14px;color:#666}.phase-template-modal-phases{margin-left:44px;display:flex;flex-direction:column;gap:12px}.phase-template-modal-phase{padding:16px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;transition:border-color .2s}.phase-template-modal-phase:hover{border-color:#8c30f54d}.phase-template-modal-phase-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.phase-template-modal-phase-info{flex:1}.phase-template-modal-phase-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.phase-template-modal-phase-name{font-size:16px;font-weight:600;color:#1a1a1a}.phase-template-modal-phase-critical{padding:2px 8px;background:#ef44441a;color:#ef4444;font-size:12px;font-weight:600;border-radius:4px}.phase-template-modal-phase-description{font-size:14px;color:#666}.phase-template-modal-phase-meta{text-align:right}.phase-template-modal-phase-duration{font-size:14px;font-weight:600;color:#8c30f5;margin-bottom:4px}.phase-template-modal-phase-role{font-size:12px;color:#666}.phase-template-modal-phase-details{display:flex;align-items:center;gap:16px;font-size:12px;color:#666}.phase-template-modal-info{padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;display:flex;align-items:flex-start;gap:12px}.phase-template-modal-info-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.phase-template-modal-info-title{font-weight:600;color:#1e40af;margin-bottom:4px;font-size:14px}.phase-template-modal-info-list{font-size:14px;color:#1e3a8a;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.phase-template-modal-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#666}.phase-template-modal-custom-view{display:flex;flex-direction:column;gap:20px;height:100%}.phase-template-modal-custom-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:1px solid #E5E7EB}.phase-template-modal-custom-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.phase-template-modal-create-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;border:none;font-size:14px;font-weight:500;padding:10px 18px;border-radius:8px;cursor:pointer;transition:all .2s}.phase-template-modal-create-btn:hover{background:linear-gradient(135deg,#7e22ce,#6d28d9)}.phase-template-modal-custom-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:#8c30f50d;border:1px solid rgba(140,48,245,.15);border-radius:8px;margin-bottom:4px}.phase-template-modal-custom-select-all{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;-webkit-user-select:none;user-select:none}.phase-template-modal-custom-select-all:hover{color:#8c30f5}.phase-template-modal-custom-checkbox{width:18px;height:18px;accent-color:#8C30F5;cursor:pointer;flex-shrink:0;margin:0}.phase-template-modal-custom-toolbar-count{font-size:13px;color:#6b7280;font-weight:500}.phase-template-modal-custom-clear-selection{font-size:13px;color:#6b7280;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.phase-template-modal-custom-clear-selection:hover{color:#8c30f5;background:#8c30f514}.phase-template-modal-custom-delete-selected{display:inline-flex;align-items:center;color:#dc2626;border-color:#dc2626;font-size:13px}.phase-template-modal-custom-delete-selected:hover{background:#dc262614;color:#b91c1c;border-color:#b91c1c}.phase-template-modal-custom-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;min-height:120px}.phase-template-modal-custom-card{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #E5E7EB;border-radius:10px;background:#fff;text-align:left;cursor:pointer;transition:all .2s;width:100%}.phase-template-modal-custom-card:hover{border-color:#8c30f566;background:#8c30f50a}.phase-template-modal-custom-card.active{border-color:#8c30f5;background:#8c30f514;box-shadow:0 0 0 2px #8c30f533}.phase-template-modal-custom-card-checkbox-wrap{display:flex;align-items:center;padding-top:2px;cursor:pointer;flex-shrink:0}.phase-template-modal-custom-card-checkbox-wrap:hover{opacity:.8}.phase-template-modal-custom-card-checkbox-wrap input{cursor:pointer}.phase-template-modal-custom-card-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.phase-template-modal-custom-card-edit-btn{flex-shrink:0;align-self:center;display:inline-flex;align-items:center;gap:6px;color:#6b7280;font-size:13px;padding:6px 10px;border-radius:6px;opacity:.85}.phase-template-modal-custom-card-edit-btn:hover{color:#8c30f5;background:#8c30f514;opacity:1}.phase-template-modal-custom-card:hover .phase-template-modal-custom-card-edit-btn{opacity:1}.phase-template-modal-custom-card-name{font-size:15px;font-weight:600;color:#1a1a1a}.phase-template-modal-custom-card-desc{font-size:13px;color:#6b7280}.phase-template-modal-empty-inline{flex-direction:column;gap:16px;padding:32px 24px;text-align:center;min-height:180px}.phase-template-modal-empty-inline p{margin:0;font-size:14px;color:#6b7280}.phase-template-modal-create-inline{align-self:center}.phase-template-modal-content .ui-dialog-footer{border-top:1px solid #E5E7EB;background:#f9fafb;padding:24px;margin-top:0;display:flex;justify-content:space-between;align-items:center}.phase-template-modal-apply-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);display:flex;align-items:center;color:#fff;border:none}.phase-template-modal-apply-btn:disabled{opacity:.5;cursor:not-allowed}.phase-template-modal-apply-btn:not(:disabled):hover{background:linear-gradient(135deg,#7e22ce,#6d28d9)}@media (max-width: 1024px){.phase-template-modal-content{max-height:95vh!important;margin:8px!important}.phase-template-modal-body{flex-direction:column;max-height:calc(95vh - 180px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.phase-template-modal-sidebar{width:100%;border-right:none;border-bottom:1px solid #E5E7EB;max-height:200px;min-height:150px;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.phase-template-modal-categories{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.phase-template-modal-category{white-space:nowrap;min-width:fit-content}.phase-template-modal-main{overflow-y:auto!important;overflow-x:hidden!important;max-height:none;flex:1;-webkit-overflow-scrolling:touch}}@media (max-width: 640px){.phase-template-modal-content{max-height:100vh!important;max-width:100vw!important;margin:0!important;border-radius:0!important}.phase-template-modal-header-wrapper{border-radius:0!important}.phase-template-modal-body{max-height:calc(100vh - 160px)!important}.phase-template-modal-sidebar{max-height:150px;padding:16px}.phase-template-modal-main{padding:16px}}.add-phase-modal-content{max-width:800px;width:100%}.add-phase-modal-form{display:flex;flex-direction:column;gap:24px;padding:0 24px}.add-phase-modal-form-group{display:flex;flex-direction:column;gap:8px}.add-phase-modal-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.add-phase-modal-input-wrapper{position:relative;display:flex;align-items:center}.add-phase-modal-input-icon{position:absolute;left:12px;width:20px;height:20px;color:#8c30f5;pointer-events:none;z-index:1}.add-phase-modal-input{width:100%;padding:10px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;transition:all .2s}.add-phase-modal-input-icon-padding{padding-left:40px}.add-phase-modal-input:focus{outline:none;border-color:#8c30f5;box-shadow:0 0 0 3px #8c30f51a}.add-phase-modal-textarea{width:100%;padding:10px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s}.add-phase-modal-textarea:focus{outline:none;border-color:#8c30f5;box-shadow:0 0 0 3px #8c30f51a}.add-phase-modal-date-wrapper{position:relative;display:flex;align-items:center}.add-phase-modal-date-icon{position:absolute;left:12px;width:20px;height:20px;color:#8c30f5;pointer-events:none;z-index:1}.add-phase-modal-date-picker{padding:10px 16px 10px 40px;width:100%;height:auto;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#1a1a1a;background-color:#fff;transition:all .2s;cursor:pointer;font-family:inherit}.add-phase-modal-date-picker:hover{border-color:#8c30f5}.add-phase-modal-date-picker:focus{outline:none;border-color:#8c30f5;box-shadow:0 0 0 3px #8c30f51a}.add-phase-modal-date-picker::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;width:20px;height:20px;margin-left:8px;margin-right:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238C30F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2' ry='2'/%3E%3Cline x1='16' x2='16' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='2' y2='6'/%3E%3Cline x1='3' x2='21' y1='10' y2='10'/%3E%3C/svg%3E");background-size:20px 20px;background-repeat:no-repeat;background-position:center;filter:none}.add-phase-modal-date-picker::-webkit-calendar-picker-indicator:hover{opacity:.8}.add-phase-modal-date-picker:focus::-webkit-calendar-picker-indicator{opacity:1}.add-phase-modal-date-picker::-moz-calendar-picker-indicator{cursor:pointer;filter:invert(.5) sepia(1) saturate(5) hue-rotate(250deg);width:20px;height:20px;margin-left:8px}.add-phase-modal-date-picker:focus::-moz-calendar-picker-indicator{filter:invert(.3) sepia(1) saturate(5) hue-rotate(250deg)}.add-phase-modal-date-picker::-webkit-datetime-edit{color:#1a1a1a;font-size:14px;font-weight:400;padding:0}.add-phase-modal-date-picker::-webkit-datetime-edit-fields-wrapper{padding:0}.add-phase-modal-date-picker::-webkit-datetime-edit-text{color:#6b7280;padding:0 4px}.add-phase-modal-date-picker::-webkit-datetime-edit-month-field,.add-phase-modal-date-picker::-webkit-datetime-edit-day-field,.add-phase-modal-date-picker::-webkit-datetime-edit-year-field{color:#1a1a1a;padding:0 2px}.add-phase-modal-date-picker::-webkit-datetime-edit-month-field:focus,.add-phase-modal-date-picker::-webkit-datetime-edit-day-field:focus,.add-phase-modal-date-picker::-webkit-datetime-edit-year-field:focus{background-color:#8c30f51a;color:#8c30f5;border-radius:4px;outline:none}.add-phase-modal-date-picker:invalid::-webkit-datetime-edit{color:#9ca3af}.add-phase-modal-summary-section{padding:20px;border-radius:12px;background:#8c30f50f;border:1px solid rgba(140,48,245,.2)}.add-phase-modal-summary-section-title{font-size:16px;font-weight:700;color:#6b21a8;margin:0 0 12px;letter-spacing:-.2px}.add-phase-modal-budget-title{margin-top:20px;padding-top:16px;border-top:1px solid rgba(140,48,245,.2)}.add-phase-modal-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.add-phase-modal-summary-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:#fff;border-radius:10px;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0000000a}.add-phase-modal-summary-card-highlight{border-color:#8c30f559;background:#8c30f50d}.add-phase-modal-summary-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.add-phase-modal-summary-value{font-size:17px;font-weight:600;color:#1a1a1a;line-height:1.3}.add-phase-modal-summary-value-large{font-size:20px;font-weight:700;color:#6b21a8}.add-phase-modal-budget-grid{display:flex;flex-direction:column;gap:10px}.add-phase-modal-budget-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fff;border-radius:8px;border:1px solid #E5E7EB}.add-phase-modal-budget-row-remaining{border-color:#8c30f54d;background:#8c30f50a}.add-phase-modal-budget-label{font-size:15px;font-weight:500;color:#4b5563}.add-phase-modal-budget-value{font-size:18px;font-weight:700;color:#1a1a1a}.add-phase-modal-budget-value-remaining{font-size:20px;color:#6b21a8}.add-phase-modal-info-box{padding:16px;border-radius:8px;border:1px solid}.add-phase-modal-sequence-info{background:#3b82f61a;border-color:#3b82f633}.add-phase-modal-info-title{font-size:16px;font-weight:600;margin-bottom:8px}.add-phase-modal-sequence-info .add-phase-modal-info-title{color:#1e40af}.add-phase-modal-info-content{font-size:15px;display:flex;flex-direction:column;gap:6px}.add-phase-modal-sequence-info .add-phase-modal-info-content{color:#1e3a8a}.add-phase-modal-info-content p{margin:0}.add-phase-modal-info-content strong{font-weight:600;font-size:16px}.add-phase-modal-info-note{font-size:13px;color:#3b82f6;margin-top:6px}.add-phase-modal-submit-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;display:flex;align-items:center;border:none}.add-phase-modal-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#7e22ce,#6d28d9)}.add-phase-modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.add-phase-modal-spinner{animation:spin 1s linear infinite}@media (max-width: 640px){.add-phase-modal-form{padding:0 16px}.add-phase-modal-form-row,.add-phase-modal-summary-grid{grid-template-columns:1fr}.add-phase-modal-summary-value{font-size:15px}.add-phase-modal-summary-value-large{font-size:18px}.add-phase-modal-budget-label{font-size:14px}.add-phase-modal-budget-value{font-size:16px}.add-phase-modal-budget-value-remaining{font-size:18px}}.upload-document-modal-content{max-width:480px;width:100%;padding:0!important}.upload-document-modal-content>.ui-dialog-header,.upload-document-modal-content>form{margin:0}.upload-document-modal-header-wrapper{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;padding:24px!important;border-radius:12px 12px 0 0;display:flex!important;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:0;gap:0}.upload-document-modal-header-wrapper>div:first-child{flex:1}.upload-document-modal-header-wrapper>div{flex:1}.upload-document-modal-header-wrapper .ui-dialog-title{color:#fff;font-size:20px}.upload-document-modal-header-wrapper .ui-dialog-description{color:#ffffffe6;font-size:14px;margin-top:4px}.upload-document-modal-header-wrapper .ui-dialog-close{color:#fff}.upload-document-modal-header-wrapper .ui-dialog-close:hover{background:#ffffff1a;color:#fff}.upload-document-modal-form{padding:24px;display:flex;flex-direction:column;gap:20px}.upload-document-modal-section{display:flex;flex-direction:column;gap:8px}.upload-document-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-document-modal-file-wrap{position:relative;display:flex;align-items:center;min-height:40px;padding:0 12px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s;gap:8px}.upload-document-modal-file-icon{width:16px;height:16px;color:#6b7280;flex-shrink:0}.upload-document-modal-file-wrap.has-file .upload-document-modal-file-icon{color:#8c30f5}.upload-document-modal-file-wrap:focus-within{border-color:#8c30f5;box-shadow:0 0 0 3px #8c30f526}.upload-document-modal-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.upload-document-modal-file-label{font-size:14px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-document-modal-file-wrap.has-file .upload-document-modal-file-label{color:#1a1a1a}.upload-document-modal-submit-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;border:none}.upload-document-modal-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#7e22ce,#6d28d9)}.upload-document-modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.upload-document-modal-custom-input-wrap{display:flex;flex-direction:column;gap:8px}.upload-document-modal-custom-input{width:100%}.upload-document-modal-custom-actions{display:flex;gap:8px;align-items:center}.upload-document-modal-add-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;border:none;padding:6px 12px;font-size:13px;font-weight:500}.upload-document-modal-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#7e22ce,#6d28d9)}.upload-document-modal-add-btn:disabled{opacity:.5;cursor:not-allowed}.upload-document-modal-divider{height:1px;background:#e5e7eb;margin:4px 0}.upload-document-modal-add-new-item{display:flex;align-items:center;color:#8c30f5;font-weight:500}.upload-document-modal-add-new-item:hover{background:#8c30f514;color:#7c3aed}.phase-budget-categories-modal-content{max-width:600px;padding:0}.phase-budget-categories-form{padding:24px;display:flex;flex-direction:column;gap:24px}.phase-budget-categories-phase-info{padding:16px;background:linear-gradient(135deg,#8c30f50d,#7c3aed0d);border-radius:12px;border:1px solid rgba(140,48,245,.2);margin-bottom:8px}.phase-budget-categories-phase-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.phase-budget-categories-phase-info-row:last-of-type{margin-bottom:0}.phase-budget-categories-phase-label{color:#666;font-weight:500}.phase-budget-categories-phase-value{color:#1a1a1a;font-weight:600}.phase-budget-categories-warning{margin-top:12px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:13px;font-weight:500;color:#dc2626}.phase-budget-categories-info{margin-top:12px;padding:10px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;font-size:13px;font-weight:500;color:#2563eb}.phase-budget-categories-success{margin-top:12px;padding:10px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;font-size:13px;font-weight:500;color:#059669}.phase-budget-categories-list{display:flex;flex-direction:column;gap:20px}.phase-budget-category-item{padding:16px;border:1px solid #E5E7EB;border-radius:12px;background:#fff}.phase-budget-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.phase-budget-category-header label{font-size:14px;font-weight:600;color:#1a1a1a}.phase-budget-status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.phase-budget-status-badge.ok{background:#10b9811a;color:#059669}.phase-budget-status-badge.warning{background:#f59e0b1a;color:#d97706}.phase-budget-status-badge.over-budget{background:#ef44441a;color:#dc2626}.phase-budget-category-input-group{margin-bottom:12px}.phase-budget-category-input{width:100%}.phase-budget-category-details{padding-top:12px;border-top:1px solid #F3F4F6;display:flex;flex-direction:column;gap:8px}.phase-budget-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.phase-budget-detail-row span:first-child{color:#666;font-weight:500}.phase-budget-detail-row span:last-child{color:#1a1a1a;font-weight:600}.phase-budget-total-summary{padding:16px;background:linear-gradient(135deg,#8c30f50d,#7c3aed0d);border-radius:12px;border:1px solid rgba(140,48,245,.2)}.phase-budget-total-row{display:flex;justify-content:space-between;align-items:center}.phase-budget-total-label{font-size:16px;font-weight:600;color:#666}.phase-budget-total-value{font-size:20px;font-weight:700;color:#1a1a1a}.text-green-600{color:#059669}.phase-budget-add-category-section{margin-bottom:8px}.phase-budget-add-category-btn{width:100%;justify-content:center}.phase-budget-add-category-form{padding:16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;margin-bottom:16px}.phase-budget-add-category-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.phase-budget-add-category-form-header h4{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.phase-budget-add-category-form-fields{display:flex;flex-direction:column;gap:12px}.phase-budget-add-category-field{display:flex;flex-direction:column;gap:8px}.phase-budget-category-input-wrapper{position:relative}.phase-budget-category-input-container{position:relative;width:100%}.phase-budget-category-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:200px;overflow-y:auto;z-index:1000;animation:dropdownFadeIn .15s ease-out}.phase-budget-category-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;color:#1a1a1a;background:transparent;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.phase-budget-category-dropdown-item:hover{background-color:#f3f4f6}.phase-budget-category-dropdown-item-custom{border-top:1px solid #E5E7EB;color:#8c30f5;font-weight:500}.phase-budget-category-dropdown-item-custom:hover{background-color:#8c30f51a}.phase-budget-category-dropdown-item-custom svg{width:14px;height:14px;color:#8c30f5}.phase-budget-add-category-field label{font-size:14px;font-weight:500;color:#1a1a1a}.phase-budget-add-category-option{color:#8c30f5!important;font-weight:500;border-top:1px solid #E5E7EB;margin-top:4px;padding-top:8px}.phase-budget-add-category-option:hover{background-color:#8c30f51a!important}.phase-budget-add-category-option-content{display:flex;align-items:center;gap:8px}.phase-budget-add-category-option-content svg{width:14px;height:14px;color:#8c30f5}.phase-budget-category-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.phase-budget-category-option-meta{font-size:12px;color:#9ca3af}.phase-budget-add-category-name-input{display:flex;flex-direction:column;gap:8px}.phase-budget-add-category-name-actions{display:flex;gap:8px;justify-content:flex-end}.phase-budget-categories-existing{margin-top:24px}.phase-budget-categories-existing-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.phase-budget-categories-table-wrapper{border:1px solid #E5E7EB;border-radius:8px;overflow:visible;width:100%}.phase-budget-categories-table-wrapper .ui-table{width:100%;min-width:700px;table-layout:fixed}.phase-budget-categories-table-wrapper .ui-table-head:first-child,.phase-budget-categories-table-wrapper .ui-table-cell:first-child{width:25%}.phase-budget-categories-table-wrapper .ui-table-head:nth-child(2),.phase-budget-categories-table-wrapper .ui-table-cell:nth-child(2){width:18%}.phase-budget-categories-table-wrapper .ui-table-head:nth-child(3),.phase-budget-categories-table-wrapper .ui-table-cell:nth-child(3){width:18%}.phase-budget-categories-table-wrapper .ui-table-head:nth-child(4),.phase-budget-categories-table-wrapper .ui-table-cell:nth-child(4){width:18%}.phase-budget-categories-table-wrapper .ui-table-head:nth-child(5),.phase-budget-categories-table-wrapper .ui-table-cell:nth-child(5){width:13%}.phase-budget-categories-table-wrapper .ui-table-head:nth-child(6),.phase-budget-categories-table-wrapper .ui-table-cell:nth-child(6){width:8%}.phase-budget-categories-table-wrapper .ui-table-head.text-right,.phase-budget-categories-table-wrapper .ui-table-cell.text-right{text-align:right!important}.phase-budget-categories-table-wrapper .ui-table-cell.text-right{padding-right:16px}.phase-budget-category-edit-form-inline{margin-bottom:16px}.phase-budget-category-edit-form-card{padding:16px;border:1px solid #E5E7EB;border-radius:8px;background:#f9fafb}.phase-budget-category-edit-form-header{margin-bottom:12px}.phase-budget-category-edit-form-header h5{font-size:14px;font-weight:600;color:#1a1a1a;margin:0}.phase-budget-category-action-menu{position:relative;display:inline-flex;justify-content:flex-end;width:100%}.phase-budget-category-menu-trigger{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.phase-budget-category-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;min-width:140px;overflow:visible;animation:dropdownFadeIn .15s ease-out}.phase-budget-category-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;color:#1a1a1a;background:transparent;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.phase-budget-category-menu-item:hover{background-color:#f3f4f6}.phase-budget-category-menu-item-danger{color:#ef4444}.phase-budget-category-menu-item-danger:hover{background-color:#ef44441a}.phase-budget-category-menu-item svg{width:14px;height:14px;flex-shrink:0}.phase-budget-category-item{padding:16px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;margin-bottom:12px}.phase-budget-category-item.ok{border-color:#10b981;background:#10b9810d}.phase-budget-category-item.warning{border-color:#f59e0b;background:#f59e0b0d}.phase-budget-category-item.over-budget{border-color:#ef4444;background:#ef44440d}.phase-budget-category-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.phase-budget-category-item-info{display:flex;flex-direction:column;gap:4px;flex:1}.phase-budget-category-item-info .phase-budget-category-name{font-size:16px;font-weight:600;color:#1a1a1a}.phase-budget-category-item-info .phase-budget-category-amount{font-size:18px;font-weight:700;color:#1a1a1a}.phase-budget-category-item-actions{display:flex;align-items:center;gap:8px}.phase-budget-category-item-actions button{padding:4px 8px;min-width:auto}.phase-budget-category-item-actions button svg{width:14px;height:14px}.phase-budget-category-edit-form{padding-top:12px;border-top:1px solid #E5E7EB;display:flex;flex-direction:column;gap:12px}.phase-budget-category-edit-field{display:flex;flex-direction:column;gap:8px}.phase-budget-category-edit-field label{font-size:14px;font-weight:500;color:#1a1a1a}.phase-budget-category-edit-actions{display:flex;gap:8px;justify-content:flex-end}.budget-badge-ok{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2);font-size:12px;padding:4px 8px}.budget-badge-warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2);font-size:12px;padding:4px 8px}.budget-badge-over{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);font-size:12px;padding:4px 8px}@media (max-width: 640px){.phase-budget-categories-form{padding:16px}.phase-budget-category-item{padding:12px}}.project-phases-enhanced{display:flex;flex-direction:column;gap:24px}.project-phases-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.project-phases-header-left{display:flex;align-items:center;gap:12px}.project-phases-header-icon{width:32px;height:32px;color:#8c30f5;flex-shrink:0}.project-phases-title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#8c30f5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px;letter-spacing:-.3px}.project-phases-subtitle{font-size:14px;color:#666;margin:0;font-weight:400}.project-phases-header-actions{display:flex;align-items:center;gap:12px}.project-phases-add-btn{background:linear-gradient(to right,#9333ea,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s}.project-phases-add-btn:hover{background:linear-gradient(to right,#7e22ce,#6d28d9)}.project-phases-add-btn svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;color:inherit}.project-phases-template-btn{border:1px solid #8C30F5;color:#8c30f5;background:transparent;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.project-phases-template-btn:hover{background:#8c30f51a;border-color:#7c3aed}.project-phases-template-btn svg{width:16px;height:16px}.project-phases-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.project-phases-summary-label{font-size:13px;color:#666;margin-bottom:8px}.project-phases-summary-value{font-size:32px;font-weight:700;color:#1a1a1a}.project-phases-summary-value-blue{color:#3b82f6}.project-phases-summary-value-purple{color:#8c30f5}.project-phases-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 16px;background:#8c30f50d;border:1px solid rgba(140,48,245,.15);border-radius:10px;margin-bottom:8px}.project-phases-select-all{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;-webkit-user-select:none;user-select:none}.project-phases-select-all:hover{color:#8c30f5}.project-phases-checkbox{width:18px;height:18px;accent-color:#8C30F5;cursor:pointer;flex-shrink:0;margin:0}.project-phases-toolbar-count{font-size:13px;color:#6b7280;font-weight:500}.project-phases-clear-selection{font-size:13px;color:#6b7280}.project-phases-clear-selection:hover{color:#8c30f5}.project-phases-bulk-delete-toolbar{display:inline-flex;align-items:center;gap:6px;color:#dc2626;border-color:#dc2626;font-size:13px}.project-phases-bulk-delete-toolbar:hover{background:#dc262614;color:#b91c1c;border-color:#b91c1c}.project-phases-bulk-delete-btn{display:inline-flex;align-items:center;gap:8px;color:#dc2626;border-color:#dc2626}.project-phases-bulk-delete-btn:hover{background:#dc262614;color:#b91c1c;border-color:#b91c1c}.project-phases-list{display:flex;flex-direction:column;gap:16px}.project-phase-header{cursor:pointer;transition:background-color .2s;border-radius:8px;padding:24px}.project-phase-header:hover{background-color:#8c30f50d}.project-phase-header-content{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.project-phase-checkbox-wrap{display:flex;align-items:center;padding-top:2px;cursor:pointer;flex-shrink:0}.project-phase-checkbox-wrap:hover{opacity:.8}.project-phase-checkbox-wrap input{cursor:pointer}.project-phase-header-left{flex:1;min-width:0}.project-phase-header-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.project-phase-name{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.project-phase-status{flex-shrink:0;font-size:12px;padding:4px 12px}.project-phase-task-count{font-size:12px;color:#666}.project-phase-dates{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.project-phase-dates svg{flex-shrink:0;width:16px;height:16px}.project-phase-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.project-phase-status-select{text-align:right;margin-right:16px}.project-phase-status-trigger{width:144px;height:32px;font-size:13px}.project-phase-view-btn{color:#8c30f5;border-color:#8c30f5;display:inline-flex;align-items:center;gap:6px}.project-phase-view-btn:hover{background-color:#8c30f51a}.project-phase-view-btn svg{width:14px;height:14px;flex-shrink:0}.project-phase-expand-btn{padding:8px}.project-phase-action-icon-btn{padding:8px;display:inline-flex;align-items:center;justify-content:center;color:#6b7280}.project-phase-action-icon-btn:hover{color:#8c30f5;background-color:#8c30f514}.project-phase-action-icon-btn svg{width:16px;height:16px;flex-shrink:0}.project-phase-delete-btn:hover{color:#dc2626;background-color:#dc262614}.project-phase-progress{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:16px;padding-top:16px;border-top:1px solid #E5E7EB}.project-phase-progress-item{display:flex;flex-direction:column;gap:8px}.project-phase-progress-header{display:flex;justify-content:space-between;align-items:center}.project-phase-progress-header-right{display:flex;align-items:center;gap:4px}.project-phase-budget-warning{color:#ef4444;flex-shrink:0}.project-phase-progress-label{font-size:13px;color:#666}.project-phase-progress-value{font-size:13px;font-weight:600;color:#1a1a1a}.project-phase-progress-value-warning{color:#ef4444}.project-phase-progress-bar{height:8px}.project-phase-progress-bar-warning{background-color:#ef444433}.project-phase-progress-bar-warning .ui-progress-indicator{background-color:#ef4444}.project-phase-budget{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:16px;border-top:1px solid #E5E7EB}.project-phase-budget-item{display:flex;flex-direction:column;gap:4px}.project-phase-budget-label{font-size:11px;color:#666}.project-phase-budget-value{font-size:18px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:4px}.project-phase-budget-value-success{color:#8c30f5}.project-phase-budget-value-warning{color:#ef4444}.project-phase-budget-value svg{flex-shrink:0;width:16px;height:16px}.project-phase-expanded{border-top:1px solid #E5E7EB;padding-top:24px;margin-top:24px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}.project-phase-kpis{margin-bottom:24px}.project-phase-kpis-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px;display:flex;align-items:center;gap:8px}.project-phase-kpis-title svg{width:16px;height:16px;color:#8c30f5}.project-phase-kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.project-phase-kpi-card{padding:16px;border-radius:12px;border:1px solid;display:flex;flex-direction:column;gap:8px}.project-phase-kpi-purple{background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-color:#e9d5ff}.project-phase-kpi-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.project-phase-kpi-red{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}.project-phase-kpi-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.project-phase-kpi-amber{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.project-phase-kpi-header{display:flex;align-items:center;justify-content:space-between;position:relative}.project-phase-kpi-label{font-size:11px;font-weight:500}.project-phase-kpi-purple .project-phase-kpi-label{color:#7c3aed}.project-phase-kpi-blue .project-phase-kpi-label{color:#2563eb}.project-phase-kpi-red .project-phase-kpi-label{color:#dc2626}.project-phase-kpi-green .project-phase-kpi-label{color:#059669}.project-phase-kpi-amber .project-phase-kpi-label{color:#d97706}.project-phase-kpi-header svg{width:16px;height:16px;flex-shrink:0}.project-phase-kpi-value{font-size:24px;font-weight:700}.project-phase-kpi-purple .project-phase-kpi-value{color:#6b21a8}.project-phase-kpi-blue .project-phase-kpi-value{color:#1e40af}.project-phase-kpi-red .project-phase-kpi-value{color:#991b1b}.project-phase-kpi-green .project-phase-kpi-value{color:#047857}.project-phase-kpi-amber .project-phase-kpi-value{color:#b45309}.project-phase-kpi-subtext{font-size:11px;display:flex;align-items:center;gap:4px}.project-phase-kpi-purple .project-phase-kpi-subtext{color:#6b21a8}.project-phase-kpi-blue .project-phase-kpi-subtext{color:#1e40af}.project-phase-kpi-red .project-phase-kpi-subtext{color:#991b1b}.project-phase-kpi-green .project-phase-kpi-subtext{color:#047857}.project-phase-kpi-amber .project-phase-kpi-subtext{color:#b45309}.project-phase-kpi-subtext svg{width:12px;height:12px;flex-shrink:0}.project-phase-kpi-info{position:relative;display:inline-flex;align-items:center;justify-content:center}.project-phase-kpi-info-trigger{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#0006;cursor:pointer;transition:color .2s ease;flex-shrink:0}.project-phase-kpi-info-trigger:hover{color:#0009}.project-phase-kpi-tooltip{position:fixed;width:280px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:0;z-index:10000;pointer-events:none}.project-phase-kpi-tooltip-content{padding:12px 16px;font-size:13px;line-height:1.5;color:#1a1a1a}.project-phase-kpi-tooltip-title{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.project-phase-kpi-tooltip-text{margin:0;color:#6b7280;font-size:12px;line-height:1.6}.project-phase-metric-info{position:relative;display:inline-flex;align-items:center;justify-content:center}.project-phase-metric-info-trigger{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#0006;cursor:pointer;transition:color .2s ease;flex-shrink:0}.project-phase-metric-info-trigger:hover{color:#0009}.project-phase-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.project-phase-metric{padding:12px;background-color:#f9fafb;border-radius:8px;border:1px solid #E5E7EB;position:relative}.project-phase-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.project-phase-metric-label{font-size:11px;color:#666;margin-bottom:8px}.project-phase-metric-content{display:flex;align-items:center;justify-content:space-between}.project-phase-metric-value{font-size:18px;font-weight:700;color:#1a1a1a}.project-phase-metric-subtext{font-size:11px;color:#666}.project-phase-status-history{margin-bottom:24px;padding:16px;background:#8c30f50a;border:1px solid rgba(140,48,245,.15);border-radius:10px}.project-phase-status-history-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.project-phase-status-history-title:hover{color:#8c30f5}.project-phase-status-history-title>span{flex:1}.project-phase-status-history-title .project-phase-status-history-icon{flex-shrink:0;color:#8c30f5;width:16px;height:16px}.project-phase-status-history-title .project-phase-status-history-chevron{flex-shrink:0;color:#6b7280;width:14px;height:14px;margin-left:auto;transition:transform .2s ease}.project-phase-status-history-title .project-phase-status-history-chevron.expanded{transform:rotate(180deg)}.project-phase-status-history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.project-phase-status-history-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #E5E7EB;font-size:13px}.project-phase-status-history-change{font-weight:500;color:#374151}.project-phase-status-history-date{color:#6b7280;font-size:12px}.project-phase-budget-categories{margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;border:1px solid #E5E7EB}.project-phase-budget-categories-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.project-phase-budget-categories-header-actions{display:flex;align-items:center;gap:8px}.project-phase-budget-categories-view-toggle{display:flex;gap:4px;border:1px solid #E5E7EB;border-radius:6px;padding:2px;background:#f9fafb}.project-phase-view-toggle-btn{padding:4px 8px;min-width:auto;height:28px;border:none;background:transparent!important;color:#1a1a1a!important}.project-phase-view-toggle-btn:hover{background:transparent!important;color:#1a1a1a!important}.project-phase-view-toggle-btn.ui-button-default{background:#fff!important;box-shadow:0 1px 2px #0000000d;color:#1a1a1a!important}.project-phase-view-toggle-btn.ui-button-default:hover{background:#fff!important;color:#1a1a1a!important}.project-phase-view-toggle-btn.ui-button-outline,.project-phase-view-toggle-btn.ui-button-outline:hover{background:transparent!important;color:#1a1a1a!important}.project-phase-view-toggle-btn svg{width:14px;height:14px;color:#1a1a1a!important;stroke:#1a1a1a!important}.project-phase-view-toggle-btn:hover svg{color:#1a1a1a!important;stroke:#1a1a1a!important}.project-phase-budget-categories-title{font-size:18px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:8px;margin:0}.project-phase-budget-categories-title svg{width:16px;height:16px;color:#8c30f5}.project-phase-budget-categories-container{width:100%}.project-phase-budget-categories-container.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-phase-budget-categories-container.list-view{display:block}.project-phase-budget-category-card{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB;transition:all .2s}.project-phase-budget-category-card.ok{border-color:#10b981;background:#10b9810d}.project-phase-budget-category-card.warning{border-color:#f59e0b;background:#f59e0b0d}.project-phase-budget-category-card.over-budget{border-color:#ef4444;background:#ef44440d}.project-phase-budget-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-phase-budget-category-name{font-size:14px;font-weight:600;color:#1a1a1a}.project-phase-budget-category-amounts{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.project-phase-budget-category-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.project-phase-budget-category-label{color:#666;font-weight:500}.project-phase-budget-category-value{color:#1a1a1a;font-weight:600}.project-phase-budget-category-progress{margin-top:12px;padding-top:12px;border-top:1px solid #E5E7EB}.project-phase-budget-category-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-phase-budget-category-progress-label{font-size:12px;color:#666;font-weight:500}.project-phase-budget-category-progress-percent{font-size:12px;color:#1a1a1a;font-weight:600}.project-phase-budget-category-progress-bar{height:6px;border-radius:3px}.project-phase-budget-category-progress-bar.progress-over{background:#fee2e2}.project-phase-budget-category-progress-bar.progress-over>div{background:#ef4444}.project-phase-budget-category-progress-bar.progress-warning{background:#fef3c7}.project-phase-budget-category-progress-bar.progress-warning>div{background:#f59e0b}.budget-badge-ok{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.budget-badge-warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.budget-badge-over{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.project-phase-budget-categories-empty{grid-column:1 / -1;padding:24px;text-align:center;color:#666;font-size:14px}.text-red-600{color:#dc2626}.project-phase-budget-categories-container.list-view{border:1px solid #E5E7EB;border-radius:8px;overflow:visible}.project-phase-budget-categories-container.list-view table{width:100%;border-collapse:collapse}.project-phase-budget-categories-container.list-view th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:#666;background:#f9fafb;border-bottom:2px solid #E5E7EB}.project-phase-budget-categories-container.list-view td{padding:12px 16px;font-size:14px;border-bottom:1px solid #F3F4F6}.project-phase-budget-categories-container.list-view tr:hover{background:#f9fafb}.project-phase-budget-categories-container.list-view tr.budget-row-over{background:#ef44440d}.project-phase-budget-categories-container.list-view tr.budget-row-warning{background:#f59e0b0d}.budget-category-name-cell{font-weight:600;color:#1a1a1a}.budget-category-value-cell{font-weight:500;color:#1a1a1a;white-space:nowrap}.budget-category-progress-cell{min-width:120px}.budget-category-progress-cell .project-phase-budget-category-progress-bar{width:100%;max-width:120px}.project-phase-budget-category-action-menu{position:relative;display:inline-flex;justify-content:flex-end;width:100%}.project-phase-budget-category-menu-trigger{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.project-phase-budget-category-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;min-width:140px;overflow:visible;animation:dropdownFadeIn .15s ease-out}.project-phase-budget-categories-container.list-view tbody tr:last-child .project-phase-budget-category-menu-dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.project-phase-budget-category-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;color:#1a1a1a;background:transparent;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.project-phase-budget-category-menu-item:hover{background-color:#f3f4f6}.project-phase-budget-category-menu-item-danger{color:#ef4444}.project-phase-budget-category-menu-item-danger:hover{background-color:#ef44441a}.project-phase-budget-category-menu-item svg{width:14px;height:14px;flex-shrink:0}.project-phase-budget-category-edit-form-inline{margin-bottom:16px}.project-phase-budget-category-edit-form-card{padding:16px;border:1px solid #E5E7EB;border-radius:8px;background:#f9fafb}.project-phase-budget-category-edit-form-header{margin-bottom:12px}.project-phase-budget-category-edit-form-header h5{font-size:14px;font-weight:600;color:#1a1a1a;margin:0}.project-phase-budget-category-edit-field{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.project-phase-budget-category-edit-field label{font-size:14px;font-weight:500;color:#1a1a1a}.project-phase-budget-category-edit-actions{display:flex;gap:8px;justify-content:flex-end}.project-phase-budget-categories-container.list-view th.text-right,.project-phase-budget-categories-container.list-view td.text-right{text-align:right!important;padding-right:16px}.project-phase-tasks{margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;border:1px solid #E5E7EB}.project-phase-tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.project-phase-tasks-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.project-phase-tasks-title svg{width:16px;height:16px;color:#8c30f5}.project-phase-tasks-header-actions{display:flex;align-items:center;gap:8px}.project-phase-tasks-view-toggle{display:flex;gap:4px;border:1px solid #E5E7EB;border-radius:6px;padding:2px;background:#f9fafb}.project-phase-tasks-actions{display:flex;gap:8px}.project-phase-tasks-container{width:100%}.project-phase-tasks-container.list-view{display:block}.project-phase-tasks-container.list-view .project-phase-tasks-table{border:1px solid #E5E7EB;border-radius:8px;overflow:hidden}.project-phase-tasks-container.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.project-phase-task-card{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB;transition:all .2s;display:flex;flex-direction:column;gap:0}.project-phase-task-card.completed{border-color:#10b981;background:#10b9810d}.project-phase-task-card.in-progress{border-color:#3b82f6;background:#3b82f60d}.project-phase-task-card.blocked{border-color:#ef4444;background:#ef44440d}.project-phase-task-card.not-started{border-color:#9ca3af;background:#9ca3af0d}.project-phase-task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-phase-task-card-name{font-size:14px;font-weight:600;color:#1a1a1a}.project-phase-task-card-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.project-phase-task-card-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.project-phase-task-card-label{color:#666;font-weight:500}.project-phase-task-card-value{color:#1a1a1a;font-weight:600;text-align:right;max-width:60%;word-wrap:break-word}.project-phase-task-card-description-inline{font-weight:500;color:#666;text-align:right;line-height:1.4}.project-phase-task-card-progress{margin-top:12px;padding-top:12px;border-top:1px solid #E5E7EB}.project-phase-task-card-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-phase-task-card-progress-label{font-size:12px;color:#666;font-weight:500}.project-phase-task-card-progress-percent{font-size:12px;color:#1a1a1a;font-weight:600}.project-phase-task-card-progress-bar{height:6px;border-radius:3px}.project-phase-task-card-progress-bar.progress-completed{background:#d1fae5}.project-phase-task-card-progress-bar.progress-completed>div{background:#10b981}.project-phase-task-card-progress-bar.progress-warning{background:#fef3c7}.project-phase-task-card-progress-bar.progress-warning>div{background:#f59e0b}.project-phase-task-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #E5E7EB}.project-phase-task-card-actions .project-phase-task-status-trigger{flex:1;min-width:0}.task-status-badge{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:600}.task-status-badge.completed{background-color:#10b981;color:#fff}.task-status-badge.in-progress{background-color:#3b82f6;color:#fff}.task-status-badge.blocked{background-color:#ef4444;color:#fff}.task-status-badge.not-started{background-color:#9ca3af;color:#fff}.project-phase-action-btn{color:#8c30f5;border-color:#8c30f5;font-size:13px;padding:6px 12px;display:inline-flex;align-items:center;gap:6px}.project-phase-action-btn:hover{background-color:#8c30f51a}.project-phase-action-btn svg{width:14px;height:14px;flex-shrink:0}.project-phase-tasks-table{border:1px solid #E5E7EB;border-radius:8px;overflow:hidden}.project-phase-task-name{font-weight:500;color:#1a1a1a}.project-phase-task-assignee{display:flex;align-items:center;gap:8px;font-size:13px}.project-phase-task-avatar{width:24px;height:24px;background-color:#f3e8ff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-phase-task-avatar svg{width:12px;height:12px;color:#8c30f5}.project-phase-task-priority{font-size:12px;padding:4px 8px}.priority-critical{background-color:#fee2e2;color:#991b1b;border-color:#fca5a5}.priority-high{background-color:#fed7aa;color:#9a3412;border-color:#fdba74}.priority-medium{background-color:#fef3c7;color:#92400e;border-color:#fcd34d}.priority-low{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.project-phase-task-date{display:flex;align-items:center;gap:4px;font-size:13px;color:#666}.project-phase-task-date svg{width:12px;height:12px;flex-shrink:0}.project-phase-task-progress{display:flex;align-items:center;gap:8px}.project-phase-task-progress-display{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.project-phase-task-progress-display:hover{background-color:#f3f4f6}.project-phase-task-progress-bar{flex:1;max-width:80px;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.project-phase-task-progress-fill{height:100%;background-color:#8c30f5;border-radius:4px;transition:width .3s ease}.project-phase-task-progress-text{font-size:13px;color:#666;min-width:40px}.project-phase-task-progress-edit{display:flex;align-items:center;gap:8px;min-width:200px}.project-phase-task-progress-slider{flex:1;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.project-phase-task-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#8c30f5;cursor:pointer;border:2px solid #FFFFFF;box-shadow:0 2px 4px #0003}.project-phase-task-progress-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#8c30f5;cursor:pointer;border:2px solid #FFFFFF;box-shadow:0 2px 4px #0003}.project-phase-task-progress-edit-actions{display:flex;align-items:center;gap:4px}.project-phase-task-progress-edit-value{font-size:13px;font-weight:500;color:#8c30f5;min-width:35px;text-align:center}.project-phase-task-progress-edit-btn{padding:2px 4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.project-phase-task-progress-edit-btn svg{width:12px;height:12px}.project-phase-task-status-trigger{width:128px;height:32px;font-size:13px}.project-phase-task-complete-btn{color:#8c30f5;border-color:#8c30f5;font-size:12px;padding:4px 8px;display:inline-flex;align-items:center;gap:6px}.project-phase-task-complete-btn:hover{background-color:#8c30f51a}.project-phase-task-complete-btn{display:inline-flex;align-items:center;gap:6px}.project-phase-task-complete-btn svg{width:14px;height:14px;flex-shrink:0}.project-phase-expenses{margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;border:1px solid #E5E7EB}.project-phase-expenses-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.project-phase-expenses-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.project-phase-expenses-title svg{width:16px;height:16px;color:#8c30f5}.project-phase-expenses-header-actions{display:flex;align-items:center;gap:8px}.project-phase-expenses-view-toggle{display:flex;gap:4px;border:1px solid #E5E7EB;border-radius:6px;padding:2px;background:#f9fafb}.project-phase-expenses-container{width:100%}.project-phase-expenses-container.list-view{display:block}.project-phase-expenses-container.list-view .project-phase-expenses-table{border:1px solid #E5E7EB;border-radius:8px;overflow:hidden}.project-phase-expenses-container.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.project-phase-expense-card{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB;transition:all .2s;display:flex;flex-direction:column;gap:0}.project-phase-expense-card.approved{border-color:#10b981;background:#10b9810d}.project-phase-expense-card.submitted{border-color:#3b82f6;background:#3b82f60d}.project-phase-expense-card.rejected{border-color:#ef4444;background:#ef44440d}.project-phase-expense-card.draft{border-color:#9ca3af;background:#9ca3af0d}.project-phase-expense-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-phase-expense-card-description{font-size:14px;font-weight:600;color:#1a1a1a}.project-phase-expense-card-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.project-phase-expense-card-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.project-phase-expense-card-label{color:#666;font-weight:500}.project-phase-expense-card-value{color:#1a1a1a;font-weight:600;text-align:right;max-width:60%;word-wrap:break-word}.expense-status-badge{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:600}.expense-status-badge.approved{background-color:#10b981;color:#fff}.expense-status-badge.submitted{background-color:#3b82f6;color:#fff}.expense-status-badge.rejected{background-color:#ef4444;color:#fff}.expense-status-badge.draft{background-color:#9ca3af;color:#fff}.project-phase-expenses-total-card{grid-column:1 / -1;padding:16px;background:linear-gradient(135deg,#8c30f50d,#7c3aed0d);border-radius:12px;border:1px solid rgba(140,48,245,.2);display:flex;justify-content:space-between;align-items:center}.project-phase-expenses-actions{display:flex;gap:8px}.project-phase-expenses-table{border:1px solid #E5E7EB;border-radius:8px;overflow:hidden}.project-phase-expenses-table table{width:100%;border-collapse:collapse}.project-phase-expenses-table th{background:#f9fafb;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E5E7EB}.project-phase-expenses-table td{padding:12px 16px;border-bottom:1px solid #F3F4F6;font-size:14px;color:#374151}.project-phase-expenses-table tr:last-child td{border-bottom:none}.project-phase-expenses-table tr:hover{background:#f9fafb}.project-phase-expense-description{font-weight:500;color:#1a1a1a}.project-phase-expense-vendor{color:#6b7280}.project-phase-expense-amount{font-weight:600;color:#8c30f5}.project-phase-expense-date{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px}.project-phase-expense-date svg{width:12px;height:12px;flex-shrink:0;color:#9ca3af}.project-phase-expense-category,.project-phase-expense-status{font-size:12px}.project-phase-expenses-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-top:2px solid #E5E7EB}.project-phase-expenses-total-label{font-size:14px;font-weight:600;color:#374151}.project-phase-expenses-total-amount{font-size:18px;font-weight:700;color:#8c30f5}.project-phase-expenses-empty{text-align:center;padding:48px 24px;background-color:#f9fafb;border-radius:8px;border:2px dashed #D1D5DB;color:#6b7280;font-size:14px}.project-phase-documents{margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;border:1px solid #E5E7EB}.project-phase-documents-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.project-phase-documents-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.project-phase-documents-title svg{width:16px;height:16px;color:#8c30f5}.project-phase-documents-header-actions{display:flex;align-items:center;gap:8px}.project-phase-documents-view-toggle{display:flex;gap:4px;border:1px solid #E5E7EB;border-radius:6px;padding:2px;background:#f9fafb}.project-phase-documents-actions{display:flex;gap:8px}.project-phase-documents-container{width:100%}.project-phase-documents-container.list-view{display:block}.project-phase-documents-container.list-view .project-phase-documents-list{border:1px solid #E5E7EB;border-radius:8px;overflow:hidden;padding:8px}.project-phase-documents-container.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.project-phase-documents-list{display:flex;flex-direction:column;gap:8px}.project-phase-document-card{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB;transition:all .2s;display:flex;flex-direction:column;gap:0}.project-phase-document-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-phase-document-card-name{font-size:14px;font-weight:600;color:#1a1a1a}.project-phase-document-card-actions{display:flex;gap:8px;flex-shrink:0}.project-phase-document-card-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.project-phase-document-card-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.project-phase-document-card-label{color:#666;font-weight:500}.project-phase-document-card-value{color:#1a1a1a;font-weight:600;text-align:right;max-width:60%;word-wrap:break-word}.project-phase-document-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:#fff;border:1px solid #E5E7EB;border-radius:8px;transition:all .2s}.project-phase-document-item:hover{border-color:#8c30f5;box-shadow:0 2px 8px #8c30f51a}.project-phase-document-icon{width:40px;height:40px;background-color:#f3e8ff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#8c30f5}.project-phase-document-icon svg{width:20px;height:20px}.project-phase-document-info{flex:1;min-width:0}.project-phase-document-name{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-phase-document-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;flex-wrap:wrap}.project-phase-document-meta-sep{color:#d1d5db}.project-phase-document-actions{display:flex;gap:8px;flex-shrink:0}.project-phase-document-action-btn{padding:6px}.project-phase-document-menu-container{position:relative}.project-phase-document-menu-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;transition:all .2s}.project-phase-document-menu-btn:hover{background:#f3f4f6;color:#1f2937}.project-phase-document-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.project-phase-document-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:140px;z-index:50;overflow:hidden;animation:documentMenuFadeIn .15s ease-out}.project-phase-document-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#374151;background:none;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.project-phase-document-menu-item:hover{background:#f9fafb}.project-phase-document-menu-item svg{flex-shrink:0;color:#6b7280;width:16px;height:16px}.project-phase-document-menu-item:hover svg{color:#374151}.project-phase-document-menu-item-danger{color:#dc2626}.project-phase-document-menu-item-danger:hover{background:#fef2f2;color:#b91c1c}.project-phase-document-menu-item-danger svg{color:#dc2626}.project-phase-document-menu-item-danger:hover svg{color:#b91c1c}.project-phase-document-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.project-phase-document-download svg{width:16px;height:16px;flex-shrink:0}.project-phase-documents-empty{text-align:center;padding:48px 24px;background-color:#f9fafb;border-radius:8px;border:2px dashed #D1D5DB}.project-phase-documents-empty svg{width:32px;height:32px;color:#9ca3af;margin:0 auto 8px}.project-phase-documents-empty p{margin:0;font-size:14px;color:#666}.project-phase-documents-empty-hint{font-size:12px;color:#9ca3af;margin-top:4px}.project-phase-comments{margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;border:1px solid #E5E7EB}.project-phase-comments-header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.project-phase-comments-count{font-size:12px;color:#6b7280;font-weight:400}.project-phase-comments-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.project-phase-comments-title svg{width:16px;height:16px;color:#8c30f5}.project-phase-comments-header-actions{display:flex;align-items:center;gap:8px}.project-phase-comments-view-toggle{display:flex;gap:4px;border:1px solid #E5E7EB;border-radius:6px;padding:2px;background:#f9fafb}.project-phase-comments-container{width:100%;margin-bottom:16px}.project-phase-comments-container.list-view{display:block}.project-phase-comments-container.list-view .project-phase-comments-list{border:1px solid #E5E7EB;border-radius:8px;overflow:hidden;padding:12px}.project-phase-comments-container.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.project-phase-comments-textarea{width:100%;min-height:96px;margin-bottom:8px}.project-phase-comments-actions{display:flex;justify-content:flex-end}.project-phase-comments-list{display:flex;flex-direction:column;gap:12px}.project-phase-comments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.project-phase-comment-card{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s}.project-phase-comment-card:hover{border-color:#8c30f5;box-shadow:0 2px 8px #8c30f51a}.project-phase-comment-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.project-phase-comment-card-avatar{width:40px;height:40px;background-color:#f3e8ff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#8c30f5}.project-phase-comment-card-avatar svg{width:20px;height:20px}.project-phase-comment-card-actions{display:flex;gap:4px;flex-shrink:0}.project-phase-comment-card-body{display:flex;flex-direction:column;gap:12px}.project-phase-comment-card-text{font-size:14px;color:#374151;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.project-phase-comment-card-meta{display:flex;flex-direction:column;gap:6px}.project-phase-comment-card-author{font-size:13px;font-weight:600;color:#1a1a1a}.project-phase-comment-card-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.project-phase-comment-card-date svg{width:12px;height:12px;color:#9ca3af;flex-shrink:0}.project-phase-comment-card-edited{color:#9ca3af;font-style:italic;margin-left:4px}.project-phase-comment-item{background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-phase-comment-content{flex:1;min-width:0}.project-phase-comment-text{font-size:14px;color:#374151;line-height:1.5;margin-bottom:8px;white-space:pre-wrap;word-wrap:break-word}.project-phase-comment-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.project-phase-comment-author{font-weight:500;color:#4b5563}.project-phase-comment-sep{color:#d1d5db}.project-phase-comment-date{color:#9ca3af}.project-phase-comment-edited{color:#9ca3af;font-style:italic}.project-phase-comment-actions{display:flex;gap:4px;flex-shrink:0}.project-phase-comment-action-btn{padding:4px;width:28px;height:28px;color:#6b7280}.project-phase-comment-action-btn:hover{background:#f3f4f6;color:#374151}.project-phase-comment-action-btn-danger{color:#dc2626}.project-phase-comment-action-btn-danger:hover{background:#fef2f2;color:#b91c1c}.project-phase-comment-menu-btn{padding:4px;width:28px;height:28px;color:#6b7280}.project-phase-comment-menu-btn:hover{background:#f3f4f6;color:#374151}.project-phase-comment-menu{background:#fff;border:1px solid #E5E7EB;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:140px;overflow:visible;animation:dropdownFadeIn .15s ease-out}.project-phase-comment-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:none;color:#374151;font-size:14px;text-align:left;cursor:pointer;transition:background-color .2s}.project-phase-comment-menu-item:hover{background:#f3f4f6}.project-phase-comment-menu-item svg{flex-shrink:0}.project-phase-comment-menu-item-danger{color:#dc2626}.project-phase-comment-menu-item-danger:hover{background:#fef2f2;color:#b91c1c}.project-phase-comment-edit{width:100%}.project-phase-comment-edit-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.project-phase-comments-form{margin-top:16px}@media (max-width: 1024px){.project-phase-progress{grid-template-columns:1fr}.project-phase-budget,.project-phase-kpis-grid{grid-template-columns:repeat(2,1fr)}.project-phase-tasks-header-actions,.project-phase-tasks-actions{flex-wrap:wrap}.project-phase-action-btn{flex:1 1 calc(50% - 4px);min-width:140px}.project-phase-budget-categories-header-actions,.project-phase-documents-header-actions,.project-phase-documents-actions{flex-wrap:wrap}.project-phase-documents-actions .project-phase-action-btn{flex:1 1 calc(50% - 4px);min-width:140px}.project-phase-comments-header-actions{flex-wrap:wrap}}@media (max-width: 768px){.project-phases-header{flex-direction:column;align-items:flex-start;gap:16px}.project-phases-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.project-phase-header-content{flex-direction:column;gap:16px}.project-phase-header-right{width:100%;justify-content:space-between}.project-phase-budget,.project-phase-kpis-grid,.project-phase-metrics{grid-template-columns:1fr}.project-phase-tasks-header{flex-direction:column;align-items:flex-start;gap:12px}.project-phase-tasks-header-actions{width:100%;flex-direction:column;gap:12px}.project-phase-tasks-view-toggle{width:fit-content}.project-phase-tasks-actions{width:100%;flex-direction:column;gap:8px}.project-phase-action-btn{width:100%;justify-content:center}.project-phase-tasks-table{overflow-x:auto}.project-phase-budget-categories-header{flex-direction:column;align-items:flex-start;gap:12px}.project-phase-budget-categories-header-actions{width:100%;flex-direction:column;gap:12px}.project-phase-budget-categories-view-toggle{width:fit-content}.project-phase-documents-header{flex-direction:column;align-items:flex-start;gap:12px}.project-phase-documents-header-actions{width:100%;flex-direction:column;gap:12px}.project-phase-documents-view-toggle{width:fit-content}.project-phase-documents-actions{width:100%;flex-direction:column;gap:8px}.project-phase-documents-actions .project-phase-action-btn{width:100%;justify-content:center}.project-phase-comments-header{flex-direction:column;align-items:flex-start;gap:12px}.project-phase-comments-header-actions{width:100%;flex-direction:column;gap:12px}.project-phase-comments-view-toggle{width:fit-content}.project-phase-comments-actions{width:100%}.project-phase-comments-actions .project-phase-action-btn{width:100%;justify-content:center}}.project-phases-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.project-phases-empty svg{color:#8c30f5;margin-bottom:20px;opacity:.5}.project-phases-empty-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.project-phases-empty-text{font-size:14px;color:#6b7280;margin:0 0 24px}.project-tasks-enhanced{display:flex;flex-direction:column;gap:24px}.project-tasks-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.project-tasks-summary-label{font-size:13px;color:#666;margin-bottom:8px}.project-tasks-summary-value{font-size:32px;font-weight:700;color:#1a1a1a}.project-tasks-summary-value-blue{color:#3b82f6}.project-tasks-summary-value-purple{color:#8c30f5}.project-tasks-summary-value-red{color:#ef4444}.project-tasks-filters{display:grid;grid-template-columns:1fr;gap:16px;padding:24px}@media (min-width: 768px){.project-tasks-filters{grid-template-columns:1fr auto auto auto;align-items:center;gap:16px}}.project-tasks-search-wrapper{position:relative;display:flex;align-items:center;width:100%;min-width:0}.project-tasks-search-icon{position:absolute;left:12px;width:16px;height:16px;color:#9ca3af;pointer-events:none;z-index:1;flex-shrink:0}.project-tasks-search-input{width:100%;padding-left:36px;min-width:0}.project-tasks-filter-select{width:100%;min-width:180px}@media (min-width: 768px){.project-tasks-filter-select{width:180px;flex-shrink:0}}.project-tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.project-tasks-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.project-tasks-add-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s}.project-tasks-add-btn:hover{background:linear-gradient(135deg,#7e22ce,#6d28d9)}.project-tasks-add-btn svg{width:16px;height:16px}.project-tasks-table-wrapper{padding:0 24px 24px;overflow-x:auto}.project-tasks-table-row{transition:background-color .2s}.project-tasks-table-row:hover{background-color:#8c30f50d}.project-tasks-table-cell-name{font-weight:500;color:#1a1a1a}.project-tasks-phase-badge{font-size:12px;padding:4px 8px}.project-tasks-assignee{display:flex;align-items:center;gap:8px}.project-tasks-assignee-avatar{width:24px;height:24px;background:#8c30f51a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8c30f5;flex-shrink:0}.project-tasks-assignee-name{font-size:14px;color:#1a1a1a}.task-priority-critical{background:#ef44441a;color:#dc2626;border-color:#ef444433}.task-priority-high{background:#f973161a;color:#ea580c;border-color:#f9731633}.task-priority-medium{background:#eab3081a;color:#ca8a04;border-color:#eab30833}.task-priority-low{background:#6b72801a;color:#6b7280;border-color:#6b728033}.project-tasks-date{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.project-tasks-date svg{width:12px;height:12px;color:#9ca3af}.project-tasks-progress{display:flex;align-items:center;gap:8px}.project-tasks-progress-display{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.project-tasks-progress-display:hover{background-color:#f3f4f6}.project-tasks-progress-bar{flex:1;max-width:80px;background:#e5e7eb;border-radius:9999px;height:8px;overflow:hidden}.project-tasks-progress-fill{background:linear-gradient(135deg,#8c30f5,#7c3aed);height:100%;border-radius:9999px;transition:width .3s}.project-tasks-progress-text{font-size:14px;color:#666;min-width:40px}.project-tasks-progress-edit{display:flex;align-items:center;gap:8px;min-width:200px}.project-tasks-progress-slider{flex:1;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.project-tasks-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#8c30f5;cursor:pointer;border:2px solid #FFFFFF;box-shadow:0 2px 4px #0003}.project-tasks-progress-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#8c30f5;cursor:pointer;border:2px solid #FFFFFF;box-shadow:0 2px 4px #0003}.project-tasks-progress-edit-actions{display:flex;align-items:center;gap:4px}.project-tasks-progress-edit-value{font-size:13px;font-weight:500;color:#8c30f5;min-width:35px;text-align:center}.project-tasks-progress-edit-btn{padding:2px 4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.project-tasks-progress-edit-btn svg{width:12px;height:12px}.project-tasks-budget{display:flex;flex-direction:column;gap:6px}.project-tasks-budget-amount{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.project-tasks-budget-amount svg{width:12px;height:12px;color:#9ca3af}.project-tasks-budget-progress{display:flex;align-items:center;gap:6px}.project-tasks-budget-progress-bar{flex:1;max-width:60px;background:#e5e7eb;border-radius:9999px;height:6px;overflow:hidden}.project-tasks-budget-progress-fill{background:#8c30f5;height:100%;border-radius:9999px;transition:width .3s}.project-tasks-budget-progress-fill.over-budget{background:#ef4444}.project-tasks-budget-progress-text{font-size:12px;color:#666;min-width:35px}.project-tasks-budget-progress-text.over-budget{color:#ef4444}.project-tasks-status-select{width:130px;height:32px;font-size:13px}.project-tasks-actions{display:flex;align-items:center;justify-content:center}.project-tasks-menu-container{position:relative}.project-tasks-menu-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;transition:all .2s}.project-tasks-menu-btn:hover{background:#f3f4f6;color:#1f2937}.project-tasks-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.project-tasks-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:160px;z-index:50;overflow:hidden;animation:taskMenuFadeIn .15s ease-out}@keyframes taskMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.project-tasks-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#374151;background:none;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.project-tasks-menu-item:hover{background:#f9fafb}.project-tasks-menu-item svg{flex-shrink:0;color:#6b7280;width:16px;height:16px}.project-tasks-menu-item:hover svg{color:#374151}.project-tasks-menu-item-danger{color:#dc2626}.project-tasks-menu-item-danger:hover{background:#fef2f2;color:#b91c1c}.project-tasks-menu-item-danger svg{color:#dc2626}.project-tasks-menu-item-danger:hover svg{color:#b91c1c}.project-tasks-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.project-tasks-empty{text-align:center;padding:48px 24px}.project-tasks-empty-text{font-size:16px;color:#9ca3af;margin-bottom:8px}.project-tasks-empty-subtext{font-size:14px;color:#6b7280;margin:0}@media (max-width: 768px){.project-tasks-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.project-tasks-header{flex-direction:column;align-items:flex-start;gap:16px}.project-tasks-add-btn{width:100%;justify-content:center}.project-tasks-actions{flex-wrap:wrap}}.project-expenses-enhanced{display:flex;flex-direction:column;gap:24px}.project-expenses-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.project-expenses-summary-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.project-expenses-summary-label{font-size:13px;color:#666}.project-expenses-summary-icon{width:20px;height:20px;color:#8c30f5;flex-shrink:0}.project-expenses-summary-icon-purple{color:#8c30f5}.project-expenses-summary-icon-yellow{color:#eab308}.project-expenses-summary-value{font-size:32px;font-weight:700;color:#1a1a1a}.project-expenses-summary-value-purple{color:#8c30f5}.project-expenses-summary-value-yellow{color:#eab308}.project-expenses-filters{display:flex;flex-direction:column;gap:16px;padding:24px}.project-expenses-filters-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.project-expenses-search{position:relative;flex:1;display:flex;align-items:center}.project-expenses-search svg{position:absolute;left:12px;width:16px;height:16px;color:#9ca3af;pointer-events:none;z-index:1}.project-expenses-search-input{width:100%;padding-left:36px}.project-expenses-filter-select{flex:1;min-width:140px;display:inline-flex;align-items:center}.project-expenses-filter-select svg{margin-right:8px;flex-shrink:0;color:#6b7280}.project-expenses-advanced-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1a1a1a;cursor:pointer;transition:all .2s;flex-shrink:0}.project-expenses-advanced-toggle:hover{background-color:#f3f4f6;border-color:#8c30f5}.project-expenses-advanced-toggle svg{transition:transform .2s}.project-expenses-advanced-toggle.active svg{transform:rotate(180deg)}.project-expenses-advanced-filters{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;animation:project-expenses-slideDown .2s ease-out}@keyframes project-expenses-slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.project-expenses-advanced-row{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.project-expenses-advanced-row{flex-direction:row;flex-wrap:wrap}}.project-expenses-advanced-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.project-expenses-advanced-label{font-size:13px;font-weight:500;color:#1a1a1a}.project-expenses-advanced-inputs{display:flex;align-items:center;gap:8px}.project-expenses-advanced-input{flex:1;min-width:0}.project-expenses-advanced-separator{color:#9ca3af;font-size:14px;flex-shrink:0}.project-expenses-advanced-select{width:100%}.project-expenses-advanced-actions{display:flex;justify-content:flex-end;gap:12px}.project-expenses-clear-filters{padding:8px 16px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1a1a1a;cursor:pointer;transition:all .2s}.project-expenses-clear-filters:hover{background-color:#f3f4f6;border-color:#8c30f5;color:#8c30f5}.project-expenses-results{margin-bottom:16px;padding:0 4px}.project-expenses-results-text{font-size:14px;color:#666;font-weight:500}.project-expenses-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.project-expenses-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.project-expenses-add-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s}.project-expenses-add-btn:hover{background:linear-gradient(135deg,#7e22ce,#6d28d9)}.project-expenses-add-btn svg{width:16px;height:16px}.project-expenses-table-wrapper{padding:0 24px 24px;overflow-x:auto}.project-expenses-table-row{transition:background-color .2s}.project-expenses-table-row:hover{background-color:#8c30f50d}.project-expenses-table-row-clickable{cursor:pointer}.project-expenses-table-row-clickable:hover{background-color:#8c30f514}.project-expenses-date{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.project-expenses-date svg{width:12px;height:12px;color:#9ca3af}.project-expenses-description{font-weight:500;color:#1a1a1a;max-width:280px}.project-expenses-vendor{font-size:14px;color:#374151}.project-expenses-category-badge{font-size:12px;padding:4px 8px}.project-expenses-amount{font-weight:600;color:#1a1a1a}.expense-status-draft{background:#6b7280;color:#fff;font-size:12px;padding:4px 8px}.expense-status-submitted{background:#eab308;color:#1a1a1a;font-size:12px;padding:4px 8px}.expense-status-approved{background:#8c30f5;color:#fff;font-size:12px;padding:4px 8px}.expense-status-rejected{background:#ef4444;color:#fff;font-size:12px;padding:4px 8px}.project-expenses-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-expenses-approve-btn{background-color:#8c30f5;border-color:#8c30f5;color:#fff;font-size:13px;padding:6px 12px;height:auto}.project-expenses-approve-btn:hover{background-color:#7c3aed;border-color:#7c3aed;color:#fff}.project-expenses-approve-btn svg{width:14px;height:14px}.project-expenses-reject-btn{border-color:#ef4444;color:#ef4444;font-size:13px;padding:6px 12px;height:auto}.project-expenses-reject-btn:hover{background:#ef44441a}.project-expenses-reject-btn svg{width:14px;height:14px}.project-expenses-receipt-btn{font-size:13px;padding:6px 12px;height:auto}.project-expenses-receipt-btn:hover{background:#8c30f51a;color:#8c30f5}.project-expenses-receipt-btn svg{width:14px;height:14px}.project-expenses-menu-container{position:relative}.project-expenses-menu-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;transition:all .2s}.project-expenses-menu-btn:hover{background:#f3f4f6;color:#1f2937}.project-expenses-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999!important;background:transparent}.project-expenses-menu{background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:160px;z-index:10000!important;overflow:hidden;animation:expenseMenuFadeIn .15s ease-out;isolation:isolate}@keyframes expenseMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.project-expenses-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#374151;background:none;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.project-expenses-menu-item:hover{background:#f9fafb}.project-expenses-menu-item svg{flex-shrink:0;color:#6b7280;width:16px;height:16px}.project-expenses-menu-item:hover svg{color:#374151}.project-expenses-menu-item-danger{color:#dc2626}.project-expenses-menu-item-danger:hover{background:#fef2f2;color:#b91c1c}.project-expenses-menu-item-danger svg{color:#dc2626}.project-expenses-menu-item-danger:hover svg{color:#b91c1c}.project-expenses-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.project-expenses-view-modal{max-width:600px;width:90vw;padding:0}.project-expenses-view-content{padding:0 24px}.project-expenses-view-section{display:flex;flex-direction:column;gap:0}.project-expenses-view-item{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid #F3F4F6}.project-expenses-view-item:first-child{padding-top:0}.project-expenses-view-item:last-child{border-bottom:none;padding-bottom:0}.project-expenses-view-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.project-expenses-view-value{font-size:15px;color:#1a1a1a;font-weight:400;line-height:1.6;word-break:break-word}.project-expenses-view-value-amount{font-size:28px;font-weight:700;color:#8c30f5;margin-top:2px;line-height:1.2}.project-expenses-view-value button{margin-top:0}@media (max-width: 640px){.project-expenses-view-modal{width:95vw;max-width:95vw}.project-expenses-view-content{padding:0 20px}.project-expenses-view-item{padding:12px 0}.project-expenses-view-value-amount{font-size:24px}}.project-expenses-empty{text-align:center;padding:48px 24px}.project-expenses-empty-icon{color:#9ca3af;margin:0 auto 16px;display:block}.project-expenses-empty-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.project-expenses-empty-subtext{font-size:14px;color:#6b7280;margin:0}@media (max-width: 768px){.project-expenses-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.project-expenses-header{flex-direction:column;align-items:flex-start;gap:16px}.project-expenses-add-btn{width:100%;justify-content:center}.project-expenses-actions{flex-wrap:wrap}}.add-vendor-modal-content{max-width:640px;width:100%;padding:0!important}.add-vendor-modal-content>.ui-dialog-header,.add-vendor-modal-content>form{margin:0}.add-vendor-modal-header-wrapper{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;padding:24px!important;border-radius:12px 12px 0 0;display:flex!important;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:0;gap:0}.add-vendor-modal-header-wrapper>div{flex:1}.add-vendor-modal-header-wrapper .ui-dialog-title{color:#fff;font-size:20px}.add-vendor-modal-header-wrapper .ui-dialog-description{color:#ffffffe6;font-size:14px;margin-top:4px}.add-vendor-modal-header-wrapper .ui-dialog-close{color:#fff}.add-vendor-modal-header-wrapper .ui-dialog-close:hover{background:#ffffff1a;color:#fff}.add-vendor-modal-form{padding:24px;display:flex;flex-direction:column;gap:24px;max-height:60vh;overflow-y:auto}.add-vendor-modal-section{display:flex;flex-direction:column;gap:16px}.add-vendor-modal-section-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.add-vendor-modal-fields{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.add-vendor-modal-fields{grid-template-columns:repeat(2,1fr)}}.add-vendor-modal-form-group{display:flex;flex-direction:column;gap:8px}.add-vendor-modal-full{grid-column:1 / -1}.add-vendor-modal-input-wrapper{position:relative;display:flex;align-items:center}.add-vendor-modal-input-icon{position:absolute;left:12px;width:18px;height:18px;color:#8c30f5;pointer-events:none;z-index:1}.add-vendor-modal-input-with-icon{padding-left:40px;width:100%}.add-vendor-modal-submit-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;border:none;display:inline-flex;align-items:center}.add-vendor-modal-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#7e22ce,#6d28d9)}.add-vendor-modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.add-vendor-modal-spinner{animation:add-vendor-spin 1s linear infinite}@keyframes add-vendor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-vendors-enhanced{display:flex;flex-direction:column;gap:24px}.project-vendors-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.project-vendors-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.project-vendors-add-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s}.project-vendors-add-btn:hover{background:linear-gradient(135deg,#7e22ce,#6d28d9)}.project-vendors-add-btn svg{width:16px;height:16px}.project-vendors-filters{display:flex;flex-direction:column;gap:16px;padding:0 24px 16px}.project-vendors-search{position:relative;display:flex;align-items:center;width:100%}.project-vendors-search svg{position:absolute;left:12px;width:16px;height:16px;color:#9ca3af;pointer-events:none;z-index:1}.project-vendors-search-input{width:100%;padding-left:36px;padding-right:12px;height:40px;font-size:14px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:#1a1a1a;transition:border-color .2s,box-shadow .2s}.project-vendors-search-input::placeholder{color:#9ca3af}.project-vendors-search-input:focus{outline:none;border-color:#8c30f5;box-shadow:0 0 0 3px #8c30f526}.project-vendors-filters-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.project-vendors-filter-select{flex:1;min-width:140px;display:inline-flex;align-items:center}.project-vendors-filter-select svg{margin-right:8px;flex-shrink:0;color:#6b7280}.project-vendors-clear-btn{flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:500;color:#6b7280;background:transparent;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s}.project-vendors-clear-btn:hover{background:#f3f4f6;border-color:#8c30f5;color:#8c30f5}.project-vendors-results{margin-bottom:16px;padding:0 24px}.project-vendors-results-text{font-size:14px;color:#666}.project-vendors-table-wrapper{padding:0 24px 24px;overflow-x:auto;position:relative}.project-vendors-table-row{cursor:pointer;transition:background-color .2s}.project-vendors-table-row:hover{background-color:#f9fafb}.project-vendors-table-row-clickable{cursor:pointer}.project-vendors-table-name{font-weight:600;color:#1a1a1a}.project-vendors-table-contact,.project-vendors-table-email,.project-vendors-table-phone{color:#6b7280;font-size:14px}.project-vendors-table-total{font-weight:600;color:#8c30f5}.project-vendors-card:hover{border-color:#8c30f54d;box-shadow:0 4px 12px #8c30f514}.project-vendors-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.project-vendors-card-info{flex:1;min-width:0}.project-vendors-card-name{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.project-vendors-card-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-vendors-category-badge{font-size:12px;padding:4px 8px}.project-vendors-status-active{background:#8c30f5;color:#fff;font-size:12px;padding:4px 8px;border:none}.project-vendors-status-completed{background:#6b7280;color:#fff;font-size:12px;padding:4px 8px;border:none}.project-vendors-rating{display:flex;align-items:center;gap:4px;flex-shrink:0}.project-vendors-star{color:#eab308;width:16px;height:16px}.project-vendors-rating-value{font-size:14px;font-weight:600;color:#1a1a1a}.project-vendors-card-body{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.project-vendors-contact-row{font-size:14px}.project-vendors-contact-label{color:#6b7280}.project-vendors-contact-value{font-weight:500;color:#1a1a1a}.project-vendors-detail{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.project-vendors-detail svg{width:14px;height:14px;color:#9ca3af;flex-shrink:0}.project-vendors-card-footer{padding-top:16px;border-top:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.project-vendors-total-label{font-size:14px;color:#6b7280}.project-vendors-total-value{font-size:18px;font-weight:600;color:#1a1a1a}.project-vendors-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.project-vendors-empty-icon{color:#d1d5db;margin-bottom:16px}.project-vendors-empty-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.project-vendors-empty-subtext{font-size:14px;color:#6b7280;margin:0}.project-vendors-menu-container{position:relative;display:inline-block}.project-vendors-menu-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;transition:all .2s}.project-vendors-menu-btn:hover{background:#f3f4f6;color:#1f2937}.project-vendors-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999!important;background:transparent}.project-vendors-menu{background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:160px;z-index:10000!important;overflow:hidden;animation:vendorMenuFadeIn .15s ease-out;isolation:isolate}@keyframes vendorMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.project-vendors-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#374151;background:none;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.project-vendors-menu-item:hover{background:#f3f4f6}.project-vendors-menu-item svg{width:16px;height:16px;flex-shrink:0;color:#6b7280}.project-vendors-menu-item:hover svg{color:#374151}.project-vendors-menu-item-danger{color:#ef4444}.project-vendors-menu-item-danger:hover{background:#ef44441a}.project-vendors-menu-item-danger svg{color:#ef4444}.project-vendors-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.project-vendors-view-modal{max-width:600px;padding:0}.project-vendors-view-content{padding:0 24px;max-height:60vh;overflow-y:auto}@media (max-width: 640px){.project-vendors-view-content{padding:0 20px}}.project-vendors-view-section{display:flex;flex-direction:column;gap:0}.project-vendors-view-item{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid #E5E7EB}.project-vendors-view-item:first-child{padding-top:0}.project-vendors-view-item:last-child{border-bottom:none}.project-vendors-view-label{font-size:13px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.project-vendors-view-value{font-size:15px;color:#1a1a1a;word-break:break-word}.project-vendors-view-value-amount{font-size:18px;font-weight:600;color:#8c30f5}.project-documents-enhanced{display:flex;flex-direction:column;gap:24px}.project-documents-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.project-documents-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.project-documents-upload-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s}.project-documents-upload-btn:hover{background:linear-gradient(135deg,#7e22ce,#6d28d9)}.project-documents-upload-btn svg{width:16px;height:16px}.project-documents-filters{display:flex;flex-direction:column;gap:16px;padding:0 24px 16px}.project-documents-search{position:relative;display:flex;align-items:center;width:100%}.project-documents-search svg{position:absolute;left:12px;width:16px;height:16px;color:#9ca3af;pointer-events:none;z-index:1}.project-documents-search-input{width:100%;padding-left:36px;padding-right:12px;height:40px;font-size:14px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:#1a1a1a;transition:border-color .2s,box-shadow .2s}.project-documents-search-input::placeholder{color:#9ca3af}.project-documents-search-input:focus{outline:none;border-color:#8c30f5;box-shadow:0 0 0 3px #8c30f526}.project-documents-filters-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.project-documents-filter-select{flex:1;min-width:140px;display:inline-flex;align-items:center}.project-documents-filter-select svg{margin-right:8px;flex-shrink:0;color:#6b7280}.project-documents-clear-btn{flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:500;color:#6b7280;background:transparent;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s}.project-documents-clear-btn:hover{background:#f3f4f6;border-color:#8c30f5;color:#8c30f5}.project-documents-results{margin-bottom:16px;padding:0 24px}.project-documents-results-text{font-size:14px;color:#666}.project-documents-list{padding:0 24px 24px;display:flex;flex-direction:column;gap:12px}.project-documents-row{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;transition:background .2s,border-color .2s}.project-documents-row:hover{background:#f9fafb;border-color:#8c30f533}.project-documents-row-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.project-documents-icon-wrap{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#8c30f51a;border-radius:12px}.project-documents-icon{width:20px;height:20px;color:#8c30f5}.project-documents-info{flex:1;min-width:0}.project-documents-info-top{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.project-documents-name{font-size:15px;font-weight:500;color:#1a1a1a;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-documents-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:13px;color:#6b7280}.project-documents-meta-sep{margin:0 4px;color:#9ca3af}.project-documents-meta-date{display:inline-flex;align-items:center;gap:4px}.project-documents-meta-date svg{width:14px;height:14px;color:#9ca3af;flex-shrink:0}.project-docs-category-legal{background:#fee2e2!important;color:#b91c1c!important;border:none!important;font-size:12px;padding:4px 8px}.project-docs-category-technical{background:#dbeafe!important;color:#1d4ed8!important;border:none!important;font-size:12px;padding:4px 8px}.project-docs-category-safety{background:#ffedd5!important;color:#c2410c!important;border:none!important;font-size:12px;padding:4px 8px}.project-docs-category-financial{background:#f3e8ff!important;color:#7c3aed!important;border:none!important;font-size:12px;padding:4px 8px}.project-docs-category-default{background:#f3f4f6!important;color:#4b5563!important;border:none!important;font-size:12px;padding:4px 8px}.project-documents-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.project-documents-action-btn{padding:8px;color:#6b7280;background:transparent;border-radius:8px;transition:color .2s,background .2s}.project-documents-action-btn:hover{color:#8c30f5;background:#8c30f514}.project-documents-action-btn svg{width:18px;height:18px}.project-documents-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.project-documents-empty-icon{color:#d1d5db;margin-bottom:16px}.project-documents-empty-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.project-documents-empty-subtext{font-size:14px;color:#6b7280;margin:0}.project-documents-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px;color:#8c30f5}.project-documents-loading svg{width:32px;height:32px}.project-documents-loading span{font-size:14px;color:#666}.project-documents-delete-btn{color:#dc2626}.project-documents-delete-btn:hover{background-color:#fee2e2;color:#b91c1c}.project-documents-menu-container{position:relative;display:inline-block}.project-documents-menu-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;transition:all .2s}.project-documents-menu-btn:hover{background:#f3f4f6;color:#1f2937}.project-documents-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999!important;background:transparent}.project-documents-menu{background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:160px;z-index:10000!important;overflow:hidden;animation:documentMenuFadeIn .15s ease-out;isolation:isolate}@keyframes documentMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.project-documents-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#374151;background:none;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.project-documents-menu-item:hover{background:#f9fafb}.project-documents-menu-item svg{width:16px;height:16px;flex-shrink:0;color:#6b7280}.project-documents-menu-item:hover svg{color:#374151}.project-documents-menu-item-danger{color:#ef4444}.project-documents-menu-item-danger:hover{background:#ef44441a}.project-documents-menu-item-danger svg{color:#ef4444}.project-documents-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.project-documents-menu-download{width:100%;justify-content:flex-start;padding:10px 14px;height:auto;font-size:14px;color:#374151;background:none;border:none;border-radius:0}.project-documents-menu-download:hover{background:#f9fafb;color:#374151}.project-documents-row-clickable{cursor:pointer;transition:background-color .2s}.project-documents-row-clickable:hover{background-color:#f9fafb}.project-documents-view-modal{max-width:900px!important;width:90vw;max-height:90vh!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.project-documents-view-modal.ui-dialog-content{overflow:hidden!important;display:flex!important;flex-direction:column!important;height:auto!important}.project-documents-view-modal-wrapper{display:flex;flex-direction:column;height:100%;max-height:calc(90vh - 32px);overflow:hidden;min-height:0}.project-documents-view-modal-header{flex-shrink:0;padding:24px 24px 16px;border-bottom:1px solid #E5E7EB;background:#fff}.project-documents-view-modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;padding:24px;-webkit-overflow-scrolling:touch;position:relative}.project-documents-view-modal-footer{flex-shrink:0;padding:16px 24px 24px;border-top:1px solid #E5E7EB;margin-top:0;background:#fff}.project-documents-view-content{padding:0;flex-shrink:0}@media (max-width: 640px){.project-documents-view-content{padding:0 20px}}.project-documents-view-section{display:flex;flex-direction:column;gap:0}.project-documents-view-item{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid #E5E7EB}.project-documents-view-item:first-child{padding-top:0}.project-documents-view-item:last-child{border-bottom:none}.project-documents-view-label{font-size:13px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.project-documents-view-value{font-size:15px;color:#1a1a1a;word-break:break-word}.project-documents-viewer{width:100%;margin:0 0 24px;border:1px solid #E5E7EB;border-radius:8px;overflow:hidden;background:#f9fafb;min-height:300px;max-height:50vh;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-documents-viewer-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.project-documents-viewer-image img,.project-documents-viewer-object{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a;width:100%;height:100%}.project-documents-viewer-object{background:transparent}.project-documents-viewer-pdf,.project-documents-viewer-text{width:100%;height:100%;min-height:400px}.project-documents-viewer-iframe{width:100%;height:100%;min-height:400px;border:none;background:#fff}.project-documents-viewer-unsupported,.project-documents-viewer-error,.project-documents-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#6b7280;min-height:400px}.project-documents-viewer-unsupported svg,.project-documents-viewer-error svg{color:#d1d5db;margin-bottom:16px}.project-documents-viewer-loading svg{color:#8c30f5;margin-bottom:16px}.project-documents-viewer-unsupported p,.project-documents-viewer-error p{font-size:16px;font-weight:500;color:#374151;margin:0 0 8px}.project-documents-viewer-loading p{font-size:14px;color:#6b7280;margin:16px 0 0}.project-documents-viewer-unsupported-hint,.project-documents-viewer-error-hint{font-size:14px;color:#9ca3af;margin:0;font-weight:400}@media (max-width: 768px){.project-documents-viewer{min-height:300px;max-height:50vh}.project-documents-viewer-iframe{min-height:300px}.project-documents-viewer-unsupported,.project-documents-viewer-error,.project-documents-viewer-loading{min-height:300px;padding:32px 16px}}.add-site-update-modal-content{max-width:720px;width:100%;padding:0!important;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.add-site-update-modal-content>.ui-dialog-header,.add-site-update-modal-content>form{margin:0}.add-site-update-modal-header-wrapper{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;padding:24px!important;border-radius:12px 12px 0 0;display:flex!important;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:0;gap:0}.add-site-update-modal-header-wrapper>div:first-child{flex:1}.add-site-update-modal-header-wrapper .ui-dialog-title{color:#fff;font-size:20px}.add-site-update-modal-header-wrapper .ui-dialog-description{color:#ffffffe6;font-size:14px;margin-top:4px}.add-site-update-modal-header-wrapper .ui-dialog-close{color:#fff}.add-site-update-modal-header-wrapper .ui-dialog-close:hover{background:#ffffff1a;color:#fff}.add-site-update-modal-form{padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex:1}.add-site-update-modal-section{display:flex;flex-direction:column;gap:8px}.add-site-update-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.add-site-update-photo-upload{position:relative;border:2px dashed rgba(140,48,245,.3);border-radius:12px;padding:24px;text-align:center;background:#8c30f50d;transition:border-color .2s,background .2s;cursor:pointer}.add-site-update-photo-upload:hover{border-color:#8c30f566;background:#8c30f514}.add-site-update-photo-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.add-site-update-photo-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}.add-site-update-upload-icon{width:40px;height:40px;color:#8c30f5}.add-site-update-upload-text{display:flex;flex-direction:column;gap:4px}.add-site-update-upload-title{font-size:14px;font-weight:500;color:#374151}.add-site-update-upload-subtitle{font-size:12px;color:#6b7280}.add-site-update-files-preview{margin-top:16px}.add-site-update-files-header{font-size:14px;font-weight:500;color:#374151;margin-bottom:12px}.add-site-update-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.add-site-update-file-item{background:#f3f4f6;border:1px solid #E5E7EB;border-radius:8px;padding:12px;transition:border-color .2s}.add-site-update-file-item:hover{border-color:#8c30f5}.add-site-update-file-content{display:flex;align-items:center;gap:8px;margin-bottom:6px}.add-site-update-file-icon{width:20px;height:20px;color:#8c30f5;flex-shrink:0}.add-site-update-file-name{font-size:12px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.add-site-update-file-remove{background:transparent;border:none;padding:2px;cursor:pointer;color:#ef4444;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.add-site-update-file-remove:hover{color:#dc2626}.add-site-update-file-size{font-size:11px;color:#6b7280;margin-top:4px}.add-site-update-info-box{background:#dbeafe;border:1px solid #BFDBFE;border-radius:8px;padding:16px}.add-site-update-info-title{font-size:14px;font-weight:600;color:#1e40af;margin:0 0 8px}.add-site-update-info-list{font-size:12px;color:#1e3a8a;margin:0;padding-left:20px;list-style:disc;line-height:1.6}.add-site-update-info-list li{margin-bottom:4px}.add-site-update-posted-by{background:#8c30f50d;border:1px solid rgba(140,48,245,.2);border-radius:8px;padding:12px;font-size:14px;color:#7c3aed}.add-site-update-submit-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;border:none;display:inline-flex;align-items:center}.add-site-update-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#7e22ce,#6d28d9)}.add-site-update-submit-btn:disabled{opacity:.6;cursor:not-allowed}.add-site-update-spinner{animation:add-site-update-spin 1s linear infinite}@keyframes add-site-update-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-site-progress-enhanced{display:flex;flex-direction:column;gap:24px}.project-site-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.project-site-progress-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.project-site-progress-add-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s}.project-site-progress-add-btn:hover{background:linear-gradient(135deg,#7e22ce,#6d28d9)}.project-site-progress-add-btn svg{width:16px;height:16px}.project-site-progress-filters{display:flex;flex-direction:column;gap:16px;padding:0 24px 16px}.project-site-progress-search{position:relative;display:flex;align-items:center;width:100%}.project-site-progress-search svg{position:absolute;left:12px;width:16px;height:16px;color:#9ca3af;pointer-events:none;z-index:1}.project-site-progress-search-input{width:100%;padding-left:36px;padding-right:12px;height:40px;font-size:14px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:#1a1a1a;transition:border-color .2s,box-shadow .2s}.project-site-progress-search-input::placeholder{color:#9ca3af}.project-site-progress-search-input:focus{outline:none;border-color:#8c30f5;box-shadow:0 0 0 3px #8c30f526}.project-site-progress-filters-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.project-site-progress-filter-select{flex:1;min-width:140px;display:inline-flex;align-items:center}.project-site-progress-filter-select svg{margin-right:8px;flex-shrink:0;color:#6b7280}.project-site-progress-clear-btn{flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:500;color:#6b7280;background:transparent;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s}.project-site-progress-clear-btn:hover{background:#f3f4f6;border-color:#8c30f5;color:#8c30f5}.project-site-progress-results{margin-bottom:16px;padding:0 24px}.project-site-progress-results-text{font-size:14px;color:#666}.project-site-progress-list{padding:0 24px 24px;display:flex;flex-direction:column;gap:24px}.project-site-progress-item{padding-bottom:24px;border-bottom:1px solid #E5E7EB}.project-site-progress-item:last-child{border-bottom:none;padding-bottom:0}.project-site-progress-item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:16px}.project-site-progress-item-info{flex:1;min-width:0}.project-site-progress-item-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.project-site-progress-item-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;flex-wrap:wrap}.project-site-progress-meta-item{display:inline-flex;align-items:center;gap:4px}.project-site-progress-meta-item svg{width:14px;height:14px;color:#9ca3af;flex-shrink:0}.project-site-progress-meta-sep{color:#9ca3af}.project-site-progress-phase-badge{flex-shrink:0;font-size:12px;padding:4px 8px}.project-site-progress-description{font-size:14px;color:#374151;line-height:1.6;margin:0 0 12px}.project-site-progress-photos{display:flex;align-items:center;gap:12px}.project-site-progress-photos-count{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.project-site-progress-photos-count svg{width:16px;height:16px;color:#9ca3af}.project-site-progress-view-photos-btn{color:#8c30f5;padding:6px 12px;font-size:13px}.project-site-progress-view-photos-btn:hover{background:#8c30f514;color:#7c3aed}.project-site-progress-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.project-site-progress-empty-icon{color:#d1d5db;margin-bottom:16px}.project-site-progress-empty-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.project-site-progress-empty-subtext{font-size:14px;color:#6b7280;margin:0}.project-site-progress-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px;color:#8c30f5}.project-site-progress-loading svg{width:32px;height:32px}.project-site-progress-loading span{font-size:14px;color:#666}.project-site-progress-edit-btn{padding:4px 8px;color:#8c30f5;font-size:12px}.project-site-progress-edit-btn:hover{background-color:#8c30f514;color:#7c3aed}.project-site-progress-delete-btn{padding:4px 8px;color:#dc2626;font-size:12px}.project-site-progress-delete-btn:hover{background-color:#fee2e2;color:#b91c1c}.project-site-progress-photos-modal{max-width:900px;width:90vw;max-height:90vh;padding:0!important}.project-site-progress-photos-viewer{display:flex;flex-direction:column;gap:24px;min-height:400px}.project-site-progress-photos-main{position:relative;width:100%;min-height:400px;max-height:60vh;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB;overflow:hidden}.project-site-progress-photos-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.project-site-progress-photos-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a}.project-site-progress-photos-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffffe6;border:1px solid #E5E7EB;box-shadow:0 2px 8px #0000001a;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center}.project-site-progress-photos-nav:hover{background:#fff;border-color:#8c30f5}.project-site-progress-photos-nav-prev{left:16px}.project-site-progress-photos-nav-next{right:16px}.project-site-progress-photos-thumbnails{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:0 24px;max-height:120px;overflow-y:auto}.project-site-progress-photos-thumbnail{width:80px;height:80px;border:2px solid #E5E7EB;border-radius:8px;overflow:hidden;background:#f9fafb;cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.project-site-progress-photos-thumbnail:hover{border-color:#8c30f5;transform:scale(1.05)}.project-site-progress-photos-thumbnail.active{border-color:#8c30f5;border-width:3px;box-shadow:0 0 0 2px #8c30f533}.project-site-progress-photos-thumbnail img{width:100%;height:100%;object-fit:cover}.project-site-progress-photos-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.project-site-progress-photos-info{display:flex;gap:24px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB;flex-wrap:wrap}.project-site-progress-photos-info-item{display:flex;flex-direction:column;gap:4px}.project-site-progress-photos-info-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.project-site-progress-photos-info-value{font-size:14px;color:#1a1a1a;font-weight:500}.project-site-progress-photos-loading,.project-site-progress-photos-empty,.project-site-progress-photos-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:400px;color:#6b7280}.project-site-progress-photos-loading svg{color:#8c30f5;margin-bottom:16px}.project-site-progress-photos-empty svg,.project-site-progress-photos-error svg{color:#d1d5db;margin-bottom:16px}.project-site-progress-photos-loading p,.project-site-progress-photos-empty p,.project-site-progress-photos-error p{font-size:14px;color:#6b7280;margin:0}@media (max-width: 768px){.project-site-progress-photos-modal{width:95vw;max-height:95vh}.project-site-progress-photos-main{min-height:300px;max-height:50vh}.project-site-progress-photos-nav{width:32px;height:32px}.project-site-progress-photos-nav-prev{left:8px}.project-site-progress-photos-nav-next{right:8px}.project-site-progress-photos-thumbnails{max-height:100px;gap:8px}.project-site-progress-photos-thumbnail{width:60px;height:60px}}.add-cash-flow-modal-content{max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:0!important}.add-cash-flow-modal-content>.ui-dialog-header,.add-cash-flow-modal-content>form{margin:0}.add-cash-flow-modal-header-wrapper{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;padding:24px!important;border-radius:12px 12px 0 0;display:flex!important;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:0;gap:0;position:relative}.add-cash-flow-modal-header-wrapper>div{flex:1}.add-cash-flow-modal-header-wrapper .ui-dialog-title{color:#fff;margin:0;font-size:20px}.add-cash-flow-modal-header-wrapper .ui-dialog-close{color:#fff!important;position:absolute!important;right:16px!important;top:16px!important;z-index:100!important;pointer-events:auto!important;cursor:pointer!important;opacity:1!important}.add-cash-flow-modal-header-wrapper .ui-dialog-close:hover{background:#ffffff1a;color:#fff}.add-cash-flow-form{display:flex;flex-direction:column;gap:20px;padding:24px}.add-cash-flow-form-section{display:flex;flex-direction:column;gap:8px}.add-cash-flow-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add-cash-flow-type-card{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #E5E7EB;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.add-cash-flow-type-card:hover{border-color:#d1d5db;background:#f9fafb}.add-cash-flow-type-card-active{border-color:#8c30f5;background:#f3e8ff}.add-cash-flow-type-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-cash-flow-type-icon-inflow{background:#d1fae5;color:#065f46}.add-cash-flow-type-icon-outflow{background:#fee2e2;color:#991b1b}.add-cash-flow-type-info{flex:1}.add-cash-flow-type-name{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.add-cash-flow-type-desc{font-size:13px;color:#6b7280}.add-cash-flow-amount-preview{padding:8px 12px;background:#f3e8ff;border-radius:8px;font-size:18px;font-weight:600;color:#8c30f5;text-align:center}.add-cash-flow-summary-preview{padding:16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;margin-top:8px}.add-cash-flow-summary-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.add-cash-flow-summary-content{display:flex;flex-direction:column;gap:8px}.add-cash-flow-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.add-cash-flow-summary-row>span:first-child{color:#6b7280}.add-cash-flow-summary-row>span:last-child{font-weight:500;color:#1a1a1a}.add-cash-flow-summary-inflow{color:#10b981;font-weight:600}.add-cash-flow-summary-outflow{color:#ef4444;font-weight:600}.add-cash-flow-summary-amount{font-size:16px;font-weight:700;color:#8c30f5}.add-cash-flow-modal-footer{border-top:1px solid #E5E7EB;padding:24px 0 0;margin:24px 0 0}.add-cash-flow-submit-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;border:none}.add-cash-flow-submit-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.add-cash-flow-submit-btn:disabled{opacity:.6;cursor:not-allowed}.add-cash-flow-category-divider{height:1px;background:#e5e7eb;margin:8px 0}.add-cash-flow-add-category-item{display:flex;align-items:center;color:#8c30f5;font-weight:500}.add-cash-flow-add-category-item:hover{background:#8c30f514;color:#7c3aed}.add-cash-flow-add-category-item svg{color:#8c30f5}.add-cash-flow-custom-category-wrapper{display:flex;flex-direction:column;gap:12px}.add-cash-flow-custom-category-actions{display:flex;gap:8px;justify-content:flex-end}.add-cash-flow-add-category-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;border:none;padding:8px 16px;font-size:14px}.add-cash-flow-add-category-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.project-cash-flow{padding:24px;max-width:1400px;margin:0 auto}.project-cash-flow-header{margin-bottom:32px}.project-cash-flow-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.project-cash-flow-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0}.project-cash-flow-subtitle{font-size:16px;color:#6b7280;margin:0}.project-cash-flow-add-btn-header{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;border:none;padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.project-cash-flow-add-btn-header:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8c30f54d}.project-cash-flow-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.project-cash-flow-summary-card{padding:24px}.project-cash-flow-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.project-cash-flow-summary-label{font-size:14px;color:#6b7280}.project-cash-flow-summary-icon{width:20px;height:20px}.project-cash-flow-summary-icon-green{color:#10b981}.project-cash-flow-summary-icon-red{color:#ef4444}.project-cash-flow-summary-icon-purple{color:#8c30f5}.project-cash-flow-summary-value{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.2;margin-bottom:8px}.project-cash-flow-summary-value-green{color:#10b981}.project-cash-flow-summary-value-red{color:#ef4444}.project-cash-flow-summary-value-purple{color:#8c30f5}.project-cash-flow-badge-positive{margin-top:8px;background:#8c30f5;color:#fff;border:none;font-size:12px;padding:4px 8px}.project-cash-flow-badge-negative{margin-top:8px;background:#ef4444;color:#fff;border:none;font-size:12px;padding:4px 8px}.project-cash-flow-chart-card{padding:24px}.project-cash-flow-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.project-cash-flow-chart-title-wrapper{display:flex;align-items:center;gap:8px;position:relative}.project-cash-flow-chart-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.project-cash-flow-chart-info{position:relative}.project-cash-flow-chart-info-trigger{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#f3f4f6;color:#6b7280;cursor:help;transition:all .2s}.project-cash-flow-chart-info-trigger:hover{background:#e5e7eb;color:#374151}.project-cash-flow-chart-info-tooltip{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:16px;min-width:320px;max-width:400px;z-index:100;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all .2s}.project-cash-flow-chart-info:hover .project-cash-flow-chart-info-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.project-cash-flow-chart-info-content h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.project-cash-flow-chart-info-content ul{margin:0 0 12px;padding-left:20px;list-style:disc}.project-cash-flow-chart-info-content li{font-size:13px;color:#374151;margin-bottom:8px;line-height:1.5}.project-cash-flow-chart-info-content li strong{color:#1a1a1a;font-weight:600}.project-cash-flow-chart-info-note{font-size:12px;color:#6b7280;margin:0;padding-top:12px;border-top:1px solid #E5E7EB;font-style:italic}.project-cash-flow-date-range-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-cash-flow-date-range-item{display:flex;align-items:center;gap:8px}.project-cash-flow-date-range-label{font-size:14px;color:#6b7280;margin:0;white-space:nowrap;font-weight:500}.project-cash-flow-date-range-input{width:150px;height:36px;font-size:14px;border:1px solid #E5E7EB;border-radius:6px;padding:8px 12px}.project-cash-flow-date-range-reset{height:36px;font-size:13px;padding:8px 16px;border:1px solid #E5E7EB;background:#fff;color:#374151}.project-cash-flow-date-range-reset:hover{background:#f9fafb;border-color:#d1d5db}.project-cash-flow-chart-container{width:100%}.project-cash-flow-empty-chart{padding:48px;text-align:center;color:#6b7280;font-size:14px}.project-cash-flow-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}@media (max-width: 1024px){.project-cash-flow-charts-row{grid-template-columns:1fr}}.project-cash-flow-category-list{display:flex;flex-direction:column;gap:16px}.project-cash-flow-category-item{display:flex;flex-direction:column;gap:8px}.project-cash-flow-category-header{display:flex;align-items:center;justify-content:space-between}.project-cash-flow-category-name{font-size:14px;font-weight:500;color:#1a1a1a}.project-cash-flow-category-amounts{display:flex;align-items:center;gap:12px}.project-cash-flow-category-amount{font-size:14px;color:#6b7280}.project-cash-flow-category-percentage{font-size:14px;font-weight:600;color:#8c30f5}.project-cash-flow-category-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.project-cash-flow-category-progress-fill{height:100%;background:#8c30f5;border-radius:4px;transition:width .3s ease}.project-cash-flow-empty-categories{padding:24px;text-align:center;color:#6b7280}.project-cash-flow-transactions-wrapper{margin-top:24px}.project-cash-flow-transactions{padding:24px}.project-cash-flow-transactions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.project-cash-flow-transactions-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.project-cash-flow-transactions-controls{display:flex;align-items:center;gap:12px}.project-cash-flow-filter-trigger{width:160px}.project-cash-flow-add-btn{background:linear-gradient(135deg,#8c30f5,#7c3aed);color:#fff;border:none;padding:8px 16px;font-size:14px;font-weight:500}.project-cash-flow-add-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.project-cash-flow-transactions-list{display:flex;flex-direction:column;gap:12px}.project-cash-flow-transaction-item{padding:16px;border:1px solid #E5E7EB;border-radius:12px;background:#fff}.project-cash-flow-transaction-main{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}.project-cash-flow-transaction-info{display:flex;align-items:flex-start;gap:12px;flex:1}.project-cash-flow-transaction-type-badge{flex-shrink:0}.project-cash-flow-transaction-type-inflow{display:inline-block;padding:4px 8px;background:#d1fae5;color:#065f46;border-radius:6px;font-size:12px;font-weight:500}.project-cash-flow-transaction-type-outflow{display:inline-block;padding:4px 8px;background:#fee2e2;color:#991b1b;border-radius:6px;font-size:12px;font-weight:500}.project-cash-flow-transaction-details{flex:1}.project-cash-flow-transaction-description{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 6px}.project-cash-flow-transaction-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;flex-wrap:wrap}.project-cash-flow-transaction-category{font-weight:500}.project-cash-flow-transaction-separator{color:#d1d5db}.project-cash-flow-transaction-date,.project-cash-flow-transaction-source,.project-cash-flow-transaction-vendor{color:#6b7280}.project-cash-flow-transaction-amount{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.project-cash-flow-transaction-amount-value{font-size:18px;font-weight:700}.project-cash-flow-transaction-amount-inflow{color:#10b981}.project-cash-flow-transaction-amount-outflow{color:#ef4444}.cash-flow-status-completed{background:#10b981;color:#fff;border:none;font-size:12px;padding:4px 8px}.project-cash-flow-transaction-actions{position:relative;flex-shrink:0}.project-cash-flow-transaction-menu-container{position:relative}.project-cash-flow-transaction-menu-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;transition:all .2s}.project-cash-flow-transaction-menu-btn:hover{background:#f3f4f6;color:#1f2937}.project-cash-flow-transaction-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.project-cash-flow-transaction-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:160px;z-index:50;overflow:hidden;animation:transactionMenuFadeIn .15s ease-out}@keyframes transactionMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.project-cash-flow-transaction-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#374151;background:none;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.project-cash-flow-transaction-menu-item:hover{background:#f9fafb}.project-cash-flow-transaction-menu-item svg{flex-shrink:0;color:#6b7280;width:16px;height:16px}.project-cash-flow-transaction-menu-item:hover svg{color:#374151}.project-cash-flow-transaction-menu-item-danger{color:#dc2626}.project-cash-flow-transaction-menu-item-danger:hover{background:#fef2f2;color:#b91c1c}.project-cash-flow-transaction-menu-item-danger svg{color:#dc2626}.project-cash-flow-transaction-menu-item-danger:hover svg{color:#b91c1c}.project-cash-flow-transaction-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.cash-flow-status-pending{background:#f59e0b;color:#fff;border:none;font-size:12px;padding:4px 8px}.cash-flow-status-cancelled{background:#6b7280;color:#fff;border:none;font-size:12px;padding:4px 8px}.project-cash-flow-empty-transactions,.project-cash-flow-empty{padding:48px;text-align:center;color:#6b7280}.project-cash-flow-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #E5E7EB}.project-cash-flow-pagination-button{padding:8px 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #D1D5DB;border-radius:8px;cursor:pointer;transition:all .2s}.project-cash-flow-pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.project-cash-flow-pagination-button:disabled{opacity:.5;cursor:not-allowed}.project-cash-flow-pagination-pages{display:flex;align-items:center;gap:8px}.project-cash-flow-pagination-page{min-width:36px;height:36px;padding:0 12px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #D1D5DB;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.project-cash-flow-pagination-page:hover{background:#f9fafb;border-color:#9ca3af}.project-cash-flow-pagination-page-active{background:#8c30f5;color:#fff;border-color:#8c30f5}.project-cash-flow-pagination-page-active:hover{background:#7c3aed;border-color:#7c3aed}@media (max-width: 768px){.project-cash-flow{padding:16px}.project-cash-flow-summary{grid-template-columns:1fr}.project-cash-flow-transactions-header{flex-direction:column;align-items:flex-start;gap:12px}.project-cash-flow-transactions-controls{width:100%;flex-direction:column}.project-cash-flow-filter-trigger,.project-cash-flow-add-btn{width:100%}.project-cash-flow-header-top{flex-direction:column;align-items:flex-start;gap:16px}.project-cash-flow-add-btn-header{width:100%}.project-cash-flow-transaction-main{flex-direction:column;align-items:flex-start;gap:12px}.project-cash-flow-transaction-amount{align-items:flex-start;width:100%}}.add-task-container{padding:24px 32px;max-width:896px;margin:0 auto;min-height:100vh}.add-task-not-found{text-align:center;padding:48px 24px}.add-task-not-found h2{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.add-task-not-found p{font-size:14px;color:#666;margin-bottom:24px}.add-task-header{margin-bottom:32px}.add-task-back-btn{margin-bottom:16px;display:inline-flex;align-items:center;gap:8px}.add-task-header-content{display:flex;align-items:center;justify-content:space-between}.add-task-header-left{display:flex;align-items:center;gap:12px}.add-task-header-icon{width:32px;height:32px;color:#8c30f5;flex-shrink:0}.add-task-title{font-size:32px;font-weight:700;background:linear-gradient(135deg,#8c30f5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px;letter-spacing:-.5px}.add-task-subtitle{font-size:14px;color:#666;margin:0;font-weight:400}.add-task-form{display:flex;flex-direction:column;gap:24px}.add-task-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.add-task-form-group{display:flex;flex-direction:column;gap:8px}.add-task-input-with-icon{position:relative;display:flex;align-items:center}.add-task-input-icon{position:absolute;left:12px;width:20px;height:20px;color:#9ca3af;pointer-events:none;z-index:1}.add-task-input-icon-padding{padding-left:40px}.add-task-actions{display:flex;flex-direction:column;gap:16px;margin-top:24px;justify-content:flex-end}@media (min-width: 640px){.add-task-actions{flex-direction:row}}.add-task-cancel-btn{width:100%}@media (min-width: 640px){.add-task-cancel-btn{width:auto}}.add-task-submit-btn{background:linear-gradient(to right,#9333ea,#7c3aed);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s;width:100%}@media (min-width: 640px){.add-task-submit-btn{width:auto}}.add-task-submit-btn:hover{background:linear-gradient(to right,#7e22ce,#6d28d9)}.add-task-submit-btn:disabled{opacity:.6;cursor:not-allowed}.add-task-submit-btn svg{width:20px;height:20px;flex-shrink:0}.add-task-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.add-task-container{padding:16px 20px}.add-task-form-row{grid-template-columns:1fr}}.edit-project-modal-content{max-width:700px;width:100%;max-height:95vh;overflow-y:visible;display:flex;flex-direction:column}.edit-project-form{display:flex;flex-direction:column;gap:18px;margin-top:8px;padding:0 24px;flex:1;min-height:0}.edit-project-form-group{display:flex;flex-direction:column;gap:6px}.edit-project-form-group label{font-size:14px;font-weight:500;color:#374151}.edit-project-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.edit-project-form-group input,.edit-project-form-group select{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;color:#1f2937;transition:all .2s}.edit-project-form-group input:focus,.edit-project-form-group select:focus{outline:none;border-color:#8c30f5;box-shadow:0 0 0 3px #8c30f51a}.edit-project-form-group input:disabled,.edit-project-form-group select:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.edit-project-type-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.edit-project-add-type-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;height:auto;color:#8c30f5;border-color:#8c30f5}.edit-project-add-type-btn:hover{background:#f3e8ff;color:#7c3aed}.edit-project-add-type-btn svg{width:14px;height:14px}.edit-project-add-type-modal{max-width:400px}.edit-project-add-type-form{margin-top:8px;padding:0 24px}@media (max-width: 640px){.edit-project-form-row{grid-template-columns:1fr}.edit-project-type-header{flex-direction:column;align-items:flex-start}}.project-detail-container{padding:24px 32px;max-width:1400px;margin:0 auto;min-height:100vh}.project-detail-not-found{text-align:center;padding:48px 24px}.project-detail-not-found h2{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.project-detail-not-found p{font-size:14px;color:#666;margin-bottom:24px}.project-detail-header{margin-bottom:32px}.project-detail-back-btn{margin-bottom:16px;display:inline-flex;align-items:center;gap:8px}.project-detail-header-content{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.project-detail-header-left{display:flex;align-items:flex-start;gap:16px;flex:1}.project-detail-icon-bg{padding:12px;background:#f3e8ff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-detail-icon-bg svg{width:32px;height:32px;color:#8c30f5}.project-detail-header-info{flex:1}.project-detail-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.3px}.project-detail-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;flex-wrap:wrap}.project-detail-meta-item{display:flex;align-items:center;gap:4px}.project-detail-meta-separator{color:#ccc}.project-detail-status{flex-shrink:0}.project-detail-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.project-detail-menu-container{position:relative}.project-detail-menu-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;transition:all .2s}.project-detail-menu-btn:hover{background:#f3f4f6;color:#1f2937}.project-detail-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.project-detail-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:160px;z-index:50;overflow:hidden;animation:menuFadeIn .15s ease-out}.project-detail-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#374151;background:none;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.project-detail-menu-item:hover{background:#f9fafb}.project-detail-menu-item svg{flex-shrink:0;color:#6b7280}.project-detail-menu-item:hover svg{color:#374151}.project-detail-menu-item-danger{color:#dc2626}.project-detail-menu-item-danger:hover{background:#fef2f2;color:#dc2626}.project-detail-menu-item-danger svg{color:#dc2626}.project-detail-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.project-detail-status-container{flex-shrink:0}.project-detail-status-select{min-width:140px;font-size:14px;font-weight:600;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s}.project-detail-status-select.status-pending{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.project-detail-status-select.status-pending:hover{background:#fde68a}.project-detail-status-select.status-in-progress{background:#dbeafe;color:#1e40af;border:1px solid #93C5FD}.project-detail-status-select.status-in-progress:hover{background:#bfdbfe}.project-detail-status-select.status-completed{background:#d1fae5;color:#065f46;border:1px solid #6EE7B7}.project-detail-status-select.status-completed:hover{background:#a7f3d0}.project-detail-status-select.status-blocked{background:#fee2e2;color:#991b1b;border:1px solid #FCA5A5}.project-detail-status-select.status-blocked:hover{background:#fecaca}.project-detail-status-select:disabled{opacity:.6;cursor:not-allowed}.project-detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #E5E7EB}.project-detail-metric{display:flex;flex-direction:column;gap:4px}.project-detail-metric-label-wrapper{display:flex;align-items:center;gap:6px}.project-detail-metric-label{font-size:13px;color:#666;font-weight:400}.project-detail-metric-info{position:relative}.project-detail-metric-info-trigger{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#8c30f5;cursor:pointer;transition:color .2s ease}.project-detail-metric-info-trigger:hover{color:#7c3aed}.project-detail-metric-info-tooltip{position:fixed;width:280px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:0;z-index:10000!important}.project-detail-metric-info:hover .project-detail-metric-info-tooltip{opacity:1;visibility:visible;pointer-events:auto}.project-detail-metric-info-content{padding:12px 16px;font-size:13px;line-height:1.5;color:#1a1a1a}.project-detail-metric-info-content p{margin:0 0 8px}.project-detail-metric-info-content p:last-child{margin-bottom:0}.project-detail-metric-info-content strong{font-weight:600;color:#1a1a1a}.project-detail-metric-info-content ul{margin:8px 0;padding-left:20px}.project-detail-metric-info-content li{margin:4px 0}.project-detail-metric-info-note{font-size:12px;color:#666;font-style:italic;margin-top:8px!important}.project-detail-metric-value{font-size:24px;font-weight:700;color:#1a1a1a}.project-detail-metric-value-purple{color:#8c30f5}.project-detail-progress{display:flex;flex-direction:column;gap:8px}.project-detail-progress-header{display:flex;justify-content:space-between;align-items:center}.project-detail-progress-label{font-size:13px;color:#666}.project-detail-progress-value{font-size:13px;font-weight:600;color:#1a1a1a}.project-detail-progress-bar{height:12px}.project-detail-tabs{margin-bottom:24px;border-bottom:1px solid #E5E7EB}.project-detail-tabs-container{display:flex;gap:4px;overflow-x:auto}.project-detail-tab{padding:12px 16px;font-size:14px;font-weight:500;color:#666;text-decoration:none;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;display:inline-block}.project-detail-tab:hover{color:#1a1a1a;border-bottom-color:#d1d5db}.project-detail-tab.active{color:#8c30f5;border-bottom-color:#8c30f5;font-weight:600}.project-detail-placeholder{padding:48px 24px;text-align:center;color:#666;font-size:16px}@media (max-width: 1024px){.project-detail-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.project-detail-container{padding:16px 20px}.project-detail-header-content{flex-direction:column;gap:16px}.project-detail-metrics{grid-template-columns:1fr}.project-detail-tabs-container{gap:0}.project-detail-tab{padding:10px 12px;font-size:13px}}.financials-overview{padding:24px;max-width:1400px;margin:0 auto}.financials-overview-header{margin-bottom:32px}.financials-overview-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.financials-overview-subtitle{font-size:16px;color:#6b7280;margin:0}.financials-overview-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.financials-kpi-card{padding:24px}.financials-kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.financials-kpi-label{font-size:14px;color:#6b7280}.financials-kpi-icon{width:20px;height:20px;flex-shrink:0}.financials-kpi-icon-purple{color:#8c30f5}.financials-kpi-icon-blue{color:#3b82f6}.financials-kpi-icon-orange{color:#f59e0b}.financials-kpi-value{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.2}.financials-kpi-value-purple{color:#8c30f5}.financials-kpi-subtext{font-size:12px;color:#6b7280}.financials-overview-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px;align-items:start}.financials-overview-charts-row-2{display:grid;grid-template-columns:1fr 2fr;gap:24px}@media (max-width: 1024px){.financials-overview-charts-row-2{grid-template-columns:1fr}}.financials-chart-card{padding:24px}.financials-chart-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 20px}.financials-chart-container{width:100%;height:300px;min-height:300px;position:relative;overflow:hidden}.financials-chart-container>div{width:100%!important;height:100%!important;max-width:100%;max-height:100%}.financials-projects-list{display:flex;flex-direction:column;gap:20px}.financials-project-item{display:flex;flex-direction:column;gap:8px}.financials-project-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.financials-project-name{font-size:14px;font-weight:500;color:#1a1a1a;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financials-project-amount{font-size:14px;color:#6b7280;flex-shrink:0}.financials-project-progress{display:flex;align-items:center;gap:12px}.financials-project-progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.financials-project-progress-fill{height:100%;border-radius:999px;transition:width .5s ease,background-color .3s ease;position:relative}.financials-project-percentage{font-size:14px;font-weight:600;width:48px;text-align:right;flex-shrink:0}.financials-projects-empty{padding:40px 20px;text-align:center;color:#6b7280;font-size:14px}@media (max-width: 768px){.financials-overview{padding:16px}.financials-overview-kpis,.financials-overview-charts-row,.financials-overview-charts-row-2{grid-template-columns:1fr}}.budget-vs-actual{padding:24px;max-width:1400px;margin:0 auto}.budget-vs-actual-header{margin-bottom:32px}.budget-vs-actual-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.budget-vs-actual-subtitle{font-size:16px;color:#6b7280;margin:0}.budget-vs-actual-selector-wrapper{margin-bottom:24px}.budget-vs-actual-selector{display:flex;align-items:center;gap:16px;padding:20px}.budget-vs-actual-selector-label{font-size:14px;font-weight:500;color:#374151}.budget-vs-actual-select-trigger{width:256px}.budget-vs-actual-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.budget-vs-actual-summary-card{padding:20px}.budget-vs-actual-summary-label{font-size:14px;color:#6b7280;margin-bottom:8px}.budget-vs-actual-summary-value{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.2}.budget-vs-actual-summary-value-purple{color:#8c30f5}.budget-vs-actual-summary-value-red{color:#ef4444}.budget-vs-actual-badge-under{margin-top:8px;background:#8c30f5;color:#fff;border:none;font-size:12px;padding:4px 8px}.budget-vs-actual-badge-over{margin-top:8px;background:#ef4444;color:#fff;border:none;font-size:12px;padding:4px 8px}.budget-vs-actual .glass-card{padding:0}.budget-vs-actual-chart-card{padding:24px 24px 4px;display:flex;flex-direction:column}.budget-vs-actual-chart-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.budget-vs-actual-chart-container{width:100%;height:100%}.budget-vs-actual-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;align-items:start}.budget-vs-actual-charts-row .budget-vs-actual-chart-card{height:auto}@media (max-width: 1024px){.budget-vs-actual-charts-row{grid-template-columns:1fr}}.budget-vs-actual-variance-list{display:flex;flex-direction:column;gap:16px;margin-top:8px}.budget-vs-actual-variance-item{padding:20px;border:1px solid #E5E7EB;border-radius:12px;background:#fff}.budget-vs-actual-variance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.budget-vs-actual-variance-phase-name{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.budget-vs-actual-variance-badge-under{background:#10b981;color:#fff;border:none;font-size:12px;padding:4px 8px}.budget-vs-actual-variance-badge-over{background:#ef4444;color:#fff;border:none;font-size:12px;padding:4px 8px}.budget-vs-actual-variance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.budget-vs-actual-variance-cell{display:flex;flex-direction:column;gap:6px}.budget-vs-actual-variance-cell-label{font-size:13px;color:#6b7280}.budget-vs-actual-variance-cell-value{font-size:16px;font-weight:600;color:#1a1a1a}.budget-vs-actual-variance-value-purple{color:#8c30f5}.budget-vs-actual-variance-value-red{color:#ef4444}.budget-vs-actual-empty{padding:48px;text-align:center;color:#6b7280}.budget-vs-actual-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #E5E7EB}.budget-vs-actual-pagination-button{padding:8px 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #D1D5DB;border-radius:8px;cursor:pointer;transition:all .2s}.budget-vs-actual-pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.budget-vs-actual-pagination-button:disabled{opacity:.5;cursor:not-allowed}.budget-vs-actual-pagination-pages{display:flex;align-items:center;gap:8px}.budget-vs-actual-pagination-page{min-width:36px;height:36px;padding:0 12px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #D1D5DB;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.budget-vs-actual-pagination-page:hover{background:#f9fafb;border-color:#9ca3af}.budget-vs-actual-pagination-page-active{background:#8c30f5;color:#fff;border-color:#8c30f5}.budget-vs-actual-pagination-page-active:hover{background:#7c3aed;border-color:#7c3aed}@media (max-width: 768px){.budget-vs-actual{padding:16px}.budget-vs-actual-summary{grid-template-columns:1fr}.budget-vs-actual-selector{flex-direction:column;align-items:flex-start}.budget-vs-actual-select-trigger{width:100%}.budget-vs-actual-variance-item{padding:16px}.budget-vs-actual-variance-grid{grid-template-columns:1fr;gap:12px}.budget-vs-actual-chart-card{padding:16px 16px 4px}.budget-vs-actual-summary-card,.budget-vs-actual-selector{padding:16px}}.cash-flow{padding:24px;max-width:1400px;margin:0 auto}.cash-flow-header{margin-bottom:32px}.cash-flow-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.cash-flow-subtitle{font-size:16px;color:#6b7280;margin:0}.cash-flow-selector{display:flex;align-items:center;gap:16px;padding:20px}.cash-flow-select-trigger{min-width:200px}.cash-flow-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.cash-flow-summary-card{padding:24px}.cash-flow-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cash-flow-summary-label{font-size:14px;color:#6b7280}.cash-flow-summary-icon{width:20px;height:20px}.cash-flow-summary-icon-green{color:#10b981}.cash-flow-summary-icon-red{color:#ef4444}.cash-flow-summary-icon-purple{color:#8c30f5}.cash-flow-summary-icon-orange{color:#f59e0b}.cash-flow-summary-value{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.2;margin-bottom:8px}.cash-flow-summary-value-green{color:#10b981}.cash-flow-summary-value-red{color:#ef4444}.cash-flow-summary-value-purple{color:#8c30f5}.cash-flow-summary-subtext{font-size:12px;color:#9ca3af}.cash-flow-badge-positive{margin-top:8px;background:#8c30f5;color:#fff;border:none;font-size:12px;padding:4px 8px}.cash-flow-badge-negative{margin-top:8px;background:#ef4444;color:#fff;border:none;font-size:12px;padding:4px 8px}.cash-flow-chart-card{padding:24px}.cash-flow-chart-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 20px}.cash-flow-chart-container{width:100%}.cash-flow-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}@media (max-width: 1024px){.cash-flow-charts-row{grid-template-columns:1fr}}.cash-flow-category-list{display:flex;flex-direction:column;gap:16px}.cash-flow-category-item{display:flex;flex-direction:column;gap:8px}.cash-flow-category-header{display:flex;align-items:center;justify-content:space-between}.cash-flow-category-name{font-size:14px;font-weight:500;color:#1a1a1a}.cash-flow-category-amounts{display:flex;align-items:center;gap:12px}.cash-flow-category-amount{font-size:14px;color:#6b7280}.cash-flow-category-percentage{font-size:14px;font-weight:600;color:#8c30f5}.cash-flow-category-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.cash-flow-category-progress-fill{height:100%;background:#8c30f5;border-radius:4px;transition:width .3s ease}.cash-flow-projects-section{margin-top:48px}.cash-flow-projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.cash-flow-projects-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.cash-flow-projects-view-toggle{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:8px;padding:4px}.cash-flow-view-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.cash-flow-view-toggle-btn:hover{background:#e5e7eb;color:#374151}.cash-flow-view-toggle-btn.cash-flow-view-toggle-active{background:#fff;color:#8c30f5;box-shadow:0 1px 3px #0000001a}.cash-flow-view-toggle-btn svg{width:20px;height:20px}.cash-flow-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.cash-flow-project-card{padding:24px}.cash-flow-project-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.cash-flow-project-info{flex:1}.cash-flow-project-name{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.cash-flow-project-location{font-size:12px;color:#9ca3af;margin:0}.cash-flow-project-view-btn{font-size:14px;color:#8c30f5;border-color:#d1d5db;padding:6px 12px;display:flex;align-items:center;gap:4px}.cash-flow-project-view-btn:hover{background:#f3e8ff;border-color:#8c30f5}.cash-flow-project-metrics{display:flex;flex-direction:column;gap:12px}.cash-flow-project-metric{display:flex;align-items:center;justify-content:space-between}.cash-flow-project-metric-net{padding-top:12px;border-top:1px solid #E5E7EB;flex-direction:column;align-items:flex-start;gap:8px}.cash-flow-project-metric-label{font-size:14px;color:#6b7280}.cash-flow-project-metric-value{font-size:18px;font-weight:700;color:#1a1a1a}.cash-flow-project-metric-value-green{color:#10b981}.cash-flow-project-metric-value-red{color:#ef4444}.cash-flow-project-metric-value-purple{color:#8c30f5}.cash-flow-project-badge-positive{background:#8c30f5;color:#fff;border:none;font-size:12px;padding:4px 8px}.cash-flow-project-badge-negative{background:#ef4444;color:#fff;border:none;font-size:12px;padding:4px 8px}.cash-flow-projects-list{padding:0}.cash-flow-projects-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 120px;gap:16px;padding:16px 24px;background:#f9fafb;border-bottom:1px solid #E5E7EB;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.cash-flow-projects-list-header-cell{display:flex;align-items:center}.cash-flow-projects-list-item{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 120px;gap:16px;padding:20px 24px;border-bottom:1px solid #E5E7EB;transition:background .2s}.cash-flow-projects-list-item:hover{background:#f9fafb}.cash-flow-projects-list-item:last-child{border-bottom:none}.cash-flow-projects-list-cell{display:flex;align-items:center}.cash-flow-projects-list-project-info{display:flex;flex-direction:column;gap:4px}.cash-flow-projects-list-project-name{font-size:15px;font-weight:600;color:#1a1a1a;margin:0}.cash-flow-projects-list-project-location{font-size:13px;color:#6b7280;margin:0}.cash-flow-projects-list-value{font-size:15px;font-weight:600}.cash-flow-projects-list-value-green{color:#10b981}.cash-flow-projects-list-value-red{color:#ef4444}.cash-flow-projects-list-value-purple{color:#8c30f5}.cash-flow-projects-list-net{display:flex;align-items:center;gap:12px}.cash-flow-projects-list-action{display:flex;align-items:center;justify-content:flex-end}@media (max-width: 768px){.cash-flow{padding:16px}.cash-flow-summary,.cash-flow-projects-grid{grid-template-columns:1fr}.cash-flow-projects-header{flex-direction:column;align-items:flex-start;gap:16px}.cash-flow-projects-list-header,.cash-flow-projects-list-item{grid-template-columns:1fr;gap:12px}.cash-flow-projects-list-header{display:none}.cash-flow-projects-list-cell{flex-direction:column;align-items:flex-start;gap:4px}.cash-flow-projects-list-cell:before{content:attr(data-label);font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.cash-flow-projects-list-project:before{content:"Project"}.cash-flow-projects-list-inflow:before{content:"Inflow"}.cash-flow-projects-list-outflow:before{content:"Outflow"}.cash-flow-projects-list-net:before{content:"Net Cash Flow"}.cash-flow-projects-list-action:before{content:"Action"}.cash-flow-projects-list-action{justify-content:flex-start}}.burn-rate{padding:24px;max-width:1400px;margin:0 auto}.burn-rate-header{margin-bottom:32px}.burn-rate-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.burn-rate-subtitle{font-size:16px;color:#6b7280;margin:0}.burn-rate-selector-card{margin-bottom:24px}.burn-rate-selector{display:flex;align-items:center;gap:16px;padding:20px}.burn-rate-select-trigger{min-width:200px}.burn-rate-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:0;margin-bottom:24px}.burn-rate-summary-card{padding:24px}.burn-rate-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.burn-rate-summary-label-wrap{display:flex;align-items:center;gap:6px}.burn-rate-summary-label{font-size:14px;color:#6b7280}.burn-rate-tooltip-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;color:#9ca3af;cursor:help;flex-shrink:0}.burn-rate-tooltip-icon:hover{color:#6b7280}.burn-rate-tooltip-icon:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);min-width:200px;max-width:280px;padding:10px 12px;background:#1f2937;color:#fff;font-size:12px;line-height:1.4;font-weight:400;text-align:left;border-radius:8px;box-shadow:0 4px 12px #00000026;white-space:normal;word-wrap:break-word;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.burn-rate-tooltip-icon:before{content:"";position:absolute;left:50%;bottom:calc(100% + 2px);transform:translate(-50%);border:6px solid transparent;border-top-color:#1f2937;z-index:1001;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.burn-rate-tooltip-icon:hover:after,.burn-rate-tooltip-icon:hover:before{opacity:1;visibility:visible}.burn-rate-summary-icon{width:20px;height:20px}.burn-rate-summary-icon-purple{color:#8c30f5}.burn-rate-summary-icon-blue{color:#3b82f6}.burn-rate-summary-icon-orange{color:#f59e0b}.burn-rate-summary-icon-green{color:#10b981}.burn-rate-summary-value{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.2;margin-bottom:8px}.burn-rate-summary-value-blue{color:#3b82f6}.burn-rate-summary-value-purple{color:#8c30f5}.burn-rate-summary-value-orange{color:#f97316}.burn-rate-summary-subtext{font-size:12px;color:#9ca3af}.burn-rate-badge-positive{margin-top:8px;background:#8c30f5;color:#fff;border:none;font-size:12px;padding:4px 8px}.burn-rate-badge-warning{margin-top:8px;background:#f97316;color:#fff;border:none;font-size:12px;padding:4px 8px}.burn-rate-chart-card{padding:20px 20px 0}.burn-rate-chart-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.burn-rate-chart-container{width:100%}.burn-rate-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}@media (max-width: 1024px){.burn-rate-charts-row{grid-template-columns:1fr}}.burn-rate-status-list{display:flex;flex-direction:column;gap:16px}.burn-rate-status-item{padding:16px;border:1px solid #E5E7EB;border-radius:12px;background:#fff}.burn-rate-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.burn-rate-status-project-name{font-size:15px;font-weight:600;color:#1a1a1a;margin:0}.burn-rate-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.burn-rate-status-cell{display:flex;flex-direction:column;gap:4px}.burn-rate-status-label{font-size:14px;color:#6b7280}.burn-rate-status-value{font-size:14px;font-weight:600;color:#1a1a1a}.burn-rate-status-value-orange{color:#f97316}.burn-rate-status-value-purple{color:#8c30f5}.burn-rate-status-badge-on-track{background:#8c30f5;color:#fff;border:none;font-size:12px;padding:4px 8px}.burn-rate-status-badge-monitor{background:#eab308;color:#fff;border:none;font-size:12px;padding:4px 8px}.burn-rate-status-badge-alert{background:#ef4444;color:#fff;border:none;font-size:12px;padding:4px 8px}.burn-rate-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #E5E7EB}.burn-rate-pagination-button{padding:8px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.burn-rate-pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#8c30f5;color:#8c30f5}.burn-rate-pagination-button:disabled{opacity:.5;cursor:not-allowed}.burn-rate-pagination-pages{display:flex;gap:8px}.burn-rate-pagination-page{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.burn-rate-pagination-page:hover{background:#f9fafb;border-color:#8c30f5;color:#8c30f5}.burn-rate-pagination-page-active{background:#8c30f5;border-color:#8c30f5;color:#fff}.burn-rate-pagination-page-active:hover{background:#7c3aed;border-color:#7c3aed}@media (max-width: 768px){.burn-rate{padding:16px}.burn-rate-summary{grid-template-columns:1fr}.burn-rate-chart-card{padding:16px 16px 0}.burn-rate-status-grid{grid-template-columns:1fr;gap:12px}}.feature-gate{position:relative}.feature-gate-content{pointer-events:none;opacity:.4;filter:blur(4px);-webkit-user-select:none;user-select:none}.feature-gate-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feature-gate-message{text-align:center;padding:24px;max-width:400px}.feature-gate-icon{display:inline-flex;padding:12px;background-color:#f3e8ff;border-radius:50%;margin-bottom:16px;color:#7c3aed}.feature-gate-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px}.feature-gate-description{font-size:14px;color:#6b7280;margin:0 0 16px}.feature-gate-tier{font-weight:600;color:#7c3aed}.feature-gate-button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;color:#fff!important;border:none!important}.feature-gate-button:hover{opacity:.9}.feature-lock-badge{display:inline-flex;align-items:center;gap:4px;background-color:#eab308!important;font-size:10px;margin-left:8px}.forecast{padding:24px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.forecast{padding:32px}}.forecast-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.forecast-title{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px}.forecast-subtitle{font-size:16px;color:#6b7280;margin:0}.forecast-header-actions{display:flex;align-items:center;gap:12px}.forecast-plan-badge-enterprise{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important}.forecast-plan-badge-locked{background-color:#6b7280!important;color:#fff!important}.forecast-upgrade-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important;border:none!important}.forecast-upgrade-btn:hover{opacity:.9}.forecast-upgrade-banner{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#2563eb0d,#4f46e50d);border:1px solid rgba(37,99,235,.2);border-radius:12px}.forecast-upgrade-banner-content{display:flex;align-items:center;gap:16px;flex:1}.forecast-upgrade-banner-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.forecast-upgrade-banner-text h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.forecast-upgrade-banner-text p{font-size:14px;color:#6b7280;margin:0;max-width:500px}.forecast-upgrade-banner-btn{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important;border:none!important;padding:12px 24px!important;font-weight:600!important;white-space:nowrap}.forecast-upgrade-banner-btn:hover{opacity:.9}@media (max-width: 768px){.forecast-upgrade-banner{flex-direction:column;text-align:center}.forecast-upgrade-banner-content{flex-direction:column}.forecast-upgrade-banner-text p{max-width:100%}}.forecast-period-toggle{display:flex;gap:8px}.forecast-period-btn{padding:8px 16px!important;font-size:14px!important}.forecast-period-btn-active{background-color:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important}.forecast-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1024px){.forecast-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.forecast-summary{grid-template-columns:1fr}}.forecast-card{padding:24px}.forecast-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.forecast-card-label{font-size:14px;color:#6b7280}.forecast-icon{width:20px;height:20px}.forecast-icon-purple{color:#7c3aed}.forecast-icon-blue{color:#2563eb}.forecast-icon-orange{color:#f97316}.forecast-icon-green{color:#10b981}.forecast-card-value{font-size:28px;font-weight:700;color:#111827;line-height:1.2}.forecast-value-purple{color:#7c3aed}.forecast-value-orange{color:#f97316}.forecast-value-green{color:#10b981}.forecast-card-subtext{font-size:12px;color:#6b7280;margin-top:4px}.forecast-badge-warning{background-color:#f97316!important;color:#fff!important;margin-top:8px}.forecast-badge-high{border-color:#ef4444!important;color:#dc2626!important;background-color:#fef2f2!important}.forecast-badge-medium{border-color:#f97316!important;color:#ea580c!important;background-color:#fff7ed!important}.forecast-badge-low{border-color:#eab308!important;color:#ca8a04!important;background-color:#fefce8!important}.forecast-chart-card{padding:24px}.forecast-chart-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px;display:inline-flex;align-items:center;gap:8px}.forecast-tooltip-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;color:#9ca3af;cursor:help;flex-shrink:0}.forecast-tooltip-icon:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#111827f5;color:#fff;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.25;width:300px;max-width:70vw;white-space:normal;box-shadow:0 10px 30px #0000002e;z-index:50;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;pointer-events:none}.forecast-tooltip-icon:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#111827f5;z-index:50;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none}.forecast-tooltip-icon:hover:after,.forecast-tooltip-icon:hover:before{opacity:1;visibility:visible}.forecast-chart-container{width:100%;height:300px}.forecast-chart-lg{height:400px}.forecast-charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 1024px){.forecast-charts-row{grid-template-columns:1fr}}.forecast-risk-card{padding:24px}.forecast-risk-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px;display:inline-flex;align-items:center;gap:8px}.forecast-empty-state{padding:48px 24px;text-align:center}.forecast-empty-state-icon{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#7c3aed1a,#7c3aed0d);display:flex;align-items:center;justify-content:center;color:#7c3aed}.forecast-empty-state-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.forecast-empty-state-text{font-size:14px;color:#6b7280;max-width:400px;margin:0 auto}.forecast-risk-list{display:flex;flex-direction:column;gap:16px}.forecast-risk-item{padding:20px;border:1px solid #E5E7EB;border-radius:12px;transition:all .2s}.forecast-risk-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.forecast-risk-content{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.forecast-risk-info{flex:1}.forecast-risk-name{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.forecast-risk-mitigation{font-size:14px;color:#6b7280;margin:0}.forecast-risk-impact{text-align:right}.forecast-risk-impact-value{font-size:18px;font-weight:700;color:#dc2626}.forecast-risk-badges{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 640px){.forecast-header{flex-direction:column;align-items:flex-start}.forecast-period-toggle{width:100%}.forecast-period-btn{flex:1}.forecast-title,.forecast-card-value{font-size:24px}.forecast-risk-content{flex-direction:column;gap:12px}.forecast-risk-impact{text-align:left}}.variance-analysis{padding:24px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.variance-analysis{padding:32px}}.variance-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:8px}.variance-header-actions{display:flex;align-items:center;gap:12px}.variance-plan-badge-enterprise{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important}.variance-plan-badge-locked{background-color:#6b7280!important;color:#fff!important}.variance-upgrade-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important;border:none!important}.variance-upgrade-btn:hover{opacity:.9}.variance-upgrade-banner{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#2563eb0d,#4f46e50d);border:1px solid rgba(37,99,235,.2);border-radius:12px}.variance-upgrade-banner-content{display:flex;align-items:center;gap:16px;flex:1}.variance-upgrade-banner-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.variance-upgrade-banner-text h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.variance-upgrade-banner-text p{font-size:14px;color:#6b7280;margin:0;max-width:500px}.variance-upgrade-banner-btn{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important;border:none!important;padding:12px 24px!important;font-weight:600!important;white-space:nowrap}.variance-upgrade-banner-btn:hover{opacity:.9}@media (max-width: 768px){.variance-upgrade-banner{flex-direction:column;text-align:center}.variance-upgrade-banner-content{flex-direction:column}.variance-upgrade-banner-text p{max-width:100%}}.variance-title{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px}.variance-subtitle{font-size:16px;color:#6b7280;margin:0}.variance-selector{display:flex;align-items:center;gap:16px;padding:16px 24px}.variance-selector-label{font-size:14px;font-weight:500;color:#374151}.variance-select{padding:10px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:256px;transition:all .2s}.variance-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.variance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.variance-analysis .glass-card{position:relative;z-index:1}.variance-analysis .glass-card:has(.variance-tooltip-icon:hover){z-index:100}@media (max-width: 1024px){.variance-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.variance-summary{grid-template-columns:1fr}}.variance-card{padding:24px}.variance-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.variance-card-header-icons{display:inline-flex;align-items:center;gap:6px}.variance-card-label{font-size:14px;color:#6b7280}.variance-icon{width:20px;height:20px}.variance-icon-purple{color:#7c3aed}.variance-icon-red{color:#ef4444}.variance-tooltip-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;color:#9ca3af;cursor:help;flex-shrink:0}.variance-tooltip-icon:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#111827f5;color:#fff;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.25;width:300px;max-width:70vw;white-space:normal;box-shadow:0 10px 30px #0000002e;z-index:1000;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;pointer-events:none}.variance-tooltip-icon:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#111827f5;z-index:1000;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none}.variance-tooltip-icon:hover:after,.variance-tooltip-icon:hover:before{opacity:1;visibility:visible}.variance-card-value{font-size:28px;font-weight:700;color:#111827;line-height:1.2}.variance-value-purple{color:#7c3aed}.variance-value-red{color:#ef4444}.variance-card-subtext{font-size:12px;color:#6b7280;margin-top:4px}.variance-badge-favorable{background-color:#7c3aed!important;color:#fff!important;margin-top:8px}.variance-badge-unfavorable{background-color:#ef4444!important;color:#fff!important;margin-top:8px}.variance-chart-card{padding:24px}.variance-chart-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.variance-chart-container{width:100%;height:300px}.variance-chart-lg{height:400px}.variance-chart-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6b7280;font-size:14px;text-align:center;padding:24px}.variance-empty-state{padding:48px 24px;text-align:center}.variance-empty-text{font-size:14px;color:#6b7280;margin:0}.variance-empty-inline{font-size:14px;color:#6b7280;padding:16px 0}.variance-tooltip{display:flex;flex-direction:column;gap:4px;font-size:12px}.variance-charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 1024px){.variance-charts-row{grid-template-columns:1fr}}.variance-detail-card{padding:24px}.variance-detail-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.variance-section-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.variance-section-title-mt{margin-top:32px}.variance-list{display:flex;flex-direction:column;gap:16px}.variance-item{padding:20px;border:1px solid #E5E7EB;border-radius:12px;transition:all .2s}.variance-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.variance-item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.variance-item-name{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.variance-item-status{font-size:14px;color:#6b7280;margin:0}.variance-item-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}@media (max-width: 768px){.variance-item-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.variance-item-grid{grid-template-columns:repeat(2,1fr)}}.variance-item-metric{display:flex;flex-direction:column;gap:4px}.variance-item-metric-label{font-size:14px;color:#6b7280}.variance-item-metric-value{font-size:16px;font-weight:600;color:#111827}.variance-text-purple{color:#7c3aed!important}.variance-text-red{color:#ef4444!important}.variance-category-item{padding:16px;border:1px solid #E5E7EB;border-radius:12px;transition:all .2s}.variance-category-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.variance-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.variance-category-name{font-size:16px;font-weight:600;color:#111827;margin:0}.variance-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 640px){.variance-category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.variance-title,.variance-card-value{font-size:24px}.variance-selector{flex-direction:column;align-items:flex-start}.variance-select{width:100%}}.basic-roi{display:flex;flex-direction:column;gap:24px}.basic-roi-header{display:flex;align-items:center;justify-content:space-between}.basic-roi-title{font-size:24px;font-weight:700;color:#111827;margin:0}.basic-roi-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.basic-roi-badge{background-color:#6b7280!important;color:#fff!important}.roi-tooltip-icon:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#111827f5;color:#fff;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.25;width:260px;max-width:70vw;white-space:normal;box-shadow:0 10px 30px #0000002e;z-index:50;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;pointer-events:none}.basic-roi-selector{display:flex;align-items:center;gap:16px;padding:16px}.basic-roi-select-trigger{min-width:250px}@media (max-width: 640px){.basic-roi-selector{flex-direction:column;align-items:stretch}.basic-roi-select-trigger{width:100%}}.basic-roi-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1024px){.basic-roi-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.basic-roi-summary{grid-template-columns:1fr}}.basic-roi-card{padding:24px}.basic-roi-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.basic-roi-card-label{font-size:14px;color:#6b7280}.basic-roi-card-icon{width:20px;height:20px}.basic-roi-icon-purple{color:#7c3aed}.basic-roi-icon-blue{color:#2563eb}.basic-roi-icon-green{color:#10b981}.basic-roi-icon-orange{color:#f97316}.basic-roi-card-value{font-size:32px;font-weight:700;color:#111827}.basic-roi-value-purple{color:#7c3aed}.basic-roi-value-green{color:#10b981}.basic-roi-value-orange{color:#f97316}.basic-roi-card-badge{margin-top:8px}.basic-roi-badge-excellent{background-color:#10b981!important;color:#fff!important}.basic-roi-badge-good{background-color:#7c3aed!important;color:#fff!important}.basic-roi-badge-fair{background-color:#f97316!important;color:#fff!important}.basic-roi-card-subtext{font-size:12px;color:#6b7280;margin-top:4px}.basic-roi-chart-card{padding:24px}.basic-roi-chart-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.basic-roi-chart-container{width:100%;height:300px}.basic-roi-performance-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 768px){.basic-roi-performance-row{grid-template-columns:1fr}}.basic-roi-performance-card{padding:24px}.basic-roi-performance-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.basic-roi-performance-details{display:flex;flex-direction:column;gap:12px}.basic-roi-performance-label{font-size:14px;color:#6b7280}.basic-roi-performance-value{font-size:18px;font-weight:600;color:#111827}.basic-roi-list-card{padding:24px}.basic-roi-list-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.basic-roi-list{display:flex;flex-direction:column;gap:12px}.basic-roi-list-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #E5E7EB;border-radius:8px;transition:background-color .2s}.basic-roi-list-item:hover{background-color:#f9fafb}.basic-roi-list-item-info{flex:1}.basic-roi-list-item-name{font-size:16px;font-weight:600;color:#111827}.basic-roi-list-item-location{font-size:14px;color:#6b7280}.basic-roi-list-item-roi{text-align:right}.basic-roi-list-item-roi-value{font-size:24px;font-weight:700;color:#7c3aed}.basic-roi-list-item-roi-label{font-size:12px;color:#6b7280}.revenue-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:16px;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.revenue-modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:672px;max-height:90vh;overflow-y:auto;animation:revenueModalSlideIn .2s ease-out}@keyframes revenueModalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.revenue-modal-header{background:linear-gradient(135deg,#7c3aed,#8b5cf6);padding:24px;border-radius:16px 16px 0 0;color:#fff}.revenue-modal-header-content{display:flex;align-items:flex-start;justify-content:space-between}.revenue-modal-title{font-size:24px;font-weight:700;margin:0}.revenue-modal-subtitle{font-size:14px;margin:4px 0 0;opacity:.9}.revenue-modal-close{padding:8px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#fff;transition:background-color .2s}.revenue-modal-close:hover{background-color:#fff3}.revenue-modal-form{padding:24px;display:flex;flex-direction:column;gap:24px}.revenue-modal-field{display:flex;flex-direction:column;gap:8px}.revenue-modal-label{font-size:14px;font-weight:500;color:#374151}.revenue-modal-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.revenue-modal-type-btn{padding:12px;border:2px solid #E5E7EB;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s}.revenue-modal-type-btn:hover{border-color:#d1d5db}.revenue-modal-type-btn.active{border-color:#7c3aed;background-color:#f3e8ff}.revenue-modal-type-label{font-size:14px;font-weight:600}.revenue-modal-input{width:100%;padding:10px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:all .2s}.revenue-modal-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.revenue-modal-select{width:100%;padding:10px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s}.revenue-modal-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.revenue-modal-textarea{width:100%;padding:10px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;resize:vertical;font-family:inherit;transition:all .2s}.revenue-modal-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.revenue-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.revenue-modal-row{grid-template-columns:1fr}}.revenue-modal-actions{display:flex;gap:12px;padding-top:16px}.revenue-modal-btn-cancel{flex:1}.revenue-modal-btn-submit{flex:1;background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;color:#fff!important;border:none!important}.revenue-modal-btn-submit:hover{opacity:.9}.professional-roi{display:flex;flex-direction:column;gap:24px}.professional-roi-header{display:flex;align-items:center;justify-content:space-between}.professional-roi-title{font-size:24px;font-weight:700;color:#111827;margin:0}.professional-roi-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.professional-roi-badge{background-color:#7c3aed!important;color:#fff!important}.roi-tooltip-icon:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#111827f5;color:#fff;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.25;width:280px;max-width:70vw;white-space:normal;box-shadow:0 10px 30px #0000002e;z-index:50;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;pointer-events:none}.professional-roi-selector{display:flex;align-items:center;gap:16px;padding:16px 24px}.professional-roi-selector-label{font-size:14px;font-weight:500;color:#374151}.professional-roi-select{padding:10px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s}.professional-roi-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.professional-roi-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}@media (max-width: 1280px){.professional-roi-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.professional-roi-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.professional-roi-summary{grid-template-columns:1fr}}.professional-roi-card{padding:24px}.professional-roi-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.professional-roi-card-label{font-size:14px;color:#6b7280}.professional-roi-icon-purple{color:#7c3aed}.professional-roi-icon-blue{color:#2563eb}.professional-roi-icon-green{color:#10b981}.professional-roi-card-value{font-size:32px;font-weight:700;color:#111827}.professional-roi-value-purple{color:#7c3aed}.professional-roi-value-green{color:#10b981}.professional-roi-card-subtext{font-size:12px;color:#6b7280;margin-top:4px}.professional-roi-text-green{color:#10b981}.professional-roi-text-orange{color:#f97316}.professional-roi-chart-card{padding:24px}.professional-roi-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.professional-roi-chart-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111827;margin:0}.professional-roi-badge-blue{background-color:#2563eb!important;color:#fff!important}.professional-roi-chart-container{width:100%;height:300px}.professional-roi-chart-container-roi-by-project{padding-bottom:0;overflow:hidden}.professional-roi-chart-card-roi-by-project{padding-bottom:16px}.professional-roi-chart-container-sm{width:100%;height:250px}.professional-roi-charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 1024px){.professional-roi-charts-row{grid-template-columns:1fr}}.professional-roi-sales-card{padding:24px}.professional-roi-sales-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.professional-roi-sales-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111827;margin:0}.professional-roi-add-btn{display:flex;align-items:center;gap:8px;background-color:#7c3aed!important;color:#fff!important}.professional-roi-sales-table-wrap{overflow-x:auto}.professional-roi-sales-table{width:100%;border-collapse:collapse}.professional-roi-sales-table th,.professional-roi-sales-table td{padding:12px 16px;text-align:left}.professional-roi-sales-table th{font-size:14px;font-weight:600;color:#111827;border-bottom:1px solid #E5E7EB}.professional-roi-sales-table td{border-bottom:1px solid #E5E7EB}.professional-roi-sales-table tr:hover{background-color:#f9fafb}.professional-roi-sales-unit{font-weight:500;color:#111827}.professional-roi-sales-buyer{color:#374151}.professional-roi-sales-price{font-weight:600;color:#111827;text-align:right!important}.professional-roi-sales-date{color:#6b7280;font-size:14px}.professional-roi-badge-sold{background-color:#10b981!important;color:#fff!important}.professional-roi-badge-presold{background-color:#2563eb!important;color:#fff!important}.professional-roi-badge-available{background-color:#6b7280!important;color:#fff!important}.professional-roi-breakdown-card{padding:24px}.professional-roi-breakdown-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.professional-roi-breakdown-sections{display:flex;flex-direction:column;gap:16px}.professional-roi-breakdown-section{padding:16px;border-radius:12px}.professional-roi-breakdown-purple{background-color:#f3e8ff}.professional-roi-breakdown-blue{background-color:#dbeafe}.professional-roi-breakdown-section-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#111827;margin-bottom:8px}.professional-roi-breakdown-total{color:#7c3aed;font-weight:700}.professional-roi-breakdown-total-blue{color:#2563eb;font-weight:700}.professional-roi-breakdown-items{display:flex;flex-direction:column;gap:8px;margin-left:16px}.professional-roi-breakdown-item{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#6b7280}.professional-roi-breakdown-item span:last-child{color:#111827}.enterprise-roi{display:flex;flex-direction:column;gap:24px}.enterprise-roi-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.enterprise-roi-title{font-size:24px;font-weight:700;color:#111827;margin:0}.enterprise-roi-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.enterprise-roi-badge{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important}.roi-card-label-wrap{display:inline-flex;align-items:center;gap:6px}.roi-tooltip-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;color:#9ca3af;cursor:help;flex-shrink:0}.roi-tooltip-icon:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#111827f5;color:#fff;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.25;width:300px;max-width:70vw;white-space:normal;box-shadow:0 10px 30px #0000002e;z-index:50;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;pointer-events:none}.roi-tooltip-icon:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#111827f5;z-index:50;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none}.roi-tooltip-icon:hover:after,.roi-tooltip-icon:hover:before{opacity:1;visibility:visible}.enterprise-roi-info-card{display:flex;gap:16px;padding:24px;background:linear-gradient(135deg,#eff6ff,#e0e7ff);border:2px solid #BFDBFE;border-radius:12px}.enterprise-roi-info-icon{padding:12px;background-color:#dbeafe;border-radius:12px;color:#2563eb;flex-shrink:0}.enterprise-roi-info-content{flex:1}.enterprise-roi-info-title{font-size:18px;font-weight:700;color:#111827;margin:0 0 16px}.enterprise-roi-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1024px){.enterprise-roi-info-grid{grid-template-columns:1fr}}.enterprise-roi-info-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.enterprise-roi-info-label-blue{color:#2563eb}.enterprise-roi-info-features{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#6b7280}.enterprise-roi-selector{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;flex-wrap:wrap;gap:16px}.enterprise-roi-selector-left{display:flex;align-items:center;gap:16px}.enterprise-roi-selector-label{font-size:14px;font-weight:500;color:#374151}.enterprise-roi-select{padding:10px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s}.enterprise-roi-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.enterprise-roi-selector-actions{display:flex;gap:8px}.enterprise-roi-btn-outline{display:flex;align-items:center;gap:8px}.enterprise-roi-btn-primary{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important}.enterprise-roi-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.enterprise-roi-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.enterprise-roi-summary{grid-template-columns:1fr}}.enterprise-roi-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.enterprise-roi-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.enterprise-roi-metrics{grid-template-columns:1fr}}.enterprise-roi-card{padding:24px}.enterprise-roi-card-blue{border:2px solid #BFDBFE}.enterprise-roi-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.enterprise-roi-card-label{font-size:14px;color:#6b7280}.enterprise-roi-icon-purple{color:#7c3aed}.enterprise-roi-icon-blue{color:#2563eb}.enterprise-roi-icon-green{color:#10b981}.enterprise-roi-icon-orange{color:#f97316}.enterprise-roi-card-value{font-size:32px;font-weight:700;color:#111827}.enterprise-roi-value-purple{color:#7c3aed}.enterprise-roi-value-blue{color:#2563eb}.enterprise-roi-value-green{color:#10b981}.enterprise-roi-value-orange{color:#f97316}.enterprise-roi-card-subtext{font-size:12px;color:#6b7280;margin-top:4px}.enterprise-roi-text-green{color:#10b981}.enterprise-roi-text-orange{color:#f97316}.enterprise-roi-chart-card{padding:24px}.enterprise-roi-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.enterprise-roi-chart-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111827;margin:0}.enterprise-roi-badge-purple{background-color:#7c3aed!important;color:#fff!important}.enterprise-roi-badge-blue{background-color:#2563eb!important;color:#fff!important}.enterprise-roi-chart-container{width:100%;height:300px}.enterprise-roi-chart-container-roi-by-project{padding-bottom:0;overflow:hidden}.enterprise-roi-chart-card-roi-by-project{padding-bottom:16px}.enterprise-roi-chart-card-benchmark{display:flex;flex-direction:column;height:100%;padding-bottom:16px}.enterprise-roi-chart-card-benchmark .enterprise-roi-chart-header{flex-shrink:0}.enterprise-roi-chart-container-benchmark{flex:1;min-height:200px;padding-bottom:0;overflow:hidden}.enterprise-roi-charts-row>.glass-card{display:flex;flex-direction:column}.enterprise-roi-charts-row>.glass-card>*{flex:1}.enterprise-roi-chart-container-sm{width:100%;height:250px}.enterprise-roi-charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:stretch}.enterprise-roi-charts-row>*{min-height:0}@media (max-width: 1024px){.enterprise-roi-charts-row{grid-template-columns:1fr}}.enterprise-roi-chart-note{margin-top:16px;text-align:center;font-size:14px;color:#6b7280}.enterprise-roi-sales-card{padding:24px}.enterprise-roi-sales-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.enterprise-roi-sales-title-wrap{display:flex;align-items:center;gap:12px}.enterprise-roi-sales-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111827;margin:0}.enterprise-roi-add-btn{display:flex;align-items:center;gap:8px;background-color:#7c3aed!important;color:#fff!important}.enterprise-roi-sales-table-wrap{overflow-x:auto}.enterprise-roi-sales-table{width:100%;border-collapse:collapse}.enterprise-roi-sales-table th,.enterprise-roi-sales-table td{padding:12px 16px;text-align:left}.enterprise-roi-sales-table th{font-size:14px;font-weight:600;color:#111827;border-bottom:1px solid #E5E7EB}.enterprise-roi-sales-table td{border-bottom:1px solid #E5E7EB}.enterprise-roi-sales-table tr:hover{background-color:#f9fafb}.roi-sales-menu-container{position:relative;display:inline-block}.roi-sales-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #E5E7EB;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s ease;padding:0}.roi-sales-menu-trigger:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.roi-sales-menu-trigger:disabled{opacity:.5;cursor:not-allowed}.roi-sales-menu-dropdown{background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:140px;overflow:hidden;animation:menuFadeIn .15s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.roi-sales-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;color:#374151;background:transparent;border:none;cursor:pointer;transition:background-color .15s ease;text-align:left}.roi-sales-menu-item:hover{background:#f9fafb}.roi-sales-menu-item-danger{color:#b91c1c}.roi-sales-menu-item-danger:hover{background:#fef2f2;color:#991b1b}.roi-sales-menu-item svg{flex-shrink:0}.enterprise-roi-sales-unit{font-weight:500;color:#111827}.enterprise-roi-sales-buyer{color:#374151}.enterprise-roi-sales-price{font-weight:600;color:#111827;text-align:right!important}.enterprise-roi-sales-date{color:#6b7280;font-size:14px}.enterprise-roi-badge-sold{background-color:#10b981!important;color:#fff!important}.enterprise-roi-badge-presold{background-color:#2563eb!important;color:#fff!important}.enterprise-roi-badge-available{background-color:#6b7280!important;color:#fff!important}.enterprise-roi-sensitivity-card{padding:24px}.enterprise-roi-sensitivity-portfolio-note{margin:0 0 12px;font-size:13px;color:#6b7280}.enterprise-roi-sensitivity-table-wrap{overflow:visible;position:relative}.enterprise-roi-sensitivity-table{width:100%;border-collapse:collapse}.enterprise-roi-sensitivity-table th,.enterprise-roi-sensitivity-table td{padding:12px 16px;text-align:left}.enterprise-roi-sensitivity-table th{font-size:14px;font-weight:600;color:#111827;border-bottom:1px solid #E5E7EB;position:relative;z-index:10}.enterprise-roi-sensitivity-table th .enterprise-roi-th-tooltip{margin-left:6px;vertical-align:middle;position:relative;z-index:10002}.enterprise-roi-sensitivity-table th .roi-tooltip-icon:after,.enterprise-roi-sensitivity-table th .roi-tooltip-icon:before{z-index:10003}.enterprise-roi-sensitivity-table th:nth-child(2),.enterprise-roi-sensitivity-table th:nth-child(3),.enterprise-roi-sensitivity-table th:nth-child(4){text-align:right}.enterprise-roi-sensitivity-table td{border-bottom:1px solid #E5E7EB}.enterprise-roi-row-highlight{background-color:#eff6ff}.enterprise-roi-sensitivity-scenario{font-weight:500;color:#111827}.enterprise-roi-sensitivity-value{font-weight:600;color:#111827;text-align:right!important}.enterprise-roi-sensitivity-impact{text-align:center!important}.enterprise-roi-base-label{color:#2563eb;font-weight:600}.enterprise-roi-insights{margin-top:16px;padding:16px;background-color:#fef3c7;border:1px solid #FCD34D;border-radius:8px}.enterprise-roi-insights-title{font-size:14px;font-weight:600;color:#78350f;margin-bottom:8px}.enterprise-roi-insights-list{margin:0;padding-left:16px;font-size:14px;color:#92400e}.enterprise-roi-insights-list li{margin-bottom:4px}.enterprise-roi-exit-strategies{display:flex;flex-direction:column;gap:16px}.enterprise-roi-exit-item{padding:16px;border:1px solid #E5E7EB;border-radius:8px;transition:background-color .2s;cursor:pointer}.enterprise-roi-exit-item:hover{background-color:#f9fafb}.enterprise-roi-exit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.enterprise-roi-exit-name{font-size:16px;font-weight:600;color:#111827}.enterprise-roi-badge-risk-low{background-color:#10b981!important;color:#fff!important}.enterprise-roi-badge-risk-medium{background-color:#eab308!important;color:#fff!important}.enterprise-roi-badge-risk-high{background-color:#ef4444!important;color:#fff!important}.enterprise-roi-exit-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.enterprise-roi-exit-label{font-size:14px;color:#6b7280}.enterprise-roi-exit-value{font-size:16px;font-weight:600;color:#111827}.enterprise-roi-breakdown-card{padding:24px}.enterprise-roi-breakdown-sections{display:flex;flex-direction:column;gap:16px}.enterprise-roi-breakdown-section{padding:16px;border-radius:12px}.enterprise-roi-breakdown-purple{background-color:#f3e8ff}.enterprise-roi-breakdown-blue{background-color:#dbeafe}.enterprise-roi-breakdown-section-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#111827;margin-bottom:8px}.enterprise-roi-breakdown-total{color:#7c3aed;font-weight:700}.enterprise-roi-breakdown-total-blue{color:#2563eb;font-weight:700}.enterprise-roi-breakdown-items{display:flex;flex-direction:column;gap:8px;margin-left:16px}.enterprise-roi-breakdown-item{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#6b7280}.enterprise-roi-breakdown-item span:last-child{color:#111827}.enterprise-roi-export-card{padding:24px}.enterprise-roi-export-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}@media (max-width: 768px){.enterprise-roi-export-buttons{grid-template-columns:1fr}}.enterprise-roi-features-active{padding:16px;background-color:#eff6ff;border:1px solid #BFDBFE;border-radius:8px}.enterprise-roi-features-title{font-size:14px;font-weight:600;color:#1e3a8a;margin-bottom:8px}.enterprise-roi-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:14px;color:#1e40af}@media (max-width: 768px){.enterprise-roi-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.enterprise-roi-features-grid{grid-template-columns:1fr}}.enterprise-roi-features-grid>div:before{content:"✓ "}.roi-analysis{padding:24px;max-width:1400px;margin:0 auto}@media (min-width: 1024px){.roi-analysis{padding:32px}}.roi-analysis-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.roi-analysis-title{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px}.roi-analysis-subtitle{font-size:16px;color:#6b7280;margin:0}.roi-analysis-header-actions{display:flex;align-items:center;gap:12px}.roi-analysis-plan-badge-basic{background-color:#6b7280!important;color:#fff!important}.roi-analysis-plan-badge-pro{background-color:#7c3aed!important;color:#fff!important}.roi-analysis-plan-badge-enterprise{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important}.roi-analysis-view-plans-btn{display:flex;align-items:center;gap:8px}.roi-analysis-teasers{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}@media (max-width: 768px){.roi-analysis-teasers{grid-template-columns:1fr}}.roi-analysis-teaser{padding:24px;position:relative;overflow:hidden;border-radius:12px}.roi-analysis-teaser-purple{background:linear-gradient(135deg,#f3e8ff,#fff);border:2px solid #DDD6FE}.roi-analysis-teaser-blue{background:linear-gradient(135deg,#eff6ff,#fff);border:2px solid #BFDBFE}.roi-analysis-teaser-badge{position:absolute;top:0;right:0;background-color:#7c3aed;color:#fff;font-size:10px;font-weight:700;padding:4px 12px;border-bottom-left-radius:8px}.roi-analysis-teaser-badge-blue{background-color:#2563eb}.roi-analysis-teaser-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.roi-analysis-teaser-icon{padding:12px;border-radius:12px}.roi-analysis-teaser-icon-purple{background-color:#f3e8ff;color:#7c3aed}.roi-analysis-teaser-icon-blue{background-color:#dbeafe;color:#2563eb}.roi-analysis-teaser-icon-lg{padding:16px}.roi-analysis-teaser-title{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px}.roi-analysis-badge-purple{background-color:#7c3aed!important;color:#fff!important}.roi-analysis-badge-blue{background-color:#2563eb!important;color:#fff!important}.roi-analysis-teaser-features{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#374151;margin-bottom:16px}.roi-analysis-teaser-features>div:before{content:"✓ ";color:#10b981}.roi-analysis-teaser-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff!important}.roi-analysis-btn-purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;border:none!important}.roi-analysis-btn-blue{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border:none!important}.roi-analysis-enterprise-teaser{padding:24px;position:relative;overflow:hidden;background:linear-gradient(135deg,#eff6ff,#fff);border:2px solid #BFDBFE;border-radius:12px}.roi-analysis-enterprise-teaser-content{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.roi-analysis-enterprise-teaser-left{display:flex;align-items:flex-start;gap:16px;flex:1}.roi-analysis-enterprise-teaser-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px}.roi-analysis-enterprise-teaser-desc{font-size:14px;color:#6b7280;margin:0 0 12px}.roi-analysis-enterprise-teaser-features{display:flex;gap:16px;font-size:14px;color:#374151;flex-wrap:wrap}.roi-analysis-enterprise-teaser-features>div:before{content:"✓ ";color:#10b981}.roi-analysis-enterprise-btn{flex-shrink:0;display:flex;align-items:center;gap:8px;color:#fff!important}.roi-analysis-comparison-card{padding:24px;margin-top:32px}.roi-analysis-comparison-title{font-size:18px;font-weight:700;color:#111827;margin:0 0 16px;text-align:center}.roi-analysis-comparison-table-wrap{overflow-x:auto}.roi-analysis-comparison-table{width:100%;border-collapse:collapse}.roi-analysis-comparison-table th,.roi-analysis-comparison-table td{padding:12px 16px}.roi-analysis-comparison-table th{font-size:14px;font-weight:600;color:#111827;border-bottom:1px solid #E5E7EB;text-align:center}.roi-analysis-comparison-table th:first-child{text-align:left}.roi-analysis-comparison-table td{border-bottom:1px solid #E5E7EB;color:#111827}.roi-analysis-comparison-table tr:hover{background-color:#f9fafb}.roi-analysis-check{text-align:center!important;color:#10b981!important;font-weight:600}.roi-analysis-dash{text-align:center!important;color:#d1d5db!important}.wizard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.wizard-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:wizardSlideIn .3s ease-out}@keyframes wizardSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wizard-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #E5E7EB}.wizard-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px}.wizard-subtitle{font-size:14px;color:#6b7280;margin:0}.wizard-close{padding:8px;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .2s}.wizard-close:hover{background-color:#f3f4f6;color:#111827}.wizard-progress{padding:16px 24px}.wizard-progress-bar{height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:12px}.wizard-progress-fill{height:100%;background-color:#7c3aed;border-radius:4px;transition:width .3s ease}.wizard-progress-steps{display:flex;justify-content:space-between}.wizard-progress-step{font-size:12px;color:#9ca3af;width:24px;text-align:center}.wizard-step-current{color:#7c3aed;font-weight:600}.wizard-step-complete{color:#10b981}.wizard-content{flex:1;overflow-y:auto;padding:24px;min-height:400px}.wizard-step{display:flex;flex-direction:column;gap:20px}.wizard-step-header{display:flex;align-items:center;gap:8px}.wizard-step-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.wizard-step-icon{color:#7c3aed}.wizard-selected-count{margin-left:auto;font-size:14px;color:#6b7280}.wizard-form{display:flex;flex-direction:column;gap:16px}.wizard-field{display:flex;flex-direction:column;gap:6px}.wizard-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.wizard-row{grid-template-columns:1fr}}.wizard-label{font-size:14px;font-weight:500;color:#374151}.wizard-input,.wizard-select{padding:10px 14px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:all .2s;background:#fff}.wizard-input:focus,.wizard-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.wizard-textarea{padding:12px 14px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;resize:vertical;min-height:120px;transition:all .2s;font-family:inherit}.wizard-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.wizard-hint{font-size:12px;color:#6b7280;margin:0}.wizard-sections{display:flex;flex-direction:column;gap:8px}.wizard-section-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s}.wizard-section-item:hover{background-color:#f9fafb}.wizard-checkbox{width:18px;height:18px;margin-top:2px;accent-color:#7C3AED;cursor:pointer}.wizard-section-content{display:flex;flex-direction:column;gap:2px}.wizard-section-label{font-size:14px;font-weight:500;color:#111827}.wizard-section-desc{font-size:12px;color:#6b7280}.wizard-recipients{display:flex;flex-direction:column;gap:8px}.wizard-recipient-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s}.wizard-recipient-item:hover{background-color:#f9fafb}.wizard-recipient-content{display:flex;flex-direction:column;gap:2px}.wizard-recipient-name{font-size:14px;font-weight:500;color:#111827}.wizard-recipient-email{font-size:12px;color:#6b7280}.wizard-external-emails{margin-top:20px;padding-top:20px;border-top:1px solid #E5E7EB}.wizard-external-email-row{display:flex;gap:8px;align-items:center}.wizard-add-email-btn{flex-shrink:0}.wizard-external-email-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.wizard-external-email-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f3f4f6;border-radius:8px;font-size:14px}.wizard-external-email-address{color:#111827}.wizard-external-email-remove{padding:4px;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.wizard-external-email-remove:hover{color:#dc2626;background:#fee2e2}.wizard-review{display:flex;flex-direction:column;gap:20px}.wizard-review-summary{background-color:#f3e8ff;border:1px solid #E9D5FF;border-radius:12px;padding:16px}.wizard-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 480px){.wizard-review-grid{grid-template-columns:1fr}}.wizard-review-item{display:flex;flex-direction:column;gap:2px}.wizard-review-label{font-size:12px;color:#6b7280}.wizard-review-value{font-size:14px;font-weight:600;color:#111827}.wizard-review-sections{display:flex;flex-direction:column;gap:8px}.wizard-review-sections-label{font-size:14px;font-weight:500;color:#374151}.wizard-review-tags{display:flex;flex-wrap:wrap;gap:8px}.wizard-tag{padding:4px 10px;background-color:#f3e8ff;color:#7c3aed;border-radius:6px;font-size:12px;font-weight:500}.wizard-review-send{padding-top:16px;border-top:1px solid #E5E7EB;display:flex;flex-direction:column;gap:12px}.wizard-send-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.wizard-schedule{margin-left:26px;display:flex;flex-direction:column;gap:6px}.wizard-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #E5E7EB;background-color:#f9fafb;border-radius:0 0 16px 16px}.wizard-footer-right{display:flex;align-items:center;gap:12px}.wizard-back-btn{display:flex;align-items:center;gap:8px}.wizard-next-btn{display:flex;align-items:center;gap:8px;background-color:#7c3aed!important;color:#fff!important}.wizard-next-btn:hover{background-color:#6d28d9!important}.wizard-generate-btn{display:flex;align-items:center;gap:8px;background-color:#7c3aed!important;color:#fff!important}.wizard-generate-btn:hover{background-color:#6d28d9!important}.wizard-generate-btn:disabled{background-color:#9ca3af!important;cursor:not-allowed}.wizard-spinner{animation:spin 1s linear infinite}@media (max-width: 640px){.wizard-modal{max-height:100vh;border-radius:0}.wizard-overlay{padding:0}.wizard-header,.wizard-content{padding:16px}.wizard-footer{flex-direction:column;gap:12px}.wizard-back-btn{width:100%}.wizard-footer-right{width:100%;flex-direction:column}.wizard-footer-right button{width:100%}}.investor-reports{padding:24px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.investor-reports{padding:32px}}.reports-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.reports-title{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px}.reports-subtitle{font-size:16px;color:#6b7280;margin:0}.reports-generate-btn{display:flex;align-items:center;gap:8px;background-color:#7c3aed!important;color:#fff!important}.reports-generate-btn:hover{background-color:#6d28d9!important}.reports-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.reports-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.reports-stats{grid-template-columns:1fr}}.reports-stat-card{padding:16px;display:flex;align-items:center;justify-content:space-between}.reports-stat-content{display:flex;flex-direction:column}.reports-stat-label{font-size:14px;color:#6b7280;margin:0}.reports-stat-value{font-size:28px;font-weight:700;color:#111827;margin:4px 0 0}.reports-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.reports-stat-icon-purple{background-color:#f3e8ff;color:#7c3aed}.reports-stat-icon-blue{background-color:#dbeafe;color:#2563eb}.reports-stat-icon-green{background-color:#d1fae5;color:#10b981}.reports-stat-icon-amber{background-color:#fef3c7;color:#f59e0b}.reports-filters{padding:16px 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}@media (max-width: 768px){.reports-filters{grid-template-columns:1fr}}.reports-search-wrap{position:relative}.reports-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.reports-search-input{width:100%;padding:10px 16px 10px 44px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:all .2s}.reports-search-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.reports-select{padding:10px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s}.reports-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.reports-list{display:flex;flex-direction:column;gap:16px}.reports-item{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s}.reports-item:hover{background-color:#7c3aed05}.reports-item-content{flex:1;display:flex;flex-direction:column;gap:16px}.reports-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.reports-item-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.reports-item-meta{display:flex;flex-wrap:wrap;gap:16px}.reports-item-meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.reports-item-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.reports-item-metrics{grid-template-columns:1fr}}.reports-item-metric{display:flex;align-items:center;gap:8px}.reports-metric-icon-purple{color:#7c3aed}.reports-metric-icon-blue{color:#2563eb}.reports-metric-icon-green{color:#10b981}.reports-metric-label{font-size:12px;color:#6b7280}.reports-metric-value{font-size:14px;font-weight:600;color:#111827}.reports-item-download{margin-left:24px;padding:8px;background:none;border:none;color:#7c3aed;cursor:pointer;border-radius:8px;transition:all .2s}.reports-item-download:hover{background-color:#f3e8ff}.reports-item-delete{margin-left:8px;padding:8px;background:none;border:none;color:#dc2626;cursor:pointer;border-radius:8px;transition:all .2s}.reports-item-delete:hover{background-color:#fee2e2}.reports-badge-draft{background-color:transparent!important;color:#6b7280!important;border:1px solid #D1D5DB!important}.reports-badge-sent{background-color:#dbeafe!important;color:#1d4ed8!important}.reports-badge-viewed,.reports-badge-ontrack{background-color:#d1fae5!important;color:#059669!important}.reports-badge-overbudget{background-color:#fee2e2!important;color:#dc2626!important}.reports-badge-underbudget{background-color:#dbeafe!important;color:#1d4ed8!important}.reports-empty{padding:48px 24px;text-align:center}.reports-empty-icon{color:#9ca3af;margin:0 auto 16px}.reports-empty-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.reports-empty-text{font-size:14px;color:#6b7280;margin:0}@media (max-width: 640px){.reports-header{flex-direction:column;align-items:flex-start}.reports-title{font-size:24px}.reports-item{flex-direction:column;align-items:flex-start;gap:16px}.reports-item-download{margin-left:0;align-self:flex-end}}.weekly-report-detail{padding:24px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.weekly-report-detail{padding:32px}}.report-detail-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.report-detail-actions-right{display:flex;align-items:center;gap:12px}.report-detail-back-btn{display:flex;align-items:center;gap:8px;color:#7c3aed!important}.report-detail-back-btn:hover{background-color:#f3e8ff!important}.report-detail-download-btn{display:flex;align-items:center;gap:8px;border-color:#e9d5ff!important;color:#7c3aed!important}.report-detail-download-btn:hover{background-color:#f3e8ff!important}.report-detail-send-btn{display:flex;align-items:center;gap:8px;background-color:#7c3aed!important;color:#fff!important}.report-detail-send-btn:hover{background-color:#6d28d9!important}.report-detail-delete-btn{display:flex;align-items:center;gap:8px;border-color:#fca5a5!important;color:#dc2626!important}.report-detail-delete-btn:hover{background-color:#fee2e2!important}.report-detail-header{padding:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.report-detail-header-content{flex:1}.report-detail-header-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:8px}.report-detail-title{font-size:28px;font-weight:700;color:#111827;margin:0}.report-detail-badge-draft{background-color:transparent!important;color:#6b7280!important;border:1px solid #D1D5DB!important}.report-detail-badge-sent{background-color:#7c3aed!important;color:#fff!important}.report-detail-badge-auto{background-color:#f3e8ff!important;color:#7c3aed!important}.report-detail-project{font-size:20px;color:#374151;margin:0 0 12px;font-weight:500}.report-detail-meta{display:flex;flex-wrap:wrap;gap:16px}.report-detail-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.report-detail-delivered{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#d1fae5;color:#059669;border-radius:8px;font-weight:500}.report-detail-section{padding:24px}.report-detail-section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #E5E7EB}.report-detail-section-icon{color:#7c3aed}.report-detail-section-title{font-size:20px;font-weight:600;color:#111827;margin:0}.report-detail-subsection-title{font-size:16px;font-weight:600;color:#374151;margin:0 0 12px}.report-detail-mt{margin-top:24px}.report-detail-summary{background-color:#f3e8ff;border:1px solid #E9D5FF;border-radius:12px;padding:16px}.report-detail-summary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.report-detail-summary-list li{display:flex;align-items:flex-start;gap:12px}.report-detail-summary-list li:before{content:"";width:8px;height:8px;background-color:#7c3aed;border-radius:50%;margin-top:6px;flex-shrink:0}.report-detail-summary-label{font-weight:600;color:#111827;margin-right:4px}.report-detail-summary-success{color:#059669;font-weight:600}.report-detail-phases{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.report-detail-phases{grid-template-columns:1fr}}.report-detail-phase{padding:16px;border:1px solid #E5E7EB;border-radius:12px;background-color:#ffffff80}.report-detail-phase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.report-detail-phase-name{font-size:16px;font-weight:600;color:#111827;margin:0}.report-detail-badge-completed{background-color:#7c3aed!important;color:#fff!important}.report-detail-badge-inprogress{background-color:#f3f4f6!important;color:#374151!important}.report-detail-badge-delayed{background-color:#fee2e2!important;color:#dc2626!important}.report-detail-badge-atrisk{background-color:#fef2f2!important;color:#b91c1c!important;margin-top:8px}.report-detail-badge-notstarted{background-color:transparent!important;color:#6b7280!important;border:1px solid #D1D5DB!important}.report-detail-phase-progress{display:flex;flex-direction:column;gap:8px}.report-detail-progress-info{display:flex;justify-content:space-between;font-size:14px;color:#6b7280}.report-detail-progress-value{font-weight:600;color:#111827}.report-detail-progress-bar{height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.report-detail-progress-fill{height:100%;background-color:#7c3aed;border-radius:4px;transition:width .3s ease}.report-detail-financial{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.report-detail-financial{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.report-detail-financial{grid-template-columns:1fr}}.report-detail-financial-card{padding:16px;border-radius:12px}.report-detail-financial-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #BFDBFE}.report-detail-financial-blue .report-detail-financial-label{color:#1d4ed8}.report-detail-financial-blue .report-detail-financial-value{color:#1e3a8a}.report-detail-financial-purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #DDD6FE}.report-detail-financial-purple .report-detail-financial-label{color:#7c3aed}.report-detail-financial-purple .report-detail-financial-value{color:#5b21b6}.report-detail-financial-purple .report-detail-financial-sub{color:#7c3aed}.report-detail-financial-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0}.report-detail-financial-green .report-detail-financial-label{color:#059669}.report-detail-financial-green .report-detail-financial-value{color:#065f46}.report-detail-financial-amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #FDE68A}.report-detail-financial-amber .report-detail-financial-label{color:#d97706}.report-detail-financial-amber .report-detail-financial-value{color:#92400e}.report-detail-financial-label{font-size:14px;margin-bottom:4px}.report-detail-financial-value{font-size:24px;font-weight:700}.report-detail-financial-sub{font-size:12px;margin-top:4px}.report-detail-progress-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.report-detail-progress-cards{grid-template-columns:1fr}}.report-detail-progress-card{padding:16px;border:1px solid #E5E7EB;border-radius:12px;background-color:#ffffff80}.report-detail-progress-card-label{font-size:14px;color:#6b7280;margin-bottom:8px}.report-detail-progress-card-value{font-size:32px;font-weight:700}.report-detail-text-green{color:#059669}.report-detail-text-red{color:#dc2626}.report-detail-badge-onschedule{background-color:#d1fae5!important;color:#059669!important;margin-top:8px}.report-detail-risks{display:flex;flex-direction:column;gap:12px}.report-detail-risks-empty{color:#6b7280;font-size:14px;margin:0;padding:12px 0}.report-detail-risk{padding:12px;border-radius:8px;border:1px solid}.report-detail-risk-high{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.report-detail-risk-medium{background-color:#fff7ed;border-color:#fed7aa;color:#9a3412}.report-detail-risk-low{background-color:#fefce8;border-color:#fef08a;color:#854d0e}.report-detail-risk-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.report-detail-risk-severity{font-size:14px;font-weight:600}.report-detail-risk-description{font-size:14px;margin:0 0 4px}.report-detail-risk-impact{font-size:12px;opacity:.8;margin:0}.report-detail-notes{background-color:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:16px;position:relative}.report-detail-notes p{font-size:14px;color:#374151;margin:0;padding-right:80px}.report-detail-edit-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px;color:#7c3aed!important}.report-detail-notes-edit{display:flex;flex-direction:column;gap:12px}.report-detail-notes-textarea{width:100%;padding:12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;resize:vertical}.report-detail-notes-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.report-detail-notes-actions{display:flex;gap:8px}.report-detail-save-btn{background-color:#7c3aed!important;color:#fff!important}.report-detail-documents{display:flex;flex-direction:column;gap:8px}.report-detail-documents-empty{color:#6b7280;font-size:14px;margin:0;padding:12px 0}.report-detail-document{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #E5E7EB;border-radius:12px;background-color:#ffffff80;transition:all .2s}.report-detail-document:hover{background-color:#fffc}.report-detail-document-icon{width:40px;height:40px;background-color:#f3e8ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#7c3aed}.report-detail-document-info{flex:1;margin-left:12px}.report-detail-document-name{font-size:14px;font-weight:600;color:#111827}.report-detail-document-meta{font-size:12px;color:#6b7280}.report-detail-document-actions{display:flex;gap:8px}.report-detail-doc-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:none;border:none;color:#7c3aed;font-size:14px;cursor:pointer;border-radius:6px;transition:all .2s}.report-detail-doc-btn:hover:not(:disabled){background-color:#f3e8ff}.report-detail-doc-btn:disabled{opacity:.6;cursor:not-allowed}.report-detail-doc-btn-loading{display:inline-block;min-width:1em}.report-detail-audit-info{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#eff6ff;border:1px solid #BFDBFE;border-radius:12px;color:#1e40af}.report-detail-audit-title{font-weight:600;margin:0 0 4px;font-size:14px}.report-detail-audit-date{font-size:14px;margin:0;color:#1d4ed8}.report-detail-recipients{display:flex;flex-direction:column;gap:8px}.report-detail-recipient{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #E5E7EB;border-radius:12px;background-color:#ffffff80}.report-detail-recipient-avatar{width:40px;height:40px;background-color:#f3e8ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7c3aed}.report-detail-recipient-info{flex:1;margin-left:12px}.report-detail-recipient-name{font-size:14px;font-weight:600;color:#111827}.report-detail-recipient-email{font-size:12px;color:#6b7280}.report-detail-recipient-status{display:flex;align-items:center;gap:8px}.report-detail-status-viewed{display:flex;align-items:center;gap:4px;font-size:14px;color:#059669}.report-detail-status-sent{display:flex;align-items:center;gap:4px;font-size:14px;color:#2563eb}.report-detail-viewed-at{font-size:12px;color:#6b7280}.report-detail-footer{text-align:center;padding:24px 0;border-top:1px solid #E5E7EB}.report-detail-footer-brand{font-size:14px;color:#6b7280;margin:0 0 4px}.report-detail-footer-brand strong{color:#7c3aed}.report-detail-footer-disclaimer{font-size:12px;color:#9ca3af;margin:0}@media (max-width: 640px){.report-detail-actions{flex-direction:column;align-items:flex-start}.report-detail-actions-right{width:100%;justify-content:flex-end}.report-detail-title{font-size:24px}.report-detail-header{flex-direction:column}.report-detail-delivered{align-self:flex-start}}.completion-dashboard{padding:24px;display:flex;flex-direction:column;gap:24px}.completion-header{margin-bottom:8px}.completion-title{font-size:30px;font-weight:700;color:#111827;margin:0 0 8px}.completion-subtitle{font-size:16px;color:#6b7280;margin:0}.completion-banner{background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;color:#fff;padding:24px!important}.completion-banner-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.completion-banner-title{font-size:24px;font-weight:700;margin:0 0 8px;color:#fff}.completion-banner-location{display:flex;align-items:center;gap:8px;color:#fffc;font-size:14px}.completion-banner-badge{background-color:#fff!important;color:#7c3aed!important;font-weight:600!important}.completion-banner-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.completion-banner-stats{grid-template-columns:repeat(2,1fr)}}.completion-banner-stat{background:#ffffff1a;border-radius:8px;padding:12px}.completion-banner-stat-label{font-size:12px;color:#ffffffb3;margin-bottom:4px}.completion-banner-stat-value{font-size:20px;font-weight:700;color:#fff}.completion-banner-stat-value.variance-positive{color:#86efac}.completion-banner-stat-value.variance-negative{color:#fde047}.completion-content{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media (max-width: 1024px){.completion-content{grid-template-columns:1fr}}.completion-checklist-section{display:flex;flex-direction:column}.completion-checklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.completion-checklist-header-left{display:flex;align-items:center;gap:12px}.completion-checklist-icon{width:40px;height:40px;background-color:#f3e8ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#7c3aed}.completion-checklist-title{font-size:18px;font-weight:600;color:#111827;margin:0}.completion-checklist-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.completion-badge-success{background-color:#dcfce7!important;color:#15803d!important}.completion-checklist{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.completion-checklist-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:10px;border:2px solid transparent;transition:all .2s}.completion-checklist-item.checklist-complete{background-color:#f0fdf4;border-color:#bbf7d0}.completion-checklist-item.checklist-incomplete{background-color:#fef2f2;border-color:#fecaca}.completion-checklist-item-icon{flex-shrink:0;margin-top:2px}.completion-checklist-item-icon .icon-success{color:#16a34a}.completion-checklist-item-icon .icon-error{color:#dc2626}.completion-checklist-item-content{flex:1}.completion-checklist-item-label{font-size:15px;font-weight:500;color:#111827;margin:0 0 4px}.completion-checklist-item-desc{font-size:14px;color:#6b7280;margin:0}.completion-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#fffbeb;border:1px solid #FDE68A;border-radius:10px;margin:16px 24px 24px}.completion-warning .warning-icon{color:#d97706;flex-shrink:0}.completion-warning-title{font-size:15px;font-weight:600;color:#92400e;margin:0 0 4px}.completion-warning-text{font-size:14px;color:#a16207;margin:0}.completion-action-section{display:flex;flex-direction:column}.completion-action-card{padding:24px!important;position:sticky;top:24px}.completion-action-header{text-align:center;margin-bottom:24px}.completion-action-icon{width:64px;height:64px;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff}.completion-action-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px}.completion-action-subtitle{font-size:14px;color:#6b7280;margin:0}.completion-action-divider{height:1px;background-color:#e5e7eb;margin:24px 0}.completion-action-info{display:flex;flex-direction:column;gap:16px}.completion-action-info-item{display:flex;align-items:flex-start;gap:12px}.completion-action-info-item .info-icon{color:#9ca3af;flex-shrink:0;margin-top:2px}.info-label{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px}.info-value{font-size:14px;color:#6b7280}.info-list{list-style:none;padding:0;margin:0}.info-list li{font-size:12px;color:#6b7280;padding:2px 0}.info-list li:before{content:"• ";color:#9ca3af}.completion-finish-btn{width:100%;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#7c3aed!important;color:#fff!important}.completion-finish-btn:hover:not(:disabled){background-color:#6d28d9!important}.completion-finish-btn:disabled{background-color:#9ca3af!important;cursor:not-allowed}.completion-action-warning{font-size:12px;color:#6b7280;text-align:center;margin-top:12px}.completion-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.completion-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out}.completion-modal-header{padding:24px 24px 0}.completion-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.completion-modal-desc{font-size:16px;color:#6b7280;margin:0}.completion-modal-content{padding:24px}.completion-modal-info-box{background-color:#f3e8ff;border:1px solid #E9D5FF;border-radius:10px;padding:16px;margin-bottom:16px}.completion-modal-info-box h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 12px}.completion-modal-info-box ul{list-style:none;padding:0;margin:0}.completion-modal-info-box li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#374151;padding:6px 0}.completion-modal-info-box li svg{color:#7c3aed;flex-shrink:0;margin-top:2px}.completion-modal-warning-box{display:flex;align-items:flex-start;gap:12px;background-color:#fffbeb;border:1px solid #FDE68A;border-radius:10px;padding:16px}.completion-modal-warning-box>svg{color:#d97706;flex-shrink:0}.completion-modal-warning-box h4{font-size:15px;font-weight:600;color:#92400e;margin:0 0 4px}.completion-modal-warning-box p{font-size:14px;color:#a16207;margin:0}.completion-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB;background-color:#f9fafb;border-radius:0 0 16px 16px}.completion-confirm-btn{display:flex;align-items:center;gap:8px;background-color:#7c3aed!important;color:#fff!important}.completion-confirm-btn:hover:not(:disabled){background-color:#6d28d9!important}.completion-confirm-btn:disabled{background-color:#9ca3af!important}.completion-confirm-btn .spinner{animation:spin 1s linear infinite}.transition-rentals{padding:24px;display:flex;flex-direction:column;gap:24px}.transition-header{margin-bottom:8px}.transition-title{font-size:30px;font-weight:700;color:#111827;margin:0 0 8px}.transition-subtitle{font-size:16px;color:#6b7280;margin:0}.transition-overview{background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;color:#fff;padding:24px!important}.transition-overview-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.transition-overview-title{font-size:24px;font-weight:700;margin:0 0 8px;color:#fff}.transition-overview-subtitle{font-size:14px;color:#fffc;margin:0}.transition-overview-time{text-align:right}.transition-time-label{font-size:12px;color:#ffffffb3;margin-bottom:4px}.transition-time-value{display:flex;align-items:center;gap:8px;font-weight:600}.transition-overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 640px){.transition-overview-stats{grid-template-columns:1fr}}.transition-overview-stat{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:16px}.transition-overview-stat-label{font-size:12px;color:#ffffffb3;margin-bottom:4px}.transition-overview-stat-value{font-size:16px;font-weight:600;color:#fff}.transition-content{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media (max-width: 1024px){.transition-content{grid-template-columns:1fr}}.transition-checklist-section{display:flex;flex-direction:column}.transition-checklist-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px}.transition-checklist-title{font-size:18px;font-weight:600;color:#111827;margin:0}.transition-checklist-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.transition-checklist-progress{text-align:right}.transition-progress-value{font-size:24px;font-weight:700;color:#7c3aed}.transition-progress-label{font-size:12px;color:#6b7280}.transition-progress-bar{height:8px;background-color:#e5e7eb;border-radius:4px;margin:0 24px 24px;overflow:hidden}.transition-progress-fill{height:100%;background-color:#7c3aed;border-radius:4px;transition:width .3s ease}.transition-checklist{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.transition-checklist-item{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border-radius:10px;border:2px solid transparent;transition:all .2s}.transition-checklist-item.item-complete{background-color:#f0fdf4;border-color:#bbf7d0}.transition-checklist-item.item-pending{background-color:#f9fafb;border-color:#e5e7eb}.transition-item-left{display:flex;align-items:flex-start;gap:12px;flex:1}.transition-item-status{flex-shrink:0;margin-top:2px}.transition-item-status .icon-success{color:#16a34a}.transition-item-status .icon-pending{color:#9ca3af}.transition-item-content{flex:1}.transition-item-label{display:flex;align-items:center;gap:8px;margin-bottom:4px}.transition-item-label h4{font-size:15px;font-weight:500;color:#111827;margin:0}.transition-item-icon{color:#6b7280}.transition-item-desc{font-size:14px;color:#6b7280;margin:0 0 8px}.transition-badge-complete{background-color:#dcfce7!important;color:#15803d!important}.transition-badge-pending{background-color:#fef9c3!important;color:#a16207!important}.transition-item-btn{color:#7c3aed!important;display:flex;align-items:center;gap:4px;flex-shrink:0}.transition-item-btn:hover{background-color:#f3e8ff!important}.transition-action-section{display:flex;flex-direction:column}.transition-action-card{padding:24px!important;position:sticky;top:24px}.transition-action-header{text-align:center;margin-bottom:24px}.transition-action-icon{width:64px;height:64px;background:linear-gradient(135deg,#16a34a,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff}.transition-action-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px}.transition-action-subtitle{font-size:14px;color:#6b7280;margin:0}.transition-action-divider{height:1px;background-color:#e5e7eb;margin:24px 0}.transition-action-info{display:flex;flex-direction:column;gap:16px}.transition-info-item{display:flex;align-items:flex-start;gap:12px}.transition-info-icon{color:#7c3aed;flex-shrink:0;margin-top:2px}.transition-info-label{font-size:14px;font-weight:500;color:#111827;margin-bottom:8px}.transition-info-list{list-style:none;padding:0;margin:0}.transition-info-list li{font-size:12px;color:#6b7280;padding:2px 0}.transition-info-list li:before{content:"• ";color:#9ca3af}.transition-activate-btn{width:100%;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#16a34a!important;color:#fff!important}.transition-activate-btn:hover:not(:disabled){background-color:#15803d!important}.transition-activate-btn:disabled{background-color:#9ca3af!important;cursor:not-allowed}.transition-action-note{font-size:12px;color:#6b7280;text-align:center;margin-top:12px}.transition-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.transition-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.transition-modal-header{padding:24px 24px 0}.transition-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.transition-modal-desc{font-size:16px;color:#6b7280;margin:0}.transition-modal-content{padding:24px}.transition-modal-info-box{background-color:#f0fdf4;border:1px solid #BBF7D0;border-radius:10px;padding:16px;margin-bottom:16px}.transition-modal-info-box h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 12px}.transition-modal-info-box ul{list-style:none;padding:0;margin:0}.transition-modal-info-box li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#374151;padding:6px 0}.transition-modal-info-box li svg{color:#16a34a;flex-shrink:0;margin-top:2px}.transition-modal-notice-box{display:flex;align-items:flex-start;gap:12px;background-color:#eff6ff;border:1px solid #BFDBFE;border-radius:10px;padding:16px}.transition-modal-notice-box>svg{color:#2563eb;flex-shrink:0}.transition-modal-notice-box h4{font-size:15px;font-weight:600;color:#1e40af;margin:0 0 4px}.transition-modal-notice-box p{font-size:14px;color:#3b82f6;margin:0}.transition-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB;background-color:#f9fafb;border-radius:0 0 16px 16px}.transition-confirm-btn{display:flex;align-items:center;gap:8px;background-color:#16a34a!important;color:#fff!important}.transition-confirm-btn:hover:not(:disabled){background-color:#15803d!important}.transition-confirm-btn:disabled{background-color:#9ca3af!important}.transition-confirm-btn .spinner{animation:spin 1s linear infinite}.transition-success{padding:24px;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.transition-success-banner{background:linear-gradient(135deg,#16a34a,#10b981)!important;color:#fff;padding:48px 24px!important;text-align:center}.transition-success-icon{width:80px;height:80px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#16a34a}.transition-success-title{font-size:30px;font-weight:700;margin:0 0 8px;color:#fff}.transition-success-subtitle{font-size:18px;color:#ffffffe6;margin:0}.transition-success-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.transition-success-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.transition-success-stats{grid-template-columns:1fr}}.transition-success-stat{display:flex;align-items:center;gap:12px;padding:20px!important}.transition-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transition-stat-purple{background-color:#f3e8ff;color:#7c3aed}.transition-stat-green{background-color:#dcfce7;color:#16a34a}.transition-stat-blue{background-color:#dbeafe;color:#2563eb}.transition-stat-orange{background-color:#ffedd5;color:#ea580c}.transition-stat-label{font-size:12px;color:#6b7280;margin-bottom:2px}.transition-stat-value{font-size:24px;font-weight:700;color:#111827}.transition-success-actions{padding:24px!important}.transition-actions-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.transition-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.transition-actions-grid{grid-template-columns:1fr}}.transition-action-btn-primary{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px!important;height:auto!important;background-color:#7c3aed!important;color:#fff!important}.transition-action-btn-primary:hover{background-color:#6d28d9!important}.transition-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px!important;height:auto!important}.transfer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.transfer-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out;overflow:hidden}.transfer-modal-header{padding:24px;background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:space-between}.transfer-modal-header-content{display:flex;align-items:center;gap:12px}.transfer-modal-header-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.transfer-modal-title{font-size:20px;font-weight:700;margin:0}.transfer-modal-property-name{font-size:14px;color:#fffc;margin:4px 0 0}.transfer-modal-close{padding:8px;background:none;border:none;color:#fff;cursor:pointer;border-radius:8px;transition:background-color .2s}.transfer-modal-close:hover{background-color:#ffffff1a}.transfer-modal-content{flex:1;overflow-y:auto;padding:24px;max-height:calc(90vh - 200px)}.transfer-step-select{display:flex;flex-direction:column;gap:24px}.transfer-preconditions{display:flex;gap:12px;padding:16px;border-radius:10px;border:2px solid}.transfer-preconditions.preconditions-met{background-color:#f0fdf4;border-color:#bbf7d0}.transfer-preconditions.preconditions-not-met{background-color:#fef2f2;border-color:#fecaca}.transfer-preconditions-icon{flex-shrink:0}.transfer-preconditions.preconditions-met .transfer-preconditions-icon{color:#16a34a}.transfer-preconditions.preconditions-not-met .transfer-preconditions-icon{color:#dc2626}.transfer-preconditions-content{flex:1}.transfer-preconditions-title{font-size:15px;font-weight:600;margin:0 0 12px}.transfer-preconditions.preconditions-met .transfer-preconditions-title{color:#166534}.transfer-preconditions.preconditions-not-met .transfer-preconditions-title{color:#991b1b}.transfer-preconditions-list{display:flex;flex-direction:column;gap:8px}.transfer-precondition-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.transfer-precondition-item .icon-success{color:#16a34a}.transfer-precondition-item .icon-error{color:#dc2626}.transfer-warning-banner{padding:12px 16px;background-color:#fef9c3;border:1px solid #FDE68A;border-radius:8px}.transfer-warning-banner p{font-size:14px;color:#92400e;margin:0}.transfer-section{display:flex;flex-direction:column;gap:12px}.transfer-label{font-size:14px;font-weight:500;color:#374151}.transfer-label .required{color:#dc2626}.transfer-owners-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.transfer-owner-item{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #E5E7EB;border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:all .2s;width:100%}.transfer-owner-item:hover:not(.owner-disabled){border-color:#c4b5fd}.transfer-owner-item.owner-selected{border-color:#7c3aed;background-color:#f3e8ff}.transfer-owner-item.owner-disabled{opacity:.5;cursor:not-allowed}.transfer-owner-avatar{width:40px;height:40px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.transfer-owner-info{flex:1}.transfer-owner-name{font-size:15px;font-weight:600;color:#111827;margin:0}.transfer-owner-email{font-size:13px;color:#6b7280;margin:2px 0 0}.transfer-owner-properties{text-align:right}.transfer-owner-properties p{font-size:12px;color:#6b7280;margin:0}.transfer-input{padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:all .2s}.transfer-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.transfer-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.transfer-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s}.transfer-option:hover:not(.option-disabled){border-color:#c4b5fd}.transfer-option.option-selected{border-color:#7c3aed;background-color:#f3e8ff}.transfer-option.option-disabled{opacity:.5;cursor:not-allowed}.transfer-checkbox{width:20px;height:20px;accent-color:#7C3AED;margin-top:2px}.transfer-option-title{font-size:15px;font-weight:600;color:#111827;margin:0}.transfer-option-desc{font-size:13px;color:#6b7280;margin:4px 0 0}.transfer-textarea{padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;resize:none;font-family:inherit;transition:all .2s}.transfer-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.transfer-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.transfer-step-confirm{display:flex;flex-direction:column;gap:24px}.transfer-confirm-warning{display:flex;gap:12px;padding:24px;background-color:#fffbeb;border:2px solid #FDE68A;border-radius:12px}.transfer-confirm-warning>svg{color:#d97706;flex-shrink:0}.transfer-confirm-warning h3{font-size:16px;font-weight:700;color:#92400e;margin:0 0 8px}.transfer-confirm-warning p{font-size:14px;color:#a16207;margin:0 0 12px}.transfer-confirm-warning ul{list-style:disc;padding-left:20px;margin:0}.transfer-confirm-warning li{font-size:14px;color:#a16207;padding:2px 0}.transfer-summary{padding:24px;background-color:#f9fafb;border-radius:12px}.transfer-summary h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 16px}.transfer-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.transfer-summary-item{display:flex;flex-direction:column;gap:2px}.transfer-summary-label{font-size:12px;color:#6b7280;margin:0}.transfer-summary-value{font-size:15px;font-weight:600;color:#111827;margin:0}.transfer-summary-extra{padding-top:16px;border-top:1px solid #E5E7EB;margin-top:16px}.transfer-summary-notes{font-size:14px;color:#374151;margin:0}.transfer-step-success{text-align:center;padding:48px 24px}.transfer-success-icon{width:80px;height:80px;background-color:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#16a34a;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.transfer-success-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.transfer-success-desc{font-size:16px;color:#6b7280;margin:0 0 24px}.transfer-success-notice{padding:16px;background-color:#eff6ff;border:1px solid #BFDBFE;border-radius:10px;max-width:400px;margin:0 auto}.transfer-success-notice p{font-size:14px;color:#1e40af;margin:0}.transfer-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #E5E7EB;background-color:#f9fafb}.transfer-continue-btn,.transfer-confirm-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;color:#fff!important}.transfer-continue-btn:hover:not(:disabled),.transfer-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7c3aed)!important}.transfer-continue-btn:disabled,.transfer-confirm-btn:disabled{background:#9ca3af!important;cursor:not-allowed}.transfer-done-btn{width:100%;background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;color:#fff!important}.transfer-spinner{width:16px;height:16px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.detail-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:detailModalSlideIn .3s ease-out;overflow:hidden}@keyframes detailModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.detail-modal-header{padding:24px;background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-modal-header-content{display:flex;align-items:center;gap:16px}.detail-modal-header-icon{width:56px;height:56px;background:#fff3;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-modal-title{font-size:22px;font-weight:700;margin:0}.detail-modal-subtitle{font-size:14px;color:#fffc;margin:4px 0 0}.detail-modal-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.detail-badge-transferred{background-color:#dcfce7!important;color:#15803d!important;font-weight:600!important}.detail-badge-completed{background-color:#fff!important;color:#7c3aed!important;font-weight:600!important}.detail-modal-close{padding:8px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;border-radius:8px;transition:background-color .2s}.detail-modal-close:hover{background-color:#fff3}.detail-modal-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.detail-section{display:flex;flex-direction:column;gap:16px}.detail-section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111827;margin:0;padding-bottom:12px;border-bottom:1px solid #E5E7EB}.detail-section-title svg{color:#7c3aed}.detail-description{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.detail-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.detail-info-grid{grid-template-columns:repeat(2,1fr)}}.detail-info-item{display:flex;flex-direction:column;gap:4px}.detail-info-label{font-size:12px;color:#6b7280}.detail-info-value{font-size:14px;font-weight:600;color:#111827}.detail-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 768px){.detail-metrics-grid{grid-template-columns:repeat(2,1fr)}}.detail-metric-card{background-color:#f9fafb;border-radius:10px;padding:16px;text-align:center}.detail-metric-value{font-size:24px;font-weight:700;color:#111827}.detail-metric-label{font-size:12px;color:#6b7280;margin-top:4px}.detail-amenities{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.detail-amenities-label{font-size:14px;color:#6b7280}.detail-amenities-tags{display:flex;gap:8px;flex-wrap:wrap}.detail-amenity-tag{padding:4px 12px;background-color:#f3e8ff;color:#7c3aed;border-radius:20px;font-size:12px;font-weight:500}.detail-phases{display:flex;flex-direction:column;gap:8px}.detail-phase-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#f0fdf4;border-radius:8px}.detail-phase-status{color:#16a34a;flex-shrink:0}.detail-phase-info{flex:1;display:flex;flex-direction:column;gap:2px}.detail-phase-name{font-size:14px;font-weight:500;color:#111827}.detail-phase-duration{font-size:12px;color:#6b7280}.detail-phase-cost{font-size:14px;font-weight:600;color:#111827}.detail-financial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.detail-financial-grid{grid-template-columns:repeat(2,1fr)}}.detail-financial-item{display:flex;flex-direction:column;gap:4px;padding:16px;background-color:#f9fafb;border-radius:10px}.detail-financial-label{font-size:12px;color:#6b7280}.detail-financial-value{font-size:16px;font-weight:600;color:#111827}.detail-financial-highlight{color:#7c3aed}.detail-financial-warning{color:#d97706}.detail-documents{display:flex;flex-direction:column;gap:8px}.detail-document-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#f9fafb;border-radius:8px;transition:background-color .2s}.detail-document-item:hover{background-color:#f3f4f6}.detail-document-icon{width:40px;height:40px;background-color:#e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.detail-document-info{flex:1;display:flex;flex-direction:column;gap:2px}.detail-document-name{font-size:14px;font-weight:500;color:#111827}.detail-document-meta{font-size:12px;color:#6b7280}.detail-document-download{padding:8px;background:none;border:1px solid #E5E7EB;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.detail-document-download:hover{background-color:#7c3aed;border-color:#7c3aed;color:#fff}.detail-transfer-section{background-color:#f0fdf4;padding:20px;border-radius:12px;border:1px solid #BBF7D0}.detail-transfer-section .detail-section-title{border-bottom-color:#bbf7d0}.detail-transfer-section .detail-section-title svg{color:#16a34a}.detail-transfer-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 640px){.detail-transfer-info{grid-template-columns:1fr}}.detail-transfer-item{display:flex;flex-direction:column;gap:4px}.detail-transfer-label{font-size:12px;color:#166534}.detail-transfer-value{font-size:14px;font-weight:600;color:#166534}.detail-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #E5E7EB;background-color:#f9fafb}.detail-footer-actions,.detail-export-btn,.detail-print-btn{display:flex;align-items:center;gap:8px}@media (max-width: 640px){.detail-modal-header{flex-direction:column;gap:12px}.detail-modal-header-right{width:100%;justify-content:space-between}.detail-modal-footer{flex-direction:column;gap:12px}.detail-modal-footer button,.detail-footer-actions{width:100%}.detail-footer-actions button{flex:1}}.completed-projects{padding:24px;display:flex;flex-direction:column;gap:24px}.completed-header{margin-bottom:8px}.completed-title{font-size:30px;font-weight:700;color:#111827;margin:0 0 8px}.completed-subtitle{font-size:16px;color:#6b7280;margin:0}.completed-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.completed-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.completed-stats{grid-template-columns:1fr}}.completed-stat-card{padding:24px!important}.completed-stat-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.completed-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.completed-stat-blue{background-color:#dbeafe;color:#2563eb}.completed-stat-purple{background-color:#f3e8ff;color:#7c3aed}.completed-stat-green{background-color:#dcfce7;color:#16a34a}.completed-stat-orange{background-color:#ffedd5;color:#ea580c}.completed-stat-label{font-size:14px;color:#6b7280;margin:0}.completed-stat-value{font-size:30px;font-weight:700;color:#111827;margin:0}.completed-stat-purple-text{color:#7c3aed}.completed-stat-green-text{color:#16a34a}.completed-list-card{overflow:hidden}.completed-list-header{padding:24px;border-bottom:1px solid #E5E7EB}.completed-list-title{font-size:20px;font-weight:700;color:#111827;margin:0}.completed-list{display:flex;flex-direction:column}.completed-project-item{padding:24px;border-bottom:1px solid #E5E7EB;transition:background-color .2s}.completed-project-item:last-child{border-bottom:none}.completed-project-item:hover{background-color:#f9fafb}.completed-project-item.item-transferred{opacity:.75}.completed-project-content{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}@media (max-width: 768px){.completed-project-content{flex-direction:column}}.completed-project-info{flex:1}.completed-project-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.completed-project-name{font-size:18px;font-weight:700;color:#111827;margin:0}.completed-readonly-badge{font-size:12px;color:#6b7280}.completed-badge-transferred{background-color:#dcfce7!important;color:#15803d!important;font-weight:600!important}.completed-badge-ready{display:flex;align-items:center;gap:4px;background-color:#f3e8ff!important;color:#7c3aed!important;font-weight:600!important}.completed-badge-pending{background-color:#fef9c3!important;color:#a16207!important;font-weight:600!important}.completed-project-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}@media (max-width: 1024px){.completed-project-meta{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.completed-project-meta{grid-template-columns:1fr}}.completed-project-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.completed-project-meta-item svg{flex-shrink:0}.completed-project-details{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.completed-project-units{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.completed-project-units svg{color:#9ca3af}.completed-project-requirements{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.completed-requirement{font-size:12px;padding:4px 8px;border-radius:4px;font-weight:500}.completed-requirement.req-success{background-color:#dcfce7;color:#15803d}.completed-requirement.req-warning{background-color:#fef9c3;color:#a16207}.completed-requirement.req-error{background-color:#fee2e2;color:#dc2626}.completed-transfer-info{margin-top:12px;padding:12px;background-color:#f0fdf4;border:1px solid #BBF7D0;border-radius:8px}.completed-transfer-info p{font-size:14px;color:#166534;margin:0}.completed-transfer-name{font-weight:600}.completed-project-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 768px){.completed-project-actions{width:100%}.completed-project-actions button{flex:1}}.completed-view-btn,.completed-details-btn{display:flex;align-items:center;gap:8px}.completed-transfer-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;color:#fff!important}.completed-transfer-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7c3aed)!important}.completed-transfer-btn:disabled{background:#9ca3af!important;cursor:not-allowed}.test-digitalocean-spaces{padding:24px;max-width:800px;margin:0 auto}.test-spaces-card{padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.test-spaces-header{margin-bottom:24px}.test-spaces-header h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.test-spaces-header p{font-size:14px;color:#666;margin:0}.test-spaces-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.test-spaces-results{margin-top:24px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.test-spaces-results h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.test-results-json{background:#fff;padding:16px;border-radius:4px;border:1px solid #e5e7eb;font-size:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow-x:auto;color:#1a1a1a;line-height:1.5}.test-spaces-loading{display:flex;align-items:center;gap:12px;padding:16px;color:#666;font-size:14px}.settings-page{padding:24px;max-width:1200px;margin:0 auto}.settings-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.settings-header-icon{color:#7c3aed}.settings-title{font-size:30px;font-weight:700;background:linear-gradient(135deg,#7c3aed,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.settings-subtitle{font-size:16px;color:#6b7280;margin:4px 0 0}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}@media (max-width: 1024px){.settings-layout{grid-template-columns:1fr}}.settings-nav-card{position:sticky;top:24px;height:fit-content}.settings-nav{display:flex;flex-direction:column;gap:4px;padding:16px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;color:#374151;transition:all .2s;text-align:left;width:100%}.settings-nav-item:hover,.settings-nav-item.active{background-color:#f3e8ff;color:#7c3aed}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-section{padding:24px!important}.settings-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.settings-section-header h2{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#111827;margin:0}.settings-section-header .section-icon{color:#7c3aed}.settings-section-header-with-subtitle .settings-section-header-inner{display:flex;align-items:flex-start;gap:12px}.settings-section-header-with-subtitle .settings-section-header-inner h2{margin-bottom:4px}.settings-section-subtitle{font-size:13px;color:#6b7280;margin:0;line-height:1.4;max-width:480px}.settings-profile-photo{display:flex;align-items:center;gap:16px;margin-bottom:24px}.settings-avatar{width:80px;height:80px;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700}.settings-avatar-info{display:flex;flex-direction:column;gap:8px}.settings-upload-btn{display:flex;align-items:center;gap:8px}.settings-photo-hint{font-size:12px;color:#6b7280;margin:0}.settings-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 640px){.settings-form-grid{grid-template-columns:1fr}}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field-full{grid-column:1 / -1}.settings-field label{font-size:14px;font-weight:500;color:#374151}.settings-input{height:48px;padding:0 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:all .2s;width:100%;box-sizing:border-box}.settings-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.settings-input-icon{position:relative}.settings-input-icon svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1}.settings-input-icon .settings-input{padding-left:40px}.settings-select{height:48px;padding:0 40px 0 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s;width:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.settings-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.settings-textarea{padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;resize:vertical;font-family:inherit;width:100%;transition:all .2s;box-sizing:border-box}.settings-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.settings-toggles{display:flex;flex-direction:column;gap:12px}.settings-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#f9fafb;border-radius:10px}.settings-toggle-label{font-size:15px;font-weight:500;color:#111827}.settings-toggle-desc{font-size:13px;color:#6b7280;margin-top:2px}.settings-switch{position:relative;display:inline-block;width:48px;height:26px}.settings-switch input{opacity:0;width:0;height:0}.settings-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;border-radius:26px;transition:.3s}.settings-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.settings-switch input:checked+.settings-switch-slider{background-color:#7c3aed}.settings-switch input:checked+.settings-switch-slider:before{transform:translate(22px)}.settings-password-box{display:flex;gap:16px;padding:20px;background-color:#eff6ff;border:1px solid #BFDBFE;border-radius:12px;margin-top:24px}.settings-password-box>svg{color:#2563eb;flex-shrink:0}.settings-password-title{font-size:15px;font-weight:600;color:#1e40af;margin-bottom:4px}.settings-password-desc{font-size:14px;color:#3b82f6;margin-bottom:12px}.settings-billing{display:flex;flex-direction:column;gap:24px}.settings-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 768px){.settings-plan-grid{grid-template-columns:1fr}}.settings-plan-info{display:flex;flex-direction:column;gap:16px}.settings-plan-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-plan-item{display:flex;flex-direction:column;gap:4px}.settings-plan-label{font-size:13px;color:#6b7280}.settings-plan-value{font-size:15px;font-weight:600;color:#111827}.settings-plan-name{font-size:24px}.settings-plan-actions{display:flex;flex-direction:column;gap:12px}.settings-upgrade-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;color:#fff!important}.settings-cancel-btn{color:#dc2626!important}.settings-cancel-btn:hover{background-color:#fee2e2!important}.settings-usage-list{display:flex;flex-direction:column;gap:20px}.settings-usage-item{display:flex;flex-direction:column;gap:8px}.settings-usage-header{display:flex;justify-content:space-between;font-size:14px;font-weight:500;color:#111827}.settings-progress-bar{height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.settings-progress-fill{height:100%;background-color:#16a34a;border-radius:4px;transition:width .3s}.settings-add-btn{display:flex;align-items:center;gap:8px}.settings-payment-list{display:flex;flex-direction:column;gap:12px}.settings-payment-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid #E5E7EB;border-radius:10px;transition:border-color .2s}.settings-payment-item:hover{border-color:#c4b5fd}.settings-payment-icon{width:48px;height:48px;background-color:#f3e8ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#7c3aed;flex-shrink:0}.settings-payment-info{flex:1;display:flex;flex-direction:column;gap:4px}.settings-payment-header{display:flex;align-items:center;gap:8px}.settings-payment-type{font-size:15px;font-weight:600;color:#111827}.settings-payment-number{font-family:monospace;color:#6b7280}.settings-payment-expiry{font-size:13px;color:#6b7280}.settings-payment-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.settings-remove-btn{color:#dc2626!important}.settings-remove-btn:hover{background-color:#fee2e2!important}.settings-invoices-table{overflow-x:auto}.settings-invoices-table table{width:100%;border-collapse:collapse}.settings-invoices-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:#6b7280;border-bottom:1px solid #E5E7EB}.settings-invoices-table td{padding:16px;font-size:14px;color:#374151;border-bottom:1px solid #F3F4F6}.settings-invoices-table tr:hover{background-color:#f9fafb}.settings-invoice-number{font-family:monospace;font-weight:500;color:#111827}.settings-invoice-amount{font-weight:600;color:#111827}.settings-invoice-actions{display:flex;align-items:center;gap:8px}.settings-invoice-actions button{display:flex;align-items:center;gap:4px}.settings-badge-active{background-color:#dcfce7!important;color:#15803d!important}.settings-badge-default,.settings-badge-paid{background-color:#dcfce7!important;color:#15803d!important;font-size:11px!important}.settings-save-container{display:flex;justify-content:flex-end}.settings-save-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;color:#fff!important;padding:12px 24px!important}.settings-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7c3aed)!important}.settings-save-btn:disabled{opacity:.7;cursor:not-allowed}.settings-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.settings-nav-card{position:static}.settings-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.settings-nav-item{flex:1;min-width:120px;justify-content:center}}@media (max-width: 640px){.settings-payment-item{flex-direction:column}.settings-payment-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}.settings-current-subscription{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:24px;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border:2px solid #DDD6FE;border-radius:12px}.settings-current-left{display:flex;gap:16px}.settings-current-icon{padding:12px;border-radius:12px;color:#fff}.settings-gradient-basic{background:linear-gradient(135deg,#4b5563,#6b7280)}.settings-gradient-professional{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.settings-gradient-enterprise{background:linear-gradient(135deg,#2563eb,#4f46e5)}.settings-current-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.settings-current-name{font-size:24px;font-weight:700;color:#111827;margin:0}.settings-current-label{font-size:14px;color:#6b7280;margin:0 0 12px}.settings-current-price{display:flex;align-items:baseline;gap:4px}.settings-current-price-value{font-size:40px;font-weight:700;color:#7c3aed}.settings-current-price-period{font-size:16px;color:#6b7280}.settings-current-right{text-align:right}.settings-current-billing-label{font-size:14px;color:#6b7280;margin-bottom:4px}.settings-current-billing-date{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-weight:600;color:#111827}.settings-current-footer{margin-top:24px;padding-top:24px;border-top:1px solid #DDD6FE;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.settings-current-footer-left{display:flex;gap:48px}.settings-current-payment-label,.settings-current-features-label{font-size:14px;color:#6b7280}.settings-current-payment-value,.settings-current-features-value{display:flex;align-items:center;gap:8px;font-weight:600;color:#111827;margin-top:4px}.settings-current-footer-right{display:flex;gap:8px}.settings-current-footer-right button{display:flex;align-items:center;gap:8px}.settings-billing-toggle-wrap{display:flex;justify-content:center;margin:8px 0}.settings-billing-toggle{display:inline-flex;align-items:center;gap:8px;background-color:#f3f4f6;padding:4px;border-radius:8px}.settings-billing-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s}.settings-billing-toggle-btn:hover{color:#111827}.settings-billing-toggle-btn.active{background-color:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.settings-badge-save{background-color:#10b981!important;color:#fff!important;font-size:10px!important}.settings-badge-active{background-color:#7c3aed!important;color:#fff!important}.settings-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1024px){.settings-plans-grid{grid-template-columns:1fr}}.settings-plan-card{padding:24px;position:relative;overflow:hidden;transition:all .3s}.settings-plan-popular{border:2px solid #7C3AED;box-shadow:0 10px 40px #7c3aed26}.settings-plan-current{box-shadow:0 0 0 2px #7c3aed,0 0 0 4px #7c3aed33}.settings-plan-badge-popular{position:absolute;top:0;right:0;background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;font-size:10px;font-weight:700;padding:4px 16px;border-bottom-left-radius:8px}.settings-plan-badge-current{position:absolute;top:0;left:0;background-color:#10b981;color:#fff;font-size:10px;font-weight:700;padding:4px 16px;border-bottom-right-radius:8px}.settings-plan-icon{display:inline-flex;padding:12px;border-radius:12px;color:#fff;margin-bottom:16px}.settings-plan-card .settings-plan-name{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.settings-plan-desc{font-size:14px;color:#6b7280;margin:0 0 16px}.settings-plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.settings-plan-price-value{font-size:40px;font-weight:700;color:#111827}.settings-plan-price-period{font-size:16px;color:#6b7280}.settings-plan-savings{font-size:12px;color:#10b981;margin:0 0 24px}.settings-plan-btn{width:100%;margin-bottom:24px;color:#fff!important;border:none!important}.settings-plan-btn-disabled{background-color:#d1d5db!important;cursor:not-allowed}.settings-plan-features{display:flex;flex-direction:column;gap:12px}.settings-plan-feature{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#374151}.settings-plan-feature svg{color:#10b981;flex-shrink:0;margin-top:2px}.settings-comparison-table-wrap{overflow-x:auto}.settings-comparison-table{width:100%;border-collapse:collapse}.settings-comparison-table th,.settings-comparison-table td{padding:12px 16px}.settings-comparison-table th{font-size:14px;font-weight:600;color:#111827;border-bottom:1px solid #E5E7EB;text-align:center}.settings-comparison-table th:first-child{text-align:left}.settings-comparison-table td{border-bottom:1px solid #E5E7EB;color:#111827}.settings-comparison-table tr:hover{background-color:#f9fafb}.settings-comparison-cell{text-align:center!important}.settings-help-section{text-align:center;padding:32px;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-radius:12px}.settings-help-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.settings-help-desc{font-size:14px;color:#6b7280;margin:0 0 16px}@media (max-width: 768px){.settings-current-subscription{flex-direction:column}.settings-current-right{text-align:left}.settings-current-billing-date{justify-content:flex-start}.settings-current-footer{flex-direction:column;align-items:flex-start}.settings-current-footer-left{flex-direction:column;gap:16px}.settings-current-footer-right{width:100%;flex-wrap:wrap}.settings-current-footer-right button{flex:1;min-width:140px;justify-content:center}}.settings-connection-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;font-size:14px;color:#92400e}.settings-connection-banner span{font-weight:600}.settings-show-all-wrap{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:#374151;cursor:pointer}.settings-show-all-wrap input.settings-checkbox{width:16px;height:16px;accent-color:#7C3AED;cursor:pointer}.settings-tenant-note{margin:-8px 0 16px;padding:10px 14px;font-size:13px;color:#6b7280;background:#f3f4f6;border-radius:8px;border:1px solid #e5e7eb}.settings-access{display:flex;flex-direction:column;gap:24px}.settings-access-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.settings-access-header-left{display:flex;align-items:center;gap:12px}.settings-access-icon{color:#7c3aed}.settings-access-title{font-size:20px;font-weight:700;color:#111827;margin:0}.settings-access-subtitle{font-size:14px;color:#6b7280;margin:0}.settings-add-user-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;color:#fff!important}.settings-access-filters{display:flex;gap:16px;flex-wrap:wrap}.settings-access-search{flex:1;min-width:200px;position:relative}.settings-access-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.settings-access-search .settings-input{padding-left:40px}.settings-filter-select{min-width:160px}.settings-filter-row{display:flex;gap:16px}.settings-users-table-wrap{overflow-x:auto}.settings-users-table{width:100%;border-collapse:collapse}.settings-users-table th{text-align:left;padding:12px 16px;font-size:14px;font-weight:600;color:#111827;border-bottom:2px solid #E5E7EB}.settings-users-table td{padding:16px;border-bottom:1px solid #F3F4F6;vertical-align:middle}.settings-users-table tr:hover{background-color:#f9fafb}.settings-user-name{font-weight:500;color:#111827}.settings-user-email{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.settings-user-email svg{color:#9ca3af}.settings-user-status{display:flex;align-items:center;gap:12px}.settings-user-date{color:#6b7280;font-size:14px}.settings-user-actions{display:flex;align-items:center;gap:8px}.settings-action-btn{padding:8px;border:none;background:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.settings-action-btn:hover{background-color:#f3f4f6;color:#111827}.settings-action-delete:hover{background-color:#fee2e2;color:#dc2626}.settings-role-admin{background-color:#e2e8f0!important;color:#334155!important}.settings-role-owner{background-color:#dbeafe!important;color:#1d4ed8!important}.settings-role-developer{background-color:#f3e8ff!important;color:#7c3aed!important}.settings-role-investor{background-color:#d1fae5!important;color:#059669!important}.settings-role-team{background-color:#ffedd5!important;color:#ea580c!important}.settings-role-vendor{background-color:#f3f4f6!important;color:#4b5563!important}.settings-role-default{background-color:#f3f4f6!important;color:#6b7280!important}.settings-status-active{background-color:#d1fae5!important;color:#059669!important;display:flex!important;align-items:center!important;gap:4px!important}.settings-status-inactive{background-color:#f3f4f6!important;color:#6b7280!important;display:flex!important;align-items:center!important;gap:4px!important}.settings-switch-small{width:36px;height:20px}.settings-switch-small .settings-switch-slider:before{height:14px;width:14px}.settings-switch-small input:checked+.settings-switch-slider:before{transform:translate(16px)}.settings-no-users{text-align:center;padding:48px 24px;color:#6b7280}.settings-no-users svg{margin-bottom:16px;opacity:.5}.settings-no-users h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.settings-no-users p{margin:0}.settings-permissions-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.settings-permissions-header-left{display:flex;align-items:center;gap:12px}.settings-permissions-header-left h3{font-size:18px;font-weight:600;color:#111827;margin:0}.settings-badge-edit{background-color:#fef3c7!important;color:#b45309!important}.settings-permissions-actions{display:flex;gap:8px}.settings-edit-permissions-btn{color:#7c3aed!important;border-color:#7c3aed!important}.settings-edit-permissions-btn:hover{background-color:#f3e8ff!important}.settings-save-permissions-btn{background-color:#7c3aed!important;color:#fff!important}.settings-edit-mode-notice{display:flex;gap:12px;padding:16px;background-color:#fef3c7;border:1px solid #FCD34D;border-radius:8px;margin-bottom:24px}.settings-edit-mode-notice svg{color:#b45309;flex-shrink:0}.settings-edit-mode-notice strong{display:block;color:#92400e;margin-bottom:4px}.settings-edit-mode-notice p{color:#92400e;font-size:14px;margin:0}.settings-permissions-table-wrap{overflow-x:auto;margin-bottom:24px}.settings-permissions-table{width:100%;border-collapse:collapse}.settings-permissions-table th{padding:12px 16px;font-size:14px;font-weight:600;color:#111827;border-bottom:2px solid #E5E7EB;text-align:center}.settings-permissions-table th:first-child{text-align:left}.settings-permissions-table td{padding:16px;border-bottom:1px solid #F3F4F6;color:#111827}.settings-permissions-table tr:hover{background-color:#f9fafb}.settings-permission-cell{text-align:center}.settings-permission-cell svg{margin:0 auto}.settings-role-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.settings-role-cards{grid-template-columns:1fr}}.settings-role-card{padding:20px!important}.settings-role-card-slate{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border:1px solid #CBD5E1!important}.settings-role-card-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border:1px solid #BFDBFE!important}.settings-role-card-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff)!important;border:1px solid #E9D5FF!important}.settings-role-card-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;border:1px solid #A7F3D0!important}.settings-role-card-orange{background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;border:1px solid #FED7AA!important}.settings-role-permissions{list-style:none;padding:0;margin:16px 0 0}.settings-role-permissions li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#374151;margin-bottom:8px}.settings-role-permissions li svg{flex-shrink:0;margin-top:2px}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.settings-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.settings-modal-header h2{font-size:20px;font-weight:700;color:#111827;margin:0}.settings-modal-close{padding:8px;border:none;background:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.settings-modal-close:hover{background-color:#f3f4f6;color:#111827}.settings-modal-desc{padding:8px 24px 0;color:#6b7280;font-size:14px;margin:0}.settings-modal-content{padding:24px}.settings-modal-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}@media (max-width: 640px){.settings-modal-form-grid{grid-template-columns:1fr}}.settings-project-access{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.settings-project-access-desc{font-size:13px;color:#6b7280;margin:4px 0 10px}.settings-project-access-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px 0}.settings-project-access-item{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.settings-project-access-item input{width:18px;height:18px;accent-color:#7c3aed;cursor:pointer}.settings-project-access-loading,.settings-project-access-empty{font-size:13px;color:#6b7280;margin:0}.settings-modal-info{display:flex;gap:12px;padding:16px;background-color:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;margin-top:24px}.settings-modal-info svg{color:#2563eb;flex-shrink:0}.settings-modal-info strong{display:block;color:#1e40af;margin-bottom:4px}.settings-modal-info p{color:#1e40af;font-size:14px;margin:0}.settings-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid #E5E7EB}.settings-submit-user-btn{background-color:#7c3aed!important;color:#fff!important}.settings-submit-user-btn:hover{background-color:#6d28d9!important}@media (max-width: 768px){.settings-access-header{flex-direction:column;align-items:stretch}.settings-access-filters{flex-direction:column}.settings-filter-row{width:100%}.settings-filter-select{flex:1;min-width:0}.settings-permissions-header{flex-direction:column;align-items:stretch}.settings-permissions-actions{justify-content:flex-end}}.upgrade-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upgrade-modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:672px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.upgrade-modal-header{padding:24px;border-radius:16px 16px 0 0;color:#fff}.upgrade-modal-gradient-professional{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.upgrade-modal-gradient-enterprise{background:linear-gradient(135deg,#2563eb,#4f46e5)}.upgrade-modal-gradient-basic{background:linear-gradient(135deg,#4b5563,#6b7280)}.upgrade-modal-header-content{display:flex;align-items:center;justify-content:space-between}.upgrade-modal-header-left{display:flex;align-items:center;gap:12px}.upgrade-modal-title{font-size:24px;font-weight:700;margin:0}.upgrade-modal-subtitle{font-size:14px;margin:4px 0 0;opacity:.9}.upgrade-modal-close{padding:8px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#fff;transition:background-color .2s}.upgrade-modal-close:hover{background-color:#fff3}.upgrade-modal-content{padding:24px}.upgrade-modal-alert{display:flex;gap:12px;padding:16px;background-color:#fef3c7;border:1px solid #FCD34D;border-radius:12px;margin-bottom:24px}.upgrade-modal-alert-icon{padding:8px;background-color:#fde68a;border-radius:8px;color:#b45309;flex-shrink:0}.upgrade-modal-alert-title{font-size:16px;font-weight:600;color:#78350f;margin:0 0 4px}.upgrade-modal-alert-text{font-size:14px;color:#92400e;margin:0}.upgrade-modal-alert-tier{font-weight:600}.upgrade-modal-pricing{margin-bottom:24px}.upgrade-modal-pricing-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.upgrade-modal-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.upgrade-modal-pricing-grid{grid-template-columns:1fr}}.upgrade-modal-plan-current{border:2px solid #E5E7EB;border-radius:12px;padding:16px}.upgrade-modal-plan-recommended{border-radius:12px;padding:16px;color:#fff;position:relative;overflow:hidden}.upgrade-modal-recommended-badge{position:absolute;top:0;right:0;background-color:#fff3;font-size:10px;font-weight:700;padding:4px 12px;border-bottom-left-radius:8px}.upgrade-modal-badge-current{background-color:#6b7280!important;color:#fff!important;margin-bottom:12px}.upgrade-modal-badge-upgrade{background-color:#fff!important;color:#7c3aed!important;margin-bottom:12px}.upgrade-modal-plan-name-label{font-size:14px;color:#6b7280;margin-bottom:4px}.upgrade-modal-plan-recommended .upgrade-modal-plan-name-label{color:#fffc}.upgrade-modal-plan-name{font-size:24px;font-weight:700;color:#111827;margin-bottom:8px}.upgrade-modal-plan-recommended .upgrade-modal-plan-name{color:#fff}.upgrade-modal-plan-price{font-size:32px;font-weight:700;color:#111827}.upgrade-modal-plan-recommended .upgrade-modal-plan-price{color:#fff}.upgrade-modal-plan-period{font-size:14px;font-weight:400;color:#6b7280}.upgrade-modal-plan-recommended .upgrade-modal-plan-period{color:#fffc}.upgrade-modal-plan-additional{font-size:12px;color:#ffffffb3;margin-top:8px}.upgrade-modal-benefits{margin-bottom:24px}.upgrade-modal-benefits-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111827;margin:0 0 12px}.upgrade-modal-benefits-title svg{color:#7c3aed}.upgrade-modal-benefits-list{display:flex;flex-direction:column;gap:8px}.upgrade-modal-benefit-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#374151}.upgrade-modal-benefit-item svg{color:#10b981;flex-shrink:0;margin-top:2px}.upgrade-modal-value{background-color:#f3e8ff;border:1px solid #DDD6FE;border-radius:12px;padding:16px;margin-bottom:24px}.upgrade-modal-value-title{font-size:16px;font-weight:600;color:#581c87;margin:0 0 8px}.upgrade-modal-value-list{display:flex;flex-direction:column;gap:4px}.upgrade-modal-value-list p{font-size:14px;color:#7e22ce;margin:0}.upgrade-modal-value-list p:before{content:"• "}.upgrade-modal-actions{display:flex;gap:12px}.upgrade-modal-btn-cancel{flex:1}.upgrade-modal-btn-upgrade{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff!important;border:none!important}.upgrade-modal-btn-upgrade:hover{opacity:.9}.upgrade-modal-trust{margin-top:16px;text-align:center}.upgrade-modal-trust p{font-size:12px;color:#6b7280;margin:0}.tier-switcher{position:fixed;bottom:24px;right:24px;z-index:50;background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;padding:16px;border:2px solid #DDD6FE}.tier-switcher-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#111827;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s;padding:4px;border-radius:4px}.tier-switcher-header:hover{color:#8c30f5;background-color:#f3f4f6}.tier-switcher-header svg{color:#7c3aed}.tier-switcher-chevron{margin-left:auto;transition:transform .2s ease;color:#6b7280}.tier-switcher-chevron.expanded{transform:rotate(180deg)}.tier-switcher-buttons{display:flex;gap:8px}.tier-switcher-btn{padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;background-color:#f3f4f6;color:#374151;transition:all .2s}.tier-switcher-btn:hover{background-color:#e5e7eb}.tier-switcher-btn.active{color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px #a78bfa}.tier-switcher-btn-basic.active{background-color:#6b7280}.tier-switcher-btn-professional.active{background-color:#7c3aed}.tier-switcher-btn-enterprise.active{background-color:#2563eb}.tier-switcher-current{font-size:12px;color:#6b7280;margin-top:8px;text-align:center}.tier-switcher-current span{font-weight:600}.App{min-height:100vh;width:100%}.convex-unavailable{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e2e8f0}.convex-unavailable-card{max-width:420px;text-align:center;padding:48px 32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0003}.convex-unavailable-icon{color:#f59e0b;margin-bottom:24px}.convex-unavailable-title{font-size:24px;font-weight:700;margin:0 0 16px;color:#f8fafc}.convex-unavailable-message{font-size:16px;line-height:1.5;margin:0 0 16px;color:#cbd5e1}.convex-unavailable-contact{font-size:13px;line-height:1.5;margin:0;color:#94a3b8}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1f2937;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff}#root{width:100%;min-height:100vh}:root{--font-size: 14px;--background: #f8faf9;--foreground: #1a1a1a;--card: #ffffff;--card-foreground: #1a1a1a;--popover: #ffffff;--popover-foreground: #1a1a1a;--primary: #22c55e;--primary-foreground: #ffffff;--secondary: #f1f5f4;--secondary-foreground: #1a1a1a;--muted: #f1f5f4;--muted-foreground: #6b7280;--accent: #dcfce7;--accent-foreground: #166534;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #e5e7eb;--input: transparent;--input-background: #ffffff;--switch-background: #e5e7eb;--font-weight-medium: 500;--font-weight-normal: 400;--ring: #22c55e;--chart-1: #22c55e;--chart-2: #3b82f6;--chart-3: #f59e0b;--chart-4: #ef4444;--chart-5: #8b5cf6;--radius: .625rem;--sidebar: #2c5f4e;--sidebar-foreground: #ffffff;--sidebar-primary: #7bdc93;--sidebar-primary-foreground: #2c5f4e;--sidebar-accent: #3a6b5a;--sidebar-accent-foreground: #ffffff;--sidebar-border: #3a6b5a;--sidebar-ring: #7bdc93}.dark{--background: #0f172a;--foreground: #f8fafc;--card: #1e293b;--card-foreground: #f8fafc;--popover: #1e293b;--popover-foreground: #f8fafc;--primary: #22c55e;--primary-foreground: #ffffff;--secondary: #334155;--secondary-foreground: #f8fafc;--muted: #334155;--muted-foreground: #94a3b8;--accent: #1e3a2e;--accent-foreground: #22c55e;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #334155;--input: #334155;--ring: #22c55e;--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: #22c55e;--chart-2: #3b82f6;--chart-3: #f59e0b;--chart-4: #ef4444;--chart-5: #8b5cf6;--sidebar: #2c5f4e;--sidebar-foreground: #ffffff;--sidebar-primary: #7bdc93;--sidebar-primary-foreground: #2c5f4e;--sidebar-accent: #3a6b5a;--sidebar-accent-foreground: #ffffff;--sidebar-border: #3a6b5a;--sidebar-ring: #7bdc93}*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground);font-size:var(--font-size)}html{font-size:var(--font-size)}.gradient-sidebar{background:linear-gradient(135deg,var(--sidebar) 0%,var(--sidebar-accent) 100%)}[data-sonner-toast]{padding:16px 20px!important;border-radius:8px!important;font-size:14px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}[data-sonner-toast][data-type=success]{background-color:#f0fdf4!important;border:1px solid #BBF7D0!important;color:#166534!important}[data-sonner-toast][data-type=error]{background-color:#fef2f2!important;border:1px solid #FECACA!important;color:#991b1b!important}[data-sonner-toast][data-type=info]{background-color:#eff6ff!important;border:1px solid #BFDBFE!important;color:#1e40af!important}[data-sonner-toast][data-type=warning]{background-color:#fffbeb!important;border:1px solid #FDE68A!important;color:#92400e!important}[data-sonner-toast] [data-title]{font-weight:500!important;font-size:14px!important;line-height:1.5!important;padding:0!important;margin:0!important}[data-sonner-toast] [data-description]{font-size:13px!important;line-height:1.5!important;padding:0!important;margin:4px 0 0!important;opacity:.9!important}[data-sonner-toast] [data-icon]{margin-right:12px!important;width:20px!important;height:20px!important}[data-sonner-toast] [data-button]{padding:6px 12px!important;border-radius:6px!important;font-size:13px!important;margin-left:12px!important}[data-sonner-toast] [data-close-button]{padding:4px!important;margin-left:12px!important;border-radius:4px!important}.gradient-sidebar-reverse{background:linear-gradient(135deg,var(--sidebar-accent) 0%,var(--sidebar) 100%)}.gradient-card{background:linear-gradient(135deg,var(--sidebar) 0%,var(--sidebar-accent) 50%,var(--sidebar) 100%)}.gradient-primary{background:linear-gradient(135deg,var(--sidebar-primary) 0%,rgba(123,220,147,.8) 100%)}.gradient-glow{box-shadow:0 0 20px #7bdc934d,0 0 40px #7bdc931a}@keyframes activeIndicator{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}.active-indicator{animation:activeIndicator 2s ease-in-out infinite}.sidebar-expand{transition:width .3s cubic-bezier(.4,0,.2,1)}.gradient-border{position:relative;background:linear-gradient(135deg,var(--sidebar-primary),var(--sidebar-accent));border-radius:1.5rem;padding:1px}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:linear-gradient(135deg,var(--sidebar-primary),transparent,var(--sidebar-primary));border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}