:root{--color-primary: #0d9488;--color-primary-dark: #0f766e;--color-primary-light: #14b8a6;--color-primary-subtle: #ccfbf1;--color-secondary: #6366f1;--color-secondary-dark: #4f46e5;--color-background: #f8fafc;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-success: #10b981;--color-success-bg: #d1fae5;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-error: #ef4444;--color-error-bg: #fee2e2;--color-info: #3b82f6;--color-info-bg: #dbeafe;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 280px;--header-height: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3;color:var(--color-text-primary)}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}p{color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}input,textarea,select{font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;width:100%;transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}label{font-weight:500;font-size:.875rem;color:var(--color-text-primary);display:block;margin-bottom:var(--spacing-sm)}button{font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;border:none;border-radius:var(--radius-md);padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-slideIn{animation:slideIn .3s ease-out}.stagger-children>*{animation:fadeIn .4s ease-out both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.register-page{height:100vh;display:flex;overflow:hidden}.register-branding{flex:1;display:none;background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);padding:var(--spacing-3xl);position:fixed;left:0;top:0;width:50%;height:100vh;overflow:hidden;flex-shrink:0}.register-branding:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%)}.register-branding:after{content:"";position:absolute;bottom:-30%;left:-30%;width:80%;height:80%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%)}.branding-content{position:relative;z-index:1;color:#fff;max-width:500px;height:100%;display:flex;flex-direction:column;justify-content:center}.branding-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.branding-logo-icon{width:48px;height:48px;background:#fff3;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.branding-content h1{font-size:2rem;font-weight:800;margin-bottom:var(--spacing-lg);line-height:1.2}.branding-content p{font-size:1.0625rem;line-height:1.6;margin-bottom:var(--spacing-2xl);opacity:.95}.branding-features{display:flex;flex-direction:column;gap:var(--spacing-lg)}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-md)}.feature-icon{width:40px;height:40px;background:#ffffff26;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.feature-item span{font-size:.9375rem;line-height:1.5;opacity:.95}.register-form-container{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-xl);background:var(--color-background);overflow-y:auto;overflow-x:hidden;min-height:100vh}.register-card{width:100%;max-width:480px;animation:fadeIn .5s ease-out;padding:var(--spacing-lg) 0;margin:auto}.register-header{text-align:center;margin-bottom:var(--spacing-xl)}.register-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.register-logo-icon{width:44px;height:44px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.register-logo span{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.register-header h2{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.register-header p{color:var(--color-text-muted);font-size:.9375rem}.register-form-card{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.register-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.register-form .form-group{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.radio-group{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-xs)}.radio-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.radio-option span{font-size:.9375rem;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.radio-option:hover span{color:var(--color-text-primary)}.form-section-divider{margin:var(--spacing-lg) 0 var(--spacing-md) 0;padding-top:var(--spacing-md);border-top:1px solid var(--color-border);position:relative}.form-section-divider span{position:absolute;top:-10px;left:0;background:var(--color-surface);padding:0 var(--spacing-sm);font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;z-index:1}.input-with-icon input,.input-with-icon select{padding-left:44px;padding-right:44px}.selected-trades-tags{margin-top:8px;position:relative;z-index:0}.select-wrapper select{width:100%;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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.role-option{position:relative}.role-option input{position:absolute;opacity:0;width:0;height:0}.role-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.role-card:hover{border-color:var(--color-primary-light);background:var(--color-primary-subtle)}.role-option input:checked+.role-card{border-color:var(--color-primary);background:var(--color-primary-subtle)}.role-icon{width:48px;height:48px;background:var(--color-background);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.role-option input:checked+.role-card .role-icon{background:var(--color-primary);color:#fff}.role-card h4{font-size:.9375rem;margin:0}.role-card p{font-size:.8125rem;color:var(--color-text-muted);margin:0}.referral-welcome-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:14px 18px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.referral-welcome-banner svg{color:#22c55e;flex-shrink:0}.referral-welcome-banner strong{display:block;color:#166534;font-size:.9375rem;margin-bottom:2px}.referral-welcome-banner span{display:block;color:#15803d;font-size:.8125rem}.submit-btn{width:100%;padding:14px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.register-footer{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-muted);font-size:.9375rem}.register-footer a{color:var(--color-primary);font-weight:600}.register-footer a:hover{text-decoration:underline}@media(min-width:1024px){.register-branding{display:flex;align-items:center;justify-content:center}.register-form-container{margin-left:50%}.register-logo{display:none}}.selected-trades-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}@media(max-width:600px){.form-row,.role-selector{grid-template-columns:1fr}.register-form-container{padding:var(--spacing-md)}.register-form-card{padding:var(--spacing-lg)}.multi-select-options{max-height:200px}}.login-page{min-height:100vh;display:flex}.login-branding{flex:1;display:none;background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);padding:var(--spacing-3xl);position:fixed;left:0;top:0;width:50%;height:100vh;overflow:hidden}.login-branding:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%)}.login-branding:after{content:"";position:absolute;bottom:-30%;left:-30%;width:80%;height:80%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%)}.branding-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;max-width:480px}.branding-logo{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl)}.branding-logo-icon{width:48px;height:48px;background:#fff3;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.branding-logo span{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.branding-content h1{font-size:2.75rem;color:#fff;margin-bottom:var(--spacing-lg);line-height:1.2}.branding-content p{font-size:1.125rem;color:#ffffffd9;line-height:1.7}.branding-features{margin-top:var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.feature-item{display:flex;align-items:center;gap:var(--spacing-md)}.feature-icon{width:44px;height:44px;background:#ffffff26;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-item span{font-size:1rem;color:#ffffffe6}.login-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-background)}.login-card{width:100%;max-width:420px;animation:fadeIn .5s ease-out}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.login-logo-icon{width:44px;height:44px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.login-logo span{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.login-header h2{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.login-header p{color:var(--color-text-muted);font-size:.9375rem}.login-form-card{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-form .form-group{margin-bottom:0}.input-with-icon input{padding-left:44px;padding-right:44px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.password-toggle:focus{outline:none}.submit-btn{width:100%;padding:14px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.submit-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-muted);font-size:.9375rem}.login-footer a{color:var(--color-primary);font-weight:600}.login-footer a:hover{text-decoration:underline}@media(min-width:1024px){.login-branding{display:flex;align-items:center;justify-content:center}.login-form-container{margin-left:50%}.login-logo{display:none}}@media(max-width:480px){.login-form-container{padding:var(--spacing-md)}.login-form-card{padding:var(--spacing-lg)}}.dashboard-layout{display:flex;min-height:100vh;background:var(--color-background)}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--transition-base)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-logo-icon{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-logo span{font-family:var(--font-heading);font-size:1.375rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.sidebar-nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.nav-section{margin-bottom:var(--spacing-lg)}.nav-section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:12px var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;margin-bottom:4px}.nav-item:hover{background:var(--color-background);color:var(--color-text-primary)}.nav-item.active{background:var(--color-primary-subtle);color:var(--color-primary)}.nav-item-icon{width:20px;height:20px;flex-shrink:0}.nav-item-badge{margin-left:auto;background:var(--color-primary);color:#fff;font-size:.6875rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.user-menu{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.user-menu:hover{background:var(--color-background)}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem}.user-info{flex:1;min-width:0}.user-name{font-weight:600;color:var(--color-text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh}.top-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.mobile-menu-btn{display:none;padding:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);cursor:pointer}.page-title{font-family:var(--font-heading);font-size:1.375rem;font-weight:700;color:var(--color-text-primary)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.header-btn{padding:10px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-btn:hover{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-text-muted)}.logout-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.page-content{padding:var(--spacing-xl);max-width:1400px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md);transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.primary{background:var(--color-primary-subtle);color:var(--color-primary)}.stat-icon.secondary{background:#ede9fe;color:#7c3aed}.stat-icon.success{background:var(--color-success-bg);color:var(--color-success)}.stat-icon.warning{background:var(--color-warning-bg);color:var(--color-warning)}.stat-content h3{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.stat-content p{font-size:.875rem;color:var(--color-text-muted);margin:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.section-actions{display:flex;gap:var(--spacing-sm)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}#invitations-section+.projects-grid{margin-bottom:var(--spacing-2xl)}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);animation:fadeIn .4s ease-out both}.project-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.project-card-header h3{font-size:1.0625rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;flex:1;margin-right:var(--spacing-md)}.project-gc-info{display:flex;align-items:center;gap:6px;margin-top:var(--spacing-xs);padding:6px 10px;background:var(--color-primary-subtle);border-radius:var(--radius-md);width:fit-content}.project-gc-info svg{color:var(--color-primary);flex-shrink:0}.gc-label{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.gc-name{font-size:.8125rem;color:var(--color-primary);font-weight:600}.project-description{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.project-meta-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.8125rem}.project-meta-item svg{flex-shrink:0}.project-bid-breakdown{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-md)}.bid-breakdown-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.project-stats{display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.project-stat{display:flex;flex-direction:column;gap:2px}.project-stat-value{font-weight:700;color:var(--color-primary);font-size:1rem}.project-stat-label{font-size:.75rem;color:var(--color-text-muted)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.status-draft{background:var(--color-border-light);color:var(--color-text-secondary)}.status-open{background:var(--color-success-bg);color:#065f46}.status-closed{background:var(--color-error-bg);color:#991b1b}.status-awarded{background:var(--color-info-bg);color:#1e40af}.status-submitted{background:var(--color-warning-bg);color:#92400e}.status-reviewed{background:#dbeafe;color:#1e40af}.status-shortlisted{background:#ede9fe;color:#5b21b6}.status-rejected{background:var(--color-error-bg);color:#991b1b}.status-pending{background:var(--color-warning-bg);color:#92400e}.status-accepted{background:var(--color-success-bg);color:#065f46}.status-declined{background:var(--color-error-bg);color:#991b1b}.empty-state{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.empty-state h3{font-size:1.125rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.empty-state p{color:var(--color-text-muted);max-width:400px;margin:0 auto var(--spacing-lg)}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);animation:fadeIn .3s ease-out}.form-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.form-card-title{font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.subscription-banner{background:linear-gradient(135deg,var(--color-primary-subtle) 0%,#d1fae5 100%);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-lg)}.subscription-banner.tier-free{background:linear-gradient(135deg,var(--color-background) 0%,#f3f4f6 100%);border-color:var(--color-border)}.subscription-banner.tier-starter{background:linear-gradient(135deg,#dbeafe,#ede9fe);border-color:#3b82f6}.subscription-banner.tier-pro{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.subscription-banner.tier-enterprise{background:linear-gradient(135deg,#ede9fe,#fce7f3);border-color:#8b5cf6}.subscription-info{display:flex;align-items:center;gap:var(--spacing-md)}.subscription-icon{width:48px;height:48px;background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:var(--shadow-sm)}.tier-pro .subscription-icon{color:#f59e0b}.tier-enterprise .subscription-icon{color:#8b5cf6}.subscription-details h3{font-size:1.125rem;margin:0 0 4px;color:var(--color-text-primary)}.subscription-details p{display:flex;align-items:center;gap:var(--spacing-md);margin:0;color:var(--color-text-secondary);font-size:.875rem}.subscription-details p span{display:flex;align-items:center;gap:4px}.guarantee-banner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md)}.guarantee-banner.tier-free{border-left:4px solid var(--color-text-muted)}.guarantee-banner.tier-standard{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#fff,#eff6ff)}.guarantee-banner.tier-pro{border-left:4px solid #10b981;background:linear-gradient(135deg,#fff,#ecfdf5)}.guarantee-banner.tier-elite{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#1f2937,#111827)}.guarantee-banner.tier-elite .guarantee-title h3,.guarantee-banner.tier-elite .guarantee-meta{color:#fff}.guarantee-banner.tier-elite .guarantee-meta span{color:#9ca3af}.guarantee-banner.tier-elite .guarantee-badge{background:#f59e0b33;color:#fbbf24}.elite-badge-inline{display:inline-flex;align-items:center;padding:2px 8px;margin-left:var(--spacing-sm);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:var(--radius-full);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.guarantee-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.guarantee-title{display:flex;align-items:center;gap:var(--spacing-md)}.guarantee-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.guarantee-icon.tier-free{background:var(--color-background);color:var(--color-text-muted)}.guarantee-icon.tier-standard{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.guarantee-icon.tier-pro{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.guarantee-icon.tier-elite{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.guarantee-title h3{font-size:1.25rem;margin:0 0 4px;display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.guarantee-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.tier-starter .guarantee-badge{background:#dbeafe;color:#1d4ed8}.tier-pro .guarantee-badge{background:#d1fae5;color:#059669}.tier-enterprise .guarantee-badge{background:#fef3c7;color:#d97706}.guarantee-meta{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:.875rem;margin:0}.guarantee-meta span{display:flex;align-items:center;gap:4px}.upgrade-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:10px 20px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;text-decoration:none;transition:all var(--transition-fast)}.upgrade-btn:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-1px)}.guarantee-progress-section{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.guarantee-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.progress-label{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--color-text-primary);font-size:.9375rem}.progress-count{font-size:.875rem;color:var(--color-text-muted)}.guarantee-progress-bar{height:12px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-md)}.guarantee-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#047857 100%);border-radius:var(--radius-full);transition:width .5s ease-out}.tier-standard .guarantee-progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.tier-pro .guarantee-progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.tier-elite .guarantee-progress-fill,.tier-premium .guarantee-progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.tier-premium .guarantee-progress-bar,.tier-elite .guarantee-progress-bar{background:#374151}.tier-elite .progress-label,.tier-elite .guarantee-met,.tier-elite .guarantee-remaining{color:#fff}.tier-elite .progress-count{color:#9ca3af}.guarantee-progress-footer{font-size:.875rem}.guarantee-met{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-weight:600}.guarantee-remaining{color:var(--color-text-muted)}.premium-benefits-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.benefits-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-sm)}.benefit-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary)}.benefit-icon{color:var(--color-success);flex-shrink:0}.free-plan-limitations{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.limitations-title{font-size:1rem;font-weight:600;color:var(--color-warning);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.limitations-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.limitation-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary)}.limitation-text{display:flex;align-items:center;gap:var(--spacing-xs)}.upgrade-cta-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;text-decoration:none;transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.upgrade-cta-link:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.plan-comparison-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.comparison-table{margin-top:var(--spacing-lg);overflow-x:auto}.comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.comparison-feature{font-weight:600}.comparison-plan{text-align:center;padding:var(--spacing-sm);border-radius:var(--radius-sm);position:relative}.comparison-plan.premium{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.comparison-plan.current{border:2px solid var(--color-primary);background:var(--color-primary-subtle)}.plan-label{font-weight:700;font-size:1rem;margin-bottom:var(--spacing-xs)}.current-badge{display:inline-block;padding:2px 8px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-top:var(--spacing-xs)}.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);align-items:center;font-size:.875rem}.comparison-row:last-child{border-bottom:none}.comparison-value{text-align:center;color:var(--color-text-secondary)}.comparison-value.premium-value{color:var(--color-text-primary);font-weight:500}.comparison-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);margin-top:var(--spacing-md);font-weight:700;font-size:1rem}.upgrade-inline-btn{display:inline-block;margin-left:var(--spacing-sm);padding:4px 12px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.upgrade-inline-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.subscription-stats{display:flex;gap:var(--spacing-lg)}.sub-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);min-width:120px}.sub-stat svg{color:var(--color-primary)}.sub-stat span{font-weight:700;font-size:1.125rem;color:var(--color-text-primary)}.sub-stat label{font-size:.75rem;color:var(--color-text-muted);text-align:center}@media(max-width:768px){.subscription-banner{flex-direction:column;align-items:stretch}.subscription-stats{justify-content:center}}.access-banner{background:linear-gradient(135deg,var(--color-warning-bg) 0%,#fef9c3 100%);border:1px solid #fbbf24;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;align-items:flex-start;gap:var(--spacing-md)}.access-banner-icon{width:44px;height:44px;background:#fef3c7;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#d97706;flex-shrink:0}.access-banner-content h3{font-size:1rem;color:#92400e;margin-bottom:var(--spacing-xs)}.access-banner-content p{color:#a16207;font-size:.875rem;margin-bottom:var(--spacing-md)}.access-banner-content button{background:#d97706;color:#fff;padding:10px 20px;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.access-banner-content button:hover{background:#b45309}.error-banner{background:var(--color-error-bg);border:1px solid #fca5a5;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;align-items:flex-start;gap:var(--spacing-md)}.error-banner-icon{width:44px;height:44px;background:#fee2e2;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-error);flex-shrink:0}.error-banner-content p{color:#991b1b;font-weight:500;margin:0}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md)}.loading-text{color:var(--color-text-muted);font-size:.9375rem}.users-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border)}.users-table th{background:var(--color-background);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.users-table td{font-size:.875rem;color:var(--color-text-primary)}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background:var(--color-background)}.user-cell{display:flex;align-items:center;gap:var(--spacing-md)}.user-cell-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8125rem}.access-indicator{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem}.access-indicator.active{color:var(--color-success)}.access-indicator.inactive{color:var(--color-text-muted)}.tier-select{padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:.8125rem;font-weight:500;cursor:pointer;min-width:130px;transition:all var(--transition-fast)}.tier-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.tier-select.tier-free{background-color:#f3f4f6;color:#374151}.tier-select.tier-standard{background-color:#dbeafe;color:#1e40af;border-color:#93c5fd}.tier-select.tier-pro{background-color:#d1fae5;color:#065f46;border-color:#6ee7b7}.tier-select.tier-elite{background-color:#fef3c7;color:#92400e;border-color:#fcd34d}.section-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);margin-left:var(--spacing-sm)}.empty-state.small{padding:var(--spacing-xl)}.empty-state.small .empty-state-icon{width:56px;height:56px}.project-card-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm)}.project-card.invitation-pending{border-left:3px solid var(--color-warning)}.project-card.invitation-viewed{border-left:3px solid var(--color-info, #3b82f6)}.project-card.has-bid{border-left:3px solid var(--color-success)}.celebration-section{animation:celebration-pulse 2s ease-in-out infinite}.celebration-icon{color:#f59e0b;animation:celebration-bounce 1s ease-in-out infinite}.celebration-sparkle{color:#fbbf24;animation:celebration-sparkle 1.5s ease-in-out infinite;margin-left:-8px}.celebration-badge{background:linear-gradient(135deg,#f59e0b,#fbbf24);animation:celebration-glow 2s ease-in-out infinite;box-shadow:0 0 10px #f59e0b80}.new-invitation-celebration{position:relative;border:2px solid #f59e0b;background:linear-gradient(135deg,#fff,#fef3c7);animation:celebration-card-entrance .6s ease-out;box-shadow:0 4px 20px #f59e0b4d}.new-invitation-celebration:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#f59e0b,#fbbf24,#f59e0b);border-radius:var(--radius-lg);z-index:-1;animation:celebration-border 2s linear infinite;background-size:200% 200%}.celebration-overlay{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;gap:var(--spacing-xs);z-index:10;pointer-events:none}.celebration-overlay svg{color:#f59e0b;animation:celebration-float 2s ease-in-out infinite}.celebration-overlay svg:nth-child(2){animation-delay:.5s}.status-badge.new-badge{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;font-weight:700;animation:celebration-badge-pulse 1.5s ease-in-out infinite;box-shadow:0 0 15px #f59e0b99}@keyframes celebration-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes celebration-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-10deg)}75%{transform:translateY(-5px) rotate(10deg)}}@keyframes celebration-sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.7;transform:scale(1.2) rotate(180deg)}}@keyframes celebration-glow{0%,to{box-shadow:0 0 10px #f59e0b80}50%{box-shadow:0 0 20px #f59e0bcc}}@keyframes celebration-card-entrance{0%{transform:scale(.9) translateY(-20px);opacity:0}50%{transform:scale(1.05) translateY(5px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes celebration-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes celebration-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-15deg)}75%{transform:translateY(-8px) rotate(15deg)}}@keyframes celebration-badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #f59e0b99}50%{transform:scale(1.1);box-shadow:0 0 25px #f59e0be6}}.projects-section{margin-bottom:var(--spacing-xl)}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-menu-btn{display:block}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:99;display:none}.sidebar-overlay.open{display:block}}@media(max-width:768px){.page-content{padding:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.projects-grid,.form-row{grid-template-columns:1fr}.top-header{padding:var(--spacing-md)}}.dashboard{min-height:100vh;background:var(--color-background)}.dashboard>.dashboard-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.dashboard>.dashboard-nav .nav-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard>.dashboard-nav .nav-logo svg{color:var(--color-primary)}.dashboard>.dashboard-nav .nav-logo h1{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin:0}.dashboard>.dashboard-nav .nav-user{display:flex;align-items:center;gap:var(--spacing-md)}.dashboard>.dashboard-nav .nav-user>svg{color:var(--color-text-muted)}.dashboard>.dashboard-nav .nav-user span{color:var(--color-text-secondary);font-weight:500}.dashboard>.dashboard-nav .nav-user button{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.dashboard>.dashboard-nav .nav-user button:hover{background:var(--color-background);border-color:var(--color-error);color:var(--color-error)}.dashboard>.dashboard-content{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.dashboard>.dashboard-content h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.dashboard>.dashboard-content .user-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.dashboard>.dashboard-content .user-info p{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0;font-size:.9375rem;color:var(--color-text-secondary)}.dashboard>.dashboard-content .user-info p:last-child{margin-bottom:0}.dashboard>.dashboard-content .user-info p svg{color:var(--color-text-muted);flex-shrink:0}.dashboard>.dashboard-content .user-info p strong{color:var(--color-text-primary);margin-right:var(--spacing-sm)}.dashboard>.dashboard-content .user-info .access-active,.dashboard>.dashboard-content .user-info .access-inactive{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;margin-left:var(--spacing-sm)}.dashboard>.dashboard-content .user-info .access-active{background:#dcfce7;color:#166534}.dashboard>.dashboard-content .user-info .access-active svg{color:#22c55e}.dashboard>.dashboard-content .user-info .access-inactive{background:#fee2e2;color:#b91c1c}.dashboard>.dashboard-content .user-info .access-inactive svg{color:#ef4444}.dashboard>.dashboard-content .upgrade-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.dashboard>.dashboard-content .upgrade-banner h3{font-size:1.125rem;font-weight:700;color:#92400e;margin:0 0 var(--spacing-sm) 0}.dashboard>.dashboard-content .upgrade-banner p{font-size:.9375rem;color:#a16207;margin:0 0 var(--spacing-lg) 0}.dashboard>.dashboard-content .upgrade-banner button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;background:#f59e0b;border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.dashboard>.dashboard-content .upgrade-banner button:hover{background:#d97706;transform:translateY(-1px)}.landing-page{min-height:100vh;background:#f8f9fa}.landing-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-content h1{font-size:3.5rem;margin-bottom:20px;font-weight:700}.hero-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:.95}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-primary{background:#fff;color:#667eea;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform .2s,box-shadow .2s;display:inline-block}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0003}.cta-primary.large{padding:20px 40px;font-size:1.2rem}.cta-secondary{color:#fff;padding:16px 32px;border:2px solid white;border-radius:8px;text-decoration:none;font-weight:600;transition:background .2s}.cta-secondary:hover{background:#ffffff1a}.container{max-width:1200px;margin:0 auto;padding:0 20px}.features-section{padding:80px 20px;background:#fff}.features-section h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.feature-card{padding:30px;border-radius:12px;background:#f8f9fa;text-align:center;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#333}.feature-card p{color:#666;line-height:1.6}.how-it-works{padding:80px 20px;background:#f8f9fa}.how-it-works h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#333}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:40px}.step{text-align:center;padding:30px}.step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin:0 auto 20px}.step h3{font-size:1.3rem;margin-bottom:10px;color:#333}.step p{color:#666}.cta-section{padding:80px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-section h2{font-size:2.5rem;margin-bottom:20px}.cta-section p{font-size:1.2rem;margin-bottom:40px;opacity:.95}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.features-grid,.steps{grid-template-columns:1fr}}.sub-info-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.sub-info-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:fadeIn .2s ease-out}.sub-info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.sub-info-modal-header h3{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0}.sub-info-close-btn{padding:var(--spacing-xs);background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sub-info-close-btn:hover{background:var(--color-background);color:var(--color-text-primary)}.sub-info-modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.sub-info-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md);color:var(--color-text-muted)}.sub-info-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.sub-info-avatar-large{width:64px;height:64px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;flex-shrink:0}.sub-info-title{flex:1;min-width:0}.sub-info-title h4{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.sub-info-trade-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.sub-info-tier-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.sub-info-tier-badge.tier-starter{background:#dbeafe;color:#1d4ed8}.sub-info-tier-badge.tier-pro{background:#d1fae5;color:#059669}.sub-info-tier-badge.tier-elite{background:#fef3c7;color:#d97706}.sub-info-section{margin-bottom:var(--spacing-lg)}.sub-info-section:last-child{margin-bottom:0}.sub-info-section h5{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 var(--spacing-md) 0}.sub-info-contact{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sub-info-contact-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9375rem}.sub-info-contact-item svg{color:var(--color-text-muted);flex-shrink:0}.sub-info-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.sub-info-stat-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.sub-info-stat-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-info-stat-icon.success{background:var(--color-success-bg);color:var(--color-success)}.sub-info-stat-content{flex:1;min-width:0}.sub-info-stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.sub-info-stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.rating-stars{display:flex;align-items:center;gap:var(--spacing-xs)}.rating-stars .star{color:#fbbf24}.rating-stars .star.empty{color:var(--color-border)}.rating-value{margin-left:var(--spacing-xs);font-weight:600;color:var(--color-text-primary)}.sub-info-bio{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.sub-info-error{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted)}.sub-info-modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.btn-close-modal{padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-close-modal:hover{background:var(--color-primary-dark)}@media(max-width:768px){.sub-info-modal{max-width:100%;max-height:95vh}.sub-info-stats-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease-out}.modal-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:1000px;height:auto;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface);position:relative;z-index:10}.modal-header h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0}.modal-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:2px solid #cbd5e1;border-radius:var(--radius-md);color:#1e293b;cursor:pointer;transition:all .2s ease;flex-shrink:0;z-index:10;box-shadow:0 2px 4px #0000001a;position:relative}.modal-close-btn svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none}.modal-close-btn:hover{background:#fee2e2;color:#dc2626;border-color:#f87171;box-shadow:0 4px 8px #dc262640;transform:scale(1.08)}.modal-close-btn:active{transform:scale(.98)}.modal-body{flex:1 1 auto;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-xl);max-height:calc(90vh - 160px)}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start;min-height:500px}.modal-left-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-left-column .form-group{margin-bottom:0}.modal-right-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-right-column .form-group{margin-bottom:0}.modal-body label{display:block;font-weight:600;font-size:.875rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.modal-body input,.modal-body textarea{width:100%;padding:12px 16px;background:var(--color-surface);color:var(--color-text-primary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem}.modal-body input::placeholder,.modal-body textarea::placeholder{color:var(--color-text-muted)}.modal-body input:focus,.modal-body textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.template-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.template-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.template-tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.template-tag.selected{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.template-tag svg{flex-shrink:0}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.project-tag{padding:8px 16px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.project-tag:hover{border-color:var(--color-text-muted)}.project-tag.selected{background:var(--color-text-primary);border-color:var(--color-text-primary);color:#fff}.subcontractors-section{display:flex;flex-direction:column}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.section-header-row label{margin-bottom:0}.section-header-row .count{color:var(--color-text-muted);font-weight:400}.import-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:none;color:var(--color-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:color var(--transition-fast)}.import-btn:hover{color:var(--color-primary-dark)}.subcontractors-list{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-y:auto;max-height:220px;min-height:220px;height:220px}.loading-subs,.no-subs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted);gap:var(--spacing-sm)}.no-subs p{font-weight:500;color:var(--color-text-secondary);margin:0}.no-subs span{font-size:.8125rem}.subcontractor-item{display:flex;align-items:center;justify-content:space-between;padding:12px var(--spacing-md);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border)}.subcontractor-item:last-child{border-bottom:none}.subcontractor-item:hover{background:var(--color-background)}.subcontractor-item.selected{background:var(--color-primary-subtle)}.sub-info{display:flex;align-items:center;gap:var(--spacing-md)}.sub-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem;flex-shrink:0}.sub-details{display:flex;flex-direction:column;gap:2px}.sub-name{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.info-icon{color:var(--color-primary);cursor:help}.sub-meta{font-size:.75rem;color:var(--color-text-muted)}.sub-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.sub-info-btn{padding:6px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.sub-info-btn:hover{background:var(--color-background);color:var(--color-primary)}.sub-checkbox{width:20px;height:20px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.sub-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.auto-suggest-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.suggest-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem;color:#92400e}.suggest-info svg{color:#f59e0b}.auto-select-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#fff;border:1px solid #fbbf24;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;color:#92400e;cursor:pointer;transition:all var(--transition-fast)}.auto-select-btn:hover{background:#fef3c7;border-color:#f59e0b}.subs-section-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-md);background:var(--color-primary-subtle);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);border-bottom:1px solid var(--color-border)}.subs-section-label.other{background:var(--color-background);color:var(--color-text-muted)}.subcontractor-item.suggested .sub-avatar{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 2px #fef3c7}.subcontractor-item.suggested .sub-avatar.suggested{background:linear-gradient(135deg,#f59e0b,#d97706)}.trade-badge{display:inline-flex;padding:2px 8px;background:var(--color-primary-subtle);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;color:var(--color-primary)}.trade-badge.muted{background:var(--color-background);color:var(--color-text-muted)}.tier-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--radius-full);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.tier-badge.tier-starter{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed}.tier-badge.tier-pro{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.tier-badge.tier-enterprise{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.tier-badge svg{flex-shrink:0}.upload-section{margin-top:var(--spacing-lg)}.upload-area{border:2px dashed var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all var(--transition-fast);background:var(--color-primary-subtle)}.upload-area:hover{border-color:var(--color-primary-dark);background:#ccfbf1}.upload-area svg{color:var(--color-primary)}.upload-text{font-weight:600;color:var(--color-primary)}.upload-hint{font-size:.8125rem;color:var(--color-text-muted)}.selected-files{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.selected-file{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;background:var(--color-background);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-text-secondary)}.selected-file svg:first-child{color:var(--color-primary)}.selected-file span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-file button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:0}.selected-file button:hover{background:var(--color-error-bg);color:var(--color-error)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--color-border);background:var(--color-surface);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-shrink:0}.btn-cancel{padding:12px 24px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover{background:var(--color-background);border-color:var(--color-text-muted)}.btn-create{display:flex;align-items:center;gap:var(--spacing-sm);padding:14px 28px;background:var(--color-primary);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #0d94884d}.btn-create:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0d948866}.btn-create:disabled{opacity:.6;cursor:not-allowed}.import-modal-overlay{position:absolute;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-xl);animation:fadeIn .15s ease-out;padding:var(--spacing-md)}.import-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.import-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.import-modal-header h3{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0}.import-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.import-close-btn:hover{background:var(--color-background);color:var(--color-text-primary)}.import-modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.import-hint{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.5}.import-upload-section{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.import-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.import-upload-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}.import-or{font-size:.8125rem;color:var(--color-text-muted);font-weight:500}.import-textarea{width:100%;padding:12px 16px;background:var(--color-surface);color:var(--color-text-primary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px}.import-textarea::placeholder{color:var(--color-text-muted)}.import-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.import-results{margin-top:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.import-summary{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.import-stat{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600}.import-stat.success{color:var(--color-success)}.import-stat.success svg{color:var(--color-success)}.import-stat.warning{color:#f59e0b}.import-stat.warning svg{color:#f59e0b}.import-lists-container{display:flex;flex-direction:column;gap:0}.import-matched-list,.import-unmatched-list{border-bottom:1px solid var(--color-border)}.import-matched-list:last-child,.import-unmatched-list:last-child{border-bottom:none}.import-matched-list>label,.import-list-header label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;padding:10px var(--spacing-md);background:var(--color-surface);margin:0;border-bottom:1px solid var(--color-border)}.import-matched-list>label svg{color:var(--color-success)}.import-list-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.import-list-header label{border-bottom:none}.import-list-header label svg{color:#f59e0b}.import-list-actions{display:flex;gap:var(--spacing-xs);padding-right:var(--spacing-md)}.import-list-actions button{padding:4px 10px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.import-list-actions button:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}.import-list-scroll{max-height:150px;overflow-y:auto}.import-matched-item,.import-unmatched-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-md);font-size:.8125rem;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.import-matched-item:last-child,.import-unmatched-item:last-child{border-bottom:none}.import-unmatched-item{cursor:pointer}.import-unmatched-item:hover{background:var(--color-surface)}.import-unmatched-item.selected{background:#fef3c7}.import-checkbox{width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.import-checkbox.checked{background:var(--color-success);border-color:var(--color-success);color:#fff}.import-unmatched-item .import-checkbox.checked{background:#f59e0b;border-color:#f59e0b}.import-name{font-weight:500;color:var(--color-text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-email{color:var(--color-text-muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.import-email-full{color:var(--color-text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface)}.btn-import-apply{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--color-primary);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.btn-import-apply:hover:not(:disabled){background:var(--color-primary-dark)}.btn-import-apply:disabled{opacity:.5;cursor:not-allowed}.pending-invites{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius-md)}.pending-invites>label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--spacing-sm)}.pending-invites>label svg{color:#f59e0b}.pending-invites-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.pending-invite-item{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 12px;background:#fff;border:1px solid #fbbf24;border-radius:var(--radius-full);font-size:.75rem;color:#92400e}.pending-invite-item button{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#92400e;cursor:pointer;transition:all var(--transition-fast);padding:0}.pending-invite-item button:hover{background:#fef3c7;color:#b45309}@media(max-width:768px){.modal-container{max-width:100%;max-height:100vh;border-radius:0}.modal-grid{grid-template-columns:1fr}.modal-body{padding:var(--spacing-md)}.modal-footer{flex-direction:column;gap:var(--spacing-sm)}.btn-cancel,.btn-create{width:100%;justify-content:center}.subcontractors-list{max-height:200px}.import-modal{width:100%;max-height:90vh;margin:0}.import-modal-overlay{padding:var(--spacing-sm)}.import-list-scroll{max-height:120px}.import-modal-footer{flex-direction:column}.import-modal-footer .btn-cancel,.btn-import-apply{width:100%;justify-content:center}.pending-invites-list{max-height:100px;overflow-y:auto}}.referral-card{background:linear-gradient(135deg,#fff,#f0fdf4);border:1px solid #86efac;border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.referral-card.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-primary)}.referral-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.referral-header-icon{width:52px;height:52px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.referral-header h3{font-size:1.125rem;margin:0 0 4px;color:var(--color-text-primary)}.referral-header p{font-size:.875rem;color:var(--color-text-muted);margin:0}.referral-stats-row{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.referral-stat{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 16px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border)}.referral-stat svg{color:#22c55e}.referral-stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.referral-stat-label{font-size:.75rem;color:var(--color-text-muted)}.referral-stat.milestone{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.referral-stat.milestone svg{color:#f59e0b}.referral-stat.milestone .milestone-achieved{color:#22c55e}.referral-reward-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 16px;background:#dcfce7;border-radius:var(--radius-md);font-size:.875rem;color:#166534;margin-bottom:var(--spacing-lg)}.referral-reward-info svg{color:#22c55e;flex-shrink:0}.referral-link-section{margin-bottom:var(--spacing-lg)}.referral-link-section label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.referral-link-box{display:flex;gap:var(--spacing-sm)}.referral-link-box input{flex:1;padding:12px 16px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary)}.copy-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;height:44px;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.copy-btn:hover{background:var(--color-primary-dark)}.copy-btn.copied{background:#22c55e}.copy-btn span{font-size:.8125rem}.referral-code{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-sm)}.referral-code strong{color:var(--color-primary);font-family:monospace;letter-spacing:.1em}.referral-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.btn-invite{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-invite:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.recent-referrals{border-top:1px solid #86efac;padding-top:var(--spacing-lg)}.recent-referrals h4{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.referral-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.referral-item{display:flex;align-items:center;gap:var(--spacing-md);padding:10px 14px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border)}.referral-item.status-activated{border-left:3px solid #22c55e}.referral-item-icon{width:28px;height:28px;background:var(--color-background);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.referral-item.status-activated .referral-item-icon{background:#dcfce7;color:#22c55e}.referral-item-info{display:flex;align-items:center;justify-content:space-between;flex:1}.referral-email{font-size:.875rem;color:var(--color-text-primary)}.referral-status{font-size:.6875rem;text-transform:uppercase;font-weight:600;letter-spacing:.03em;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-background);color:var(--color-text-muted)}.referral-status.activated{background:#dcfce7;color:#166534}.referral-status.registered{background:#dbeafe;color:#1e40af}.invite-modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:480px;padding:var(--spacing-xl);animation:slideUp .3s ease-out}.invite-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.invite-modal-header h3{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;font-size:1.25rem}.invite-modal-header h3 svg{color:var(--color-primary)}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{background:var(--color-background);color:var(--color-text-primary)}.invite-modal .form-group{margin-bottom:var(--spacing-lg)}.invite-modal .form-group label{display:block;font-weight:600;font-size:.875rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.invite-modal .input-with-icon{position:relative}.invite-modal .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.invite-modal .input-with-icon input{width:100%;padding:12px 16px 12px 44px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text-primary)}.invite-modal .input-with-icon input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.invite-modal .role-selector{display:flex;gap:var(--spacing-md)}.invite-modal .role-option{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 16px;background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.invite-modal .role-option:has(input:checked){background:var(--color-primary-subtle);border-color:var(--color-primary)}.invite-modal .role-option input{accent-color:var(--color-primary)}.invite-modal .role-option span{font-size:.875rem;font-weight:500}.reward-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:14px 16px;background:#dcfce7;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.875rem;color:#166534}.reward-preview svg{color:#22c55e;flex-shrink:0}.reward-preview strong{color:#15803d}.btn-send-invite{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:14px 24px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.btn-send-invite:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.btn-send-invite:disabled{opacity:.6;cursor:not-allowed}.success-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 16px;background:#dcfce7;color:#166534;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.875rem;font-weight:500}@media(max-width:768px){.referral-stats-row{flex-direction:column;gap:var(--spacing-sm)}.referral-stat{justify-content:center}.invite-modal .role-selector{flex-direction:column}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-particle{position:absolute;top:-10px;border-radius:50%;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;overflow:hidden}.firework{position:absolute;width:4px;height:4px;border-radius:50%;animation:firework-explode 1s ease-out forwards}@keyframes firework-explode{0%{transform:scale(1);opacity:1}to{transform:scale(20);opacity:0}}.firework-particle{position:absolute;width:3px;height:3px;border-radius:50%;animation:firework-particle 1s ease-out forwards}@keyframes firework-particle{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.admin-overview{display:flex;flex-direction:column;gap:var(--spacing-xl)}.admin-section{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border)}.admin-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl)}.section-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.activity-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border)}.activity-card svg{color:var(--color-primary)}.activity-card h4{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.activity-card p{font-size:.875rem;color:var(--color-text-muted);margin:0}.tier-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.tier-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.tier-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tier-item.tier-premium-item{border:2px solid #f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a)}.tier-item-header{display:flex;align-items:center;gap:var(--spacing-sm)}.tier-name{font-weight:600;text-transform:capitalize;color:var(--color-text-primary);font-size:1rem}.tier-price-badge{padding:2px 8px;background:#f59e0b;color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-left:auto}.tier-count{color:var(--color-text-muted);font-size:.875rem;margin-top:var(--spacing-xs)}.tier-select{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.tier-select.tier-premium{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-weight:600}.tier-select.tier-free{border-color:var(--color-border);background:var(--color-surface)}.tier-select:hover{border-color:var(--color-primary)}.tier-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.top-performers-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.performer-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border)}.performer-rank{font-weight:700;color:var(--color-primary);min-width:30px}.performer-info{flex:1}.performer-name{font-weight:600;color:var(--color-text-primary)}.performer-detail{font-size:.875rem;color:var(--color-text-muted)}.performer-metric{font-weight:600;color:var(--color-primary)}.email-status-card{padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid}.email-status-card.success{background:#f0fdf4;border-color:#22c55e}.email-status-card.warning{background:#fffbeb;border-color:#f59e0b}.email-status-header{display:flex;align-items:center;gap:var(--spacing-md)}.email-status-header h3{margin:0;font-size:1.125rem;color:var(--color-text-primary)}.email-status-header p{margin:4px 0 0;font-size:.875rem;color:var(--color-text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.project-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.project-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-md)}.project-card-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);flex:1}.project-card-body{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-text-secondary)}.project-card-body p{margin:0}.bids-table-container,.invitations-table-container{overflow-x:auto;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.stat-subtext{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}@media(max-width:768px){.admin-section-grid,.activity-grid,.projects-grid{grid-template-columns:1fr}}.project-detail-page{min-height:100vh;background:var(--color-background)}.project-top-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);position:sticky;top:0;z-index:50}.back-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-text-muted)}.project-top-nav h1{flex:1;font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-page-content{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.project-header-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.project-header-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md)}.project-header-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.project-header-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);color:var(--color-text-muted);font-size:.875rem}.project-header-meta-item{display:flex;align-items:center;gap:var(--spacing-sm)}.project-description-text{color:var(--color-text-secondary);line-height:1.7;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.project-tabs{display:flex;gap:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);margin-bottom:var(--spacing-lg);overflow-x:auto}.project-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.project-tab:hover{background:var(--color-background);color:var(--color-text-primary)}.project-tab.active{background:var(--color-primary);color:#fff}.project-tab-badge{background:#fff3;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.project-tab:not(.active) .project-tab-badge{background:var(--color-background);color:var(--color-text-muted)}.tab-content-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);animation:fadeIn .3s ease-out}.overview-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.overview-stat-card{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.overview-stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.overview-stat-label{font-size:.8125rem;color:var(--color-text-muted)}.guaranteed-bids-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.guaranteed-bids-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.guaranteed-bids-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.guaranteed-bids-header h3{font-size:1.125rem;margin:0 0 4px}.guaranteed-bids-header p{font-size:.875rem;color:var(--color-text-muted);margin:0}.guaranteed-bids-content{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-xl);align-items:center}.guaranteed-bids-progress{flex:1}.guaranteed-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.guaranteed-progress-header>span:first-child{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--color-text-primary)}.guaranteed-count{font-size:.875rem;color:var(--color-text-muted)}.guaranteed-progress-bar{height:10px;background:var(--color-background);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.guaranteed-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#047857 100%);border-radius:var(--radius-full);transition:width .5s ease-out}.guaranteed-progress-footer{font-size:.8125rem}.guarantee-achieved{display:inline-flex;align-items:center;gap:4px;color:var(--color-success);font-weight:600}.guarantee-pending{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary)}.guaranteed-bids-stats{display:flex;gap:var(--spacing-lg)}.gb-stat{text-align:center;padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);min-width:80px}.gb-stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--color-primary)}.gb-stat-label{display:block;font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.ai-summary-card{background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}.ai-summary-card h3{display:flex;align-items:center;gap:var(--spacing-sm);color:#fff;margin-bottom:var(--spacing-md)}.ai-summary-card p{color:#ffffffe6;line-height:1.7}.tab-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.tab-section-title{font-size:1.0625rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.tab-form{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-md);align-items:flex-end}.tab-form input[type=email],.tab-form input[type=file]{flex:1}.files-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.file-card{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-fast)}.file-card:hover{background:var(--color-border-light)}.file-icon-wrapper{width:44px;height:44px;background:var(--color-primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-weight:600;color:var(--color-text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:.8125rem;color:var(--color-text-muted);margin:0}.file-action-btn{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;text-decoration:none;font-size:.875rem;transition:all var(--transition-fast)}.file-action-btn:hover{background:var(--color-primary-dark)}.invitation-tracking-summary{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.tracking-stat{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-muted)}.tracking-stat svg{color:var(--color-text-muted)}.tracking-stat.viewed{color:#2563eb}.tracking-stat.viewed svg{color:#2563eb}.tracking-stat.accepted{color:var(--color-success)}.tracking-stat.accepted svg{color:var(--color-success)}.tracking-stat.declined{color:var(--color-error)}.tracking-stat.declined svg{color:var(--color-error)}.invitations-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.invitation-card{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;border-left:3px solid var(--color-border);transition:all var(--transition-fast)}.invitation-card.viewed{border-left-color:#2563eb;background:#eff6ff}.invitation-card.accepted{border-left-color:var(--color-success);background:var(--color-success-bg)}.invitation-card.declined{border-left-color:var(--color-error);background:var(--color-error-bg)}.invitation-info{display:flex;align-items:center;gap:var(--spacing-md)}.invitation-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--color-secondary) 0%,#4f46e5 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.invitation-avatar.viewed{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.invitation-avatar.accepted{background:linear-gradient(135deg,var(--color-success) 0%,#047857 100%)}.invitation-avatar.declined{background:linear-gradient(135deg,var(--color-error) 0%,#b91c1c 100%)}.invitation-details h4{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.invitation-details p{font-size:.8125rem;color:var(--color-text-muted);margin:0}.invitation-meta{display:flex;align-items:center;gap:var(--spacing-md)}.invitation-dates{display:flex;flex-direction:column;gap:2px}.invitation-date{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-muted)}.invitation-date.viewed{color:#2563eb}.sub-company{font-size:.75rem;color:var(--color-primary)}.bids-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.bid-card{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.bid-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md)}.bid-card-user{display:flex;align-items:center;gap:var(--spacing-md)}.bid-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.bid-user-info h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.bid-user-info p{font-size:.8125rem;color:var(--color-text-muted);margin:0}.bid-amount{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:var(--spacing-md) 0}.bid-notes{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:var(--spacing-md)}.bid-file-section{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--color-primary-subtle);border:1px solid var(--color-primary);border-radius:var(--radius-md)}.bid-file-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 16px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;text-decoration:none;transition:all var(--transition-fast);width:100%;justify-content:center}.bid-file-link:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0d94884d}.bid-file-link svg:first-child{flex-shrink:0}.bid-file-link span{flex:1;text-align:center}.bid-file-link svg:last-child{flex-shrink:0;opacity:.8}.bid-ai-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.bid-ai-summary strong{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem}.bid-ai-summary p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin:0}.bid-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.bid-status-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;min-width:150px}.comparison-content{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg)}.comparison-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-body);line-height:1.7;color:var(--color-text-secondary);margin:0}.comparison-date{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-muted);font-style:italic}.tab-empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-muted)}.tab-empty-state-icon{width:56px;height:56px;margin:0 auto var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.tab-empty-state h4{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.tab-empty-state p{max-width:400px;margin:0 auto}.my-bid-card{background:var(--color-info-bg);border:1px solid #93c5fd;border-radius:var(--radius-lg);padding:var(--spacing-xl)}.my-bid-card h4{display:flex;align-items:center;gap:var(--spacing-sm);color:#1e40af;margin-bottom:var(--spacing-md)}.my-bid-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.my-bid-details p{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);margin:0}.my-bid-details strong{color:var(--color-text-primary)}.bid-form-card{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-lg)}.bid-form-card h4{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}@media(max-width:768px){.project-top-nav,.project-page-content{padding:var(--spacing-md)}.project-tabs{padding:var(--spacing-xs)}.project-tab{padding:10px var(--spacing-md);font-size:.875rem}.tab-form{flex-direction:column;align-items:stretch}.invitation-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.invitation-meta{width:100%;justify-content:space-between}.bid-card-header{flex-direction:column;gap:var(--spacing-md)}.bid-card-footer{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.guaranteed-bids-content{grid-template-columns:1fr}.guaranteed-bids-stats{justify-content:center}.invitation-tracking-summary{flex-wrap:wrap;justify-content:center}}.invitation-response-card{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.invitation-response-card h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.125rem;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.invitation-response-card p{color:var(--color-text-secondary);margin:0;font-size:.9375rem}.invitation-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.invitation-accepted-banner{background:var(--color-primary-subtle);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary-dark);font-size:.9375rem}.project-edit-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.project-edit-form .form-group{display:flex;flex-direction:column;gap:6px}.project-edit-form .form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.project-edit-form .form-group input,.project-edit-form .form-group textarea,.project-edit-form .form-group select{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;transition:all var(--transition-fast)}.project-edit-form .form-group input:focus,.project-edit-form .form-group textarea:focus,.project-edit-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.project-edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.project-edit-form .form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}@media(max-width:640px){.project-edit-form .form-row{grid-template-columns:1fr}}.selected-files-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.selected-file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem}.selected-file-item svg{color:var(--color-text-muted);flex-shrink:0}.selected-file-item span{flex:1;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{padding:4px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.remove-file-btn:hover{background:var(--color-error-bg);color:var(--color-error)}.form-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.project-gc-info-header{display:flex;align-items:center;gap:8px;margin:var(--spacing-sm) 0;padding:10px 14px;background:linear-gradient(135deg,var(--color-primary-subtle) 0%,#d1fae5 100%);border-radius:var(--radius-md);width:fit-content;border:1px solid var(--color-primary)}.project-gc-info-header svg{color:var(--color-primary);flex-shrink:0}.gc-label{font-size:.8125rem;color:var(--color-text-muted);font-weight:500}.gc-name-large{font-size:.9375rem;color:var(--color-primary);font-weight:700}.upgrade-modal-overlay{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.upgrade-modal-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}.upgrade-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:10}.upgrade-modal-close:hover{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.upgrade-modal-header{text-align:center;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.upgrade-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--radius-full);color:#fff;margin-bottom:var(--spacing-md);box-shadow:0 8px 24px #fbbf2466}.upgrade-modal-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.upgrade-modal-header p{font-size:.9375rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.upgrade-features{padding:var(--spacing-xl)}.upgrade-features h3{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.feature-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border)}.feature-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);border-radius:var(--radius-md);color:#fff;flex-shrink:0}.feature-text{display:flex;flex-direction:column;gap:4px;flex:1}.feature-text strong{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.feature-text span{font-size:.8125rem;color:var(--color-text-muted);line-height:1.4}.upgrade-pricing-preview{text-align:center;padding:0 var(--spacing-xl) var(--spacing-lg)}.pricing-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:var(--radius-full);font-size:.9375rem;color:#92400e;font-weight:500}.pricing-badge strong{font-weight:700;color:#78350f}.upgrade-modal-actions{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-xl) var(--spacing-xl)}.btn-upgrade-secondary,.btn-upgrade-primary{flex:1;padding:14px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-upgrade-secondary{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text-secondary)}.btn-upgrade-secondary:hover{background:var(--color-background);border-color:var(--color-text-muted)}.btn-upgrade-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:#fff;box-shadow:0 4px 12px #fbbf244d}.btn-upgrade-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2466}.upgrade-footer-note{text-align:center;padding:0 var(--spacing-xl) var(--spacing-xl);font-size:.8125rem;color:var(--color-text-muted);margin:0}@media(max-width:640px){.upgrade-modal-container{max-width:100%;max-height:100vh;border-radius:0}.upgrade-modal-header{border-radius:0}.upgrade-modal-actions{flex-direction:column}.btn-upgrade-secondary,.btn-upgrade-primary{width:100%}}.gc-projects-page{min-height:100vh;background:var(--color-background)}.projects-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);position:sticky;top:0;z-index:50}.nav-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-weight:700;font-size:1.125rem;color:var(--color-text-primary);flex:1}.nav-logo svg{color:var(--color-primary)}.projects-content{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.filters-bar{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:250px;max-width:400px}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-box input{width:100%;padding:10px 16px 10px 44px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;background:var(--color-surface)}.search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.status-filters{display:flex;gap:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px}.status-filter-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-transform:capitalize}.status-filter-btn:hover{background:var(--color-background)}.status-filter-btn.active{background:var(--color-primary);color:#fff}.filter-count{background:#0000001a;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem}.status-filter-btn.active .filter-count{background:#fff3}.refresh-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.refresh-btn svg{width:18px;height:18px;flex-shrink:0}.refresh-btn:hover{background:var(--color-background);color:var(--color-text-primary)}.projects-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-xl)}.projects-table{width:100%;border-collapse:collapse}.projects-table th,.projects-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border)}.projects-table th{background:var(--color-background);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.projects-table tbody tr{transition:background var(--transition-fast)}.projects-table tbody tr:hover{background:var(--color-background)}.projects-table tbody tr:last-child td{border-bottom:none}.project-cell{display:flex;align-items:center;gap:var(--spacing-md)}.project-icon{width:40px;height:40px;background:var(--color-primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.project-info h4{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0 0 2px}.project-info p{font-size:.8125rem;color:var(--color-text-muted);margin:0}.location-cell{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:.875rem}.location-cell svg{color:var(--color-text-muted)}.stat-cell{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:.875rem}.stat-cell svg{color:var(--color-text-muted)}.date-cell{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:.8125rem}.date-cell svg{color:var(--color-text-muted)}.text-muted{color:var(--color-text-muted)}.actions-cell{display:flex;gap:var(--spacing-xs)}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.action-btn svg{width:16px;height:16px;flex-shrink:0}.action-btn:hover{background:var(--color-background)}.action-btn.view:hover{color:var(--color-primary);border-color:var(--color-primary)}.action-btn.edit:hover{color:var(--color-warning);border-color:var(--color-warning)}.action-btn.delete:hover{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-bg)}.gc-projects-page .empty-state{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center}.projects-summary{display:flex;gap:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.summary-label{font-size:.8125rem;color:var(--color-text-muted)}.delete-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:400px;text-align:center;animation:slideUp .3s ease-out}.delete-modal-icon{width:64px;height:64px;background:var(--color-error-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:var(--color-error)}.delete-modal h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.delete-modal p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.delete-modal-actions{display:flex;gap:var(--spacing-md);justify-content:center}.btn-danger{background:var(--color-error);color:#fff}@media(max-width:1024px){.projects-table-container{overflow-x:auto}.projects-table{min-width:800px}}@media(max-width:768px){.projects-content{padding:var(--spacing-md)}.filters-bar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.status-filters{overflow-x:auto;justify-content:flex-start}.projects-nav{flex-wrap:wrap;gap:var(--spacing-md)}.nav-logo{order:-1;width:100%}.projects-summary{flex-wrap:wrap;gap:var(--spacing-lg)}.summary-item{flex:1;min-width:100px}}.help-page{min-height:100vh;background:var(--color-background)}.help-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);position:sticky;top:0;z-index:50}.help-nav-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-weight:700;font-size:1.125rem;color:var(--color-text-primary)}.help-nav-logo svg{color:var(--color-primary)}.help-content{max-width:1100px;margin:0 auto;padding:var(--spacing-xl)}.help-hero{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);color:#fff}.help-hero h1{font-size:2rem;color:#fff;margin-bottom:var(--spacing-sm)}.help-hero p{color:#ffffffd9;font-size:1.0625rem;margin-bottom:var(--spacing-lg)}.help-search{max-width:500px;margin:0 auto;position:relative}.help-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.help-search input{width:100%;padding:14px 16px 14px 48px;border:none;border-radius:var(--radius-lg);font-size:1rem;background:#fff;box-shadow:var(--shadow-lg)}.help-search input:focus{outline:none;box-shadow:var(--shadow-lg),0 0 0 3px #ffffff4d}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.quick-link-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.quick-link-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-link-icon{width:56px;height:56px;background:var(--color-primary-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--color-primary)}.quick-link-card h3{font-size:1rem;margin-bottom:var(--spacing-xs)}.quick-link-card p{font-size:.8125rem;color:var(--color-text-muted);margin:0}.faq-section{margin-bottom:var(--spacing-2xl)}.faq-section>h2{font-size:1.375rem;margin-bottom:var(--spacing-lg)}.faq-grid{display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-lg)}.faq-categories{display:flex;flex-direction:column;gap:var(--spacing-xs)}.faq-category-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.faq-category-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.faq-category-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.category-arrow{margin-left:auto;opacity:.5}.faq-category-btn.active .category-arrow{opacity:1}.faq-questions{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.category-title{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background);font-size:.875rem;color:var(--color-text-muted);margin:0;border-bottom:1px solid var(--color-border)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;font-size:.9375rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.faq-question:hover{background:var(--color-background)}.faq-arrow{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.faq-item.expanded .faq-arrow{transform:rotate(180deg)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg);animation:fadeIn .2s ease-out}.faq-answer p{color:var(--color-text-secondary);line-height:1.7;margin:0}.contact-section{text-align:center;padding:var(--spacing-2xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.contact-section>h2{font-size:1.375rem;margin-bottom:var(--spacing-xs)}.contact-section>p{color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.contact-card{padding:var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-lg);text-align:center}.contact-icon{width:56px;height:56px;background:var(--color-primary-subtle);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--color-primary)}.contact-card h3{font-size:1rem;margin-bottom:var(--spacing-xs)}.contact-card p{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.contact-card a{color:var(--color-primary);font-weight:600;font-size:.9375rem}.chat-btn{padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.chat-btn:hover{background:var(--color-primary-dark)}@media(max-width:768px){.help-content{padding:var(--spacing-md)}.help-hero{padding:var(--spacing-xl)}.help-hero h1{font-size:1.5rem}.faq-grid{grid-template-columns:1fr}.faq-categories{flex-direction:row;overflow-x:auto;padding-bottom:var(--spacing-sm)}.faq-category-btn{white-space:nowrap}.category-arrow{display:none}}.settings-page{min-height:100vh;background:var(--color-background)}.settings-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);position:sticky;top:0;z-index:50}.settings-nav-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-weight:700;font-size:1.125rem;color:var(--color-text-primary)}.settings-nav-logo svg{color:var(--color-primary)}.settings-content{max-width:1100px;margin:0 auto;padding:var(--spacing-xl)}.settings-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl)}.settings-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-user-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.settings-user-avatar{width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;flex-shrink:0}.settings-user-info h3{font-size:1rem;margin-bottom:2px}.settings-user-info p{font-size:.8125rem;color:var(--color-text-muted);margin:0}.settings-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.settings-menu-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:14px var(--spacing-lg);background:transparent;border:none;border-bottom:1px solid var(--color-border);font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.settings-menu-item:last-child{border-bottom:none}.settings-menu-item:hover{background:var(--color-background);color:var(--color-text-primary)}.settings-menu-item.active{background:var(--color-primary-subtle);color:var(--color-primary)}.menu-arrow{margin-left:auto;opacity:.5}.settings-menu-item.active .menu-arrow{opacity:1}.settings-main{min-height:500px}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.section-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.section-header h2{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.section-header p{color:var(--color-text-muted);margin:0}.settings-form{max-width:500px}.settings-form .form-group{margin-bottom:var(--spacing-lg)}.form-section-title{font-size:1rem;margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.input-with-icon{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.input-with-icon input{padding-left:44px}.password-input input{padding-right:44px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--color-text-primary)}.form-actions{margin-top:var(--spacing-xl)}.btn-save{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-save:hover:not(:disabled){background:var(--color-primary-dark)}.btn-save:disabled{opacity:.7;cursor:not-allowed}.notification-settings{max-width:600px}.notification-group{margin-bottom:var(--spacing-xl)}.notification-group h3{font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.notification-item:last-child{border-bottom:none}.notification-info h4{font-size:.9375rem;font-weight:600;margin-bottom:2px}.notification-info p{font-size:.8125rem;color:var(--color-text-muted);margin:0}.toggle{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle input:checked+.toggle-slider{background:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.danger-zone{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.danger-zone h3{font-size:.875rem;font-weight:600;color:var(--color-error);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.danger-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-error-bg);border:1px solid #fca5a5;border-radius:var(--radius-md)}.danger-info h4{font-size:.9375rem;font-weight:600;color:#991b1b;margin-bottom:2px}.danger-info p{font-size:.8125rem;color:#b91c1c;margin:0}.btn-danger{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 20px;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.btn-danger:hover{background:#dc2626}.billing-card{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.billing-plan{margin-bottom:var(--spacing-lg)}.plan-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.plan-info h3{font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.plan-badge{padding:4px 12px;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase}.billing-plan p{color:var(--color-text-secondary);line-height:1.6}.billing-actions{display:flex;gap:var(--spacing-md)}.btn-billing{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.btn-billing:hover{background:var(--color-primary-dark);color:#fff}.billing-info{padding:var(--spacing-lg);background:var(--color-info-bg);border-radius:var(--radius-md)}.billing-info h3{font-size:.9375rem;margin-bottom:var(--spacing-sm);color:#1e40af}.billing-info p{font-size:.875rem;color:#1e3a8a;line-height:1.6;margin:0}.subscription-tier-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.subscription-tier-card.tier-free{background:#f0f9ff;border:1px solid #bae6fd}.subscription-tier-card.tier-starter{background:#f5f3ff;border:1px solid #ddd6fe}.subscription-tier-card.tier-pro{background:#ecfdf5;border:1px solid #a7f3d0}.subscription-tier-card.tier-enterprise{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24}.tier-info{display:flex;align-items:center;gap:var(--spacing-md)}.tier-info svg{color:#f59e0b}.tier-info h4{font-size:.9375rem;margin:0 0 2px}.tier-info p{font-size:.8125rem;color:var(--color-text-muted);margin:0}.upgrade-link{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;color:var(--color-primary);text-decoration:none}.upgrade-link:hover{text-decoration:underline}.form-section-divider{display:flex;align-items:center;margin:var(--spacing-lg) 0;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.form-section-divider:before,.form-section-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.form-section-divider span{padding:0 var(--spacing-md)}.form-hint{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.settings-form select{width:100%;padding:12px 16px 12px 44px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text-primary);cursor:pointer;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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.settings-form select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.multi-select-dropdown{position:relative;width:100%}.multi-select-trigger{width:100%;padding:12px 16px 12px 44px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-fast)}.multi-select-trigger:hover{border-color:var(--color-primary)}.multi-select-trigger .placeholder{color:var(--color-text-muted)}.dropdown-arrow{color:var(--color-text-muted);font-size:.75rem;transition:transform var(--transition-fast)}.multi-select-dropdown:has(.multi-select-options) .dropdown-arrow{transform:rotate(180deg)}.multi-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);max-height:250px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg)}.multi-select-option{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.multi-select-option:hover{background:var(--color-background)}.multi-select-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.multi-select-option span{color:var(--color-text-primary);font-size:.9375rem}.multi-select-option input[type=checkbox]:checked+span{color:var(--color-primary);font-weight:600}.selected-trades-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;position:relative;z-index:0}.select-wrapper .input-icon{z-index:2}.trade-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500}.tag-remove{background:transparent;border:none;color:var(--color-primary);cursor:pointer;font-size:1.125rem;line-height:1;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition-fast)}.tag-remove:hover{background:#0d948833}@media(max-width:768px){.multi-select-options{max-height:200px}.settings-content{padding:var(--spacing-md)}.settings-grid{grid-template-columns:1fr}.settings-menu{display:flex;overflow-x:auto;border-radius:var(--radius-lg)}.settings-menu-item{flex-shrink:0;border-bottom:none;border-right:1px solid var(--color-border);justify-content:center;padding:12px var(--spacing-md)}.settings-menu-item:last-child{border-right:none}.menu-arrow{display:none}.settings-section{padding:var(--spacing-lg)}.notification-item,.danger-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.pricing-page{min-height:100vh;background:var(--color-background)}.pricing-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.pricing-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.pricing-logo svg{color:var(--color-primary)}.pricing-logo span{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--color-text-primary)}.login-link{padding:10px 20px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.login-link:hover{background:var(--color-primary-dark);color:#fff}.pricing-hero{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-2xl);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-background) 100%)}.pricing-hero h1{font-size:2.75rem;font-weight:800;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.pricing-hero>p{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--spacing-xl)}.value-props{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap}.value-prop{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-weight:500;color:var(--color-text-secondary)}.value-prop svg{color:var(--color-primary)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);max-width:1000px;margin:0 auto;padding:0 var(--spacing-xl) var(--spacing-3xl);align-items:stretch}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);position:relative;transition:all var(--transition-base);display:flex;flex-direction:column;height:100%}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.pricing-card.popular{border-color:var(--color-primary);border-width:2px;box-shadow:0 4px 20px #0d948826}.pricing-card.popular:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0d948840}.pricing-card.elite{background:linear-gradient(135deg,#1f2937,#111827);border-color:#f59e0b;border-width:2px}.pricing-card.elite .card-header h3{color:#fff}.pricing-card.elite .card-price .price-amount{color:#fbbf24}.pricing-card.elite .card-price .price-period{color:#9ca3af}.pricing-card.elite .guaranteed-highlight,.pricing-card.elite .features-list li.included{color:#fff}.pricing-card.elite .features-list li.included span{color:#e5e7eb}.pricing-card.elite .tier-tagline{color:#9ca3af}.pricing-card.elite .features-list li.not-included{color:#6b7280}.pricing-card.current{border-color:#22c55e;border-width:2px;background:linear-gradient(135deg,#fff,#f0fdf4);box-shadow:0 4px 20px #22c55e26}.popular-badge,.elite-badge,.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px 16px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.popular-badge{background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);color:#fff}.elite-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.current-badge{background:#22c55e;color:#fff}.card-header{text-align:center;margin-bottom:var(--spacing-lg)}.tier-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.tier-icon.free{background:var(--color-background);color:var(--color-text-muted)}.tier-icon.standard{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.tier-icon.premium{background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);color:#fff}.card-header h3{font-size:1.5rem;font-weight:700;margin:0 0 6px;color:var(--color-text-primary)}.tier-tagline{font-size:.9375rem;color:var(--color-text-secondary);margin:0;font-weight:500}.card-price{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.price-amount{font-size:3rem;font-weight:800;color:var(--color-text-primary);line-height:1}.price-period{font-size:1.125rem;color:var(--color-text-muted);font-weight:500}.guaranteed-highlight{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:14px 18px;background:var(--color-primary-subtle);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.9375rem;color:var(--color-primary);font-weight:600;border:1px solid rgba(13,148,136,.2)}.pricing-card.premium .guaranteed-highlight{background:#0d94881a;color:var(--color-primary);border-color:#0d948833}.features-list{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;flex:1}.features-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:12px 0;font-size:.9375rem;border-bottom:1px solid var(--color-border);line-height:1.5}.features-list li:last-child{border-bottom:none}.features-list li.included{color:var(--color-text-secondary)}.features-list li.included svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.features-list li.not-included{color:var(--color-text-muted);text-decoration:line-through}.features-list li.not-included svg{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.features-list li.highlight{font-weight:600;color:var(--color-primary)}.pricing-card.elite .features-list li{border-color:#374151}.select-plan-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:16px 24px;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);margin-top:auto}.select-plan-btn.free{background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border)}.select-plan-btn.free:hover{background:var(--color-border)}.select-plan-btn.standard{background:#3b82f6;color:#fff}.select-plan-btn.standard:hover{background:#1d4ed8}.select-plan-btn.premium{background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);color:#fff}.select-plan-btn.premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d948866}.select-plan-btn.elite{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.select-plan-btn.elite:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.select-plan-btn.current{background:#22c55e;color:#fff;cursor:default}.select-plan-btn:disabled{opacity:.8;cursor:default}.pricing-faq{max-width:1000px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl)}.pricing-faq h2{text-align:center;margin-bottom:var(--spacing-2xl);font-size:2rem;font-weight:700;color:var(--color-text-primary)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.faq-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0d94881a}.faq-item h4{font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.faq-item p{font-size:.9375rem;color:var(--color-text-secondary);margin:0;line-height:1.7}.pricing-cta{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,#047857 100%);color:#fff;margin-top:var(--spacing-3xl)}.pricing-cta h2{color:#fff;font-size:2.25rem;font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2}.pricing-cta p{font-size:1.25rem;opacity:.95;margin-bottom:var(--spacing-xl);font-weight:400}.cta-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:16px 32px;background:#fff;color:var(--color-primary);border:none;border-radius:var(--radius-md);font-weight:700;font-size:1.125rem;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003;color:var(--color-primary)}@media(max-width:968px){.pricing-grid{grid-template-columns:1fr;max-width:500px;gap:var(--spacing-lg)}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-4px)}}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;padding:0 var(--spacing-md) var(--spacing-xl);max-width:100%}.pricing-hero h1{font-size:2rem}.pricing-hero{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}.pricing-hero>p{font-size:1rem}.value-props{flex-direction:column;align-items:center;gap:var(--spacing-md)}.value-prop{width:100%;max-width:280px;justify-content:center}.faq-grid{grid-template-columns:1fr}.pricing-nav{padding:var(--spacing-md)}.card-price .price-amount{font-size:2.5rem}.card-header h3{font-size:1.375rem}}.confirm-popup-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-popup{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text-secondary);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.popup-close-btn:hover{color:var(--color-text-primary)}.popup-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.popup-icon svg{color:#f59e0b}.confirm-popup h2{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.popup-message{text-align:center;font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.popup-message strong{color:var(--color-primary);font-weight:600}.popup-submessage{text-align:center;font-size:1.125rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xl)}.popup-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.popup-btn{flex:1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.skip-btn{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.skip-btn:hover{background:var(--color-border);transform:translateY(-2px)}.select-btn{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.select-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media(max-width:768px){.confirm-popup{padding:var(--spacing-lg);margin:var(--spacing-md)}.popup-buttons{flex-direction:column}.popup-btn{width:100%}}.thank-you-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-lg)}.thank-you-container{background:#fff;border-radius:16px;padding:var(--spacing-xxl);max-width:600px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.thank-you-container.error{border:2px solid var(--color-error)}.success-icon{color:var(--color-success);margin-bottom:var(--spacing-lg);display:flex;justify-content:center}.thank-you-container h1{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.thank-you-container h2{font-size:1.5rem;margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);font-weight:500}.upgrade-info{background:var(--color-success-bg);border-radius:12px;padding:var(--spacing-lg);margin:var(--spacing-xl) 0;border-left:4px solid var(--color-success)}.upgrade-tier{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.upgrade-benefits{font-size:1rem;color:var(--color-text-secondary);margin:0}.thank-you-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl);flex-wrap:wrap}.thank-you-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.thank-you-footer p{color:var(--color-text-muted);font-size:.9rem}.loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary);margin-bottom:var(--spacing-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.thank-you-container{padding:var(--spacing-lg)}.thank-you-container h1{font-size:2rem}.thank-you-container h2{font-size:1.25rem}.thank-you-actions{flex-direction:column}.thank-you-actions .btn{width:100%}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.btn{font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;border:none;border-radius:var(--radius-md);padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1.5px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:8px 16px}.btn-ghost:hover:not(:disabled){background:var(--color-background);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background:#059669}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-lg{padding:16px 32px;font-size:1rem}.btn-icon{padding:10px;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-draft{background:var(--color-border-light);color:var(--color-text-secondary)}.badge-open,.badge-pending{background:var(--color-warning-bg);color:#92400e}.badge-closed,.badge-rejected,.badge-declined{background:var(--color-error-bg);color:#991b1b}.badge-awarded,.badge-accepted,.badge-success{background:var(--color-success-bg);color:#065f46}.badge-submitted,.badge-reviewed{background:var(--color-info-bg);color:#1e40af}.badge-shortlisted{background:#ede9fe;color:#5b21b6}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg);transition:all var(--transition-fast)}.card-hover:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%}.error-message{background:var(--color-error-bg);color:#991b1b;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.success-message{background:var(--color-success-bg);color:#065f46;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-secondary)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);color:var(--color-text-muted)}.empty-state h3{margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.empty-state p{max-width:400px;margin:0 auto var(--spacing-lg)}
