body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-form-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:20px}.form-card{background:#fff;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:40px;width:100%}.form-card h2{color:#333;font-size:28px;font-weight:600;margin:0 0 10px;text-align:center}.form-description{color:#666;font-size:16px;line-height:1.5;margin-bottom:30px;text-align:center}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{background:#fafbfc;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .2s ease}.form-group input:focus{background:#fff;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{flex:1 1;padding-right:50px}.password-toggle{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background-color .2s ease}.password-toggle:hover{background-color:#0000000d}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.submit-button{background:linear-gradient(135deg,#4285f4,#1565c0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .2s ease}.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #4285f44d;transform:translateY(-1px)}.submit-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33}.error-message,.success-message{font-size:14px;margin-top:10px;padding:12px 16px}.success-message{background:#efe;border:1px solid #cfc;border-radius:6px;color:#363}.test-credentials{background:#4285f40d;border:1px solid #4285f433;border-radius:8px;margin-top:30px;padding:20px}.test-credentials h3{color:#1565c0;font-size:18px;margin:0 0 10px}.test-credentials p{color:#6c757d;font-size:14px;margin:0 0 15px}.test-credentials ul{color:#495057;font-size:14px;margin:0;padding-left:20px}.test-credentials li{line-height:1.4;margin-bottom:8px}.test-credentials strong{color:#333}@media (max-width:600px){.form-card{margin:10px;padding:30px 20px}.form-card h2{font-size:24px}.submit-button{padding:12px 20px}}.payroll-portal-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.portal-header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.portal-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 0}.nav-brand{gap:10px}.brand-logo{font-size:28px}.nav-brand h1{font-size:24px}.nav-links{align-items:center;gap:15px}.nav-link{background:none;border:none;border-radius:6px;color:#555;font-size:14px;gap:5px;padding:8px 16px;transition:all .2s ease}.nav-link:hover{background:#f8f9fa;color:#333}.nav-link.logout{border:1px solid #d32f2f;color:#d32f2f}.nav-link.logout:hover{background:#d32f2f}.portal-content{margin:0 auto;max-width:1200px;padding:30px 20px}.welcome-section{margin-bottom:40px;text-align:center}.welcome-section h2{color:#333;font-size:28px;margin:0 0 10px}.welcome-section p{color:#666;font-size:16px;margin:0}.dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.card-header{align-items:center;background:linear-gradient(135deg,#4285f4,#1565c0);color:#fff;display:flex;gap:10px;padding:20px}.card-icon{font-size:24px}.card-header h3{font-size:18px;font-weight:600;margin:0}.card-content{padding:20px}.card-footer{background:#fafafa;border-top:1px solid #f0f0f0;padding:15px 20px}.paystub-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.paystub-item:last-child{border-bottom:none}.paystub-info{display:flex;flex-direction:column;gap:4px}.paystub-date{color:#666;font-size:14px}.paystub-amount{color:#333;font-size:16px;font-weight:600}.view-btn{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s ease}.view-btn:hover{background:#1565c0}.view-all-btn{background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:background .2s ease;width:100%}.view-all-btn:hover{background:#1565c0}.summary-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#666;font-size:14px}.summary-value{font-size:16px}.deposit-info{margin-bottom:15px}.deposit-info p{color:#666;font-size:14px;font-weight:500;margin:0 0 8px}.account-details,.deposit-details{align-items:center;display:flex;justify-content:space-between}.bank-name,.deposit-date{color:#333;font-size:14px;font-weight:500}.account-number,.deposit-amount{color:#666;font-size:14px}.manage-btn{background:#34a853;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:background .2s ease;width:100%}.manage-btn:hover{background:#2d8a47}.quick-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.action-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#333;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:5px;padding:12px;transition:all .2s ease}.action-btn:hover{background:#e9ecef;border-color:#4285f4}.action-icon{font-size:18px}.recent-activity{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:25px}.recent-activity h3{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background .2s ease}.activity-item:hover{background:#e9ecef}.activity-icon{flex-shrink:0;font-size:18px}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.activity-text{color:#333;font-size:14px;font-weight:500}.activity-time{color:#666;font-size:12px}@media (max-width:768px){.portal-nav{flex-direction:column;gap:15px}.nav-links{flex-wrap:wrap;justify-content:center}.dashboard-grid,.quick-actions{grid-template-columns:1fr}.portal-content{padding:20px 15px}}.profile-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.profile-header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.profile-nav{flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 0}.back-btn,.profile-nav{align-items:center;display:flex}.back-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#555;cursor:pointer;font-size:14px;gap:5px;padding:8px 16px;transition:all .2s ease}.back-btn:hover{background:#e9ecef;color:#333}.profile-nav h1{color:#333;font-size:24px;font-weight:600;margin:0}.profile-actions{display:flex;gap:10px}.edit-btn{align-items:center;background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:background .2s ease}.edit-btn:hover{background:#1565c0}.profile-content{margin:0 auto;max-width:1200px;padding:30px 20px}.profile-header-section{color:#333;margin-bottom:30px;text-align:center}.profile-header-section h2{font-size:2.5rem;font-weight:600;margin-bottom:10px}.profile-header-section p{font-size:1.1rem;opacity:.8}.profile-overview{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;gap:25px;margin-bottom:30px;padding:30px}.profile-avatar{flex-shrink:0}.avatar-icon{align-items:center;background:linear-gradient(135deg,#4285f4,#1565c0);border-radius:50%;color:#fff;display:flex;font-size:60px;height:80px;justify-content:center;width:80px}.profile-info h2{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.job-title{color:#666;font-size:16px;font-weight:500;margin:0 0 8px}.employee-id{color:#888;font-size:14px;margin:0 0 15px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-transform:uppercase}.status-badge.active{background:#34a8531a;color:#2d8a47}.status-dot{background:#34a853;border-radius:50%;height:8px;width:8px}.profile-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.profile-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.profile-section:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.profile-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:5px}.info-item.full-width{grid-column:1/-1}.info-item label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#333;font-size:14px;font-weight:500}.info-item .ssn{font-family:Courier New,monospace;letter-spacing:1px}.status-active{color:#34a853;font-weight:600}.error-state,.loading-state{padding:40px 20px}.error-state h2,.loading-state h2{color:#333;margin-bottom:10px}.error-message{margin:15px 0}.retry-button{background:#4285f4;border-radius:5px;font-size:14px;padding:10px 20px}.retry-button:hover{background:#1565c0}@media (max-width:768px){.profile-nav{flex-direction:column;gap:15px}.profile-overview{flex-direction:column;gap:20px;text-align:center}.info-grid,.profile-grid{grid-template-columns:1fr}.profile-content{padding:20px 15px}.profile-section{padding:20px}}@media (max-width:480px){.profile-overview{padding:20px}.profile-info h2{font-size:24px}.avatar-icon{font-size:50px;height:70px;width:70px}}.instructions-page-container{align-items:flex-start!important;background:linear-gradient(135deg,#667eea,#764ba2);display:flex!important;justify-content:center!important;min-height:calc(100vh - 200px);padding:2rem;text-align:left!important}.instructions-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:0 auto!important;max-width:800px;padding:2.5rem;width:100%}.header-actions{align-items:flex-start;border-bottom:3px solid #667eea;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-actions h1{color:#2c3e50;flex:1 1;font-size:2.2rem;font-weight:600;line-height:1.2;margin:0}.logout-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:500;margin-top:.25rem;min-width:80px;padding:.75rem 1.5rem;transition:background-color .2s ease;white-space:nowrap}.logout-button:hover:not(:disabled){background:#c82333}.logout-button:disabled{background:#6c757d;cursor:not-allowed}.instructions-card h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.instructions-card h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.instructions-content{color:#333;line-height:1.6}.instructions-content p{color:#333;margin-bottom:1rem}.instructions-content ol,.instructions-content ul{color:#333;margin-bottom:1rem;padding-left:1.5rem}.instructions-content li{color:#333;margin-bottom:.5rem}.instructions-content code{background:#f8f9fa;border-radius:3px;color:#e83e8c;font-family:Courier New,monospace;padding:.2rem .4rem}.instructions-content pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#333;font-family:Courier New,monospace;overflow-x:auto;padding:1rem;white-space:pre-wrap}.welcome-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.welcome-section h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.welcome-section p{color:#333;font-size:1.1rem}.challenge-overview,.expected-output,.good-luck,.implementation-notes,.submission,.technical-requirements,.test-credentials,.tips,.use-of-ai{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.challenge-overview h3,.expected-output h3,.good-luck h3,.implementation-notes h3,.submission h3,.technical-requirements h3,.test-credentials h3,.tips h3,.use-of-ai h3{align-items:center;color:#2c3e50;display:flex;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.challenge-overview h3:before{content:"📋";font-size:1.2rem;margin-right:.5rem}.test-credentials h3:before{content:"🔑";font-size:1.2rem;margin-right:.5rem}.technical-requirements h3:before{content:"⚙️";font-size:1.2rem;margin-right:.5rem}.implementation-notes h3:before{content:"💡";font-size:1.2rem;margin-right:.5rem}.expected-output h3:before{content:"📊";font-size:1.2rem;margin-right:.5rem}.submission h3:before{content:"📤";font-size:1.2rem;margin-right:.5rem}.tips h3:before{content:"💡";font-size:1.2rem;margin-right:.5rem}.good-luck h3:before{content:"🎯";font-size:1.2rem;margin-right:.5rem}.use-of-ai h3:before{content:"🤖";font-size:1.2rem;margin-right:.5rem}.implementation-notes ul,.technical-requirements ul,.tips ul{list-style:none;padding-left:0}.implementation-notes li,.technical-requirements li,.tips li{border-bottom:1px solid #dee2e6;color:#333;padding:.5rem 0 .5rem 1.5rem;position:relative}.implementation-notes li:last-child,.technical-requirements li:last-child,.tips li:last-child{border-bottom:none}.implementation-notes li:before,.technical-requirements li:before,.tips li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.test-credentials ul{list-style:none;padding-left:0}.test-credentials li{border-bottom:1px solid #dee2e6;color:#333;padding:.5rem 0 .5rem 1.5rem;position:relative}.test-credentials li:last-child{border-bottom:none}.test-credentials li:before{color:#007bff;content:"🔐";font-weight:700;left:0;position:absolute}.challenge-overview ol,.challenge-overview p,.expected-output p,.good-luck p,.submission p,.test-credentials p{color:#333;margin-bottom:1rem}.challenge-overview ol{padding-left:1.5rem}.challenge-overview ol li{color:#333;margin-bottom:.5rem}.challenge-overview ul{color:#333;margin-bottom:1rem;padding-left:1.5rem}.challenge-overview ul li{color:#333;margin-bottom:.5rem}.submission ol{color:#333;margin-bottom:1rem;padding-left:1.5rem}.submission ol li{color:#333;margin-bottom:.5rem}@media (max-width:768px){.instructions-page-container{padding:1rem}.instructions-card{padding:1.5rem}.header-actions{align-items:stretch;flex-direction:column;gap:1rem}.header-actions h1{font-size:1.8rem;text-align:center}.logout-button{align-self:center;margin-top:0}.instructions-card h1{font-size:1.8rem}.welcome-section p{font-size:1rem}}.paystubs-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.paystubs-header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.paystubs-nav{flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 0}.nav-brand,.paystubs-nav{align-items:center;display:flex}.nav-brand{gap:15px}.brand-logo{font-size:2rem}.nav-brand h1{color:#333;font-size:1.8rem;font-weight:400;margin:0}.nav-links{display:flex;flex-wrap:wrap;gap:10px}.nav-link{align-items:center;background:#0000;border:2px solid #4285f4;border-radius:25px;color:#4285f4;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.nav-link:hover{transform:translateY(-2px)}.nav-link.active,.nav-link:hover{background:#4285f4;color:#fff}.nav-link.logout{border-color:#e74c3c;color:#e74c3c}.nav-link.logout:hover{background:#e74c3c;color:#fff}.paystubs-content{margin:0 auto;max-width:1200px;padding:30px 20px}.paystubs-header-section{color:#333;margin-bottom:30px;text-align:center}.paystubs-header-section h2{font-size:2.5rem;font-weight:600;margin-bottom:10px}.paystubs-header-section p{font-size:1.1rem;opacity:.8}.paystubs-summary{margin-bottom:30px}.summary-card{grid-gap:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:25px}.summary-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;padding:15px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.summary-item:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.summary-label{color:#6c757d;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.summary-value{color:#333;display:block;font-size:1.5rem;font-weight:600}.paystubs-list h3{color:#333;font-size:1.8rem;margin-bottom:20px;text-align:center}.paystub-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.paystub-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 20px #00000014;cursor:pointer;padding:25px;transition:all .3s ease}.paystub-card:hover{border-color:#4285f4;box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.paystub-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.paystub-id{color:#4285f4;font-size:1.1rem;font-weight:600}.paystub-date{color:#6c757d;font-size:.9rem}.paystub-body{margin-bottom:20px}.paystub-period{margin-bottom:15px}.period-label{color:#495057;font-weight:500;margin-right:10px}.period-dates{color:#6c757d;font-size:.9rem}.paystub-amounts{margin-bottom:15px}.amount-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.amount-label{color:#495057;font-weight:500}.amount-value{font-size:1.1rem;font-weight:600}.amount-value.gross{color:#28a745}.amount-value.net{color:#4285f4}.paystub-hours{align-items:center;display:flex;justify-content:space-between}.hours-label{color:#495057;font-weight:500}.hours-value{color:#6c757d;font-size:.9rem}.paystub-footer{text-align:center}.view-details-btn{background:linear-gradient(135deg,#4285f4,#1565c0);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.view-details-btn:hover{box-shadow:0 5px 15px #4285f466;transform:translateY(-2px)}.paystub-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.paystub-modal{background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#4285f4,#1565c0);border-bottom:1px solid #e9ecef;border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h3{font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;transition:background-color .3s ease;width:30px}.close-btn:hover{background:#fff3}.modal-body{padding:30px}.paystub-detail-section{margin-bottom:30px}.paystub-detail-section h4{border-bottom:2px solid #4285f4;color:#333;font-size:1.3rem;font-weight:600;margin-bottom:15px;padding-bottom:10px}.detail-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-grid,.earnings-grid{display:grid;margin-bottom:20px}.earnings-grid{grid-gap:30px;gap:30px;grid-template-columns:1fr 1fr}.earnings-column{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px}.earnings-column h5{border-bottom:2px solid #4285f4;color:#333;font-size:1.1rem;font-weight:600;margin:0 0 15px;padding-bottom:10px;text-align:center}.detail-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-item.total{border-top:2px solid #4285f4;color:#333;font-size:1.1rem;font-weight:600;margin-top:10px;padding-top:15px}.detail-label{color:#495057;font-weight:500}.detail-value{color:#333;font-weight:600}.net-pay-display{background:linear-gradient(135deg,#28a745,#20c997);border-radius:15px;color:#fff;margin:20px 0;padding:25px;text-align:center}.net-pay-label{display:block;font-size:1.2rem;margin-bottom:10px;opacity:.9}.net-pay-amount{display:block;font-size:2.5rem;font-weight:700}.modal-footer{background:#f8f9fa;border-radius:0 0 15px 15px;border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:center;padding:25px 30px}.download-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:12px 25px;transition:all .3s ease}.download-btn:hover{box-shadow:0 5px 15px #28a74566;transform:translateY(-2px)}.close-modal-btn{background:#6c757d;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:12px 25px;transition:all .3s ease}.close-modal-btn:hover{background:#5a6268;transform:translateY(-2px)}.error-state,.loading-state{color:#333;padding:50px 20px;text-align:center}.error-state h2,.loading-state h2{font-size:2rem;margin-bottom:15px}.error-message{color:#d32f2f;font-size:1.1rem;margin-bottom:20px}.retry-button{background:linear-gradient(135deg,#4285f4,#1565c0);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:12px 25px;transition:all .3s ease}.retry-button:hover{box-shadow:0 5px 15px #4285f466;transform:translateY(-2px)}@media (max-width:768px){.paystubs-nav{flex-direction:column;gap:15px}.nav-links{justify-content:center}.paystub-grid{grid-template-columns:1fr}.summary-card{grid-template-columns:repeat(2,1fr)}.detail-grid,.earnings-grid{grid-template-columns:1fr}.earnings-grid{gap:20px}.modal-body{padding:20px}.modal-footer{flex-direction:column}.paystubs-header-section h2{font-size:2rem}}@media (max-width:480px){.paystubs-container{padding:10px}.summary-card{grid-template-columns:1fr}.nav-links{flex-direction:column;width:100%}.nav-link{justify-content:center;width:100%}}.loading-container{align-items:center;background-color:#f5f5f5;display:flex;height:100vh;justify-content:center}.loading-spinner{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#333;font-size:16px;padding:20px}.App{background:linear-gradient(135deg,#4285f4,#1565c0);color:#fff;min-height:100vh;text-align:center}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:20px}.App-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.App-header p{font-size:1.1rem;font-weight:300;margin:0;opacity:.9}.App-main{display:flex;flex:1 1;flex-direction:column}@media (max-width:600px){.App-header h1{font-size:2rem}.App-header p{font-size:1rem}}
/*# sourceMappingURL=main.7624963a.css.map*/