body{background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{padding:0 1rem}.btn-secondary{background-color:#6b7280}.btn-secondary:hover{background-color:#4b5563}.form-label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:var(--primary-navy);box-shadow:0 0 0 3px #1a36681a;outline:none}.card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-bottom:1.5rem;padding:1.5rem}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;background:var(--background-secondary);color:#171717;color:var(--text-primary);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal)}:root{--procogia-green-primary:#95c100;--procogia-green-secondary:#7ea500;--procogia-green-accent:#6b8f00;--procogia-green-light:#f0f9e6;--procogia-green-gradient:linear-gradient(135deg,#95c100,#7ea500);--procogia-blue-primary:#1fb8cc;--procogia-blue-secondary:#1aa3b5;--procogia-blue-accent:#158e9e;--procogia-blue-light:#e6f7fa;--procogia-blue-gradient:linear-gradient(135deg,#1fb8cc,#1aa3b5);--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--background-primary:#fff;--background-secondary:#fafafa;--background-tertiary:#f5f5f5;--surface-primary:#fff;--surface-secondary:#fffc;--surface-tertiary:#fff9;--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#737373;--text-inverse:#fff;--border-primary:#e5e5e5;--border-secondary:#d4d4d4;--border-focus:var(--procogia-blue-primary);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--hover-overlay:#0000000d;--active-overlay:#0000001a;--focus-ring:0 0 0 3px #1fb8cc1a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--primary-green:var(--procogia-green-primary);--secondary-blue:var(--procogia-blue-primary);--primary-navy:var(--gray-800);--secondary-navy:var(--gray-900);--accent-green:var(--procogia-green-primary);--accent-blue:var(--procogia-blue-primary);--white:#fff;--black:#000}.loading-container{gap:1rem;min-height:200px}.loading-spinner{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border-top:3px solid #95c100;border:3px solid var(--border-primary);border-top-color:var(--procogia-green-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.header{background:var(--navy-gradient);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);padding:1rem 0;position:relative}.header:before{background:var(--green-gradient);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-brand .brand-link{align-items:center;color:#95c100;color:var(--procogia-green-primary);display:flex;text-decoration:none;transition:all .3s ease}.header-brand .brand-link:hover{transform:translateY(-2px)}.brand-logo{height:45px;margin-right:1rem;width:auto}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:700;letter-spacing:-.025em}.brand-subtitle{color:#1fb8cc;color:var(--procogia-blue-primary);font-size:.875rem;font-weight:500;letter-spacing:.05em;opacity:.9}.header-nav{display:flex;gap:2rem}.nav-link{border-radius:.375rem;color:#1fb8cc;color:var(--procogia-blue-primary);font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .2s}.nav-link:hover{background-color:#ffffff1a;transform:translateY(-1px)}.nav-link.active{background-color:#95c10026;color:#95c100;color:var(--procogia-green-primary);font-weight:600}.nav-link.active:after{background-color:#95c100;background-color:var(--primary-green);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.home-button{align-items:center;background:#95c100;background:var(--primary-green);border:1px solid #95c100;border:1px solid var(--primary-green);border-radius:8px;color:#262626;color:var(--primary-navy);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:.025em;padding:.5rem .75rem;transition:all .2s ease}.home-button:hover{background:#7ea500;background:var(--procogia-green-secondary);border-color:#7ea500;border-color:var(--procogia-green-secondary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.home-button.active{background:#95c100;background:var(--primary-green);border-color:#95c100;border-color:var(--primary-green);color:#262626;color:var(--primary-navy);font-weight:600}.home-button.active:after{background-color:#95c100;background-color:var(--primary-green)}.home-icon{color:#262626;color:var(--primary-navy);height:16px;opacity:.9;width:16px}.home-button:hover .home-icon{color:#262626;color:var(--primary-navy);opacity:1}.header-user{margin-left:auto}.header-login,.header-user{align-items:center;display:flex}.login-button{background:var(--green-gradient);border:none;border-radius:.375rem;color:#262626;color:var(--primary-navy);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.login-button:hover{background:#95c100;background:var(--primary-green);box-shadow:0 2px 8px #b8860b4d;transform:translateY(-1px)}.user-menu{position:relative}.user-menu-button{align-items:center;background:#95c100;background:var(--primary-green);border:1px solid #95c100;border:1px solid var(--primary-green);border-radius:8px;color:#262626;color:var(--primary-navy);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem .75rem;transition:all .2s ease}.user-menu-button:hover{background:#7ba600;border-color:#7ba600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-avatar{background:#262626;background:var(--primary-navy);flex-shrink:0;height:32px;width:32px}.user-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-initials{color:#95c100;color:var(--primary-green);font-size:.8rem;font-weight:600}.user-info{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.user-name{color:#262626;color:var(--primary-navy);font-weight:600}.user-name,.user-role{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#2b3a67cc;font-size:.75rem}.user-menu-arrow{color:#fff9;transition:transform .2s ease}.user-menu-button:hover .user-menu-arrow{transform:rotate(180deg)}.user-dropdown{animation:fadeInDropdown .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001a;margin-top:.5rem;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{border-bottom:1px solid #e2e8f0;padding:1rem}.user-dropdown-name{color:#2d3748;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.user-dropdown-email{color:#718096;font-size:.8rem;margin-bottom:.25rem}.user-dropdown-role{background:#f0f4ff;border-radius:4px;color:#667eea;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.user-dropdown-divider{background:#e2e8f0;height:1px}.user-dropdown-actions{padding:.5rem 0}.user-dropdown-item{align-items:center;background:none;border:none;color:#2d3748;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s ease;width:100%}.user-dropdown-item:hover{background:#f7fafc}.user-dropdown-item svg{color:#718096;height:16px;width:16px}.logout-btn{border-top:1px solid #e2e8f0;color:#e53e3e!important;margin-top:.25rem;padding-top:.75rem}.logout-btn:hover{background:#fed7d7!important}.logout-btn svg{color:#e53e3e!important}@media (max-width:768px){.user-info{display:none}.user-menu-button{padding:.5rem}.user-dropdown{min-width:240px}.user-name,.user-role{max-width:100px}}.role-selection-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.role-selection-modal{background:#fff;background:var(--white);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:90%}.role-selection-header{background:var(--navy-gradient);border-radius:16px 16px 0 0;color:#fff;color:var(--white);padding:2rem 2rem 1rem;text-align:center}.role-selection-header h2{color:#fff;color:var(--white);font-size:2rem;font-weight:700;margin-bottom:.5rem}.role-selection-header p{color:#ffffffe6;font-size:1.1rem;margin:0}.role-selection-content{padding:2rem}.role-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.role-card{background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.role-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.role-card.selected{background:linear-gradient(135deg,#2b3a670d,#b8860b0d)}.role-card.blue.selected,.role-card.selected{border-color:#262626;border-color:var(--primary-navy)}.role-card.green.selected{border-color:#10b981}.role-card.purple.selected{border-color:#1fb8cc;border-color:var(--secondary-blue)}.role-icon{font-size:3rem;margin-bottom:1rem}.role-info h3{color:#262626;color:var(--primary-navy);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.role-info p{color:#525252;color:var(--gray-600);line-height:1.5;margin-bottom:1rem}.role-features h4{color:#262626;color:var(--primary-navy);font-size:1rem;font-weight:600;margin-bottom:.5rem}.role-features ul{list-style:none;margin:0;padding:0}.role-features li{color:#525252;color:var(--gray-600);margin-bottom:.3rem;padding-left:1.2rem;position:relative}.role-features li:before{color:#95c100;color:var(--primary-green);content:"✓";font-weight:600;left:0;position:absolute}.role-selector{position:absolute;right:1.5rem;top:1.5rem}.role-radio{align-items:center;background:#fff;background:var(--white);border:2px solid #d4d4d4;border:2px solid var(--gray-300);border-radius:50%;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.role-radio.selected{background:#262626;background:var(--primary-navy);border-color:#262626;border-color:var(--primary-navy);color:#fff;color:var(--white);font-weight:600}.role-selection-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--gray-200);padding-top:1rem;text-align:center}.role-continue-btn{border:2px solid #95c100;border:2px solid var(--procogia-green-primary);border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1rem;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.role-continue-btn,.role-continue-btn.enabled{background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);color:#fff}.role-continue-btn.enabled{border-color:#95c100;border-color:var(--procogia-green-primary)}.role-continue-btn.enabled:hover{background:#7ea500;background:var(--procogia-green-secondary);border-color:#7ea500;border-color:var(--procogia-green-secondary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.role-continue-btn.disabled{background:#d4d4d4;background:var(--gray-300);border-color:#a3a3a3;border-color:var(--gray-400);color:#525252;color:var(--gray-600);cursor:not-allowed}.role-disclaimer{color:#737373;color:var(--gray-500);font-size:.9rem;font-style:italic;margin:0}@media (max-width:768px){.role-selection-modal{margin:1rem;width:95%}.role-cards{grid-template-columns:1fr}.role-selection-header{padding:1.5rem}.role-selection-header h2{font-size:1.5rem}.role-selection-content{padding:1.5rem}}.main-content{min-height:calc(100vh - 140px);padding:2rem 0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);letter-spacing:-.01em;padding:var(--space-3) var(--space-6);position:relative;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);border:1px solid #0000;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:var(--text-inverse)}.btn-primary:hover{background:linear-gradient(135deg,#7ea500,#6b8f00);background:linear-gradient(135deg,var(--procogia-green-secondary) 0,var(--procogia-green-accent) 100%);transform:translateY(-1px) scale(1.02)}.btn-primary:focus{box-shadow:0 0 0 3px #1fb8cc1a,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--focus-ring),var(--shadow-lg);outline:none}.btn-secondary{background:var(--surface-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);color:#171717;color:var(--text-primary)}.btn-secondary:hover{background:#f5f5f5;background:var(--background-tertiary);border-color:#1fb8cc;border-color:var(--procogia-blue-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-outline{background:#0000;border:1px solid #1fb8cc;border:1px solid var(--procogia-blue-primary);color:#1fb8cc;color:var(--procogia-blue-primary)}.btn-outline:hover{background:#e6f7fa;background:var(--procogia-blue-light);border-color:#1aa3b5;border-color:var(--procogia-blue-secondary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#158e9e;color:var(--procogia-blue-accent)}.btn-small{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-full{width:100%}.loan-application-container{background:radial-gradient(ellipse at top,#95c10008 0,#0000 50%),#fafafa;background:radial-gradient(ellipse at top,#95c10008 0,#0000 50%),var(--background-secondary);min-height:100vh;padding:2rem 1rem;padding:var(--space-8) var(--space-4)}.loan-application-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--surface-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:1.5rem;border-radius:var(--radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);margin:0 auto;max-width:900px;overflow:hidden}.loan-application-header{background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);color:#fff;color:var(--text-inverse);padding:2rem;padding:var(--space-8);text-align:center}.loan-application-header h1{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:.5rem;margin-bottom:var(--space-2)}.loan-application-header p{font-size:1.125rem;font-size:var(--font-size-lg);margin:0;opacity:.9}.loan-application-form{padding:2rem;padding:var(--space-8)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.form-row{grid-gap:var(--space-4);gap:var(--space-4)}.form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--surface-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:2rem;margin-bottom:var(--space-8);padding:2rem;padding:var(--space-8)}.form-section h3{align-items:center;border-bottom:2px solid #95c100;border-bottom:2px solid var(--procogia-green-primary);color:#171717;color:var(--text-primary);display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:.5rem;padding-bottom:var(--space-2)}.form-section h3:after{color:#95c100;color:var(--procogia-green-primary);content:"◦";font-size:1.125rem;font-size:var(--font-size-lg)}label{display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}input,label,select,textarea{color:#171717;color:var(--text-primary)}input,select,textarea{background-color:#fff;background-color:var(--surface-primary);border:2px solid #e5e5e5;border:2px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}input:focus,select:focus,textarea:focus{border-color:#1fb8cc;border-color:var(--procogia-blue-primary);box-shadow:0 0 0 3px #1fb8cc1a;box-shadow:var(--focus-ring);outline:none;transform:translateY(-1px)}.success-message-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-primary);border:1px solid #95c100;border:1px solid var(--procogia-green-primary);border-radius:1.5rem;border-radius:var(--radius-3xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);margin:5rem auto;margin:var(--space-20) auto;max-width:600px;padding:3rem;padding:var(--space-12);text-align:center}.success-icon{color:#95c100;color:var(--procogia-green-primary);display:block;font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.success-message-card h2{color:#171717;color:var(--text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:2rem;margin-bottom:var(--space-8)}.success-details{background:#f5f5f5;background:var(--background-tertiary);border-radius:.75rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6)}.success-details p{color:#525252;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);margin:.5rem 0;margin:var(--space-2) 0}.success-details strong{color:#171717;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.profile-status{background:#f5f5f5;background:var(--background-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-2);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.profile-status.loading{background:#1fb8cc0d;border-color:#1fb8cc;border-color:var(--procogia-blue-primary)}.profile-status.loaded{background:#95c1000d;border-color:#95c100;border-color:var(--procogia-green-primary)}.profile-status.new{background:#f5f5f5;background:var(--background-tertiary);border-color:#737373;border-color:var(--text-tertiary)}.error-text{color:#dc2626;font-size:.75rem;font-size:var(--font-size-xs);margin-top:var(--space-1)}input.error,select.error,textarea.error{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.error-text{color:var(--error);font-size:.875rem}.auth-container{align-items:center;background:linear-gradient(135deg,#262626,#171717 50%,#95c100);background:linear-gradient(135deg,var(--primary-navy) 0,var(--secondary-navy) 50%,var(--primary-green) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:450px;padding:3rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:#262626;color:var(--primary-navy);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#525252;color:var(--gray-600);font-size:1rem}.auth-form{margin-bottom:1.5rem}.auth-footer{color:#525252;color:var(--gray-600);text-align:center}.link{color:#262626;color:var(--primary-navy);font-weight:600;text-decoration:none}.link:hover{color:#95c100;color:var(--primary-green);text-decoration:underline}.dashboard-container{background-color:#f8fafc;display:flex;min-height:100vh}.dashboard-sidebar{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:2px 0 10px #0000001a;color:#fff;height:100vh;overflow-y:auto;position:fixed;transition:width .3s ease;width:280px;z-index:1000}.dashboard-sidebar.collapsed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid #475569;display:flex;justify-content:space-between;padding:1.5rem}.sidebar-title h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.sidebar-title p{color:#cbd5e1;font-size:.875rem;margin:0}.sidebar-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:2.5rem;justify-content:center;min-width:2.5rem;padding:.5rem;transition:background-color .2s}.sidebar-toggle:hover{background:#fff3}.sidebar-nav{flex:1 1;padding:1rem 0}.nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#cbd5e1;cursor:pointer;display:flex;font-size:.9rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s;width:100%}.nav-item:hover{background-color:#ffffff1a}.nav-item.active,.nav-item:hover{border-left-color:#95c100;border-left-color:var(--primary-green);color:#fff}.nav-item.active{background-color:#b8860b33}.nav-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center;margin-right:1rem;min-width:1.5rem}.nav-label{font-weight:500;white-space:nowrap}.sidebar-footer{border-top:1px solid #475569;padding:1rem}.logout-btn{align-items:center;background:#fff;background:var(--white);border:1px solid #d4d4d4;border:1px solid var(--gray-300);border-radius:6px;color:#404040;color:var(--gray-700);cursor:pointer;display:flex;font-size:.9rem;padding:.75rem 1rem;transition:all .2s;width:100%}.logout-btn:hover{background:#fafafa;background:var(--gray-50);border-color:#a3a3a3;border-color:var(--gray-400);color:#262626;color:var(--gray-800)}.dashboard-main{flex:1 1;min-height:100vh;padding:2rem;transition:margin-left .3s ease}.dashboard-main.sidebar-expanded{margin-left:280px}.dashboard-main.sidebar-collapsed{margin-left:80px}.dashboard-main.no-sidebar{margin-left:0}.dashboard-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.dashboard-title h1{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.dashboard-title p{color:#64748b;font-size:1rem;margin:0}.dashboard-actions{align-items:center;display:flex;gap:1rem}.user-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.875rem;padding:.5rem 1rem}.dashboard-content{padding:0}.welcome-section{background:linear-gradient(135deg,var(--primary-blue) 0,#1fb8cc 100%);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);border-radius:12px;box-shadow:0 4px 6px -1px #1e3a8a33;margin-bottom:2rem}.welcome-content{color:#fff;padding:2rem;text-align:center}.welcome-content h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.welcome-content p{font-size:1.125rem;margin-bottom:.5rem;opacity:.9}.user-email{background:#ffffff1a;border-radius:.375rem;display:inline-block;font-size:.875rem;margin-top:.5rem;opacity:.8;padding:.5rem 1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026}.stat-card h3{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.stat-number{font-size:2.5rem;line-height:1}.stat-number.success{color:#10b981}.stat-number.danger{color:#ef4444}.recent-activity{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.recent-activity h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.loans-list{display:flex;flex-direction:column;gap:1rem}.loan-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s}.loan-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.loan-info h4{color:#1e293b;font-weight:600;margin-bottom:.5rem}.loan-info p{color:#262626;color:var(--primary-navy);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.loan-date{display:block;margin-bottom:.25rem}.customer-info,.loan-date{color:#64748b;font-size:.875rem}.loan-status{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.ai-score{background:#262626;background:var(--primary-navy);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.applications-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.applications-table table{border-collapse:collapse;width:100%}.applications-table th{background:#f8fafc;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.applications-table td,.applications-table th{border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.applications-table td{color:#1e293b}.applications-table tr:hover{background:#f8fafc}.applications-table tr:last-child td{border-bottom:none}.applications-header{border-bottom:2px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.applications-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.applications-stats{display:flex;gap:1rem}.stat-item{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.filter-group input,.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.filter-group input:focus,.filter-group select:focus{border-color:#262626;border-color:var(--primary-navy);box-shadow:0 0 0 3px #2b3a671a;outline:none}.range-inputs{align-items:center;display:flex;gap:.5rem}.range-inputs input{flex:1 1;min-width:80px}.range-inputs span{color:#6b7280;font-size:.875rem;font-weight:500}.filter-actions{align-items:end;display:flex;gap:.5rem}.filter-actions button{white-space:nowrap}@media (max-width:768px){.filter-row{flex-direction:column;gap:1rem}.filter-group{min-width:100%}.range-inputs{flex-direction:column;gap:.5rem}.range-inputs input{min-width:100%}.applications-header{align-items:flex-start;flex-direction:column;gap:1rem}.applications-stats{flex-direction:column;gap:.5rem;width:100%}}.pending-applications{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.pending-loan-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid var(--warning);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem;transition:all .2s}.pending-loan-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.loan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.loan-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.application-id{background:#e2e8f0;border-radius:6px;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.loan-details{margin-bottom:1.5rem}.loan-details p{color:#374151;font-size:.875rem;line-height:1.5;margin:.75rem 0}.loan-details strong{color:#1e293b;font-weight:600}.loan-actions{display:flex;gap:.75rem}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.status-badge.success{background:#dcfce7;color:#166534}.status-badge.warning{background:#f0f9e6;background:var(--procogia-green-light);color:#6b8f00;color:var(--procogia-green-accent)}.status-badge.danger{background:#fecaca;color:#991b1b}.status-badge.secondary{background:#e2e8f0;color:#475569}.admin-tools{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem;transition:all .2s}.admin-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.admin-card h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.admin-card p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.empty-state{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;padding:4rem 2rem}.empty-state p{font-size:1.125rem;margin-bottom:1rem}.btn{border-radius:8px;font-size:.875rem;font-weight:600;gap:.5rem;line-height:1;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary{background:#fff;background:var(--white);border:2px solid #d4d4d4;border:2px solid var(--gray-300);color:#404040;color:var(--gray-700)}.btn-secondary:hover{background:#fafafa;background:var(--gray-50);border-color:#a3a3a3;border-color:var(--gray-400);color:#262626;color:var(--gray-800);transform:translateY(-1px)}.btn-outline{background:#fff;background:var(--white);border:2px solid #d4d4d4;border:2px solid var(--gray-300);color:#404040;color:var(--gray-700)}.btn-outline:hover{background:#fafafa;background:var(--gray-50);border-color:#a3a3a3;border-color:var(--gray-400);color:#262626;color:var(--gray-800);transform:translateY(-1px)}.btn-sm{font-size:.8rem;padding:.5rem 1rem}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.admin-section h2,.applications-section h2,.overview-section h2,.review-section h2{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.875rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem}.loading-container{background:#fff;border-radius:12px;margin:2rem;padding:4rem}.loading-spinner{border:4px solid #e5e5e5;border-top:4px solid #262626;border:4px solid var(--gray-200);border-top-color:var(--primary-navy);height:3rem;width:3rem}.error-message{background:#fecaca;border:1px solid #f87171;color:#991b1b;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem}@media (max-width:1024px){.dashboard-sidebar{width:280px}.dashboard-sidebar,.dashboard-sidebar.collapsed{transform:translateX(-100%)}.dashboard-main{margin-left:0!important;padding:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-tools,.pending-applications{grid-template-columns:1fr}.loan-item{flex-direction:column;gap:1rem}.loan-item,.loan-status{align-items:flex-start}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.dashboard-title h1{font-size:1.5rem}.applications-table{overflow-x:auto}.loan-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.customer-dashboard-container{background-color:#f8fafc;min-height:100vh;padding:0}.customer-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.customer-welcome h1{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.customer-welcome p{color:#64748b;font-size:1rem;margin:0}.customer-actions{display:flex;gap:1rem}.customer-navigation{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;margin:0 2rem 2rem;padding:.5rem}.customer-tab{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:1rem 2rem;transition:all .2s}.customer-tab:hover{background:#f1f5f9;color:#334155}.customer-tab.active{background:linear-gradient(135deg,var(--primary-blue) 0,#1fb8cc 100%);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);color:#fff}.customer-content{margin:0 2rem}.customer-overview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.customer-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.customer-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;text-align:center}.customer-stat-card h3{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.stat-number{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.stat-number.warning{color:var(--warning)}.stat-number.success{color:var(--success)}.customer-applications{margin-top:2rem}.customer-applications h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.customer-applications-table{overflow-x:auto}.customer-applications-table table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.customer-applications-table td,.customer-applications-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.customer-applications-table th{background:#f8fafc;color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.customer-applications-table tbody tr:hover{background:#f8fafc}.customer-empty-state{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;padding:3rem;text-align:center}.empty-icon{font-size:3rem}.customer-empty-state h3{color:#64748b;margin-bottom:.5rem}.customer-empty-state p{color:#94a3b8;margin-bottom:1.5rem}.customer-profile-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.customer-profile-section h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.customer-profile-info{grid-gap:1rem;display:grid;gap:1rem}.profile-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.profile-item label{color:#64748b;font-weight:600}.profile-item span{color:#1e293b;font-weight:500}.customer-faq-section,.faq-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.customer-faq-section h2,.faq-section h2{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.customer-faq-section h2:before,.faq-section h2:before{content:"❓";font-size:1.25rem}.seaside-bg{align-items:center;background:linear-gradient(120deg,#262626 60%,#95c100);background:linear-gradient(120deg,var(--primary-navy) 60%,var(--primary-green) 100%);background-image:url(/static/media/marina-bg.f6beebb9c9e42811e8ad.jpg);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.cpb-logo{display:block;filter:drop-shadow(0 4px 16px rgba(30,58,138,.15));margin:0 auto 1.5rem;width:220px}.snazzy-card{background:#fffffff2;border:2px solid #95c100;border:2px solid var(--primary-green);border-radius:2rem;box-shadow:0 8px 32px 0 #1e3a8a2e,0 1.5px 8px 0 #95c100;box-shadow:0 8px 32px 0 #1e3a8a2e,0 1.5px 8px 0 var(--primary-green);max-width:420px;padding:2.5rem 2.5rem 2rem;position:relative;width:100%;z-index:2}.prebuilt-users{margin-bottom:2rem;text-align:center}.prebuilt-title{color:var(--primary-blue);font-size:1.25rem;font-weight:700;letter-spacing:.02em;margin-bottom:.75rem}.prebuilt-list{display:flex;gap:1.25rem;justify-content:center}.prebuilt-user-card{align-items:center;background:linear-gradient(135deg,var(--light-blue) 60%,var(--light-green) 100%);border:2px solid #95c100;border:2px solid var(--primary-green);border-radius:1.25rem;box-shadow:0 2px 12px 0 #1e3a8a1a;cursor:pointer;display:flex;flex-direction:column;min-width:110px;outline:none;padding:.75rem 1rem;transition:transform .18s,box-shadow .18s}.prebuilt-user-card:focus,.prebuilt-user-card:hover{border-color:var(--primary-blue);box-shadow:0 8px 24px 0 var(--primary-blue),0 2px 8px 0 #95c100;box-shadow:0 8px 24px 0 var(--primary-blue),0 2px 8px 0 var(--primary-green);transform:translateY(-6px) scale(1.06) rotate(-2deg)}.prebuilt-avatar{background:var(--light-blue);border:2.5px solid var(--primary-blue);border-radius:50%;height:54px;margin-bottom:.5rem;object-fit:cover;width:54px}.prebuilt-info{display:flex;flex-direction:column;gap:.25rem;text-align:center}.prebuilt-name{color:var(--primary-blue);display:block;font-size:1.05rem;font-weight:600}.prebuilt-role{color:#95c100;color:var(--primary-green);display:block;font-size:.85rem;font-weight:500;text-transform:capitalize}.seaside-bg:before{background:url(https://svgshare.com/i/15kA.svg) repeat-x bottom;bottom:0;height:180px;left:0;opacity:.18}.seaside-bg:after,.seaside-bg:before{content:"";position:absolute;right:0;z-index:1}.seaside-bg:after{background:url(https://svgshare.com/i/15kB.svg) no-repeat 100% 0;background-size:contain;height:220px;opacity:.22;top:0;width:220px}@media (max-width:600px){.snazzy-card{border-radius:1.25rem;padding:1.25rem .5rem}.prebuilt-list{flex-direction:column;gap:.75rem}}.debug-info{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;margin:1rem 0;max-height:400px;overflow-y:auto;padding:1.5rem}.debug-section{margin-bottom:1.5rem}.debug-section h4{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.5rem;padding-bottom:.25rem}.debug-section pre{background:#1e293b;border-radius:4px;color:#e2e8f0;font-size:.875rem;max-height:200px;overflow-x:auto;overflow-y:auto;padding:1rem}.maintenance-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.btn.btn-info{background:#262626;background:var(--primary-navy);border:1px solid #262626;border:1px solid var(--primary-navy);color:#fff}.btn.btn-info:hover{background:#171717;background:var(--secondary-navy);border-color:#171717;border-color:var(--secondary-navy)}.btn.btn-warning{background:var(--warning);border:1px solid var(--warning);color:#fff}.btn.btn-warning:hover{background:#e68900;border-color:#e68900}.btn.btn-danger{background:#ef4444;border:1px solid #ef4444;color:#fff}.btn.btn-danger:hover{background:#dc2626;border-color:#dc2626}.test-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;margin-top:1rem;padding:1rem}.test-details h4{color:#1e293b;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.test-result-item{background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem;margin:.25rem 0;padding:.5rem}.success-text{color:#10b981;font-weight:500}.error-text{color:#ef4444;font-weight:500}.specific-loan-fix{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;margin-top:1.5rem;padding:1rem}.specific-loan-fix h4{color:#1e293b;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.input-group{align-items:center;display:flex;gap:.5rem}.loan-id-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.875rem;padding:.5rem}.loan-id-input:focus{border-color:#262626;border-color:var(--primary-navy);box-shadow:0 0 0 1px #262626;box-shadow:0 0 0 1px var(--primary-navy);outline:none}.input-group .btn{white-space:nowrap}.unassigned-warning{color:#dc2626;font-weight:500}.assigned-underwriter{color:#1fb8cc;color:var(--procogia-blue-primary);font-size:.9em;font-weight:500}.unassigned-badge{background-color:#fef2f2;border-radius:4px;color:#dc2626;font-size:.8em;font-weight:500;padding:2px 8px}.applications-table table td:nth-child(7){font-size:.9em}.applications-table table td:nth-child(7) em{color:#999;font-style:italic}.pagination-container{align-items:center;background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem 0}.pagination-info{color:#64748b;font-size:.875rem;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#111827;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-pages{align-items:center;display:flex;gap:.25rem;margin:0 1rem}.pagination-page{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;min-width:2.5rem;transition:all .2s}.pagination-page:hover:not(:disabled):not(.dots){background:#f9fafb;border-color:#9ca3af;color:#111827;transform:translateY(-1px)}.pagination-page.active{background:#262626;background:var(--primary-navy);border-color:#262626;border-color:var(--primary-navy);color:#fff;font-weight:600}.pagination-page.active:hover{background:#171717;background:var(--secondary-navy);border-color:#171717;border-color:var(--secondary-navy);transform:translateY(-1px)}.pagination-page.dots{background:none;border:none;color:#9ca3af;cursor:default}.pagination-page.dots:hover{background:none;transform:none}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:1rem}.pagination-controls{justify-content:center}.pagination-pages{margin:0 .5rem}.pagination-page{font-size:.8rem;height:2rem;min-width:2rem}.pagination-btn{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:480px){.pagination-pages{gap:.125rem}.pagination-page{font-size:.75rem;height:1.75rem;min-width:1.75rem}.pagination-info{font-size:.8rem;text-align:center}}.ai-analysis-section.enhanced{background:linear-gradient(135deg,#f8fafc,#e7f3ff);border:2px solid #e1e9f4;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px;padding:24px}.ai-analysis-section.enhanced h3{align-items:center;color:#2563eb;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin-bottom:20px}.ai-overview{margin-bottom:24px}.ai-score-display{align-items:center;background:#fff;border:1px solid #e1e9f4;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;gap:20px;padding:20px}.score-circle{align-items:center;border:4px solid;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;font-weight:700;height:80px;justify-content:center;position:relative;width:80px}.score-circle.excellent{background:linear-gradient(135deg,#10b981,#059669);border-color:#065f46;color:#fff}.score-circle.good{background:var(--navy-gradient);border-color:#171717;border-color:var(--secondary-navy);color:#fff}.score-circle.fair{background:linear-gradient(135deg,var(--warning) 0,#e68900 100%);border-color:#c70;color:#fff}.score-circle.poor{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#991b1b;color:#fff}.score-circle .score-value{font-size:1.5rem;font-weight:700;line-height:1}.score-circle .score-label{font-size:.75rem;opacity:.9}.score-explanation{flex:1 1}.score-explanation h4{color:#374151;font-size:1.1rem;margin:0 0 8px}.score-meaning{color:#6b7280;font-size:.95rem;line-height:1.4;margin:0 0 12px}.confidence-indicator{align-items:center;display:flex;gap:8px}.confidence-indicator label{color:#374151;font-weight:500}.confidence-value{border-radius:20px;font-size:.9rem;font-weight:600;padding:4px 12px}.confidence-value.high{background-color:#d1fae5;color:#065f46}.confidence-value.medium{background-color:#dbeafe;color:#1e40af}.confidence-value.low{background-color:#f0f9e6;background-color:var(--procogia-green-light);color:#6b8f00;color:var(--procogia-green-accent)}.ai-recommendation.enhanced{background:#fff;border:1px solid #e1e9f4;border-radius:10px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;overflow:hidden}.recommendation-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:between;padding:16px 20px}.recommendation-header.excellent{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom-color:#a7f3d0}.recommendation-header.good{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom-color:#93c5fd}.recommendation-header.fair{background:linear-gradient(135deg,#f0f9e6,#f0f9e6);background:linear-gradient(135deg,var(--procogia-green-light) 0,#f0f9e6 100%);border-bottom-color:#95c100;border-bottom-color:var(--procogia-green-primary)}.recommendation-header.poor{background:linear-gradient(135deg,#fef2f2,#fecaca);border-bottom-color:#fca5a5}.recommendation-badge{color:#374151;font-size:1.1rem;font-weight:700}.priority-indicator{border-radius:20px;font-size:.8rem;font-weight:600;padding:6px 12px}.priority-indicator.low{background-color:#d1fae5;color:#065f46}.priority-indicator.medium{background-color:#fef3c7;color:#92400e}.priority-indicator.high{background-color:#fecaca;color:#991b1b}.recommendation-details{padding:20px}.recommendation-details p{line-height:1.5;margin:0 0 12px}.action-required,.ai-reasoning,.recommendation-description{color:#374151}.suggested-rate{color:#059669;font-weight:600}.collapsible-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.section-toggle{background:#f9fafb;border:none;border-bottom:1px solid #e5e7eb;color:#374151;cursor:pointer;font-weight:600;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.section-toggle:hover{background:#f3f4f6}.section-toggle:focus{background:#e5e7eb;outline:none}.score-breakdown{padding:16px}.breakdown-item{background:#f8fafc;border:1px solid #e1e9f4;border-radius:6px;margin-bottom:16px;padding:12px}.breakdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.factor-name{color:#374151;font-weight:600;text-transform:capitalize}.factor-score{color:#6b7280;font-weight:600}.breakdown-bar{background-color:#e5e7eb;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden;position:relative}.breakdown-fill{background:var(--navy-gradient);border-radius:4px;height:100%;transition:width .3s ease}.breakdown-percentage{color:#6b7280;font-size:.85rem;font-weight:500}.risk-factors.enhanced{padding:16px}.risk-factor{border-left:4px solid;border-radius:6px;margin-bottom:12px;padding:12px}.risk-factor.positive{background-color:#f0fdf4;border-left-color:#22c55e}.risk-factor.neutral{background-color:#fefce8;border-left-color:#eab308}.risk-factor.negative{background-color:#fef2f2;border-left-color:#ef4444}.factor-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.impact-indicator{font-size:1rem}.factor-weight{background-color:#0000001a;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:auto;padding:2px 8px}.factor-description{color:#374151;font-size:.9rem;line-height:1.4;margin:0}.action-items{padding:16px}.action-intro{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0c4a6e;font-size:.95rem;margin:0 0 16px;padding:12px}.action-item{background:#fff;border:1px solid;border-radius:8px;margin-bottom:12px;padding:16px}.action-item.priority-high{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#f87171}.action-item.priority-medium{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fbbf24}.action-item.priority-low{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#60a5fa}.action-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.priority-badge{border-radius:12px;font-size:.75rem;padding:4px 8px}.priority-badge.high{background-color:#fecaca;color:#991b1b}.priority-badge.medium{background-color:#fde68a}.priority-badge.low{background-color:#bfdbfe;color:#1e40af}.action-category{background-color:#f3f4f6;border-radius:12px;color:#4b5563;font-size:.8rem;font-weight:500;padding:4px 8px}.action-content{padding-left:8px}.action-title{color:#111827;font-size:.95rem;margin:0 0 4px}.action-description{color:#6b7280;font-size:.85rem;line-height:1.4;margin:0}.analysis-metadata{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:20px;padding:12px;text-align:center}.analysis-metadata small{color:#6b7280;font-size:.8rem}.score-value{border-radius:4px;font-weight:600;padding:2px 8px}.score-value.excellent{background-color:#d1fae5;color:#065f46}.score-value.good{background-color:#dbeafe;color:#1e40af}.score-value.fair{background-color:#fef3c7;color:#92400e}.score-value.poor{background-color:#fecaca;color:#991b1b}@media (max-width:768px){.ai-score-display{align-items:center;flex-direction:column;gap:16px;text-align:center}.score-circle{height:60px;width:60px}.score-circle .score-value{font-size:1.2rem}.recommendation-header{gap:8px}.action-header,.recommendation-header{align-items:flex-start;flex-direction:column}.action-header{gap:6px}.breakdown-header{align-items:flex-start;flex-direction:column;gap:4px}}.modern-app{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,Segoe UI,system-ui,sans-serif}.classic-app{background-color:#f8fafc;min-height:100vh}.landing-container{background:linear-gradient(135deg,#262626,#171717 50%,#95c100);background:linear-gradient(135deg,var(--primary-navy) 0,var(--secondary-navy) 50%,var(--primary-green) 100%);display:flex;flex-direction:column;min-height:100vh}.landing-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:2rem}.landing-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.brand-section{align-items:center;display:flex;gap:1rem}.brand-logo-large{height:60px;width:auto}.brand-text-large h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0}.brand-text-large span{color:#fffc;font-size:.9rem}.user-section{align-items:center;display:flex;gap:1rem}.user-welcome{text-align:right}.user-greeting{color:#fff;display:block;font-size:1rem;font-weight:600}.user-role-badge{background:#95c100;background:var(--primary-green);border-radius:1rem;color:#262626;color:var(--primary-navy);display:inline-block;font-size:.75rem;font-weight:600;margin-top:.25rem;padding:.25rem .75rem}.user-avatar{background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;font-weight:600;height:48px;justify-content:center;width:48px}.landing-main,.user-avatar{align-items:center;display:flex}.landing-main{flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:4rem 2rem}.landing-hero{margin-bottom:4rem;text-align:center}.hero-title{color:#fff;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem}.hero-subtitle{color:#fffc;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.action-cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem;max-width:1200px;width:100%}.action-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 30px #0000001a;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.action-card:before{background:linear-gradient(90deg,var(--primary-blue),#1fb8cc);background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-card.selected:before,.action-card:hover:before{opacity:1}.action-card:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-5px)}.action-card.selected,.action-card:hover{border-color:#262626;border-color:var(--primary-navy)}.action-card.selected{background:linear-gradient(135deg,#fff,#f8fafc)}.card-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.card-content h3{color:#262626;color:var(--primary-navy);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.card-content p{color:#525252;color:var(--gray-600);line-height:1.6;margin-bottom:1rem}.card-arrow{color:#262626;color:var(--primary-navy);font-size:1.5rem;opacity:0;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:all .3s ease}.action-card.selected .card-arrow,.action-card:hover .card-arrow{opacity:1;transform:translateY(-50%) translateX(5px)}.quick-stats{display:flex;gap:3rem;justify-content:center;margin-bottom:2rem}.stat-item{align-items:center;color:#fff;gap:1rem}.stat-icon{font-size:2rem}.stat-content h4{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.stat-content p{font-size:.9rem;opacity:.8}.landing-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;padding:2rem}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.footer-links{display:flex;gap:2rem}.footer-link{background:none;border:none;color:#fffc;cursor:pointer;font-size:.9rem;transition:color .2s ease}.footer-link:hover{color:#fff}.footer-brand span{color:#fff9;font-size:.9rem}.chat-container{background:#fafafa;background:var(--background-secondary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh}.chat-header{align-items:center;background:linear-gradient(135deg,#1fb8cc,#1aa3b5);background:var(--procogia-blue-gradient);border-bottom:1px solid #ffffff1a;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--space-6) var(--space-8)}.back-button,.chat-header{color:#fff;color:var(--text-inverse)}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.back-button:hover{background:#ffffff40;transform:translateY(-1px)}.chat-title h1{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--space-1)}.chat-title h1,.chat-title p{color:#fff;color:var(--text-inverse)}.chat-title p{font-size:.875rem;font-size:var(--font-size-sm);margin:0;opacity:.9}.chat-status{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator,.status-indicator.online{background:#95c100;background:var(--procogia-green-primary)}.status-indicator.online{box-shadow:0 0 8px #95c10080}.messages-container{background:#f5f5f5;background:var(--background-tertiary);flex:1 1;overflow-y:auto;padding:2rem;padding:var(--space-8);scroll-behavior:smooth}.message{display:flex;gap:1rem;margin-bottom:1.5rem;max-width:800px}.message.ai{align-self:flex-start}.message.user{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.message.ai .message-avatar{background:linear-gradient(135deg,#1fb8cc,#1aa3b5);background:var(--procogia-blue-gradient);border:2px solid #fff3;color:#fff;color:var(--text-inverse);font-size:1.125rem;font-size:var(--font-size-lg)}.message.user .message-avatar{background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);color:#fff;color:var(--text-inverse);font-weight:600;font-weight:var(--font-weight-semibold)}.message-content{background:#fff;background:var(--surface-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);max-width:600px;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative}.message.user .message-content{background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);border:1px solid #0000;color:#fff;color:var(--text-inverse)}.message-text{line-height:1.6;white-space:pre-wrap}.message-time{font-size:.75rem;margin-top:.5rem;opacity:.6}.typing-indicator{display:flex;gap:4px;padding:1rem 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#a3a3a3;background:var(--gray-400);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.quick-questions{background:#fff;background:var(--surface-primary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.quick-questions h3{color:#171717;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:1rem;margin-bottom:var(--space-4)}.quick-questions-grid{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.quick-question-btn{background:#f5f5f5;background:var(--background-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);color:#171717;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.quick-question-btn:hover{background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);border-color:#0000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);transform:translateY(-1px)}.chat-input-container{background:#fff;background:var(--surface-primary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem 2rem;padding:var(--space-6) var(--space-8)}.chat-input-wrapper{align-items:end;display:flex;gap:1rem;gap:var(--space-4);margin:0 auto;max-width:800px}.chat-input{background:#fff;background:var(--surface-primary);border:2px solid #e5e5e5;border:2px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);color:#171717;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;font-size:var(--font-size-base);max-height:120px;min-height:50px;padding:1rem;padding:var(--space-4);resize:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.chat-input:focus{border-color:#1fb8cc;border-color:var(--procogia-blue-primary);box-shadow:0 0 0 3px #1fb8cc1a;box-shadow:var(--focus-ring);outline:none}.send-button{align-items:center;background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);border:none;border-radius:.75rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:50px}.send-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:scale(1.05) translateY(-1px)}.send-button:disabled{cursor:not-allowed;opacity:.5}.send-icon{color:#fff;color:var(--text-inverse);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold)}.input-footer{margin-top:.5rem;text-align:center}.input-footer span{color:#737373;color:var(--gray-500);font-size:.75rem}.workflows-container{background:#f8fafc;min-height:100vh;padding:2rem}.workflows-header{align-items:center;display:flex;gap:2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1400px}.workflows-title h1{color:var(--navy);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.workflows-title p{color:#525252;color:var(--gray-600);font-size:1.1rem}.workflow-categories{display:flex;gap:1rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1400px;overflow-x:auto;padding-bottom:.5rem}.category-btn{align-items:center;background:#fff;border:2px solid #d4d4d4;border:2px solid var(--gray-300);border-radius:12px;color:#404040;color:var(--gray-700);cursor:pointer;display:flex;font-weight:500;gap:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.category-btn:before{background:var(--green-gradient);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:0}.category-btn:hover{background:#fafafa;background:var(--gray-50);border-color:#262626;border-color:var(--primary-navy);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.category-btn:hover:before{left:0}.category-btn:hover *{color:#262626;color:var(--gray-800);position:relative;z-index:1}.category-btn.active{background:var(--navy-gradient);border-color:#262626;border-color:var(--primary-navy);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff}.category-btn.active:before{display:none}.category-btn.active *{position:relative;z-index:1}.category-icon{font-size:1.2rem}.workflows-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin:0 auto 3rem;max-width:1400px}.workflow-card{border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s ease}.workflow-card:hover{border-color:var(--primary-blue);box-shadow:0 12px 30px #0000001a}.workflow-header{background:#f8fafc;padding:1.5rem}.workflow-icon{font-size:2rem}.workflow-meta{align-items:center}.workflow-duration{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:var(--gray-600);font-size:.85rem;padding:.25rem .75rem}.difficulty-badge{border-radius:12px;letter-spacing:.5px;padding:.25rem .75rem}.difficulty-badge.success{background:#dcfce7;color:#166534}.difficulty-badge.warning{background:#fef3c7;color:#92400e}.difficulty-badge.error{background:#fecaca;color:#991b1b}.workflow-content{padding:1.5rem}.workflow-title{color:#262626;color:var(--primary-navy);font-size:1.25rem}.workflow-description{color:var(--gray-600);line-height:1.6;margin-bottom:1.5rem}.workflow-steps h4{color:#404040;color:var(--gray-700);font-size:.9rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.steps-list{gap:.75rem}.step-number{background:#262626;background:var(--primary-navy)}.step-name{color:#404040;color:var(--gray-700);font-size:.9rem}.workflow-actions{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1.5rem}.workflow-start-btn{background:var(--navy-gradient);border:2px solid #262626;border:2px solid var(--primary-navy);border-radius:12px;color:#fff;color:var(--white);font-size:1rem;font-weight:600;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.workflow-start-btn:before{background:var(--green-gradient);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:0}.workflow-start-btn:hover:before{left:0}.workflow-start-btn:hover{border-color:#95c100;border-color:var(--primary-green);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.workflow-start-btn *{position:relative;z-index:1}.workflow-stats{display:flex;gap:3rem;justify-content:center;margin:0 auto;max-width:1400px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:1.5rem 2rem}.stat-card .stat-icon{font-size:2rem}.stat-card .stat-content h3{color:var(--navy);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.stat-card .stat-content p{color:#525252;color:var(--gray-600);font-size:.9rem;margin:0}.modern-app{display:flex;flex-direction:column;min-height:100vh}.modern-content{display:flex;flex:1 1;flex-direction:column}.settings-container{background:#f8fafc;min-height:100vh;padding:2rem}.settings-header{align-items:center;display:flex;gap:2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1400px}.settings-title h1{color:var(--navy);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.settings-title p{color:#525252;color:var(--gray-600);font-size:1.1rem}.settings-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px}.settings-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.settings-nav-btn{align-items:center;background:none;border:none;border-radius:12px;color:#404040;color:var(--gray-700);cursor:pointer;display:flex;font-size:.95rem;gap:1rem;margin-bottom:.5rem;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.settings-nav-btn:hover{background:#f1f5f9}.settings-nav-btn.active{background:linear-gradient(135deg,var(--primary-blue),#1fb8cc);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff}.settings-nav-btn .nav-icon{font-size:1.2rem}.settings-main{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.settings-section{padding:2.5rem}.section-header{border-bottom:1px solid #e2e8f0;margin-bottom:2.5rem;padding-bottom:1.5rem}.section-header h2{color:var(--navy);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.section-header p{color:#525252;color:var(--gray-600);line-height:1.6}.persona-card.selected,.persona-card:hover{border-color:var(--primary-blue)}.persona-card.selected{box-shadow:0 8px 25px #1e3a8a26}.persona-info h3{color:var(--navy);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.radio.checked{background:var(--primary-blue);border-color:var(--primary-blue)}.persona-features h4{color:#404040;color:var(--gray-700);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.persona-features ul{grid-template-columns:1fr 1fr}.persona-features li:before{color:var(--primary-blue)}.preferences-list{display:flex;flex-direction:column;gap:2rem}.preference-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem}.preference-info h3{color:var(--navy);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.preference-info p{color:#525252;color:var(--gray-600);font-size:.9rem;line-height:1.5}.toggle{display:inline-block;height:26px;position:relative;width:50px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle input:checked+.toggle-slider{background-color:var(--primary-blue)}.toggle input:checked+.toggle-slider:before{transform:translateX(24px)}.notification-settings{display:flex;flex-direction:column;gap:2rem}.notification-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.notification-group h3{color:var(--navy);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.notification-options{display:flex;flex-direction:column;gap:.75rem}.notification-option{align-items:center;cursor:pointer;display:flex;gap:.75rem}.notification-option input[type=checkbox]{accent-color:var(--primary-blue);height:18px;width:18px}.integrations-list,.security-options{display:flex;flex-direction:column;gap:1.5rem}.integration-item,.security-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem}.integration-info{align-items:center;display:flex;gap:1rem}.integration-icon{font-size:2rem}.integration-info h3,.security-info h3{color:var(--navy);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.integration-info p,.security-info p{color:#525252;color:var(--gray-600);font-size:.9rem}@media (max-width:1200px){.action-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.workflows-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.settings-content{gap:2rem;grid-template-columns:250px 1fr}}@media (max-width:968px){.hero-title{font-size:2.5rem}.quick-stats{align-items:center;flex-direction:column;gap:1.5rem}.settings-content,.workflows-grid{grid-template-columns:1fr}.settings-content{gap:1.5rem}.settings-sidebar{order:2;position:static}.settings-main{order:1}.workflow-stats{align-items:center;flex-direction:column;gap:1rem}}@media (max-width:768px){.landing-header-content{flex-direction:column;gap:1rem;text-align:center}.user-section{order:-1}.hero-title{font-size:2rem}.action-cards-grid{gap:1rem;grid-template-columns:1fr}.workflow-categories{flex-direction:column;gap:.5rem}.category-btn{justify-content:center}.chat-input-wrapper{align-items:stretch;flex-direction:column;gap:.75rem}.send-button{height:48px;width:100%}.persona-features ul,.quick-questions-grid{grid-template-columns:1fr}.integrations-list,.preferences-list,.security-options{gap:1rem}.integration-item,.preference-item,.security-item{align-items:flex-start;flex-direction:column;gap:1rem}}.knoh-landing{background:radial-gradient(ellipse at top,#95c10008 0,#0000 50%),radial-gradient(ellipse at bottom,#1fb8cc08 0,#0000 50%),#fff;background:radial-gradient(ellipse at top,#95c10008 0,#0000 50%),radial-gradient(ellipse at bottom,#1fb8cc08 0,#0000 50%),var(--background-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.knoh-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1rem}.knoh-header{animation:fadeInUp .8s ease-out;margin-bottom:3rem;text-align:center}.knoh-greeting h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#95c100,#1fb8cc 50%,#7ea500);background:linear-gradient(135deg,var(--procogia-green-primary) 0,var(--procogia-blue-primary) 50%,var(--procogia-green-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#171717;color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.25;line-height:var(--line-height-tight);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.knoh-greeting h1 .wave{animation:wave 2s ease-in-out infinite;display:inline-block;margin-left:.5rem}.knoh-subtitle{color:#525252;color:var(--text-secondary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.625;line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}.knoh-actions{animation:fadeInUp .8s ease-out .2s both;margin-bottom:3rem;width:100%}.knoh-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:800px}.knoh-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--surface-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);cursor:pointer;display:flex;gap:1.5rem;gap:var(--space-6);min-height:140px;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.knoh-card:before{background:linear-gradient(135deg,#95c10005,#1fb8cc05);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal);width:100%;z-index:0}.knoh-card:hover:before{opacity:1}.knoh-card:hover{border-color:#1fb8cc;border-color:var(--procogia-blue-primary);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.01)}.knoh-card:hover *{position:relative;z-index:1}.knoh-card-icon{align-items:center;background:linear-gradient(135deg,#f0f9e6,#e6f7fa);background:linear-gradient(135deg,var(--procogia-green-light) 0,var(--procogia-blue-light) 100%);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;font-size:2rem;height:64px;justify-content:center;position:relative;width:64px;z-index:2}.knoh-card-content{flex:1 1}.knoh-card-content h3{color:#171717;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.375;line-height:var(--line-height-snug);margin-bottom:.5rem;margin-bottom:var(--space-2);position:relative;z-index:2}.knoh-card-content p{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.625;line-height:var(--line-height-relaxed);margin:0;position:relative;z-index:2}.knoh-card-blue .knoh-card-icon{background:linear-gradient(135deg,#1fb8cc,#1aa3b5);background:var(--procogia-blue-gradient)}.knoh-card-blue .knoh-card-icon,.knoh-card-green .knoh-card-icon{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse)}.knoh-card-green .knoh-card-icon{background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient)}.knoh-card-purple .knoh-card-icon{background:linear-gradient(135deg,#1fb8cc,#95c100);background:linear-gradient(135deg,var(--procogia-blue-primary) 0,var(--procogia-green-primary) 100%)}.knoh-card-purple .knoh-card-icon,.knoh-card-teal .knoh-card-icon{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse)}.knoh-card-teal .knoh-card-icon{background:linear-gradient(135deg,#1fb8cc,#1aa3b5);background:linear-gradient(135deg,var(--procogia-blue-primary) 0,var(--procogia-blue-secondary) 100%)}.knoh-quick-actions{animation:fadeInUp .8s ease-out .4s both;margin-bottom:3rem}.knoh-quick-actions h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.knoh-quick-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:600px}.knoh-quick-button{align-items:center;background:#fff;background:var(--surface-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.75rem;gap:var(--space-3);overflow:hidden;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.knoh-quick-button:before{background:linear-gradient(135deg,#95c1000d,#1fb8cc0d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal);width:100%;z-index:0}.knoh-quick-button:hover:before{opacity:1}.knoh-quick-button:hover{background:#fff;background:var(--surface-primary);border-color:#1fb8cc;border-color:var(--procogia-blue-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.knoh-quick-button:hover *{color:#262626;color:var(--gray-800);position:relative;z-index:1}.knoh-quick-icon{flex-shrink:0;font-size:1.25rem}.knoh-quick-label{color:#374151}.knoh-features{animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.knoh-feature{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.knoh-feature-icon{font-size:1.1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wave{0%,to{opacity:.8;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.knoh-greeting h1{font-size:2.5rem}.knoh-subtitle{font-size:1.25rem}.knoh-cards-grid{gap:1rem;grid-template-columns:1fr}.knoh-card{min-height:100px;padding:1.5rem}.knoh-card-icon{font-size:2rem;height:60px;width:60px}.knoh-quick-grid{grid-template-columns:1fr}.knoh-features{flex-direction:column;gap:1rem}}@media (max-width:480px){.knoh-container{padding:1rem}.knoh-greeting h1{font-size:2rem}.knoh-subtitle{font-size:1.1rem}.knoh-card{flex-direction:column;padding:1.5rem;text-align:center}.knoh-card-icon{font-size:2rem;height:60px;width:60px}}.knoh-login{align-items:center;background:linear-gradient(135deg,#fafbfc,#f4f6f8);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem}.knoh-login-container{margin:0 auto;max-width:480px;width:100%}.knoh-login-header{animation:fadeInUp .6s ease-out;margin-bottom:2rem;text-align:center}.knoh-brand h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:.5rem}.knoh-brand p{color:#64748b;font-size:1rem;margin:0}.knoh-login-content{animation:fadeInUp .6s ease-out .1s both}.knoh-login-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2.5rem 2rem}.knoh-quick-login{margin-bottom:2rem}.knoh-quick-login h2{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.knoh-user-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.knoh-user-card{background:#f8fafc;border:2px solid #0000;border-radius:12px;cursor:pointer;padding:1rem;text-align:center;transition:all .2s ease}.knoh-user-card:hover{background:#f1f5f9;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.knoh-user-card.knoh-user-blue{border-color:#e6f3ff}.knoh-user-card.knoh-user-blue:hover{background:#eff6ff;border-color:#3b82f6}.knoh-user-card.knoh-user-green{border-color:#f0fff4}.knoh-user-card.knoh-user-green:hover{background:#f0fdf4;border-color:#10b981}.knoh-user-card.knoh-user-purple{border-color:#f0fdff}.knoh-user-card.knoh-user-purple:hover{background:#f0fdff;border-color:#1fb8cc;border-color:var(--secondary-blue)}.knoh-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:48px;justify-content:center;margin:0 auto .75rem;width:48px}.knoh-user-blue .knoh-user-avatar{background:var(--navy-gradient)}.knoh-user-green .knoh-user-avatar{background:linear-gradient(135deg,#10b981,#059669)}.knoh-user-purple .knoh-user-avatar{background:linear-gradient(135deg,#1fb8cc,#1aacba);background:linear-gradient(135deg,var(--secondary-blue) 0,#1aacba 100%)}.knoh-user-info h3{color:#1a202c;font-size:.875rem;font-weight:600;line-height:1.2;margin-bottom:.25rem}.knoh-user-info span{color:#64748b;font-size:.75rem;font-weight:500}.knoh-login-form{border-top:1px solid #e2e8f0;padding-top:2rem}.knoh-login-form h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.5rem}.knoh-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.knoh-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.knoh-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.knoh-input::placeholder{color:#9ca3af}.knoh-error{color:#ef4444;display:block;margin-top:-.75rem}.knoh-error,.knoh-error-message{font-size:.875rem;margin-bottom:1rem}.knoh-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:.75rem 1rem}.knoh-login-button{background:var(--navy-gradient);border:2px solid #262626;border:2px solid var(--primary-navy);border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-bottom:1.5rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.knoh-login-button:before{background:var(--green-gradient);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:0}.knoh-login-button:hover:not(:disabled):before{left:0}.knoh-login-button:hover:not(:disabled){border-color:#95c100;border-color:var(--primary-green);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.knoh-login-button *{position:relative;z-index:1}.knoh-login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.knoh-login-footer{text-align:center}.knoh-login-footer p{color:#64748b;font-size:.875rem;margin:0}.knoh-link{color:#262626;color:var(--primary-navy);font-weight:600;text-decoration:none;transition:color .2s ease}.knoh-link:hover{color:#95c100;color:var(--primary-green);text-decoration:underline}@media (max-width:640px){.knoh-login-card{padding:2rem 1.5rem}.knoh-user-grid{gap:.75rem;grid-template-columns:1fr}.knoh-user-card{align-items:center;display:flex;padding:1rem;text-align:left}.knoh-user-avatar{font-size:1rem;height:40px;margin:0 1rem 0 0;width:40px}.knoh-brand h1{font-size:1.75rem}}@media (max-width:480px){.knoh-login{padding:1rem}.knoh-login-card{padding:1.5rem 1rem}.knoh-brand h1{font-size:1.5rem}}.login-page{background:linear-gradient(135deg,#262626,#95c100);background:linear-gradient(135deg,var(--primary-navy) 0,var(--primary-green) 100%);min-height:100vh}.login-banner{background:#fff;background:var(--white);border-bottom:3px solid #95c100;border-bottom:3px solid var(--primary-green);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:1rem 0}.login-banner-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:0 2rem}.login-banner-logo{height:60px;margin-right:1rem;width:auto}.login-banner-text{text-align:center}.login-banner-title{color:#262626;color:var(--primary-navy);font-family:var(--font-primary);font-size:2rem;font-weight:700;margin:0}.login-banner-subtitle{color:#95c100;color:var(--primary-green);display:block;font-size:1rem;font-style:italic;font-weight:500;margin-top:.25rem}.login-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:2rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h2{color:#2d3748;font-size:1.5rem;margin-bottom:.5rem}.login-header p{color:#718096;font-size:.9rem}.social-login-section{margin-bottom:1.5rem}.social-login-section h3{color:#2d3748;font-size:1rem;margin-bottom:1rem;text-align:center}.social-login-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #d4d4d4;border:2px solid var(--gray-300);border-radius:8px;color:#404040;color:var(--gray-700);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;margin-bottom:.75rem;padding:.75rem;transition:all .3s ease;width:100%}.social-login-btn:hover{background:#fafafa;background:var(--gray-50);border-color:#262626;border-color:var(--primary-navy);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#262626;color:var(--primary-navy);transform:translateY(-2px)}.social-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.social-icon{font-size:1.2rem;margin-right:.5rem}.google-btn{color:#4285f4}.google-btn:hover{border-color:#4285f4}.linkedin-btn{color:#0077b5}.linkedin-btn:hover{border-color:#0077b5}.divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.divider:after,.divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.divider span{color:#718096;font-size:.8rem;padding:0 1rem}.email-login-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem;transition:all .2s ease;width:100%}.email-login-btn:hover{background:#667eea;color:#fff}.form-group{margin-bottom:1rem}.form-group label{color:#737373;color:var(--gray-500);display:block;font-size:.9rem;margin-bottom:.5rem}.form-group input{background:#fff;background:var(--white);border:1px solid #d4d4d4;border:1px solid var(--gray-300);border-radius:var(--radius-small);color:#000;color:var(--black);font-size:.9rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#1fb8cc;border-color:var(--secondary-blue);box-shadow:0 0 0 2px #1fb8cc1a;outline:none}.form-group input.error{border-color:var(--error)}.error-text{color:#e53e3e;display:block;font-size:.8rem;margin-top:.25rem}.login-btn{background:#95c100;background:var(--primary-green);border:1px solid #95c100;border:1px solid var(--primary-green);border-radius:var(--radius-button);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem;transition:all .3s ease;width:100%}.login-btn:hover{background:#7ea500;background:var(--procogia-green-secondary);border-color:#7ea500;border-color:var(--procogia-green-secondary);transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.back-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.8rem;margin-top:1rem;padding:.5rem;transition:color .2s ease;width:100%}.back-btn:hover{color:#5a67d8}.error-message{align-items:center;background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.error-close{background:none;border:none;color:#c53030;cursor:pointer;font-size:1.2rem;margin-left:.5rem;padding:0}.login-footer{margin-top:2rem;text-align:center}.login-footer p{color:#718096;font-size:.9rem}.register-link{color:#667eea;font-weight:500;text-decoration:none}.register-link:hover{text-decoration:underline}.login-info{background-color:#f8fafc;border-left:4px solid #262626;border-left:4px solid var(--primary-navy);border-radius:.375rem;margin-top:2rem;padding:1rem}.login-note{color:#374151;font-size:.875rem;line-height:1.5;margin:0}.login-note strong{color:#1f2937}.loading-container{align-items:center;background:#f7fafc;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border-top-color:#667eea}.workflow-modal{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.workflow-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.workflow-modal-content.large{max-width:1200px}.workflow-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;padding:20px 30px}.workflow-header h2{color:#2c3e50;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#f0f0f0;color:#333}.workflow-progress{border-bottom:1px solid #eee;padding:20px 30px}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:15px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);height:100%;transition:width .3s ease}.progress-steps{display:flex;gap:10px;justify-content:space-between}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column}.progress-step.active .step-number{background:#262626;background:var(--primary-navy);color:#fff;color:var(--white)}.progress-step.active .step-title{color:#262626;color:var(--primary-navy);font-weight:600}.step-number{background:#e9ecef;height:32px;margin-bottom:8px;transition:all .2s ease;width:32px}.step-info{text-align:center}.step-title{color:#6c757d;font-size:14px;font-weight:500;margin-bottom:4px}.step-description{color:#868e96;font-size:12px}.workflow-body{min-height:300px;padding:30px}.workflow-step h3{color:#2c3e50;font-size:24px;margin:0 0 8px}.workflow-step p{color:#6c757d;font-size:16px;margin:0 0 30px}.form-grid{grid-gap:20px;gap:20px;margin-bottom:30px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#495057;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#262626;border-color:var(--primary-navy);outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.form-group input.readonly{background-color:#f8f9fa;color:#6c757d}.error-text{color:#dc3545;font-size:14px;margin-top:5px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:10px;line-height:1.4}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.ai-insights,.ai-suggestions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.ai-insights h4,.ai-suggestions h4{color:#495057;font-size:16px;margin:0 0 15px}.insights-list,.suggestions-list{display:flex;flex-direction:column;gap:10px}.insight-item,.suggestion-item{background:#fff;border-left:4px solid #262626;border-left:4px solid var(--primary-navy);border-radius:6px;color:#495057;font-size:14px;padding:10px}.workflow-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #eee;padding:20px 30px}.workflow-actions{display:flex;gap:15px;justify-content:space-between}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary{background:var(--navy-gradient);border:1px solid #262626;border:1px solid var(--primary-navy);color:#fff;color:var(--white);overflow:hidden;position:relative}.btn-primary:before{background:var(--green-gradient);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:0}.btn-primary:hover:before{left:0}.btn-primary:hover{border-color:#95c100;border-color:var(--primary-green);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary *{position:relative;z-index:1}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#1e7e34}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-sm{font-size:14px;padding:6px 12px}.btn:disabled{cursor:not-allowed;opacity:.6}.loan-type-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.loan-type-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;padding:30px 20px;text-align:center;transition:all .2s ease}.loan-type-card:hover{box-shadow:0 4px 12px #1a366826}.loan-type-card.selected,.loan-type-card:hover{border-color:#262626;border-color:var(--primary-navy);transform:translateY(-2px)}.loan-type-card.selected{background:#f8f9ff;box-shadow:0 4px 12px #1a366833}.loan-type-icon{display:block;font-size:48px;margin-bottom:15px}.loan-type-label{color:#495057;font-size:16px;font-weight:500}.personas-section{margin-bottom:3rem}.personas-section h3{border-bottom:2px solid #95c100;border-bottom:2px solid var(--primary-green);color:#262626;color:var(--primary-navy);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.personas-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.persona-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.persona-card:before{background:#0000;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:background .3s ease}.persona-card.persona-red:before{background:#dc2626}.persona-card.persona-blue:before{background:#2563eb}.persona-card.persona-green:before{background:#16a34a}.persona-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.persona-card.selected,.persona-card:hover{border-color:#262626;border-color:var(--primary-navy)}.persona-card.selected{background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 8px 25px #1a366826}.persona-card.restricted{background:#f8fafc;cursor:not-allowed;opacity:.6}.persona-card.restricted:hover{border-color:#e2e8f0;box-shadow:none;transform:none}.persona-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.persona-icon{flex-shrink:0;font-size:2rem}.persona-info{flex:1 1}.persona-info h4{color:#262626;color:var(--primary-navy);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.persona-info p{color:#525252;color:var(--gray-600);line-height:1.6}.persona-selector{flex-shrink:0}.persona-restriction{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.restriction-icon{color:#dc2626;font-size:1rem}.restriction-text{color:#dc2626;font-size:.875rem;font-weight:500}.persona-features{margin-bottom:1rem}.persona-features h5{color:#404040;color:var(--gray-700);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.persona-features ul{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.persona-features li{color:#525252;color:var(--gray-600);font-size:.9rem;padding-left:1.5rem;position:relative}.persona-features li:before{color:#262626;color:var(--primary-navy);content:"✓";font-weight:600;left:0;position:absolute}.persona-layout{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.persona-layout h5{color:#404040;color:var(--gray-700);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.persona-layout p{color:#525252;color:var(--gray-600);font-size:.875rem;line-height:1.5}.customer-profiles-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;padding:2rem}.customer-profiles-section h3{color:#262626;color:var(--primary-navy);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.customer-profiles-section p{color:#525252;color:var(--gray-600);margin-bottom:1.5rem}.customer-profiles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.customer-profile-card{border:2px solid #e2e8f0;cursor:pointer;padding:1.25rem;position:relative;transition:all .3s ease}.customer-profile-card:hover{border-color:#95c100;border-color:var(--primary-green);box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.customer-profile-card.selected{background:linear-gradient(135deg,#fff,#f0f9e6);background:linear-gradient(135deg,#fff 0,var(--procogia-green-light) 100%);border-color:#95c100;border-color:var(--procogia-green-primary);box-shadow:0 6px 20px #95c10026}.customer-profile-card.selected:before{background:#95c100;background:var(--primary-green);content:"";height:3px;left:0;position:absolute;right:0;top:0}.profile-header{align-items:flex-start;gap:1rem;margin-bottom:1rem}.profile-icon{flex-shrink:0;font-size:1.75rem}.profile-info{flex:1 1}.profile-info h4{color:#262626;color:var(--primary-navy);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.profile-info p{color:#525252;color:var(--gray-600);font-size:.9rem;line-height:1.5}.profile-selector{flex-shrink:0}.profile-features{margin-bottom:1rem}.profile-features h5{color:#404040;color:var(--gray-700);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.profile-features ul{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.profile-features li{color:#525252;color:var(--gray-600);font-size:.85rem;padding-left:1.2rem;position:relative}.profile-features li:before{color:#95c100;color:var(--primary-green);content:"•";font-weight:600;left:0;position:absolute}.profile-experience{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.profile-experience h5{color:#404040;color:var(--gray-700);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.profile-experience p{color:#525252;color:var(--gray-600);font-size:.8rem;line-height:1.4}.selection-summary{background:linear-gradient(135deg,#262626,#171717);background:linear-gradient(135deg,var(--primary-navy) 0,var(--secondary-navy) 100%);border-radius:16px;color:#fff;margin-top:3rem;padding:2rem}.selection-summary h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.summary-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:space-between;padding:1.5rem}.summary-card,.summary-persona{align-items:center;display:flex}.summary-persona{gap:1rem}.summary-icon{background:#fff3;border-radius:50%;font-size:2rem;padding:.75rem}.summary-info h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.summary-info p{color:#fffc;font-size:.9rem}.radio{border:2px solid #e2e8f0;border-radius:50%;height:20px;position:relative;transition:all .2s ease;width:20px}.radio.checked{background:#262626;background:var(--primary-navy);border-color:#262626;border-color:var(--primary-navy)}.radio.checked:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@media (max-width:768px){.customer-profiles-grid,.personas-grid{grid-template-columns:1fr}.summary-card{flex-direction:column;gap:1rem;text-align:center}.customer-profiles-section{padding:1.5rem}}.customer-profile-card{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}.profile-info{padding:2rem}.profile-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#262626,var(--primary-blue));background:linear-gradient(135deg,var(--primary-navy),var(--primary-blue));border-radius:50%;box-shadow:0 4px 12px #0d47a133;color:#fff;display:flex;font-size:2rem;font-weight:600;height:80px;justify-content:center;text-transform:uppercase;width:80px}.profile-details h3{color:#262626;color:var(--primary-navy);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.profile-tier{color:#95c100;color:var(--primary-green);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.profile-location{color:#525252;color:var(--gray-600);font-size:.9rem;margin:0}.profile-stats{margin-bottom:2rem}.stat-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.stat-item{background:#fafafa;background:var(--gray-50);border:1px solid #f5f5f5;border:1px solid var(--gray-100);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.stat-label{color:#525252;color:var(--gray-600);font-size:.85rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.stat-value{color:#262626;color:var(--primary-navy);font-size:1.25rem;font-weight:600}.profile-explanation{display:flex;flex-direction:column;gap:1.5rem}.info-box{background:linear-gradient(135deg,#0d47a10d,#1976d20d);border:1px solid #0d47a11a;border-radius:8px;padding:1.5rem}.info-box h4{align-items:center;color:#262626;color:var(--primary-navy);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.info-box p{color:#404040;color:var(--gray-700);font-size:.9rem;line-height:1.6;margin:0}.profile-actions{display:flex;gap:1rem;justify-content:flex-end}.profile-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:3rem;text-align:center}.loading-spinner{border:3px solid #e5e5e5;border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-top-color:var(--primary-blue)}.no-profile{display:flex;justify-content:center;padding:3rem}.empty-state{max-width:400px;text-align:center}.empty-icon{display:block;font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#262626;color:var(--primary-navy);margin-bottom:.75rem}.empty-state p{color:#525252;color:var(--gray-600);line-height:1.6;margin-bottom:1.5rem}.profile-error{align-items:center;background:#f443360d;border:1px solid #f443361a;border-radius:8px;color:var(--error);display:flex;gap:1rem;padding:2rem}.error-icon{font-size:1.5rem}@media (max-width:768px){.profile-header{flex-direction:column;gap:1rem;text-align:center}.stat-grid{gap:1rem;grid-template-columns:1fr}.stat-item{padding:1rem}.profile-actions{justify-content:center}}.calculator-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem 0}.calculator-header{background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.calculator-title h1{color:#262626;color:var(--primary-navy);font-size:2.5rem;margin-bottom:.5rem}.calculator-nav{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;padding:0 2rem}.calc-nav-btn{background:#fff;border:2px solid #d4d4d4;border:2px solid var(--gray-300);border-radius:8px;cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.calc-nav-btn.active{background:#262626;background:var(--primary-navy);border-color:#262626;border-color:var(--primary-navy);color:#fff}.calculator-content{margin:0 auto;max-width:1200px;padding:0 2rem}.calculator-section{grid-gap:3rem;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);gap:3rem;padding:2rem}.calculator-form h2{color:#262626;color:var(--primary-navy)}.form-grid{grid-template-columns:1fr 1fr}.calculator-results{background:#fafafa;background:var(--gray-50);border-radius:8px;padding:2rem}.result-item{background:#fff;border-left:4px solid var(--primary-blue);border-radius:6px;justify-content:between;padding:1rem}.result-item.total{background:#262626;background:var(--primary-navy);border-left-color:#95c100;border-left-color:var(--primary-green);font-size:1.1rem;font-weight:600}.result-label{flex:1 1}.result-value{font-size:1.1rem;font-weight:600}.calculator-cta{background:#262626;background:var(--primary-navy);color:#fff;margin-top:3rem;padding:3rem 2rem;text-align:center}.cta-content h3{font-size:2rem;margin-bottom:1rem}.cta-buttons{margin-top:2rem}.rates-container{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);min-height:100vh;padding:2rem 0}.rates-header{background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.rates-title h1{color:#262626;color:var(--primary-navy);font-size:2.5rem;margin-bottom:.5rem}.rates-updated{color:#525252;color:var(--gray-600);font-size:.9rem;margin-top:1rem}.rates-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;padding:0 2rem}.rates-nav-btn{background:#fff;border:2px solid #d4d4d4;border:2px solid var(--gray-300);border-radius:8px;cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.rates-nav-btn.active{background:#262626;background:var(--primary-navy);border-color:#262626;border-color:var(--primary-navy);color:#fff}.rates-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.rates-table-container{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden}.table-header{background:#262626;background:var(--primary-navy);color:#fff;padding:1.5rem}.table-header h2{font-size:1.5rem;margin:0}.rate-row{border-bottom:1px solid var(--gray-200);padding:1.5rem}.rate-row:hover{background:#fafafa;background:var(--gray-50)}.rate-info h3{color:#262626;color:var(--primary-navy);margin:0 0 .25rem}.rate-term{color:#525252;color:var(--gray-600);font-size:.9rem}.rate-numbers{gap:2rem}.apr-value,.rate-value{text-align:center}.apr-label,.rate-label{color:#525252;color:var(--gray-600);display:block;font-size:.8rem;margin-bottom:.25rem}.apr-number,.rate-number{color:#262626;color:var(--primary-navy);font-size:1.25rem;font-weight:600}.rate-trend{font-size:1.5rem}.rates-info{display:flex;flex-direction:column;gap:2rem}.info-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem}.info-card h4{color:#262626;color:var(--primary-navy);margin-bottom:.5rem}.info-card ul{margin:.5rem 0 0 1rem}.market-update,.rate-lock-info{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem}.lock-features{display:flex;flex-direction:column}.lock-feature{align-items:center;background:#fafafa;background:var(--gray-50);border-radius:8px;gap:1rem}.feature-icon{font-size:1.5rem}.feature-details h4{color:#262626;color:var(--primary-navy);margin:0 0 .25rem}.feature-details p{color:var(--gray-600);font-size:.9rem}.documentation-container{background:linear-gradient(135deg,#fafafa,#f0f0f0);min-height:100vh;padding:2rem 0}.documentation-header{background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.documentation-title h1{color:#262626;color:var(--primary-navy);font-size:2.5rem;margin-bottom:.5rem}.documentation-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;padding:0 2rem}.doc-nav-btn{align-items:center;background:#fff;border:2px solid #d4d4d4;border:2px solid var(--gray-300);border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.doc-nav-btn.active{background:#262626;background:var(--primary-navy);border-color:#262626;border-color:var(--primary-navy);color:#fff}.documentation-content{margin:0 auto;max-width:1200px;padding:0 2rem}.documents-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.document-card{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem;transition:transform .3s ease}.document-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.document-info h3{color:#262626;color:var(--primary-navy)}.document-meta{gap:1rem;margin-top:1rem}.document-size,.document-type{background:var(--gray-100);border-radius:4px;color:#404040;color:var(--gray-700);font-size:.8rem;padding:.25rem .75rem}.document-actions{display:flex;gap:1rem;margin-top:1.5rem}.requirements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.requirement-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem}.requirement-header h3{color:#262626;color:var(--primary-navy);margin-bottom:.5rem}.requirement-list h4{color:#262626;color:var(--primary-navy);margin:1.5rem 0 1rem}.requirement-list ul{list-style:none;padding:0}.requirement-list li{align-items:flex-start;border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--gray-100);display:flex;gap:.5rem;padding:.5rem 0}.requirement-check{flex-shrink:0;margin-top:.1rem}.requirement-actions{margin-top:1.5rem}.documentation-faq,.documentation-tips{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin-top:3rem;padding:2rem}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.tip-card{background:#fafafa;background:var(--gray-50);border-left:4px solid var(--primary-blue);border-radius:8px;padding:1.5rem}.tip-card h4{color:#262626;color:var(--primary-navy);margin-bottom:.5rem}.faq-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.faq-item{background:#fafafa;background:var(--gray-50);border-left:4px solid var(--primary-blue);border-radius:8px;padding:1.5rem}.faq-item h4{color:#262626;color:var(--primary-navy);margin-bottom:.5rem}.support-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem 0}.support-header{background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.support-title h1{color:#262626;color:var(--primary-navy);font-size:2.5rem;margin-bottom:.5rem}.support-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;padding:0 2rem}.support-nav-btn{background:#fff;border:2px solid #d4d4d4;border:2px solid var(--gray-300);border-radius:8px;cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.support-nav-btn.active{background:#262626;background:var(--primary-navy);border-color:#262626;border-color:var(--primary-navy);color:#fff}.support-content{margin:0 auto;max-width:1200px;padding:0 2rem}.contact-methods h2{color:#262626;color:var(--primary-navy);margin-bottom:2rem;text-align:center}.support-teams-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.support-team-card{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem;transition:transform .3s ease}.team-header{gap:1rem}.team-icon{font-size:2rem}.team-header h3{color:#262626;color:var(--primary-navy)}.contact-info{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.contact-label{color:#525252;color:var(--gray-600);font-size:.9rem}.contact-link{color:var(--primary-blue)}.hours-label{color:#525252;color:var(--gray-600);font-size:.9rem;min-width:60px}.hours-text{color:#262626;color:var(--gray-800)}.alternative-contact{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem}.alternative-contact h3{color:#262626;color:var(--primary-navy);margin-bottom:1.5rem}.alt-contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.alt-contact-item{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.alt-icon{font-size:2.5rem}.alt-details h4{color:#262626;color:var(--primary-navy);margin:0 0 .5rem}.alt-details p{color:#525252;color:var(--gray-600);font-size:.9rem;margin:0 0 1rem}.contact-form-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem}.contact-form-section h2{color:#262626;color:var(--primary-navy);margin-bottom:2rem}.support-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.form-info{background:#fafafa;background:var(--gray-50);border-left:4px solid var(--primary-blue);border-radius:8px;margin-top:2rem;padding:1.5rem}.form-info h4{color:#262626;color:var(--primary-navy);margin-bottom:1rem}.form-info ul{margin:0;padding-left:1rem}.emergency-support{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem}.emergency-support h2{color:var(--error);margin-bottom:1rem}.emergency-intro{color:#404040;color:var(--gray-700);font-size:1.1rem;margin-bottom:2rem}.emergency-contacts{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.emergency-card{background:#f443360d;border:1px solid #f4433633;border-radius:8px;padding:2rem}.emergency-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.emergency-header h3{color:var(--error);margin:0}.emergency-badge{background:var(--error);border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.emergency-details{display:flex;flex-direction:column;gap:1rem}.emergency-action,.emergency-availability,.emergency-phone{align-items:center;display:flex;gap:.75rem}.action-label,.availability-label,.phone-label{color:#525252;color:var(--gray-600);font-size:.9rem;min-width:80px}.emergency-number{color:var(--error);font-size:1.1rem;font-weight:600;text-decoration:none}.emergency-number:hover{text-decoration:underline}.action-text,.availability-text{color:#262626;color:var(--gray-800);font-weight:500}.emergency-tips{background:#fafafa;background:var(--gray-50);border-left:4px solid var(--warning);border-radius:8px;padding:2rem}.emergency-tips h3{color:#262626;color:var(--primary-navy);margin-bottom:1rem}.tips-list{flex-direction:column}.tip-item,.tips-list{display:flex;gap:1rem}.tip-item{align-items:flex-start}.tip-icon{flex-shrink:0;font-size:1.25rem;margin-top:.1rem}.hours-availability{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem}.hours-availability h2{color:#262626;color:var(--primary-navy);margin-bottom:2rem}.hours-sections{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.hours-section h3{color:#262626;color:var(--primary-navy);margin-bottom:1rem}.hours-grid{display:flex;flex-direction:column;gap:.75rem}.hours-row{align-items:center;background:#fafafa;background:var(--gray-50);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.day-name{color:#262626;color:var(--primary-navy);font-weight:600;text-transform:capitalize}.hours-time{color:#404040;color:var(--gray-700)}.tech-support-info{background:#fafafa;background:var(--gray-50);border-left:4px solid var(--primary-blue);border-radius:8px;padding:1.5rem}.tech-support-info p{margin:.5rem 0}.holiday-hours,.timezone-info{background:#fafafa;background:var(--gray-50);border-left:4px solid var(--primary-blue);border-radius:8px;margin-bottom:2rem;padding:2rem}.holiday-hours h3,.timezone-info h3{color:#262626;color:var(--primary-navy);margin-bottom:1rem}.holiday-hours ul{margin:1rem 0 0 1rem}.support-quick-actions{background:#262626;background:var(--primary-navy);border-radius:12px;color:#fff;margin-top:3rem;padding:2rem;text-align:center}.support-quick-actions h3{margin-bottom:1.5rem}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.quick-action-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;transition:all .3s ease}.quick-action-btn:hover{background:#fff3;border-color:#ffffff80}.action-icon{font-size:1.5rem}.action-text{font-size:.9rem}@media (max-width:768px){.calculator-section,.rates-content{gap:2rem;grid-template-columns:1fr}.form-grid,.form-row{grid-template-columns:1fr}.documentation-nav,.rates-nav,.support-nav{gap:.5rem;grid-template-columns:1fr}.documents-grid,.hours-sections,.requirements-grid,.support-teams-grid{grid-template-columns:1fr}.cta-buttons,.form-actions{flex-direction:column;gap:1rem}}.procogia-login-page{align-items:center;background:url(https://procogia.com/wp-content/uploads/2025/04/hero-background.png) 50%/cover no-repeat;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.procogia-login-page:before{background:#0000001a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.procogia-login-container{margin:0 auto;max-width:500px;position:relative;width:100%;z-index:2}.procogia-login-card{background:#fff;border:0 solid #0000;border-radius:5px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center}.procogia-login-card:before{background:linear-gradient(90deg,#95c100,#1fb8cc,var(--warning));background:linear-gradient(90deg,var(--primary-green),var(--secondary-blue),var(--warning));content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.procogia-logo-container{margin-bottom:2rem;position:relative;z-index:2}.procogia-logo{height:60px;max-width:280px;object-fit:contain;width:auto}.procogia-platform-info{margin-bottom:1.5rem}.procogia-platform-title{color:#1a1a1a;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.procogia-platform-subtitle{color:#666;font-size:1rem;font-weight:500;line-height:1.4;margin:0}.procogia-platform-description{margin-bottom:2rem}.procogia-platform-description p{color:#555;font-size:.95rem;line-height:1.6;margin:0}.procogia-error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:1.5rem;padding:1rem;position:relative}.procogia-error-close{background:none;border:none;color:#c33;cursor:pointer;font-size:1.2rem;position:absolute;right:.75rem;top:.5rem}.procogia-login-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.procogia-login-btn{align-items:center;border:1px solid #d4d4d4;border:1px solid var(--gray-300);border-radius:3px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease;width:100%}.procogia-login-btn:disabled{cursor:not-allowed;opacity:.6}.procogia-auth0-btn{background:#95c100;background:var(--primary-green);border:1px solid #95c100;border:1px solid var(--primary-green);color:#fff}.procogia-auth0-btn:hover:not(:disabled){background:#7ea500;background:var(--procogia-green-secondary);border-color:#7ea500;border-color:var(--procogia-green-secondary);box-shadow:0 4px 12px #95c1004d;transform:translateY(-1px)}.procogia-linkedin-btn{background:#0077b5;border:2px solid #0077b5;color:#fff}.procogia-linkedin-btn:hover:not(:disabled){background:#006399;border-color:#006399;box-shadow:0 4px 12px #0077b54d;transform:translateY(-1px)}.procogia-email-btn{background:#333;border:2px solid #333;color:#fff}.procogia-email-btn:hover:not(:disabled){background:#222;border-color:#222;box-shadow:0 4px 12px #3333334d;transform:translateY(-1px)}.procogia-btn-icon{font-size:1.1rem}.procogia-security-options{border-top:1px solid #eee;padding-top:1.5rem}.procogia-security-title{color:#333;font-size:.9rem;font-weight:600;margin:0 0 1rem}.procogia-security-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:.75rem}.procogia-security-badge{align-items:center;color:#666;display:flex;font-size:.8rem;font-weight:500;gap:.25rem}.security-icon{font-size:.9rem}.procogia-security-note{color:#888;font-size:.8rem;font-style:italic;line-height:1.4;margin:0}.procogia-loading-container{align-items:center;background:url(https://procogia.com/wp-content/uploads/2025/04/hero-background.png) 50%/cover no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.procogia-loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-left-color:#fff;border-radius:50%;height:40px;margin-bottom:1rem;width:40px}@media (max-width:768px){.procogia-login-page{padding:1rem}.procogia-login-card{padding:2rem 1.5rem}.procogia-platform-title{font-size:1.5rem}.procogia-security-badges{flex-direction:column;gap:.5rem}.procogia-logo{height:50px;max-width:240px}}@media (max-width:480px){.procogia-login-card{margin:0 .5rem;padding:2rem 1rem}.procogia-platform-title{font-size:1.25rem}.procogia-platform-description p,.procogia-platform-subtitle{font-size:.9rem}}.applications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.applications-count{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:20px;color:#0369a1;font-size:14px;font-weight:600;padding:6px 12px}.profile-status{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}.profile-status.loading{background-color:#f0f9ff;border:1px solid #0ea5e9;color:#0369a1}.profile-status.loaded{background-color:#f0fdf4;border:1px solid #22c55e;color:#15803d}.profile-status.new{background-color:#fefbf0;border:1px solid #f59e0b;color:#92400e}.profile-status .info-icon,.profile-status .loading-icon,.profile-status .success-icon{font-size:16px;margin-right:4px}.calculator-nav,.documentation-nav,.rates-nav,.support-nav,.workflow-categories{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-6)}.calc-nav-btn,.category-btn,.doc-nav-btn,.rates-nav-btn,.support-nav-btn{align-items:center;background:#f5f5f5;background:var(--background-tertiary);border:2px solid #e5e5e5;border:2px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);color:#171717;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);min-height:60px;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.calc-nav-btn:hover,.category-btn:hover,.doc-nav-btn:hover,.rates-nav-btn:hover,.support-nav-btn:hover{background:linear-gradient(135deg,#1fb8cc,#1aa3b5);background:var(--procogia-blue-gradient);border-color:#0000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);transform:translateY(-2px)}.calc-nav-btn.active,.category-btn.active,.doc-nav-btn.active,.rates-nav-btn.active,.support-nav-btn.active{background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);border-color:#0000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--text-inverse)}.category-icon,.nav-icon{align-items:center;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);height:24px;justify-content:center;width:24px}.workflows-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:1.5rem;margin-top:var(--space-6)}.workflow-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--surface-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.workflow-card:hover{border-color:#1fb8cc;border-color:var(--procogia-blue-primary);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.workflow-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.workflow-icon{align-items:center;background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);height:60px;justify-content:center;width:60px}.workflow-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.workflow-duration{background:#f5f5f5;background:var(--background-tertiary);color:#525252;color:var(--text-secondary)}.difficulty-badge,.workflow-duration{border-radius:.375rem;border-radius:var(--radius-md);font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.difficulty-badge{font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.difficulty-badge.success,.difficulty-badge.warning{background:#95c1001a;border:1px solid #95c100;border:1px solid var(--procogia-green-primary);color:#95c100;color:var(--procogia-green-primary)}.difficulty-badge.error{background:#dc26261a;border:1px solid #dc2626;color:#dc2626}.workflow-title{color:#171717;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.workflow-description{color:#525252;color:var(--text-secondary);line-height:1.625;line-height:var(--line-height-relaxed);margin-bottom:1rem;margin-bottom:var(--space-4)}.workflow-steps h4{color:#171717;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.75rem;margin-bottom:var(--space-3)}.steps-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.step-item{font-size:.875rem;font-size:var(--font-size-sm);gap:.75rem;gap:var(--space-3)}.step-item,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#1fb8cc,#1aa3b5);background:var(--procogia-blue-gradient);border-radius:50%;color:#fff;color:var(--text-inverse);flex-shrink:0;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);height:24px;justify-content:center;width:24px}.step-name{color:#525252;color:var(--text-secondary)}.workflow-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);margin-top:1.5rem;margin-top:var(--space-6);padding-top:1rem;padding-top:var(--space-4)}.workflow-start-btn{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);justify-content:center;width:100%}.workflow-stats{grid-gap:1rem;grid-gap:var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem;margin-top:var(--space-6)}.stat-card,.workflow-stats{gap:1rem;gap:var(--space-4)}.stat-card{align-items:center;background:#fffc;background:var(--surface-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);display:flex;padding:1.5rem;padding:var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-inverse);display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);height:50px;justify-content:center;width:50px}.stat-content h3{color:#171717;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--space-1)}.stat-content p{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin:0}.rates-table-container{margin-top:1rem;margin-top:var(--space-4)}.rates-table{background:#fff;background:var(--surface-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden}.rate-row{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.rate-row:last-child{border-bottom:none}.rate-row:hover{background:#f5f5f5;background:var(--background-tertiary)}.rate-info h4{color:#171717;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--space-1)}.rate-term{background:#f5f5f5;background:var(--background-tertiary);border-radius:.25rem;border-radius:var(--radius-sm);color:#737373;color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.rate-numbers{align-items:center;display:flex;gap:1.5rem;gap:var(--space-6)}.apr-value,.rate-value{align-items:center;display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.apr-label,.rate-label{color:#737373;color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.apr-number,.rate-number{color:#95c100;color:var(--procogia-green-primary);font-weight:700;font-weight:var(--font-weight-bold)}.apr-number,.rate-number,.rate-trend{font-size:1.125rem;font-size:var(--font-size-lg)}.rate-trend{align-items:center;display:flex;justify-content:center;width:32px}.info-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.info-card{background:#fafafa;background:var(--gray-50);border-left:4px solid var(--primary-blue);border-radius:8px;padding:1.5rem}.info-card h4{color:#171717;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.75rem;margin-bottom:var(--space-3)}.info-card p{line-height:1.625;line-height:var(--line-height-relaxed)}.info-card p,.info-card ul{color:#525252;color:var(--text-secondary);margin:0}.info-card ul{padding-left:1rem;padding-left:var(--space-4)}.info-card li{margin-bottom:.25rem;margin-bottom:var(--space-1)}.lock-features{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem;margin-top:var(--space-4)}.lock-feature{align-items:flex-start;background:#fffc;background:var(--surface-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;gap:var(--space-3);padding:1rem;padding:var(--space-4)}.feature-icon{align-items:center;background:linear-gradient(135deg,#1fb8cc,#1aa3b5);background:var(--procogia-blue-gradient);border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:1.125rem;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.feature-details h4{color:#171717;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--space-1)}.feature-details p{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin:0}.support-teams-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:1.5rem;margin-top:var(--space-6)}.support-team-card{background:#fff;background:var(--surface-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.support-team-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.team-header{gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4)}.team-header,.team-icon{align-items:center;display:flex}.team-icon{background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-inverse);font-size:1.25rem;font-size:var(--font-size-xl);height:50px;justify-content:center;width:50px}.team-header h3{color:#171717;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.team-details p{color:#525252;color:var(--text-secondary);line-height:1.625;line-height:var(--line-height-relaxed);margin-bottom:1rem;margin-bottom:var(--space-4)}.contact-method{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:.5rem;margin-bottom:var(--space-2)}.contact-label{color:#737373;color:var(--text-tertiary);font-size:.875rem;font-size:var(--font-size-sm);min-width:60px}.contact-link{color:#1fb8cc;color:var(--procogia-blue-primary);font-weight:500;font-weight:var(--font-weight-medium);text-decoration:none}.contact-link:hover{text-decoration:underline}.contact-hours{align-items:center;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);display:flex;gap:.5rem;gap:var(--space-2);margin-top:.75rem;margin-top:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.hours-label{color:#737373;color:var(--text-tertiary)}.hours-label,.hours-text{font-size:.875rem;font-size:var(--font-size-sm)}.hours-text{color:#525252;color:var(--text-secondary);font-weight:500;font-weight:var(--font-weight-medium)}.documents-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem;margin-top:var(--space-4)}.document-card{background:#fff;background:var(--surface-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.document-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.document-info h3{color:#171717;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.document-info p{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.625;line-height:var(--line-height-relaxed)}.document-info p,.document-meta{margin-bottom:1rem;margin-bottom:var(--space-4)}.document-meta{display:flex;gap:.75rem;gap:var(--space-3)}.document-size,.document-type{background:#f5f5f5;background:var(--background-tertiary);border-radius:.25rem;border-radius:var(--radius-sm);color:#737373;color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.calculator-section{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:1fr 1fr;margin-top:1.5rem;margin-top:var(--space-6)}@media (max-width:768px){.calculator-section{gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr}}.calculator-form{background:#fffc;background:var(--surface-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--space-6)}.calculator-form h2{color:#171717;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:1.5rem;margin-bottom:var(--space-6);text-align:center}.form-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.calculator-results{background:#fff;background:var(--surface-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6)}.calculator-results h3{color:#171717;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:1.5rem;margin-bottom:var(--space-6);text-align:center}.results-grid{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.result-item{align-items:center;background:#f5f5f5;background:var(--background-tertiary);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.result-label{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.result-value{color:#95c100;color:var(--procogia-green-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-weight-bold)}.result-item.total{background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);color:#fff;color:var(--text-inverse)}.result-item.total .result-label,.result-item.total .result-value{color:#fff;color:var(--text-inverse);font-weight:700;font-weight:var(--font-weight-bold)}.quick-actions-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem;margin-top:var(--space-4)}.quick-action-btn{align-items:center;background:#fffc;background:var(--surface-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);padding:1rem;padding:var(--space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.quick-action-btn:hover{background:linear-gradient(135deg,#1fb8cc,#1aa3b5);background:var(--procogia-blue-gradient);border-color:#0000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);transform:translateY(-2px)}.action-icon{align-items:center;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);height:40px;justify-content:center;width:40px}.action-text{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);text-align:center}.cta-buttons{display:flex;gap:1rem;gap:var(--space-4);justify-content:center;margin-top:1.5rem;margin-top:var(--space-6)}@media (max-width:600px){.cta-buttons{flex-direction:column}}.success-message-card{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin:2rem auto;max-width:800px;padding:0}.decision-header{background:linear-gradient(135deg,#f0f9e6,#f0f9e6);background:linear-gradient(135deg,var(--procogia-green-light) 0,#f0f9e6 100%);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--gray-200);border-radius:.5rem .5rem 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:2rem;text-align:center}.decision-icon{align-items:center;border:4px solid;border-radius:50%;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.decision-icon.approved{animation:successPulse 2s ease-in-out;background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff}.decision-icon.rejected{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff}.decision-icon.under_review{animation:reviewPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#1fb8cc,#0891b2);background:linear-gradient(135deg,var(--procogia-blue-primary) 0,#0891b2 100%);border-color:#0891b2;color:#fff}.decision-title{font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.decision-title.approved{color:#059669}.decision-title.rejected{color:#dc2626}.decision-title.under_review{color:#1fb8cc;color:var(--procogia-blue-primary)}.decision-details{padding:2rem}.basic-info{grid-gap:1rem;background:#fafafa;background:var(--gray-50);border-radius:.375rem;border-radius:var(--radius-md);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.basic-info p{align-items:center;background:#fff;border-left:4px solid #95c100;border-left:4px solid var(--procogia-green-primary);border-radius:.25rem;border-radius:var(--radius-sm);color:#404040;color:var(--gray-700);display:flex;font-size:1rem;justify-content:space-between;margin:0;padding:.5rem}.basic-info strong{color:#171717;color:var(--gray-900);font-weight:600}.decision-reasoning{border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--radius-md);margin-bottom:2rem;overflow:hidden}.decision-reasoning h3{background:linear-gradient(135deg,#95c100,#7ea500);background:var(--procogia-green-gradient);color:#fff;font-size:1.25rem;font-weight:600;margin:0;padding:1rem 1.5rem}.reasoning-content{padding:1.5rem}.reasoning-content .section-header{color:#171717;color:var(--gray-900);font-size:1.1rem;font-weight:700;margin:1rem 0 .5rem}.reasoning-content .detail-line{color:#404040;color:var(--gray-700);line-height:1.6;margin:.5rem 0}.key-strengths{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:.375rem;border-radius:var(--radius-md);margin-bottom:2rem;padding:1.5rem}.key-strengths h3{align-items:center;color:#059669;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.key-strengths h3:before{content:"🌟";font-size:1.5rem}.key-strengths ul{list-style:none;margin:0;padding:0}.strength-item{align-items:center;color:#059669;display:flex;font-weight:500;gap:.5rem;margin:.75rem 0}.improvement-suggestions{border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--radius-md);margin-bottom:2rem;overflow:hidden}.improvement-suggestions h3{background:linear-gradient(135deg,#1fb8cc,#0891b2);background:linear-gradient(135deg,var(--procogia-blue-primary) 0,#0891b2 100%);color:#fff;font-size:1.25rem;font-weight:600;margin:0;padding:1rem 1.5rem}.suggestions-list{padding:1.5rem}.suggestion-item{background:#fafafa;background:var(--gray-50);border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--radius-md);margin-bottom:1rem;padding:1.5rem}.suggestion-item:last-child{margin-bottom:0}.suggestion-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.priority-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.priority-badge.critical{background:#fecaca;border:1px solid #fca5a5;color:#991b1b}.priority-badge.high{background:#fed7aa;border:1px solid #fdba74;color:#9a3412}.priority-badge.medium{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.suggestion-text{color:#404040;color:var(--gray-700);line-height:1.6;margin:1rem 0}.suggestion-meta{color:#525252;color:var(--gray-600);display:flex;font-size:.875rem;gap:2rem;margin:1rem 0}.impact,.timeframe{align-items:center;display:flex;gap:.5rem}.resources,.specific-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--gray-200);margin-top:1rem;padding-top:1rem}.resources strong,.specific-actions strong{color:#171717;color:var(--gray-900);display:block;margin-bottom:.5rem}.resources ul,.specific-actions ul{color:#404040;color:var(--gray-700);margin:.5rem 0 0 1rem}.resources li,.specific-actions li{line-height:1.5;margin:.25rem 0}.required-conditions{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #f59e0b;border-radius:.375rem;border-radius:var(--radius-md);margin-bottom:2rem;padding:1.5rem}.required-conditions h3{align-items:center;color:#92400e;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.required-conditions h3:before{content:"⚠️";font-size:1.5rem}.conditions-list{grid-gap:1rem;display:grid;gap:1rem}.condition-item{background:#fff;border:1px solid #fcd34d;border-radius:.375rem;border-radius:var(--radius-md);padding:1rem}.condition-item h4{color:#92400e;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.condition-item p{color:#404040;color:var(--gray-700);line-height:1.5;margin:.5rem 0}.condition-item small{color:#525252;color:var(--gray-600);font-style:italic}.reapplication-timeline{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #ef4444;border-radius:.375rem;border-radius:var(--radius-md);margin-bottom:2rem;padding:1.5rem}.reapplication-timeline h3{align-items:center;color:#dc2626;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.reapplication-timeline h3:before{content:"📅";font-size:1.5rem}.timeline-info p{color:#404040;color:var(--gray-700);line-height:1.6;margin:.75rem 0}.timeline-info strong{color:#171717;color:var(--gray-900)}.milestones{border-top:1px solid #fca5a5;margin-top:1rem;padding-top:1rem}.milestones ul{color:#404040;color:var(--gray-700);margin:.5rem 0 0 1rem}.milestones li{line-height:1.5;margin:.5rem 0}.next-steps{background:#fafafa;background:var(--gray-50);border-top:1px solid #e5e5e5;border-top:1px solid var(--gray-200);padding:2rem;text-align:center}.next-steps p{color:#525252;color:var(--gray-600);font-size:1.1rem;margin:0 0 1.5rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.action-buttons .btn{border-radius:.375rem;border-radius:var(--radius-md);font-weight:600;min-width:160px;padding:.75rem 1.5rem;transition:all .2s ease}@keyframes successPulse{0%{box-shadow:0 0 0 0 #10b98166;transform:scale(1)}50%{box-shadow:0 0 0 20px #10b98100;transform:scale(1.05)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(1)}}@keyframes reviewPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@media (max-width:768px){.decision-title{font-size:2rem}.basic-info{grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.action-buttons .btn{max-width:300px;width:100%}.suggestion-meta{flex-direction:column;gap:.5rem}}.system-status-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.page-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.header-content h1{color:#1e293b;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#64748b;font-size:1.1rem;margin:0}.header-actions{align-items:center;display:flex;gap:1rem}.refresh-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.refresh-button:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.refresh-button.loading svg{animation:spin 1s linear infinite}.auto-refresh-toggle{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.auto-refresh-toggle input[type=checkbox]{accent-color:#3b82f6}.system-status-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}.system-status-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.system-status-error svg{flex-shrink:0}.system-status-error h3{font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.system-status-error p{font-size:.9rem;margin:0}.overall-status-banner{align-items:center;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.status-indicator{align-items:center;display:flex;gap:1.5rem}.status-light{animation:pulse 2s infinite;border-radius:50%;height:12px;position:relative;width:12px}.status-light.large{height:20px;width:20px}.status-light:before{animation:ping 2s infinite;background:currentColor;border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px}.status-info h2{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.status-info p{color:#64748b;font-size:1rem;margin:0}.status-summary{display:flex;gap:2rem}.summary-item{align-items:center;display:flex;flex-direction:column;text-align:center}.summary-number{color:#1e293b;font-size:2rem;font-weight:700;line-height:1}.summary-label{color:#64748b;font-size:.8rem;letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}.systems-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.system-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.system-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.system-header{border-bottom:1px solid #f1f5f9;gap:1rem;padding:1.5rem}.system-header,.system-icon{align-items:center;display:flex}.system-icon{background:#f8fafc;border-radius:10px;color:#475569;flex-shrink:0;height:48px;justify-content:center;width:48px}.system-info{flex:1 1}.system-info h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.system-info p{color:#64748b;font-size:.9rem;margin:0}.system-details{background:#fafbfc;padding:1.5rem}.status-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 0}.status-row:last-child{border-bottom:none}.status-label{color:#64748b}.status-label,.status-value{font-size:.9rem;font-weight:500}.status-value{color:#1e293b;max-width:60%;text-align:right;word-break:break-word}.status-value.healthy{color:#22c55e}.status-value.warning{color:#f59e0b}.status-value.unhealthy{color:#ef4444}.last-updated{align-items:center;background:#ffffffb3;border-radius:8px;color:#64748b;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:1rem;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@media (max-width:768px){.system-status-page{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:center}.overall-status-banner{flex-direction:column;gap:1.5rem;text-align:center}.status-summary{justify-content:center}.systems-grid{grid-template-columns:1fr}.system-details,.system-header{padding:1rem}.status-row{align-items:flex-start;flex-direction:column;gap:.25rem}.status-value{max-width:100%;text-align:left}}