@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.log010-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(ellipse at top,#052c65,#031633),linear-gradient(to bottom,#052c65,#020c1d);background-size:200% 200%;animation:gradientMovement 15s ease infinite;padding:0;margin:4rem auto;position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}@keyframes gradientMovement{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.log010-login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23003b74' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E"),linear-gradient(135deg,#003b740d,#00285e0d);z-index:0;pointer-events:none}.log010-login-wrapper{position:relative;width:100%;max-width:480px;background-color:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 25px 50px -12px #0000004d,0 0 0 1px #ffffff1a,0 0 100px #003b7433;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);z-index:1;transform:translateZ(0);isolation:isolate}.log010-login-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#003b74,#0056b3,#07c,#0056b3,#003b74);background-size:500% 100%;animation:gradientBorder 6s linear infinite;z-index:2}@keyframes gradientBorder{0%{background-position:0% 0%}to{background-position:100% 0%}}.log010-login-wrapper:hover{transform:translateY(-8px) translateZ(0);box-shadow:0 30px 60px -15px #00000059,0 0 0 1px #ffffff26,0 0 120px #003b7440}.log010-login-form{position:relative;padding:40px;z-index:3}.log010-login-header{text-align:center;margin-bottom:40px;position:relative}.log010-login-header:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#003b74,#0056b3);border-radius:3px}.log010-login-header h2{color:#002855;font-size:28px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px;position:relative;display:inline-block}.log010-login-header p{color:#4a5568;font-size:16px;margin:0;font-weight:400}.log010-error-message{background-color:#fee2e2cc;color:#dc2626;padding:16px;border-radius:10px;margin-bottom:24px;border-left:4px solid #dc2626;font-size:14px;font-weight:500;display:flex;align-items:center;box-shadow:0 4px 6px -1px #0000000d;animation:errorShake .6s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0)}@keyframes errorShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}.log010-form-group{margin-bottom:28px;position:relative}.log010-input-icon-wrapper{position:relative;display:flex;align-items:center;background-color:#f8fafccc;border-radius:12px;border:2px solid #e5e7eb;transition:all .25s ease;overflow:hidden;will-change:transform,box-shadow}.log010-input-icon-wrapper:focus-within{border-color:#0056b3;box-shadow:0 0 0 3px #0056b326,0 4px 6px -1px #00000014;transform:translateY(-2px);background-color:#fffffff2}.log010-input-icon{position:absolute;left:16px;color:#6b7280;transition:color .2s ease}.log010-input-icon-wrapper:focus-within .log010-input-icon{color:#0056b3}.log010-input{width:100%;padding:18px 18px 18px 56px;border:none;background:transparent;font-size:16px;font-weight:500;color:#1a202c;outline:none;border-radius:12px;transition:all .2s ease;letter-spacing:.01em}.log010-input::-moz-placeholder{color:#9ca3af;font-weight:400}.log010-input::placeholder{color:#9ca3af;font-weight:400}.log010-password-group{position:relative}.log010-form-group .log010-input-icon-wrapper .log010-input{padding:18px 18px 18px 56px}.log010-password-group .log010-input-icon-wrapper .log010-input{padding-right:56px}.log010-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;outline:none;border-radius:8px;transition:all .2s ease;z-index:3}.log010-password-toggle:hover{color:#0056b3;background-color:#0056b31a}.log010-login-extras{display:flex;justify-content:flex-end;margin-bottom:28px}.log010-forgot-password-link{color:#0056b3;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease;position:relative;padding:2px 0}.log010-forgot-password-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#0056b3;transition:width .3s ease}.log010-forgot-password-link:hover{color:#003b74}.log010-forgot-password-link:hover:after{width:100%}.log010-login-button{width:100%;padding:16px;background:linear-gradient(135deg,#003b74,#0056b3);background-size:200% 100%;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.log010-login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:all .6s ease}.log010-login-button:hover{background-position:100% 0;box-shadow:0 10px 15px -3px #00000026,0 4px 6px -2px #0000001a;transform:translateY(-2px)}.log010-login-button:hover:before{left:100%}.log010-login-button:active{transform:translateY(0);box-shadow:0 5px 10px -3px #0000001a}.log010-login-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:none}.log010-login-button:disabled:before{display:none}.log010-register-section{text-align:center;margin-top:12px;position:relative;padding-top:20px}.log010-register-section:before{content:"";position:absolute;top:0;left:30%;right:30%;height:1px;background:linear-gradient(90deg,#cbd5e100,#cbd5e1,#cbd5e100)}.log010-register-section p{color:#4b5563;font-size:14px;margin-bottom:8px}.log010-register-link{color:#0056b3;font-weight:600;text-decoration:none;transition:all .2s ease;padding:6px 12px;border-radius:6px;display:inline-block;margin-top:4px;position:relative;overflow:hidden;z-index:1}.log010-register-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0056b31a;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:-1;border-radius:6px}.log010-register-link:hover{color:#003b74}.log010-register-link:hover:before{transform:scaleX(1)}.log010-input:-webkit-autofill,.log010-input:-webkit-autofill:hover,.log010-input:-webkit-autofill:focus{-webkit-text-fill-color:#1a202c;-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.9) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;caret-color:#0056b3}@media (max-width: 640px){.log010-login-wrapper{width:90%;max-width:none;border-radius:16px}.log010-login-form{padding:32px 24px}.log010-login-header h2{font-size:24px}.log010-login-header:after{width:60px}.log010-input{padding:16px 16px 16px 52px;font-size:15px}}.log010-login-container::-webkit-scrollbar{width:8px;height:8px}.log010-login-container::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.log010-login-container::-webkit-scrollbar-thumb{background:#003b744d;border-radius:4px}.log010-login-container::-webkit-scrollbar-thumb:hover{background:#003b7480}.log010-input:focus-visible,.log010-password-toggle:focus-visible,.log010-login-button:focus-visible,.log010-forgot-password-link:focus-visible,.log010-register-link:focus-visible{outline:2px solid #0056b3;outline-offset:2px}.log010-login-button:disabled{position:relative}.log010-login-button:disabled:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;display:inline-block;margin-left:8px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.log010-login-wrapper:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);opacity:0;transform:rotate(30deg);pointer-events:none;transition:opacity .6s ease}.log010-login-wrapper:hover:after{opacity:1}.log010-input:valid:not(:-moz-placeholder-shown){border-color:#047857}.log010-input:valid:not(:placeholder-shown){border-color:#047857}.log010-input:valid:not(:-moz-placeholder-shown)+.log010-input-icon{color:#047857}.log010-input:valid:not(:placeholder-shown)+.log010-input-icon{color:#047857}.log010-input:invalid:not(:-moz-placeholder-shown):not(:focus){border-color:#dc2626}.log010-input:invalid:not(:placeholder-shown):not(:focus){border-color:#dc2626}.log010-input:invalid:not(:-moz-placeholder-shown):not(:focus)+.log010-input-icon{color:#dc2626}.log010-input:invalid:not(:placeholder-shown):not(:focus)+.log010-input-icon{color:#dc2626}:root{--navy-primary: #003366;--navy-dark: #002244;--navy-light: #004a99;--gold-accent: #FFB81C;--gold-hover: #FFA500;--white: #FFFFFF;--light-gray: #F5F7FA;--medium-gray: #E0E6ED;--text-dark: #1A2332;--text-gray: #5A6C7D;--success: #28A745;--error: #DC3545;--shadow-sm: 0 2px 4px rgba(0, 51, 102, .1);--shadow-md: 0 4px 12px rgba(0, 51, 102, .15);--shadow-lg: 0 8px 24px rgba(0, 51, 102, .2);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.reg020-register-container{min-height:100vh;background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy-primary) 50%,var(--navy-light) 100%);padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;position:relative;overflow-x:hidden}.reg020-register-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,184,28,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,184,28,.08) 0%,transparent 50%);animation:backgroundMove 20s ease infinite;pointer-events:none}@keyframes backgroundMove{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.reg020-register-wrapper{width:100%;max-width:520px;background:var(--white);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;animation:slideUp .6s ease-out;position:relative;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reg020-register-form{padding:40px 35px}.reg020-register-header{text-align:center;margin-bottom:35px;padding-bottom:25px;border-bottom:3px solid var(--gold-accent);position:relative}.reg020-register-header:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--navy-primary)}.reg020-register-header h2{font-size:28px;font-weight:700;color:var(--navy-primary);margin-bottom:10px;letter-spacing:-.5px}.reg020-register-header p{font-size:15px;color:var(--text-gray);font-weight:500}.reg020-error-message{background:linear-gradient(135deg,#dc3545,#c82333);color:var(--white);padding:14px 18px;border-radius:12px;margin-bottom:25px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #dc35454d;animation:shake .5s ease;border-left:4px solid #A71D2A}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.reg020-profile-image-upload{display:flex;justify-content:center;margin-bottom:30px}.reg020-image-preview-container{width:120px;height:120px;border-radius:50%;border:4px solid var(--gold-accent);overflow:hidden;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);position:relative;background:var(--light-gray)}.reg020-image-preview-container:hover{transform:scale(1.08);border-color:var(--gold-hover);box-shadow:0 8px 20px #ffb81c66}.reg020-image-preview-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0033661a;opacity:0;transition:var(--transition)}.reg020-image-preview-container:hover:after{opacity:1}.reg020-profile-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reg020-profile-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navy-primary);font-size:13px;font-weight:600;gap:8px}.reg020-profile-placeholder svg{color:var(--gold-accent)}.reg020-form-group{margin-bottom:22px}.reg020-name-group{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px}.reg020-input-icon-wrapper{position:relative;display:flex;align-items:center}.reg020-input-icon{position:absolute;right:16px;color:var(--navy-primary);pointer-events:none;transition:var(--transition);z-index:1}.reg020-input,.reg020-inputs{width:100%;padding:14px 50px 14px 16px;border:2px solid var(--medium-gray);border-radius:12px;font-size:15px;color:var(--text-dark);background:var(--white);transition:var(--transition);font-family:inherit;outline:none}.reg020-input:focus,.reg020-inputs:focus{border-color:var(--navy-primary);background:var(--light-gray);box-shadow:0 0 0 4px #0033661a}.reg020-input:focus~.reg020-input-icon,.reg020-inputs:focus~.reg020-input-icon{color:var(--gold-accent);transform:scale(1.1)}.reg020-input::-moz-placeholder,.reg020-inputs::-moz-placeholder{color:var(--text-gray)}.reg020-input::placeholder,.reg020-inputs::placeholder{color:var(--text-gray)}.reg020-date-input{color:var(--text-dark);cursor:pointer}.reg020-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(16%) sepia(89%) saturate(2476%) hue-rotate(193deg)}.reg020-password-group{position:relative}.reg020-password-toggle{position:absolute;right:50px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-gray);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:8px;z-index:2}.reg020-password-toggle:hover{color:var(--navy-primary);background:var(--light-gray)}.reg020-password-toggle:active{transform:translateY(-50%) scale(.95)}.reg020-password-requirements{font-size:12px;color:var(--text-gray);margin-top:8px;padding-left:4px;font-weight:500}.reg020-account-type-group .reg020-input-icon-wrapper{background:var(--light-gray);border:2px solid var(--medium-gray);border-radius:12px;padding:18px 16px;transition:var(--transition);flex-direction:column;align-items:flex-start}.reg020-account-type-group .reg020-input-icon-wrapper:hover{border-color:var(--navy-light);background:var(--white)}.reg020-account-type-group .reg020-input-icon{position:static;margin-bottom:12px;color:var(--gold-accent);right:auto}.reg020-account-checkboxes{display:flex;flex-direction:column;gap:12px;width:100%}.reg020-checkbox-label{display:flex;align-items:center;cursor:pointer;padding:10px 12px;border-radius:8px;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--white);border:1px solid transparent}.reg020-checkbox-label:hover{background:var(--light-gray);border-color:var(--navy-light);transform:translate(4px)}.reg020-checkbox{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:var(--navy-primary);border:2px solid var(--navy-primary);border-radius:4px;transition:var(--transition)}.reg020-checkbox:disabled{cursor:not-allowed;opacity:.6}.reg020-checkbox:checked{background-color:var(--navy-primary)}.reg020-checkbox-text{font-size:14px;color:var(--text-dark);font-weight:500}.reg020-register-button{width:100%;padding:16px;background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-light) 100%);color:var(--white);border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:10px;margin-bottom:25px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase}.reg020-register-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.reg020-register-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0366;background:linear-gradient(135deg,var(--navy-light) 0%,var(--navy-primary) 100%)}.reg020-register-button:hover:before{left:100%}.reg020-register-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.reg020-register-button:disabled{background:var(--medium-gray);cursor:not-allowed;transform:none;box-shadow:none}.reg020-login-section{text-align:center;padding-top:20px;border-top:1px solid var(--medium-gray)}.reg020-login-section p{font-size:14px;color:var(--text-gray);margin-bottom:10px;font-weight:500}.reg020-login-link{display:inline-block;color:var(--navy-primary);text-decoration:none;font-weight:700;font-size:15px;padding:8px 20px;border-radius:8px;transition:var(--transition);border:2px solid var(--navy-primary)}.reg020-login-link:hover{background:var(--navy-primary);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.reg020-register-features{display:flex;justify-content:space-around;padding:25px 35px;background:linear-gradient(135deg,var(--light-gray) 0%,var(--medium-gray) 100%);border-top:3px solid var(--gold-accent)}.reg020-feature{display:flex;align-items:center;gap:10px;color:var(--navy-primary);font-size:14px;font-weight:600}.reg020-feature-icon{color:var(--gold-accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.reg020-default-account-notice{background-color:#f0f9ff;border-left:4px solid #0066cc;padding:12px 15px;margin-bottom:15px;border-radius:4px;font-size:14px;color:#004080;font-weight:500}.reg020-default-account-notice:before{content:"";display:inline-block;margin-right:8px}@media (max-width: 768px){.reg020-register-container{padding:20px 15px}.reg020-register-form{padding:30px 25px}.reg020-register-header h2{font-size:24px}.reg020-register-header p{font-size:14px}.reg020-name-group{grid-template-columns:1fr;gap:0}.reg020-image-preview-container{width:100px;height:100px}.reg020-register-features{flex-direction:column;gap:15px;align-items:center}}@media (max-width: 480px){.reg020-register-header h2{font-size:22px}.reg020-input,.reg020-inputs{padding:12px 46px 12px 14px;font-size:14px}.reg020-register-button{font-size:15px;padding:14px}.reg020-checkbox-text{font-size:13px}.reg020-password-toggle{right:48px}}.reg020-register-button:disabled{position:relative;color:transparent}.reg020-register-button:disabled:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:3px solid var(--white);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.reg020-input:focus-visible,.reg020-inputs:focus-visible,.reg020-register-button:focus-visible,.reg020-login-link:focus-visible{outline:3px solid var(--gold-accent);outline-offset:2px}::-moz-selection{background:var(--gold-accent);color:var(--navy-dark)}::selection{background:var(--gold-accent);color:var(--navy-dark)}:root{--primary-color: #4a90e2;--secondary-color: #f0f4f8;--text-color: #333;--error-color: #ff4d4f;--success-color: #52c41a;--border-radius: 8px;--transition-speed: .3s}.password-reset-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--secondary-color);padding:20px;box-sizing:border-box}.password-reset-form{background-color:#fff;width:100%;max-width:450px;padding:40px;border-radius:var(--border-radius);box-shadow:0 10px 25px #0000001a;animation:fadeIn .5s ease-out}.password-reset-form h2{text-align:center;color:var(--text-color);margin-bottom:20px;font-size:24px;font-weight:600}.reset-instructions{text-align:center;color:#666;margin-bottom:30px;line-height:1.6}.error-message,.success-message{border-radius:var(--border-radius);padding:10px;margin-bottom:20px;text-align:center}.error-message{background-color:#ff4d4f1a;color:var(--error-color);border:1px solid var(--error-color);animation:shake .5s}.success-message{background-color:#52c41a1a;color:var(--success-color);border:1px solid var(--success-color)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.form-group label{display:block;margin-bottom:8px;color:var(--text-color);font-weight:500}.form-group input{width:100%;padding:12px 15px;border:1px solid #d9d9d9;border-radius:var(--border-radius);font-size:16px;transition:all var(--transition-speed)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a90e233}.reset-button{width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-speed);margin-top:10px}.reset-button:hover{background-color:#3a7bd5;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.form-footer{margin-top:20px;text-align:center}.form-footer a{color:var(--primary-color);text-decoration:none;font-size:14px;transition:color var(--transition-speed)}.form-footer a:hover{text-decoration:underline;color:#3a7bd5}@media screen and (max-width: 480px){.password-reset-form{width:100%;padding:20px}}:root{--nfcu-navy-blue: #003865;--nfcu-navy-dark: #002344;--nfcu-red: #C8102E;--nfcu-red-dark: #A00D25;--nfcu-green: #1B7E3D;--nfcu-green-dark: #156530;--nfcu-light-gray: #F5F5F5;--nfcu-medium-gray: #E0E0E0;--nfcu-dark-gray: #666666;--nfcu-white: #FFFFFF;--nfcu-text-primary: #003865;--nfcu-text-secondary: #666666;--nfcu-border-color: #D1D5DB;--nfcu-shadow: 0 2px 8px rgba(0, 56, 101, .1);--nfcu-shadow-hover: 0 4px 12px rgba(0, 56, 101, .15)}.nfcu-transaction-history{background-color:var(--nfcu-light-gray);min-height:100vh;font-family:Open Sans,Helvetica Neue,Arial,sans-serif}.nfcu-transaction-card{background:var(--nfcu-white);border-radius:8px;box-shadow:var(--nfcu-shadow);overflow:hidden;transition:box-shadow .3s ease}.nfcu-transaction-card:hover{box-shadow:var(--nfcu-shadow-hover)}.nfcu-card-header{background:var(--nfcu-navy-blue);color:var(--nfcu-white);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.nfcu-header-left{flex:1}.nfcu-card-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--nfcu-white);letter-spacing:-.5px}.nfcu-transaction-count{margin:.5rem 0 0;font-size:.875rem;opacity:.9;font-weight:400}.nfcu-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.nfcu-btn-primary,.nfcu-btn-secondary,.nfcu-btn-clear-filters{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Open Sans,Arial,sans-serif;white-space:nowrap}.nfcu-btn-primary{background:var(--nfcu-red);color:var(--nfcu-white);box-shadow:0 2px 4px #c8102e33}.nfcu-btn-primary:hover{background:var(--nfcu-red-dark);transform:translateY(-2px);box-shadow:0 4px 8px #c8102e4d}.nfcu-btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #c8102e33}.nfcu-btn-secondary{background:var(--nfcu-white);color:var(--nfcu-navy-blue);border:2px solid var(--nfcu-white)}.nfcu-btn-secondary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 8px #ffffff4d}.nfcu-btn-clear-filters{background:var(--nfcu-red);color:var(--nfcu-white);width:100%;justify-content:center;margin-top:.5rem}.nfcu-btn-clear-filters:hover{background:var(--nfcu-red-dark);transform:translateY(-2px)}.nfcu-card-content{padding:2rem}.nfcu-summary-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.nfcu-summary-card{background:var(--nfcu-white);border:2px solid var(--nfcu-border-color);border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;cursor:default}.nfcu-summary-card:hover{transform:translateY(-4px);box-shadow:var(--nfcu-shadow-hover)}.nfcu-summary-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.nfcu-summary-card:hover .nfcu-summary-icon{transform:scale(1.1)}.nfcu-credit-card{border-left:4px solid var(--nfcu-green)}.nfcu-credit-card .nfcu-summary-icon{background:#1b7e3d1a;color:var(--nfcu-green)}.nfcu-debit-card{border-left:4px solid var(--nfcu-red)}.nfcu-debit-card .nfcu-summary-icon{background:#c8102e1a;color:var(--nfcu-red)}.nfcu-positive-card{border-left:4px solid var(--nfcu-green)}.nfcu-positive-card .nfcu-summary-icon{background:#1b7e3d1a;color:var(--nfcu-green)}.nfcu-negative-card{border-left:4px solid var(--nfcu-red)}.nfcu-negative-card .nfcu-summary-icon{background:#c8102e1a;color:var(--nfcu-red)}.nfcu-summary-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.nfcu-summary-label{font-size:.75rem;color:var(--nfcu-text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.nfcu-summary-value{font-size:1.75rem;font-weight:700;color:var(--nfcu-navy-blue);line-height:1.2}.nfcu-credit-card .nfcu-summary-value{color:var(--nfcu-green)}.nfcu-debit-card .nfcu-summary-value{color:var(--nfcu-red)}.nfcu-positive-card .nfcu-summary-value{color:var(--nfcu-green)}.nfcu-negative-card .nfcu-summary-value{color:var(--nfcu-red)}.nfcu-summary-count{font-size:.75rem;color:var(--nfcu-text-secondary)}.nfcu-filters-section{background:var(--nfcu-light-gray);border:1px solid var(--nfcu-border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.nfcu-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.nfcu-filter-group{display:flex;flex-direction:column;gap:.5rem}.nfcu-filter-label{font-size:.875rem;font-weight:600;color:var(--nfcu-navy-blue);display:flex;align-items:center;gap:.375rem}.nfcu-filter-input{width:100%;padding:.625rem .875rem;border:2px solid var(--nfcu-border-color);border-radius:4px;font-size:.875rem;color:var(--nfcu-text-primary);background:var(--nfcu-white);transition:all .3s ease;font-family:Open Sans,Arial,sans-serif}.nfcu-filter-input:focus{outline:none;border-color:var(--nfcu-navy-blue);box-shadow:0 0 0 3px #0038651a}.nfcu-filter-input:hover{border-color:var(--nfcu-navy-blue)}.nfcu-search-group{position:relative}.nfcu-search-container{position:relative;display:flex;align-items:center}.nfcu-search-icon{position:absolute;left:.875rem;color:var(--nfcu-text-secondary);pointer-events:none}.nfcu-search-input{padding-left:2.5rem;padding-right:2.5rem}.nfcu-clear-search{position:absolute;right:.875rem;background:none;border:none;color:var(--nfcu-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.nfcu-clear-search:hover{background:var(--nfcu-medium-gray);color:var(--nfcu-navy-blue)}.nfcu-chart-section{background:var(--nfcu-white);border:1px solid var(--nfcu-border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.nfcu-chart-title{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:var(--nfcu-navy-blue)}.nfcu-chart-container{width:100%;height:300px}.nfcu-table-container{background:var(--nfcu-white);border:1px solid var(--nfcu-border-color);border-radius:8px;overflow:hidden}.nfcu-transactions-table{width:100%;border-collapse:collapse;font-size:.875rem}.nfcu-transactions-table thead{background:var(--nfcu-navy-blue);color:var(--nfcu-white)}.nfcu-transactions-table th{padding:1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.nfcu-transactions-table th.nfcu-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s ease}.nfcu-transactions-table th.nfcu-sortable:hover{background:var(--nfcu-navy-dark)}.nfcu-transactions-table tbody tr{border-bottom:1px solid var(--nfcu-border-color);transition:background .2s ease}.nfcu-transactions-table tbody tr:hover{background:var(--nfcu-light-gray)}.nfcu-transactions-table tbody tr:last-child{border-bottom:none}.nfcu-transactions-table td{padding:1rem;color:var(--nfcu-text-primary)}.nfcu-date-cell{font-weight:500;white-space:nowrap}.nfcu-description-cell{font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nfcu-account-cell{color:var(--nfcu-text-secondary);font-size:.8125rem}.nfcu-amount-cell{font-weight:700;font-size:.9375rem;white-space:nowrap}.nfcu-amount-cell.nfcu-credit{color:var(--nfcu-green)}.nfcu-amount-cell.nfcu-debit{color:var(--nfcu-red)}.nfcu-balance-cell{font-weight:600;color:var(--nfcu-navy-blue);white-space:nowrap}.nfcu-text-right{text-align:right}.nfcu-category-badge{display:inline-block;padding:.375rem .75rem;background:var(--nfcu-light-gray);border:1px solid var(--nfcu-border-color);border-radius:12px;font-size:.75rem;font-weight:600;color:var(--nfcu-navy-blue);text-transform:capitalize;white-space:nowrap}.nfcu-status-badge{display:inline-block;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.nfcu-status-completed{background:#1b7e3d1a;color:var(--nfcu-green);border:1px solid rgba(27,126,61,.3)}.nfcu-status-pending{background:#ffc1071a;color:#d97706;border:1px solid rgba(255,193,7,.3)}.nfcu-status-failed,.nfcu-status-cancelled{background:#c8102e1a;color:var(--nfcu-red);border:1px solid rgba(200,16,46,.3)}.nfcu-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.nfcu-spinner{width:48px;height:48px;border:4px solid var(--nfcu-light-gray);border-top-color:var(--nfcu-navy-blue);border-radius:50%;animation:nfcu-spin .8s linear infinite}@keyframes nfcu-spin{to{transform:rotate(360deg)}}.nfcu-loading-spinner p{color:var(--nfcu-text-secondary);font-size:.875rem;margin:0}.nfcu-error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem;text-align:center}.nfcu-error-message p{color:var(--nfcu-red);font-size:1rem;font-weight:500;margin:0}.nfcu-no-transactions{padding:0!important}.nfcu-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;text-align:center}.nfcu-empty-state svg{color:var(--nfcu-medium-gray);opacity:.5}.nfcu-empty-state p{color:var(--nfcu-text-secondary);font-size:1rem;margin:0}@media (max-width: 1024px){.nfcu-transaction-history,.nfcu-card-content{padding:1.5rem}.nfcu-summary-section,.nfcu-filters-grid{grid-template-columns:1fr}}@media (max-width: 768px){.nfcu-transaction-history{padding:1rem}.nfcu-card-header{padding:1rem;flex-direction:column;align-items:flex-start}.nfcu-header-actions{width:100%;flex-direction:column}.nfcu-btn-primary,.nfcu-btn-secondary{width:100%;justify-content:center}.nfcu-card-content{padding:1rem}.nfcu-card-title{font-size:1.5rem}.nfcu-summary-card{padding:1rem}.nfcu-summary-icon{width:48px;height:48px}.nfcu-summary-value{font-size:1.5rem}.nfcu-filters-section,.nfcu-chart-section{padding:1rem}.nfcu-chart-container{height:250px}.nfcu-table-container{overflow-x:auto}.nfcu-transactions-table{font-size:.8125rem}.nfcu-transactions-table th,.nfcu-transactions-table td{padding:.75rem .5rem}.nfcu-description-cell{max-width:150px}}@media (max-width: 480px){.nfcu-transaction-history,.nfcu-card-header,.nfcu-card-content{padding:.75rem}.nfcu-card-title{font-size:1.25rem}.nfcu-summary-card{flex-direction:column;text-align:center;gap:.75rem}.nfcu-summary-value{font-size:1.25rem}.nfcu-chart-container{height:200px}.nfcu-transactions-table th,.nfcu-transactions-table td{padding:.5rem .375rem;font-size:.75rem}.nfcu-description-cell{max-width:100px}}@media print{.nfcu-transaction-history{background:#fff;padding:0}.nfcu-card-header{background:#fff;color:var(--nfcu-navy-blue);border-bottom:3px solid var(--nfcu-navy-blue)}.nfcu-header-actions,.nfcu-filters-section,.nfcu-chart-section{display:none}.nfcu-transactions-table{page-break-inside:auto}.nfcu-transactions-table tr{page-break-inside:avoid;page-break-after:auto}}.nfcu-btn-primary:focus,.nfcu-btn-secondary:focus,.nfcu-filter-input:focus{outline:3px solid rgba(0,56,101,.3);outline-offset:2px}.nfcu-transactions-table th.nfcu-sortable:focus{outline:2px solid white;outline-offset:-2px}@keyframes nfcu-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nfcu-transaction-card,.nfcu-summary-card{animation:nfcu-fadeIn .4s ease-out}.nfcu-summary-card:nth-child(1){animation-delay:.1s}.nfcu-summary-card:nth-child(2){animation-delay:.2s}.nfcu-summary-card:nth-child(3){animation-delay:.3s}.nfcu-transactions-table tbody tr{animation:nfcu-fadeIn .3s ease-out}.nfcu-table-container::-webkit-scrollbar{height:8px}.nfcu-table-container::-webkit-scrollbar-track{background:var(--nfcu-light-gray);border-radius:4px}.nfcu-table-container::-webkit-scrollbar-thumb{background:var(--nfcu-navy-blue);border-radius:4px}.nfcu-table-container::-webkit-scrollbar-thumb:hover{background:var(--nfcu-navy-dark)}.account-settings-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f5f7fa;min-height:100vh}.account-settings-container h1{color:#003a70;font-size:2rem;font-weight:600;margin-bottom:2rem;border-bottom:3px solid #003a70;padding-bottom:.75rem}.account-settings-loading,.account-settings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:2rem;padding:3rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #003a70;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}.account-settings-loading p,.account-settings-error p{color:#666;font-size:1.1rem;margin-top:1rem}.error-icon{font-size:3rem;margin-bottom:1rem}.account-settings-error button{margin-top:1.5rem;padding:.75rem 2rem;background-color:#003a70;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.account-settings-error button:hover{background-color:#002550}.settings-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #dde2e8;background:#fff;padding:.5rem 1rem 0;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000000d}.settings-tabs button{padding:1rem 2rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;position:relative}.settings-tabs button:hover{color:#003a70;background-color:#f5f7fa}.settings-tabs button.active{color:#003a70;border-bottom-color:#003a70;font-weight:600}.settings-content{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.settings-section h2{color:#003a70;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e9ed}.settings-group{margin-bottom:1.5rem;border:1px solid #e5e9ed;border-radius:6px;overflow:hidden;transition:box-shadow .3s}.settings-group:hover{box-shadow:0 2px 8px #003a701a}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#f8fafc;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-header:hover{background:#f0f4f8}.settings-header h3{color:#003a70;font-size:1.1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.chevron{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #003a70;transition:transform .3s}.chevron.up{transform:rotate(180deg)}.settings-details{padding:1.5rem;background:#fff;border-top:1px solid #e5e9ed}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f0f4f8}.settings-row:last-child{border-bottom:none}.settings-row>span:first-child{color:#333;font-weight:500;font-size:.95rem}.value-display{color:#666;font-size:.9rem}.switch{position:relative;display:inline-block;width:52px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s}input:checked+.slider{background-color:#003a70}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}.settings-row select{padding:.5rem 2rem .5rem .75rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;color:#333;font-size:.9rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color .3s}.settings-row select:hover{border-color:#003a70}.settings-row select:focus{outline:none;border-color:#003a70;box-shadow:0 0 0 3px #003a701a}.categories-container{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:4px;margin-top:.5rem}.category-item label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#333;font-size:.9rem}.category-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#003a70}.value-with-edit{display:flex;align-items:center;gap:1rem}.edit-button{padding:.4rem 1rem;background-color:transparent;color:#003a70;border:1px solid #003a70;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .3s;font-weight:500}.edit-button:hover{background-color:#003a70;color:#fff}.edit-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.edit-container input{padding:.6rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;width:100%}.edit-container input:focus{outline:none;border-color:#003a70;box-shadow:0 0 0 3px #003a701a}.edit-actions{display:flex;gap:.5rem}.edit-actions button{padding:.5rem 1.25rem;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .3s;font-weight:500}.edit-actions button:first-child{background-color:#003a70;color:#fff}.edit-actions button:first-child:hover{background-color:#002550}.edit-actions button:last-child{background-color:#e5e9ed;color:#333}.edit-actions button:last-child:hover{background-color:#d1d5db}.secondary-button,.action-button{padding:.65rem 1.5rem;background-color:#003a70;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.secondary-button:hover,.action-button:hover{background-color:#002550;transform:translateY(-1px);box-shadow:0 4px 8px #003a7033}.action-row{padding:1.5rem 0 .5rem}.recent-logins-container{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.recent-login-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:6px;border:1px solid #e5e9ed;transition:all .3s}.recent-login-item:hover{background:#f0f4f8;box-shadow:0 2px 6px #0000000d}.login-device-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#003a70;color:#fff;border-radius:50%;font-size:1.25rem}.login-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.login-device{font-weight:600;color:#333;font-size:.95rem}.login-location{color:#666;font-size:.85rem}.login-time{color:#999;font-size:.8rem}.pending-actions-container{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}.pending-action-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff8e6;border:1px solid #ffd966;border-radius:6px}.pending-action-item span{color:#856404;font-weight:500}.pending-action-item button{padding:.5rem 1.25rem;background-color:#003a70;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .3s}.pending-action-item button:hover{background-color:#002550}.color-scheme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-top:.5rem}.color-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid #e5e9ed;border-radius:6px;cursor:pointer;transition:all .3s}.color-option:hover{border-color:#003a70;transform:translateY(-2px)}.color-option.selected{border-color:#003a70;background-color:#f0f4f8}.color-swatch{width:40px;height:40px;border-radius:50%;box-shadow:0 2px 4px #0000001a}.color-option.blue .color-swatch{background-color:#003a70}.color-option.green .color-swatch{background-color:#059669}.color-option.purple .color-swatch{background-color:#7c3aed}.color-option.orange .color-swatch{background-color:#ea580c}.color-option.red .color-swatch{background-color:#dc2626}.color-option span{font-size:.85rem;color:#333;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.modal-container{background:#fff;border-radius:8px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s}.modal-close{position:absolute;top:1rem;right:1rem;font-size:2rem;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s;border-radius:50%}.modal-close:hover{background:#f0f4f8;color:#003a70}.setup-2fa-modal h3,.setup-biometric-modal h3,.change-password-modal h3{color:#003a70;font-size:1.5rem;margin-bottom:1rem}.setup-2fa-modal p,.setup-biometric-modal p{color:#666;margin-bottom:1.5rem}.auth-methods,.biometric-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.auth-methods button{padding:1rem;background-color:#f8fafc;border:2px solid #e5e9ed;border-radius:6px;color:#003a70;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.auth-methods button:hover{background-color:#003a70;color:#fff;border-color:#003a70;transform:translate(4px)}.biometric-methods label{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#f8fafc;border:2px solid #e5e9ed;border-radius:6px;cursor:pointer;transition:all .3s}.biometric-methods label:hover{border-color:#003a70;background-color:#f0f4f8}.biometric-methods input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#003a70}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions button{flex:1;padding:.75rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.modal-actions button:first-child{background-color:#003a70;color:#fff}.modal-actions button:first-child:hover{background-color:#002550}.cancel-button{background-color:#e5e9ed!important;color:#333!important}.cancel-button:hover{background-color:#d1d5db!important}.change-password-modal .form-group{margin-bottom:1.25rem}.change-password-modal label{display:block;color:#333;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.change-password-modal input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem}.change-password-modal input:focus{outline:none;border-color:#003a70;box-shadow:0 0 0 3px #003a701a}.password-requirements{background:#f8fafc;padding:1rem;border-radius:6px;border:1px solid #e5e9ed;margin-top:1rem}.password-requirements p{color:#333;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{color:#666;font-size:.85rem;padding:.25rem 0 .25rem 1.5rem;position:relative}.password-requirements li:before{content:"•";position:absolute;left:.5rem;color:#003a70;font-weight:700}.confirmation-toast{position:fixed;bottom:2rem;right:2rem;background-color:#003a70;color:#fff;padding:1rem 1.5rem;border-radius:6px;box-shadow:0 4px 12px #003a704d;z-index:1001;animation:slideInRight .3s,slideOutRight .3s 2.7s}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.confirmation-toast span{font-size:.95rem;font-weight:500}@media (max-width: 768px){.account-settings-container{padding:1rem}.account-settings-container h1{font-size:1.5rem}.settings-tabs{flex-wrap:wrap;padding:.25rem .5rem 0}.settings-tabs button{padding:.75rem 1rem;font-size:.9rem}.settings-content{padding:1rem}.settings-row{flex-direction:column;align-items:flex-start;gap:.75rem}.value-with-edit{width:100%}.modal-container{width:95%;padding:1.5rem}.color-scheme-options{grid-template-columns:repeat(2,1fr)}}.fund-transfer-container{max-width:960px;margin:5rem auto;padding:30px;background:linear-gradient(to bottom,#fff,#f8f9fa);border-radius:12px;box-shadow:0 5px 25px #00000012;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative;overflow:hidden}.fund-transfer-container:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(to right,#3498db,#2ecc71);border-radius:12px 12px 0 0}.fund-transfer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.05)}.fund-transfer-header h2{margin:0;color:#2c3e50;font-size:28px;font-weight:600;letter-spacing:-.5px;position:relative}.fund-transfer-header h2:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:linear-gradient(to right,#3498db,#2ecc71);border-radius:3px}.history-toggle-button{display:flex;align-items:center;background:linear-gradient(to bottom,#fff,#f9f9f9);border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:8px 16px;cursor:pointer;color:#555;font-size:14px;font-weight:500;transition:all .25s ease;box-shadow:0 2px 5px #00000008}.history-toggle-button:hover{background:linear-gradient(to bottom,#f8f9fa,#ecf0f1);border-color:#00000026;transform:translateY(-1px);box-shadow:0 3px 7px #0000000d}.history-toggle-button:active{transform:translateY(1px);box-shadow:0 1px 3px #00000008}.history-chevron{margin-left:8px;width:16px;height:16px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);color:#3498db}.history-chevron.rotated{transform:rotate(180deg)}.transfer-history-section{margin-bottom:35px;background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 15px #0000000d;transition:all .3s ease;animation:slideDown .4s ease forwards;transform-origin:top;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scaleY(.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}.transfer-history-section h3{margin-top:0;margin-bottom:20px;color:#2c3e50;font-size:20px;font-weight:600;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:15px;position:relative}.transfer-history-section h3:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:3px;background:linear-gradient(to right,#3498db,#39acff);border-radius:3px}.no-history{color:#7f8c8d;font-style:italic;text-align:center;padding:40px 0;background-color:#ecf0f14d;border-radius:8px;border:1px dashed rgba(189,195,199,.5)}.history-table-container{overflow-x:auto;margin:0 -10px;padding:0 10px;scrollbar-width:thin;scrollbar-color:rgba(52,152,219,.3) transparent}.history-table-container::-webkit-scrollbar{height:6px}.history-table-container::-webkit-scrollbar-track{background:#00000005;border-radius:3px}.history-table-container::-webkit-scrollbar-thumb{background-color:#3498db4d;border-radius:3px}.history-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.history-table th,.history-table td{padding:14px;text-align:left}.history-table th{background-color:#f7f9fc;font-weight:600;color:#34495e;position:sticky;top:0;box-shadow:0 1px #0000000d}.history-table th:first-child{border-top-left-radius:6px}.history-table th:last-child{border-top-right-radius:6px}.history-table tr{transition:background-color .2s ease}.history-table tbody tr{border-bottom:1px solid rgba(0,0,0,.04)}.history-table tbody tr:last-child{border-bottom:none}.history-table tbody tr:hover{background-color:#3498db08}.loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:250px;color:#7f8c8d}.loading-spinner:before{content:"";width:40px;height:40px;margin-bottom:15px;border:3px solid rgba(52,152,219,.1);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.transfer-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px #0000000f;position:relative;transition:all .3s ease}.account-selection{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:35px;position:relative}.transfer-arrow{margin-top:60px;width:28px;height:28px;color:#3498db;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.source-accounts,.destination-accounts{flex:1;max-width:45%;position:relative}label{display:inline-block;margin-bottom:14px;font-weight:600;color:#2c3e50;font-size:15px;position:relative;padding-left:2px}.account-list{display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.account-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border:1px solid rgba(0,0,0,.08);border-radius:8px;cursor:pointer;transition:all .25s ease;position:relative;background:#fff;overflow:hidden}.account-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3498db05,#3498db00);opacity:0;transition:opacity .3s ease}.account-item:hover{border-color:#3498db4d;transform:translateY(-2px);box-shadow:0 5px 15px #0000000d}.account-item:hover:before{opacity:1}.account-item.selected{border-color:#3498db;box-shadow:0 5px 15px #3498db1a;transform:translateY(-2px);background:linear-gradient(to right,#3498db08,#fff)}.account-item.selected:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#3498db,#2ecc71);border-radius:4px 0 0 4px}.account-details{display:flex;flex-direction:column;gap:4px}.account-name{font-weight:600;color:#34495e;font-size:15px;transition:color .2s ease}.account-type{font-size:13px;color:#7f8c8d;text-transform:capitalize;transition:color .2s ease}.account-item:hover .account-name,.account-item.selected .account-name{color:#2980b9}.balance{font-weight:600;color:#2c3e50;font-size:16px;transition:color .2s ease}.account-item.selected .balance{color:#2980b9}.check-icon{position:absolute;right:15px;top:15px;color:#3498db;background:#3498db1a;border-radius:50%;width:20px;height:20px;padding:2px;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.transfer-amount-section{margin-bottom:25px}.amount-input-container{position:relative;display:flex;align-items:center}.dollar-icon{position:absolute;left:15px;color:#7f8c8d;width:18px;height:18px;transition:color .2s ease;pointer-events:none}input[type=number]{width:100%;padding:14px 14px 14px 45px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:16px;transition:all .25s ease;background-color:#f8fafc;color:#2c3e50;box-shadow:inset 0 1px 3px #00000005}input[type=number]:hover{border-color:#3498db4d}input[type=number]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a,inset 0 1px 3px #0000;background-color:#fff}input[type=number]:focus+.dollar-icon{color:#3498db}.transfer-note-section{margin-bottom:25px}textarea{width:100%;height:90px;padding:14px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;transition:all .25s ease;background-color:#f8fafc;color:#2c3e50;box-shadow:inset 0 1px 3px #00000005}textarea:hover{border-color:#3498db4d}textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a,inset 0 1px 3px #0000;background-color:#fff}.error-message{margin:20px 0;padding:15px;background-color:#e74c3c0d;color:#e74c3c;border-radius:8px;display:flex;align-items:center;border-left:4px solid #e74c3c;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.error-icon{margin-right:12px;min-width:20px;width:20px;height:20px;color:#e74c3c}.transfer-summary{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:25px;border:1px solid rgba(0,0,0,.05);box-shadow:inset 0 2px 4px #00000005}.transfer-fee,.total-transfer{display:flex;justify-content:space-between;align-items:center}.transfer-fee{margin-bottom:15px;color:#7f8c8d;font-size:15px}.total-transfer{font-weight:600;margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.05);font-size:18px;color:#2c3e50}.transfer-button{width:100%;padding:16px;background:linear-gradient(to right,#3498db,#2ecc71);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #3498db33;position:relative;overflow:hidden}.transfer-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #3498db40}.transfer-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 5px #3498db26}.transfer-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);transform:skew(-25deg);transition:left .75s}.transfer-button:hover:not(:disabled):before{animation:shimmer 1.5s infinite}@keyframes shimmer{to{left:100%}}.transfer-button:disabled{background:linear-gradient(to right,#bdc3c7,#95a5a6);cursor:not-allowed;transform:none;box-shadow:0 2px 5px #0000000d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.confirmation-modal{background-color:#fff;border-radius:12px;padding:30px;width:90%;max-width:550px;box-shadow:0 10px 40px #00000040;animation:scaleUp .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:center;position:relative;overflow:hidden}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirmation-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#3498db,#2ecc71)}.confirmation-modal h3{margin-top:0;color:#2c3e50;font-size:22px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:20px;margin-bottom:25px;position:relative}.confirmation-details{margin:25px 0;background-color:#f8fafc;padding:20px;border-radius:8px;border:1px solid rgba(0,0,0,.04)}.confirmation-row{display:flex;justify-content:space-between;margin-bottom:15px;font-size:15px;color:#34495e}.confirmation-row.total{margin-top:25px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1);font-weight:700;font-size:20px;color:#2c3e50}.confirmation-row span:first-child{color:#7f8c8d}.confirmation-row.total span:first-child{color:#2c3e50}.confirmation-row.note{margin-top:20px;flex-direction:column;gap:8px;background-color:#00000005;padding:15px;border-radius:6px}.confirmation-row.note span:first-child{margin-bottom:5px;font-weight:600;color:#34495e}.confirmation-buttons{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.cancel-button{padding:12px 25px;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:6px;color:#7f8c8d;font-weight:500;cursor:pointer;transition:all .25s ease;font-size:15px}.cancel-button:hover{background-color:#f8f9fa;border-color:#00000026;color:#34495e}.cancel-button:active{transform:translateY(1px)}.confirm-button{padding:12px 30px;background:linear-gradient(to right,#2ecc71,#27ae60);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease;font-size:15px;box-shadow:0 4px 10px #2ecc7133;position:relative;overflow:hidden}.confirm-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #2ecc7140}.confirm-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 5px #2ecc7126}.confirm-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);transform:skew(-25deg)}.confirm-button:hover:not(:disabled):before{animation:shimmer 1.5s infinite}.confirm-button:disabled{background:linear-gradient(to right,#bdc3c7,#95a5a6);cursor:not-allowed;transform:none;box-shadow:0 2px 5px #0000000d}.success-message{text-align:center;padding:30px 0;display:flex;flex-direction:column;align-items:center;animation:fadeInUp .5s ease-out forwards}.success-icon{width:65px;height:65px;color:#2ecc71;background:linear-gradient(to bottom right,#2ecc711a,#2ecc710d);padding:15px;border-radius:50%;margin-bottom:20px;box-shadow:0 5px 15px #2ecc7126;animation:pulse 2s infinite ease-in-out}.success-message h3{color:#2ecc71;margin-bottom:15px;border:none;padding:0;font-size:26px}.success-message p{color:#7f8c8d;font-size:16px;max-width:350px;line-height:1.5}@media (max-width: 768px){.fund-transfer-container{padding:20px;margin:15px;border-radius:10px}.fund-transfer-header h2{font-size:24px}.account-selection{flex-direction:column;align-items:stretch}.source-accounts,.destination-accounts{max-width:100%;margin-bottom:25px}.transfer-arrow{display:flex;justify-content:center;margin:10px auto 20px;transform:rotate(90deg)}.confirmation-modal{width:95%;padding:25px}.confirmation-buttons{flex-direction:column-reverse;gap:10px}.cancel-button,.confirm-button{width:100%;padding:14px}}@keyframes focusPulse{0%{box-shadow:0 0 #3498db66}70%{box-shadow:0 0 0 8px #3498db00}to{box-shadow:0 0 #3498db00}}::-moz-selection{background-color:#3498db33;color:#2c3e50}::selection{background-color:#3498db33;color:#2c3e50}::-moz-placeholder{color:#b2bec3;opacity:1}::placeholder{color:#b2bec3;opacity:1}:focus-visible{outline:2px solid #3498db;outline-offset:2px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.night-mode{filter:invert(.9) hue-rotate(180deg);background:#121212}.night-mode img,.night-mode video{filter:invert(1) hue-rotate(180deg)}@media print{.fund-transfer-container{box-shadow:none;border:1px solid #ddd}.transfer-button,.history-toggle-button,.confirmation-buttons{display:none}}:root{--nfcu-navy-primary: #003b5c;--nfcu-navy-dark: #002942;--nfcu-navy-light: #004d73;--nfcu-gold: #f7b32b;--nfcu-gold-dark: #d99b1f;--nfcu-gold-light: #ffc94d;--color-success: #059669;--color-success-light: #d1fae5;--color-danger: #dc2626;--color-danger-light: #fee2e2;--color-warning: #f59e0b;--color-info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}.billpay-007-page{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--gray-900)}.billpay-007-header{margin-bottom:2rem;display:flex;align-items:center;gap:1.5rem}.billpay-007-header h1{font-size:2rem;font-weight:700;color:var(--nfcu-navy-primary);margin:0}.billpay-007-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid var(--gray-200);border-radius:.5rem;color:var(--nfcu-navy-primary);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.billpay-007-back-btn:hover{background:var(--nfcu-navy-primary);color:#fff;border-color:var(--nfcu-navy-primary);transform:translate(-4px);box-shadow:var(--shadow-md)}.billpay-007-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.billpay-007-action-card{background:#fff;border:2px solid var(--gray-200);border-radius:1rem;padding:2rem;text-align:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:1rem}.billpay-007-action-card svg{color:var(--nfcu-navy-primary);transition:all var(--transition-base)}.billpay-007-action-card h3{font-size:1.25rem;font-weight:700;color:var(--nfcu-navy-primary);margin:0}.billpay-007-action-card p{font-size:.875rem;color:var(--gray-600);margin:0}.billpay-007-action-card:hover{border-color:var(--nfcu-navy-primary);transform:translateY(-8px);box-shadow:var(--shadow-xl)}.billpay-007-action-card:hover svg{transform:scale(1.1);color:var(--nfcu-gold)}.billpay-007-action-card.billpay-007-primary{background:linear-gradient(135deg,var(--nfcu-navy-primary) 0%,var(--nfcu-navy-dark) 100%);border-color:var(--nfcu-navy-primary)}.billpay-007-action-card.billpay-007-primary svg,.billpay-007-action-card.billpay-007-primary h3,.billpay-007-action-card.billpay-007-primary p{color:#fff}.billpay-007-action-card.billpay-007-primary:hover{background:linear-gradient(135deg,var(--nfcu-navy-dark) 0%,var(--nfcu-navy-primary) 100%)}.billpay-007-section{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.billpay-007-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-200)}.billpay-007-section-header h2{font-size:1.5rem;font-weight:700;color:var(--nfcu-navy-primary);margin:0;display:flex;align-items:center;gap:.75rem}.billpay-007-count-badge{background:var(--nfcu-gold);color:var(--nfcu-navy-primary);padding:.25rem .75rem;border-radius:2rem;font-weight:700;font-size:.875rem}.billpay-007-payees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.billpay-007-payee-card{background:linear-gradient(135deg,var(--gray-50) 0%,white 100%);border:2px solid var(--gray-200);border-radius:1rem;padding:1.5rem;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.billpay-007-payee-card:hover{border-color:var(--nfcu-navy-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.billpay-007-payee-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.billpay-007-payee-header h3{font-size:1.125rem;font-weight:700;color:var(--nfcu-navy-primary);margin:0 0 .5rem}.billpay-007-payee-actions{display:flex;gap:.5rem}.billpay-007-icon-btn{padding:.5rem;border:none;border-radius:.5rem;background:var(--gray-100);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.billpay-007-icon-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.billpay-007-icon-btn.billpay-007-success{color:var(--color-success)}.billpay-007-icon-btn.billpay-007-success:hover{background:var(--color-success);color:#fff}.billpay-007-icon-btn.billpay-007-danger{color:var(--color-danger)}.billpay-007-icon-btn.billpay-007-danger:hover{background:var(--color-danger);color:#fff}.billpay-007-payee-details{display:flex;flex-direction:column;gap:.5rem}.billpay-007-detail-row{display:flex;justify-content:space-between;font-size:.875rem}.billpay-007-detail-row span:first-child{color:var(--gray-600);font-weight:500}.billpay-007-detail-row span:last-child{color:var(--gray-900);font-weight:600}.billpay-007-bill-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:capitalize;background:var(--nfcu-gold-light);color:var(--nfcu-navy-dark);border:1px solid var(--nfcu-gold)}.billpay-007-scheduled-list{display:flex;flex-direction:column;gap:1rem}.billpay-007-scheduled-item{background:linear-gradient(135deg,var(--gray-50) 0%,white 100%);border:2px solid var(--gray-200);border-radius:1rem;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-base)}.billpay-007-scheduled-item:hover{border-color:var(--nfcu-navy-primary);box-shadow:var(--shadow-md);transform:translate(8px)}.billpay-007-scheduled-info{display:flex;align-items:center;gap:2rem;flex:1}.billpay-007-scheduled-info h3{font-size:1.125rem;font-weight:700;color:var(--nfcu-navy-primary);margin:0 0 .25rem}.billpay-007-scheduled-info p{font-size:.875rem;color:var(--gray-600);margin:0}.billpay-007-scheduled-details{display:flex;align-items:center;gap:1.5rem}.billpay-007-scheduled-details .billpay-007-amount{font-size:1.5rem;font-weight:700;color:var(--nfcu-navy-primary)}.billpay-007-next-date{font-size:.875rem;color:var(--gray-600);font-weight:500}.billpay-007-frequency-badge{padding:.25rem .75rem;border-radius:2rem;background:var(--nfcu-navy-primary);color:#fff;font-size:.75rem;font-weight:600;text-transform:capitalize}.billpay-007-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--gray-50);border-radius:.75rem;border:1px solid var(--gray-200)}.billpay-007-filter-group{display:flex;flex-direction:column;gap:.5rem}.billpay-007-filter-group label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.billpay-007-filter-input{padding:.75rem;border:2px solid var(--gray-200);border-radius:.5rem;font-size:.875rem;transition:all var(--transition-base);background:#fff}.billpay-007-filter-input:focus{outline:none;border-color:var(--nfcu-navy-primary);box-shadow:0 0 0 3px #003b5c1a}.billpay-007-search-input{position:relative;display:flex;align-items:center}.billpay-007-search-input svg{position:absolute;left:.75rem;color:var(--gray-400)}.billpay-007-search-input input{padding-left:2.5rem;width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid var(--gray-200);border-radius:.5rem;font-size:.875rem;transition:all var(--transition-base)}.billpay-007-search-input input:focus{outline:none;border-color:var(--nfcu-navy-primary);box-shadow:0 0 0 3px #003b5c1a}.billpay-007-history-table-container{overflow-x:auto;border-radius:.75rem;border:1px solid var(--gray-200)}.billpay-007-history-table{width:100%;border-collapse:collapse;background:#fff}.billpay-007-history-table thead{background:linear-gradient(135deg,var(--nfcu-navy-primary) 0%,var(--nfcu-navy-dark) 100%);color:#fff}.billpay-007-history-table th{padding:1rem;text-align:left;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.billpay-007-history-table td{padding:1rem;border-bottom:1px solid var(--gray-200);font-size:.875rem}.billpay-007-history-table tbody tr{transition:all var(--transition-fast)}.billpay-007-history-table tbody tr:hover{background:var(--gray-50)}.billpay-007-amount-cell{font-weight:700;color:var(--nfcu-navy-primary);font-size:1rem}.billpay-007-confirmation{font-family:Courier New,monospace;color:var(--gray-600);font-size:.8rem}.billpay-007-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.billpay-007-status-badge.billpay-007-completed{background:var(--color-success-light);color:var(--color-success)}.billpay-007-status-badge.billpay-007-pending{background:var(--gray-200);color:var(--gray-700)}.billpay-007-status-badge.billpay-007-failed{background:var(--color-danger-light);color:var(--color-danger)}.billpay-007-empty-state{text-align:center;padding:4rem 2rem;color:var(--gray-500)}.billpay-007-empty-state svg{color:var(--gray-300);margin-bottom:1rem}.billpay-007-empty-state p{font-size:1rem;margin-bottom:1.5rem}.billpay-007-btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--nfcu-navy-primary) 0%,var(--nfcu-navy-dark) 100%);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-md)}.billpay-007-btn-primary:hover{background:linear-gradient(135deg,var(--nfcu-navy-dark) 0%,var(--nfcu-navy-primary) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.billpay-007-btn-primary:active{transform:translateY(0)}.billpay-007-btn-secondary{padding:.75rem 1.5rem;background:#fff;color:var(--nfcu-navy-primary);border:2px solid var(--gray-300);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.billpay-007-btn-secondary:hover{background:var(--gray-50);border-color:var(--nfcu-navy-primary)}.billpay-007-btn-danger-outline{padding:.75rem 1.5rem;background:transparent;color:var(--color-danger);border:2px solid var(--color-danger);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.billpay-007-btn-danger-outline:hover{background:var(--color-danger);color:#fff;transform:scale(1.05)}.billpay-007-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:billpay-007-fadeIn .2s ease-out}@keyframes billpay-007-fadeIn{0%{opacity:0}to{opacity:1}}.billpay-007-modal{background:#fff;border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:billpay-007-slideUp .3s ease-out}@keyframes billpay-007-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.billpay-007-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--gray-200);background:linear-gradient(135deg,var(--nfcu-navy-primary) 0%,var(--nfcu-navy-dark) 100%);border-radius:1rem 1rem 0 0}.billpay-007-modal-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.billpay-007-close-btn{background:#fff3;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.billpay-007-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.billpay-007-form{padding:1.5rem}.billpay-007-form-group{margin-bottom:1.5rem}.billpay-007-form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.billpay-007-input{width:100%;padding:.75rem;border:2px solid var(--gray-200);border-radius:.5rem;font-size:.875rem;transition:all var(--transition-base);font-family:inherit}.billpay-007-input:focus{outline:none;border-color:var(--nfcu-navy-primary);box-shadow:0 0 0 3px #003b5c1a}.billpay-007-input::-moz-placeholder{color:var(--gray-400)}.billpay-007-input::placeholder{color:var(--gray-400)}.billpay-007-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.billpay-007-checkbox-group{margin:1rem 0}.billpay-007-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:var(--gray-700)}.billpay-007-checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--nfcu-navy-primary)}.billpay-007-modal-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.billpay-007-modal-actions button{flex:1}.billpay-007-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1.25rem;color:var(--nfcu-navy-primary);font-weight:600}.billpay-007-loading:after{content:"";width:2rem;height:2rem;border:3px solid var(--gray-200);border-top-color:var(--nfcu-navy-primary);border-radius:50%;animation:billpay-007-spin .8s linear infinite;margin-left:1rem}@keyframes billpay-007-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.billpay-007-quick-actions{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.billpay-007-payees-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.billpay-007-page{padding:1rem}.billpay-007-header{flex-direction:column;align-items:flex-start;gap:1rem}.billpay-007-header h1{font-size:1.5rem}.billpay-007-quick-actions{grid-template-columns:1fr}.billpay-007-section{padding:1.5rem}.billpay-007-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.billpay-007-payees-grid,.billpay-007-filters,.billpay-007-form-row{grid-template-columns:1fr}.billpay-007-scheduled-info{flex-direction:column;align-items:flex-start;gap:1rem}.billpay-007-scheduled-item{flex-direction:column;align-items:stretch;gap:1rem}.billpay-007-scheduled-details{flex-direction:column;align-items:flex-start;gap:.5rem}.billpay-007-modal{max-width:100%;margin:1rem}.billpay-007-modal-actions{flex-direction:column}}@media (max-width: 480px){.billpay-007-history-table{font-size:.75rem}.billpay-007-history-table th,.billpay-007-history-table td{padding:.75rem .5rem}.billpay-007-back-btn{width:100%;justify-content:center}.billpay-007-payee-header{flex-direction:column;gap:1rem}.billpay-007-payee-actions{width:100%;justify-content:flex-end}}@media print{.billpay-007-back-btn,.billpay-007-quick-actions,.billpay-007-filters,.billpay-007-btn-primary,.billpay-007-btn-secondary,.billpay-007-icon-btn,.billpay-007-modal-overlay{display:none!important}.billpay-007-page{background:#fff;padding:0}.billpay-007-section{box-shadow:none;border:1px solid var(--gray-300);page-break-inside:avoid}.billpay-007-history-table{page-break-inside:auto}.billpay-007-history-table tr{page-break-inside:avoid;page-break-after:auto}}.billpay-007-btn-primary:focus,.billpay-007-btn-secondary:focus,.billpay-007-btn-danger-outline:focus,.billpay-007-icon-btn:focus{outline:3px solid var(--nfcu-gold);outline-offset:2px}.billpay-007-input:focus{outline:none;border-color:var(--nfcu-navy-primary);box-shadow:0 0 0 3px #003b5c26}.billpay-007-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.billpay-007-modal::-webkit-scrollbar,.billpay-007-history-table-container::-webkit-scrollbar{width:8px;height:8px}.billpay-007-modal::-webkit-scrollbar-track,.billpay-007-history-table-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.billpay-007-modal::-webkit-scrollbar-thumb,.billpay-007-history-table-container::-webkit-scrollbar-thumb{background:var(--nfcu-navy-primary);border-radius:4px}.billpay-007-modal::-webkit-scrollbar-thumb:hover,.billpay-007-history-table-container::-webkit-scrollbar-thumb:hover{background:var(--nfcu-navy-dark)}@keyframes billpay-007-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes billpay-007-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes billpay-007-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.billpay-007-loading{animation:billpay-007-pulse 1.5s ease-in-out infinite}.billpay-007-tooltip{position:relative}.billpay-007-tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:.5rem .75rem;background:var(--gray-900);color:#fff;font-size:.75rem;border-radius:.375rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-base);z-index:1000}.billpay-007-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--gray-900);opacity:0;pointer-events:none;transition:all var(--transition-base)}.billpay-007-tooltip:hover:before,.billpay-007-tooltip:hover:after{opacity:1}.billpay-007-text-center{text-align:center}.billpay-007-text-right{text-align:right}.billpay-007-text-left{text-align:left}.billpay-007-font-bold{font-weight:700}.billpay-007-font-semibold{font-weight:600}.billpay-007-font-medium{font-weight:500}.billpay-007-text-sm{font-size:.875rem}.billpay-007-text-xs{font-size:.75rem}.billpay-007-text-lg{font-size:1.125rem}.billpay-007-text-xl{font-size:1.25rem}.billpay-007-text-navy{color:var(--nfcu-navy-primary)}.billpay-007-text-gold{color:var(--nfcu-gold)}.billpay-007-text-success{color:var(--color-success)}.billpay-007-text-danger{color:var(--color-danger)}.billpay-007-text-gray{color:var(--gray-600)}.billpay-007-bg-navy{background:var(--nfcu-navy-primary)}.billpay-007-bg-gold{background:var(--nfcu-gold)}.billpay-007-bg-light{background:var(--gray-50)}.billpay-007-bg-white{background:#fff}.billpay-007-mt-1{margin-top:.25rem}.billpay-007-mt-2{margin-top:.5rem}.billpay-007-mt-3{margin-top:.75rem}.billpay-007-mt-4{margin-top:1rem}.billpay-007-mt-5{margin-top:1.25rem}.billpay-007-mt-6{margin-top:1.5rem}.billpay-007-mb-1{margin-bottom:.25rem}.billpay-007-mb-2{margin-bottom:.5rem}.billpay-007-mb-3{margin-bottom:.75rem}.billpay-007-mb-4{margin-bottom:1rem}.billpay-007-mb-5{margin-bottom:1.25rem}.billpay-007-mb-6{margin-bottom:1.5rem}.billpay-007-p-1{padding:.25rem}.billpay-007-p-2{padding:.5rem}.billpay-007-p-3{padding:.75rem}.billpay-007-p-4{padding:1rem}.billpay-007-p-5{padding:1.25rem}.billpay-007-p-6{padding:1.5rem}.billpay-007-flex{display:flex}.billpay-007-flex-col{flex-direction:column}.billpay-007-flex-row{flex-direction:row}.billpay-007-items-center{align-items:center}.billpay-007-items-start{align-items:flex-start}.billpay-007-items-end{align-items:flex-end}.billpay-007-justify-between{justify-content:space-between}.billpay-007-justify-center{justify-content:center}.billpay-007-justify-end{justify-content:flex-end}.billpay-007-gap-1{gap:.25rem}.billpay-007-gap-2{gap:.5rem}.billpay-007-gap-3{gap:.75rem}.billpay-007-gap-4{gap:1rem}.billpay-007-gap-5{gap:1.25rem}.billpay-007-gap-6{gap:1.5rem}.billpay-007-border{border:1px solid var(--gray-200)}.billpay-007-border-2{border:2px solid var(--gray-200)}.billpay-007-border-navy{border-color:var(--nfcu-navy-primary)}.billpay-007-border-gold{border-color:var(--nfcu-gold)}.billpay-007-rounded{border-radius:.375rem}.billpay-007-rounded-lg{border-radius:.75rem}.billpay-007-rounded-xl{border-radius:1rem}.billpay-007-rounded-full{border-radius:9999px}.billpay-007-shadow-sm{box-shadow:var(--shadow-sm)}.billpay-007-shadow-md{box-shadow:var(--shadow-md)}.billpay-007-shadow-lg{box-shadow:var(--shadow-lg)}.billpay-007-shadow-xl{box-shadow:var(--shadow-xl)}.billpay-007-shadow-none{box-shadow:none}.billpay-007-hover-lift{transition:all var(--transition-base)}.billpay-007-hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.billpay-007-hover-scale{transition:all var(--transition-base)}.billpay-007-hover-scale:hover{transform:scale(1.05)}.billpay-007-hover-glow{transition:all var(--transition-base)}.billpay-007-hover-glow:hover{box-shadow:0 0 20px #003b5c4d}.billpay-007-gradient-navy{background:linear-gradient(135deg,var(--nfcu-navy-primary) 0%,var(--nfcu-navy-dark) 100%)}.billpay-007-gradient-gold{background:linear-gradient(135deg,var(--nfcu-gold) 0%,var(--nfcu-gold-dark) 100%)}.billpay-007-gradient-light{background:linear-gradient(135deg,var(--gray-50) 0%,white 100%)}.billpay-007-alert{padding:1rem;border-radius:.75rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.billpay-007-alert-success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.billpay-007-alert-danger{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger)}.billpay-007-alert-warning{background:#fef3c7;color:#92400e;border:1px solid var(--color-warning)}.billpay-007-alert-info{background:#dbeafe;color:#1e40af;border:1px solid var(--color-info)}.billpay-007-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600}.billpay-007-badge-navy{background:var(--nfcu-navy-primary);color:#fff}.billpay-007-badge-gold{background:var(--nfcu-gold);color:var(--nfcu-navy-primary)}.billpay-007-badge-success{background:var(--color-success-light);color:var(--color-success)}.billpay-007-badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.billpay-007-badge-gray{background:var(--gray-200);color:var(--gray-700)}.billpay-007-divider{height:1px;background:var(--gray-200);margin:1.5rem 0}.billpay-007-divider-thick{height:2px;background:var(--gray-300)}.billpay-007-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:all var(--transition-base)}.billpay-007-card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--nfcu-navy-primary)}.billpay-007-card-navy{background:linear-gradient(135deg,var(--nfcu-navy-primary) 0%,var(--nfcu-navy-dark) 100%);color:#fff}.billpay-007-card-gold{background:var(--nfcu-gold);color:var(--nfcu-navy-primary)}.billpay-007-skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:billpay-007-skeleton-loading 1.5s ease-in-out infinite;border-radius:.375rem}@keyframes billpay-007-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.billpay-007-skeleton-text{height:1rem;margin-bottom:.5rem}.billpay-007-skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.billpay-007-skeleton-button{height:2.5rem;width:8rem}.billpay-007-progress{width:100%;height:.5rem;background:var(--gray-200);border-radius:2rem;overflow:hidden}.billpay-007-progress-bar{height:100%;background:linear-gradient(90deg,var(--nfcu-navy-primary),var(--nfcu-gold));border-radius:2rem;transition:width var(--transition-slow)}.billpay-007-checkmark-circle{width:80px;height:80px;border-radius:50%;border:4px solid var(--color-success);margin:0 auto 1rem;position:relative;animation:billpay-007-checkmark-circle-anim .6s ease-in-out}@keyframes billpay-007-checkmark-circle-anim{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.billpay-007-checkmark{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:billpay-007-checkmark-anim .4s .3s ease-in-out forwards;opacity:0}@keyframes billpay-007-checkmark-anim{to{opacity:1}}.txconf-007-confirmation-page{min-height:100vh;background:linear-gradient(135deg,#036,#004080,#0056b3);padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.txconf-007-confirmation-container{max-width:800px;margin:0 auto;animation:txconf-007-slideIn .5s ease-out}.txconf-007-header{margin-bottom:2rem}.txconf-007-header h1{color:#fff;font-size:2rem;font-weight:700;margin:1rem 0;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.txconf-007-back-button{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.txconf-007-back-button:hover{background:#fff3;border-color:#ffffff80;transform:translate(-5px);box-shadow:0 4px 12px #0003}.txconf-007-review-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:txconf-007-fadeInUp .6s ease-out}.txconf-007-review-header{background:linear-gradient(135deg,#ffb81c,#f5a623);padding:2rem;display:flex;align-items:center;gap:1rem;border-bottom:4px solid #003366}.txconf-007-alert-icon{color:#036;animation:txconf-007-pulse 2s infinite}.txconf-007-review-header h2{color:#036;font-size:1.5rem;font-weight:700;margin:0}.txconf-007-transaction-summary{padding:2.5rem}.txconf-007-amount-display{text-align:center;padding:2rem;background:linear-gradient(135deg,#036,#004080);border-radius:16px;margin-bottom:2.5rem;box-shadow:0 10px 30px #0033664d;position:relative;overflow:hidden}.txconf-007-amount-display:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,184,28,.1) 0%,transparent 70%);animation:txconf-007-rotate 10s linear infinite}.txconf-007-amount-label{display:block;color:#ffb81c;font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:.75rem;position:relative;z-index:1}.txconf-007-amount-value{display:block;color:#fff;font-size:3rem;font-weight:800;letter-spacing:-1px;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.2)}.txconf-007-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.txconf-007-detail-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#f9fafb;border:2px solid #E5E7EB;border-radius:12px;transition:all .3s ease}.txconf-007-detail-item:hover{background:#fff;border-color:#ffb81c;transform:translateY(-2px);box-shadow:0 8px 20px #0033661a}.txconf-007-detail-item.txconf-007-full-width{grid-column:1 / -1}.txconf-007-detail-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#036,#004080);color:#ffb81c;border-radius:10px;box-shadow:0 4px 12px #0363}.txconf-007-detail-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.txconf-007-detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.txconf-007-detail-value{font-size:1rem;font-weight:600;color:#111827;word-break:break-word}.txconf-007-error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fee2e2;border:2px solid #DC2626;border-radius:12px;color:#991b1b;font-weight:600;margin:1.5rem 2.5rem;animation:txconf-007-shake .5s ease}.txconf-007-confirmation-actions{padding:2rem 2.5rem;display:flex;gap:1rem;border-top:2px solid #E5E7EB;background:#f9fafb}.txconf-007-btn-confirm{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d;position:relative;overflow:hidden}.txconf-007-btn-confirm:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.txconf-007-btn-confirm:hover:before{width:300px;height:300px}.txconf-007-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.txconf-007-btn-confirm:active{transform:translateY(0)}.txconf-007-btn-confirm:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.txconf-007-btn-cancel{flex:1;padding:1.25rem 2rem;background:#fff;color:#036;border:2px solid #003366;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease}.txconf-007-btn-cancel:hover{background:#036;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0363}.txconf-007-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.txconf-007-security-notice{padding:1rem 2.5rem 2rem;text-align:center}.txconf-007-security-notice p{color:#6b7280;font-size:.875rem;font-weight:600;margin:0}.txconf-007-success-container{max-width:700px;margin:0 auto;animation:txconf-007-zoomIn .6s ease-out}.txconf-007-success-card{background:#fff;border-radius:24px;padding:3rem;box-shadow:0 25px 70px #0000004d;text-align:center;position:relative;overflow:hidden}.txconf-007-success-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,184,28,.05) 0%,transparent 70%);animation:txconf-007-rotate 15s linear infinite}.txconf-007-success-icon{width:120px;height:120px;margin:0 auto 2rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 15px 40px #10b98166;animation:txconf-007-successPulse 2s ease-in-out infinite;position:relative;z-index:1}.txconf-007-success-title{color:#036;font-size:2.25rem;font-weight:800;margin:0 0 1rem;position:relative;z-index:1}.txconf-007-success-subtitle{color:#6b7280;font-size:1.125rem;font-weight:500;margin:0 0 2.5rem;position:relative;z-index:1}.txconf-007-confirmation-number{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px dashed #F59E0B;border-radius:16px;margin-bottom:2.5rem;position:relative;z-index:1}.txconf-007-confirmation-number svg{color:#92400e;flex-shrink:0}.txconf-007-conf-label{display:block;color:#92400e;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem}.txconf-007-conf-value{display:block;color:#78350f;font-size:1.25rem;font-weight:800;font-family:Courier New,monospace;letter-spacing:1px}.txconf-007-success-details{padding:2rem;background:linear-gradient(135deg,#036,#004080);border-radius:16px;margin-bottom:2.5rem;box-shadow:0 10px 30px #0033664d;position:relative;z-index:1}.txconf-007-success-amount{color:#fff;font-size:3rem;font-weight:900;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.2)}.txconf-007-success-meta{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ffb81c;font-size:.875rem;font-weight:600}.txconf-007-receipt-section{background:#f9fafb;border:2px solid #E5E7EB;border-radius:16px;padding:2rem;margin-bottom:2rem;position:relative;z-index:1}.txconf-007-receipt-section h3{color:#036;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;text-align:left}.txconf-007-receipt-grid{display:flex;flex-direction:column;gap:1rem}.txconf-007-receipt-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:10px;border:1px solid #E5E7EB;transition:all .3s ease}.txconf-007-receipt-row:hover{border-color:#ffb81c;transform:translate(5px);box-shadow:0 4px 12px #0033661a}.txconf-007-receipt-row span:first-child{color:#6b7280;font-weight:600;font-size:.875rem}.txconf-007-receipt-row span:last-child{color:#111827;font-weight:700;font-size:1rem}.txconf-007-status-completed{color:#059669!important;background:#d1fae5;padding:.375rem 1rem;border-radius:9999px;font-size:.875rem!important;font-weight:700!important}.txconf-007-action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;position:relative;z-index:1}.txconf-007-btn-action{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:#fff;color:#036;border:2px solid #003366;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.txconf-007-btn-action:hover{background:#036;color:#ffb81c;transform:translateY(-3px);box-shadow:0 8px 20px #0363}.txconf-007-btn-action svg{transition:transform .3s ease}.txconf-007-btn-action:hover svg{transform:scale(1.2)}.txconf-007-navigation-buttons{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.txconf-007-btn-primary{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#036,#004080);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0033664d}.txconf-007-btn-primary:hover{background:linear-gradient(135deg,#004080,#0056b3);transform:translateY(-2px);box-shadow:0 8px 24px #0366}.txconf-007-btn-secondary{width:100%;padding:1.25rem 2rem;background:#fff;color:#036;border:2px solid #E5E7EB;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease}.txconf-007-btn-secondary:hover{background:#f9fafb;border-color:#036;transform:translateY(-2px);box-shadow:0 4px 12px #0033661a}.txconf-007-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:txconf-007-spin .8s linear infinite;display:inline-block;margin-right:.5rem}.txconf-007-loading{text-align:center;padding:4rem 2rem;color:#fff;font-size:1.25rem;font-weight:600}@keyframes txconf-007-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes txconf-007-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes txconf-007-zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes txconf-007-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes txconf-007-successPulse{0%,to{transform:scale(1);box-shadow:0 15px 40px #10b98166}50%{transform:scale(1.05);box-shadow:0 20px 50px #10b98180}}@keyframes txconf-007-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes txconf-007-spin{to{transform:rotate(360deg)}}@keyframes txconf-007-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.txconf-007-confirmation-page{padding:1rem .5rem}.txconf-007-header h1{font-size:1.5rem}.txconf-007-review-card{border-radius:16px}.txconf-007-review-header{padding:1.5rem;flex-direction:column;text-align:center}.txconf-007-review-header h2{font-size:1.25rem}.txconf-007-transaction-summary{padding:1.5rem}.txconf-007-amount-value{font-size:2.25rem}.txconf-007-detail-grid{grid-template-columns:1fr;gap:1rem}.txconf-007-confirmation-actions{flex-direction:column;padding:1.5rem}.txconf-007-success-card{padding:2rem 1.5rem;border-radius:16px}.txconf-007-success-icon{width:90px;height:90px}.txconf-007-success-title{font-size:1.75rem}.txconf-007-success-amount{font-size:2.25rem}.txconf-007-action-buttons{grid-template-columns:1fr}.txconf-007-confirmation-number{flex-direction:column;text-align:center}.txconf-007-conf-value{font-size:1rem}}@media (max-width: 480px){.txconf-007-amount-value{font-size:2rem}.txconf-007-success-title{font-size:1.5rem}.txconf-007-success-amount{font-size:2rem}.txconf-007-btn-confirm,.txconf-007-btn-cancel,.txconf-007-btn-primary,.txconf-007-btn-secondary{font-size:1rem;padding:1rem 1.5rem}}@media print{.txconf-007-confirmation-page{background:#fff}.txconf-007-back-button,.txconf-007-action-buttons,.txconf-007-navigation-buttons{display:none}.txconf-007-success-card{box-shadow:none;border:2px solid #003366}}.txconf-007-btn-confirm:focus,.txconf-007-btn-cancel:focus,.txconf-007-btn-action:focus,.txconf-007-btn-primary:focus,.txconf-007-btn-secondary:focus,.txconf-007-back-button:focus{outline:3px solid #FFB81C;outline-offset:2px}@media (prefers-color-scheme: dark){.txconf-007-confirmation-page{background:linear-gradient(135deg,#001a33,#002d4d,#003d66)}}.expense-tracker{max-width:800px;margin:0 auto;margin-top:3rem;padding:2rem;background-color:#f9fafb;border-radius:12px;box-shadow:0 4px 6px #0000000d,0 10px 15px #00000008}.expense-tracker h2{text-align:center;color:#2c3e50;font-weight:700;margin-bottom:1.5rem;font-size:1.8rem;letter-spacing:-.5px}.expense-summary{margin-bottom:2rem}.summary-card{background-color:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 3px 10px #00000014;transition:transform .3s ease}.summary-card:hover{transform:translateY(-5px)}.summary-card h3{color:#34495e;margin-bottom:1rem;font-size:1.2rem;border-bottom:2px solid #ecf0f1;padding-bottom:.5rem}.category-breakdown{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f1f3f5;transition:background-color .2s ease}.category-breakdown:last-child{border-bottom:none}.category-breakdown:hover{background-color:#f8f9fa}.expense-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;margin-bottom:2rem}.expense-form input,.expense-form select{width:100%;padding:.75rem;border:1px solid #e0e4e8;border-radius:8px;font-size:1rem;transition:all .3s ease;outline:none}.expense-form input:focus,.expense-form select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.expense-form button{padding:.75rem 1.5rem;background-color:#3498db;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.expense-form button:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.expenses-list{background-color:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 3px 10px #00000014}.expenses-list h3{color:#34495e;margin-bottom:1rem;font-size:1.2rem;border-bottom:2px solid #ecf0f1;padding-bottom:.5rem}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f1f3f5;transition:background-color .2s ease}.expense-item:last-child{border-bottom:none}.expense-item:hover{background-color:#f8f9fa}.expense-details{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:center;width:100%}.expense-description{font-weight:500;color:#2c3e50}.expense-category{color:#7f8c8d;text-align:center}.expense-amount{color:#27ae60;font-weight:600;text-align:right}.remove-expense{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.remove-expense:hover{background-color:#c0392b;transform:translateY(-2px)}@media screen and (max-width: 768px){.expense-tracker{padding:1rem}.expense-form{grid-template-columns:1fr}.expense-details{grid-template-columns:1fr;text-align:center}}:root{--primary: #0A5D7C;--primary-light: #107DA6;--secondary: #1EAB5B;--accent: #F7931E;--warning: #E74C3C;--neutral-dark: #2C3E50;--neutral: #7F8C8D;--neutral-light: #ECF0F1;--white: #FFFFFF;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--border-radius: 8px;--transition: all .3s ease}.financial-goals{font-family:Open Sans,Segoe UI,Roboto,sans-serif;max-width:1200px;margin:5rem auto;padding:1.5rem;color:var(--neutral-dark);background-color:#f9f9f9;border-radius:12px;box-shadow:0 0 20px #0000000d}.goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-light)}.goals-header h2{font-size:1.8rem;font-weight:600;color:var(--primary);margin:0}.add-goal-button{background-color:var(--primary);color:var(--white);border:none;border-radius:var(--border-radius);padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.add-goal-button:hover{background-color:var(--primary-light);transform:translateY(-2px)}.add-goal-button:disabled{background-color:var(--neutral);cursor:not-allowed}.error-message{background-color:#fdecea;color:var(--warning);padding:.75rem 1rem;border-radius:var(--border-radius);margin-bottom:1rem;border-left:4px solid var(--warning);font-size:.9rem}.goals-form{background-color:var(--white);padding:1.5rem;border-radius:var(--border-radius);margin-bottom:1.5rem;box-shadow:var(--card-shadow);border:1px solid rgba(10,93,124,.1)}.form-group{margin-bottom:1rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:var(--border-radius);font-size:.9rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0a5d7c1a}.input-with-icon{position:relative}.input-with-icon input{padding-left:2.5rem}.input-with-icon .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--neutral)}.submit-button{background-color:var(--secondary);color:var(--white);border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;width:100%;margin-top:1rem;transition:var(--transition)}.submit-button:hover{background-color:#17925a;transform:translateY(-2px)}.goals-controls{display:flex;justify-content:space-between;margin-bottom:1.5rem;background-color:var(--white);padding:1rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid rgba(10,93,124,.1)}.filter-controls,.sort-controls{display:flex;align-items:center;gap:.5rem}.filter-controls label,.sort-controls label{font-weight:600;font-size:.9rem;color:var(--primary)}.filter-controls select,.sort-controls select{padding:.5rem;border:1px solid #ddd;border-radius:var(--border-radius);font-size:.9rem;background-color:var(--white)}.sort-direction-button{background-color:var(--neutral-light);border:1px solid #ddd;border-radius:var(--border-radius);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.sort-direction-button:hover{background-color:#e0e0e0}.goals-summary{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.summary-item{background-color:var(--white);padding:1rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);flex:1;min-width:180px;text-align:center;border:1px solid rgba(10,93,124,.1);transition:var(--transition)}.summary-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.summary-label{display:block;font-size:.9rem;font-weight:600;color:var(--neutral);margin-bottom:.25rem}.summary-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.goals-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.no-goals-message{grid-column:1 / -1;text-align:center;padding:2rem;background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--card-shadow);color:var(--neutral);font-size:1rem}.goal-card{background-color:var(--white);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--card-shadow);position:relative;transition:var(--transition);border-top:4px solid var(--primary)}.goal-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.goal-card.completed{border-top-color:var(--secondary)}.goal-card.at-risk{border-top-color:var(--accent)}.goal-card.overdue{border-top-color:var(--warning)}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.goal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--neutral-dark);line-height:1.2;word-break:break-word}.goal-badge{background-color:var(--primary-light);color:var(--white);font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;white-space:nowrap}.goal-amount{margin-bottom:.75rem;font-size:1.1rem}.current-amount{font-weight:700;color:var(--primary)}.target-amount{color:var(--neutral)}.goal-progress-container{height:8px;background-color:var(--neutral-light);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.goal-progress-bar{height:100%;background-color:var(--secondary);border-radius:4px;transition:width .5s ease-out}.goal-card.at-risk .goal-progress-bar{background-color:var(--accent)}.goal-card.overdue .goal-progress-bar{background-color:var(--warning)}.goal-progress-text{display:flex;justify-content:flex-end;font-size:.85rem;color:var(--neutral);margin-bottom:1rem}.goal-details{margin-bottom:1rem}.goal-timeline{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--neutral);margin-bottom:.75rem}.days-remaining{margin-left:auto;font-weight:600}.goal-card.overdue .days-remaining{color:var(--warning)}.goal-card.at-risk .days-remaining{color:var(--accent)}.goal-card.completed .days-remaining{color:var(--secondary)}.goal-notes{background-color:var(--neutral-light);padding:.75rem;border-radius:var(--border-radius);margin:.75rem 0}.goal-notes p{margin:0;font-size:.85rem;color:var(--neutral-dark);line-height:1.4}.amount-update{display:flex;align-items:center;margin-top:.75rem;gap:.75rem}.amount-update label{font-size:.85rem;font-weight:600;color:var(--primary);white-space:nowrap}.amount-input-wrapper{position:relative;flex:1}.amount-input-wrapper input{width:100%;padding:.5rem 2rem .5rem .5rem;border:1px solid #ddd;border-radius:var(--border-radius);font-size:.9rem}.amount-input-wrapper .input-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--secondary)}.goal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.edit-goal-button,.delete-goal-button{background:none;border:none;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.edit-goal-button{color:var(--primary);background-color:#0a5d7c1a}.delete-goal-button{color:var(--warning);background-color:#e74c3c1a}.edit-goal-button:hover{background-color:#0a5d7c33;transform:translateY(-2px)}.delete-goal-button:hover{background-color:#e74c3c33;transform:translateY(-2px)}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}.goals-controls{flex-direction:column;gap:1rem;align-items:flex-start}.goals-list{grid-template-columns:1fr}.goals-summary{flex-direction:column}.summary-item{width:100%}}@media print{.financial-goals{box-shadow:none;padding:0}.add-goal-button,.goals-form,.goals-controls,.goal-actions,.amount-update{display:none}.goals-list{display:block}.goal-card{page-break-inside:avoid;border:1px solid #ddd;box-shadow:none;margin-bottom:1rem}}.budget-analytics{--primary-color: #4f46e5;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--background-color: #ffffff;--surface-color: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--border-radius: .75rem;--transition: all .2s ease-in-out;max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-primary)}.budget-analytics h2{display:flex;align-items:center;gap:.5rem;font-size:1.875rem;font-weight:600;margin:4rem auto;color:var(--text-primary)}.budget-analytics .icon{color:var(--primary-color)}.budget-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.summary-card,.expense-form-container,.category-budgets{background-color:var(--background-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-md);transition:var(--transition)}.summary-card:hover,.expense-form-container:hover,.category-budgets:hover{transform:translateY(-2px);box-shadow:0 6px 12px -2px #00000026}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.summary-item:last-child{border-bottom:none}.summary-item.total{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--border-color);font-weight:600}.summary-item .negative{color:var(--danger-color)}.input-group{display:flex;align-items:center;gap:.5rem;background-color:var(--surface-color);padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color)}.input-group input{border:none;background:none;outline:none;width:120px;font-size:1rem;color:var(--text-primary)}.expense-form{display:flex;flex-direction:column;gap:1rem}.form-group input{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--surface-color);transition:var(--transition)}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e51a}.expense-form button{background-color:var(--primary-color);color:#fff;padding:.75rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:var(--transition)}.expense-form button:hover{background-color:#4338ca;transform:translateY(-1px)}.category-budget-item{padding:1rem 0;border-bottom:1px solid var(--border-color)}.category-budget-item:last-child{border-bottom:none}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.budget-progress-container{height:.5rem;background-color:var(--surface-color);border-radius:999px;overflow:hidden;margin:.5rem 0}.budget-progress-bar{height:100%;transition:var(--transition)}.category-details{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.alerts-container{margin-bottom:2rem}.alert{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:var(--border-radius);margin-bottom:.75rem;animation:slideIn .3s ease-out}.alert.error{background-color:#fee2e2;color:#991b1b}.alert.warning{background-color:#fef3c7;color:#92400e}.alert.info{background-color:#e0f2fe;color:#075985}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.budget-analytics{padding:1rem}.budget-overview{grid-template-columns:1fr}.category-details{flex-direction:column;gap:.25rem}}:root{--nfcu-navy-primary: #003f87;--nfcu-navy-dark: #002855;--nfcu-navy-light: #0052a5;--nfcu-gold: #f7b71d;--nfcu-gold-dark: #d99f17;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--success-green: #00a86b;--danger-red: #d32f2f}.nav-101-navbar-container{position:sticky;top:0;z-index:999;box-shadow:0 4px 20px #003f8726}.nav-101-navbar{background:linear-gradient(135deg,var(--nfcu-navy-primary) 0%,var(--nfcu-navy-dark) 100%);display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;position:relative;border-bottom:3px solid var(--nfcu-gold)}.nav-101-navbar-brand{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.nav-101-logo-link{display:flex;align-items:center;gap:1rem;text-decoration:none;transition:all .3s ease}.nav-101-logo-link:hover{transform:scale(1.02);opacity:.9}.nav-101-logo{height:50px;width:auto;border-radius:8px;box-shadow:0 4px 12px #0003;transition:all .3s ease}.nav-101-logo:hover{box-shadow:0 6px 20px #f7b71d66}.nav-101-navbar-title{font-size:1.4rem;font-weight:800;color:var(--white);letter-spacing:.5px;text-shadow:2px 2px 4px rgba(0,0,0,.2);display:flex;align-items:center;gap:.5rem}.nav-101-sidebar-toggle{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:var(--white);padding:.75rem;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-101-sidebar-toggle:hover{background:var(--nfcu-gold);border-color:var(--nfcu-gold);color:var(--nfcu-navy-dark);transform:scale(1.05)}.nav-101-sidebar-toggle.nav-101-active{background:var(--nfcu-gold);border-color:var(--nfcu-gold);color:var(--nfcu-navy-dark);transform:rotate(90deg)}.nav-101-navbar-center{flex:1;display:flex;justify-content:center;align-items:center;padding:0 2rem}.nav-101-user-greeting{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 2rem;border-radius:25px;border:2px solid rgba(247,183,29,.3);transition:all .3s ease}.nav-101-user-greeting:hover{background:#f7b71d26;border-color:var(--nfcu-gold);transform:scale(1.02)}.nav-101-greeting-text{color:var(--white);font-size:1.1rem;font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.nav-101-navbar-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.nav-101-action-icons{display:flex;align-items:center;gap:1rem}.nav-101-user-profile-image{position:relative;cursor:pointer;transition:all .3s ease}.nav-101-profile-avatar{width:45px;height:45px;border-radius:50%;border:3px solid var(--nfcu-gold);-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.nav-101-profile-avatar:hover{transform:scale(1.1);border-color:var(--white);box-shadow:0 6px 20px #f7b71d80}.nav-101-icon-button{position:relative;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:var(--white);padding:.75rem;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-101-icon-button:hover{background:#ffffff40;border-color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.nav-101-notification-button{position:relative}.nav-101-notification-badge{position:absolute;top:-5px;right:-5px;background:var(--danger-red);color:var(--white);font-size:.7rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center;box-shadow:0 2px 8px #d32f2f66;animation:nav-101-pulse 2s infinite}@keyframes nav-101-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-101-logout-button:hover{background:var(--danger-red);border-color:var(--danger-red)}.nav-101-nav-auth-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:var(--white);text-decoration:none;border-radius:10px;font-weight:700;font-size:.95rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-101-nav-auth-link:hover{background:var(--nfcu-gold);border-color:var(--nfcu-gold);color:var(--nfcu-navy-dark);transform:translateY(-2px);box-shadow:0 4px 12px #f7b71d66}.nav-101-navbar-dropdown{position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,var(--nfcu-navy-dark) 0%,var(--nfcu-navy-primary) 100%);box-shadow:0 8px 32px #0000004d;max-height:calc(100vh - 80px);overflow-y:auto;animation:nav-101-slideDown .3s ease;border-bottom:3px solid var(--nfcu-gold);z-index:998}@keyframes nav-101-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-101-navbar-dropdown::-webkit-scrollbar{width:8px}.nav-101-navbar-dropdown::-webkit-scrollbar-track{background:#0003}.nav-101-navbar-dropdown::-webkit-scrollbar-thumb{background:var(--nfcu-gold);border-radius:4px}.nav-101-navbar-dropdown::-webkit-scrollbar-thumb:hover{background:var(--nfcu-gold-dark)}.nav-101-dropdown-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem;padding:1.5rem}.nav-101-dropdown-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff14;color:var(--white);text-decoration:none;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .3s ease;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:100%;text-align:left}.nav-101-dropdown-link:hover{background:#f7b71d26;border-color:var(--nfcu-gold);transform:translate(8px);box-shadow:0 4px 12px #f7b71d33}.nav-101-dropdown-link.nav-101-active{background:var(--nfcu-gold);color:var(--nfcu-navy-dark);border-color:var(--nfcu-gold);font-weight:800;box-shadow:0 4px 16px #f7b71d66}.nav-101-dropdown-link.nav-101-active:hover{transform:translate(8px) scale(1.02)}.nav-101-dropdown-link svg{flex-shrink:0}.nav-101-dropdown-link.nav-101-logout-button{background:#d32f2f26;border-color:transparent;margin-top:.5rem}.nav-101-dropdown-link.nav-101-logout-button:hover{background:var(--danger-red);border-color:var(--danger-red);color:var(--white)}@media (max-width: 1024px){.nav-101-navbar{padding:.75rem 1.5rem}.nav-101-navbar-center{padding:0 1rem}.nav-101-navbar-title{font-size:1.2rem}.nav-101-greeting-text{font-size:1rem}.nav-101-dropdown-nav{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;padding:1rem}}@media (max-width: 768px){.nav-101-navbar{padding:.75rem 1rem}.nav-101-navbar-title{font-size:1rem}.nav-101-logo{height:40px}.nav-101-navbar-center{display:none}.nav-101-action-icons{gap:.75rem}.nav-101-profile-avatar{width:38px;height:38px}.nav-101-icon-button{padding:.6rem}.nav-101-nav-auth-link{padding:.6rem 1rem;font-size:.85rem}.nav-101-nav-auth-link span{display:none}.nav-101-dropdown-nav{grid-template-columns:1fr;gap:.5rem;padding:1rem}.nav-101-dropdown-link{padding:1rem}}@media (max-width: 480px){.nav-101-navbar-brand{gap:1rem}.nav-101-navbar-title{display:none}.nav-101-logo{height:36px}.nav-101-sidebar-toggle{padding:.6rem}.nav-101-action-icons{gap:.5rem}.nav-101-profile-avatar{width:35px;height:35px;border-width:2px}.nav-101-icon-button{padding:.5rem}.nav-101-notification-badge{font-size:.6rem;padding:.2rem .4rem;min-width:16px}.nav-101-dropdown-link{padding:.85rem;font-size:.9rem}}.nav-101-icon-button:focus,.nav-101-sidebar-toggle:focus,.nav-101-nav-auth-link:focus,.nav-101-dropdown-link:focus{outline:3px solid var(--nfcu-gold);outline-offset:2px}@media (prefers-color-scheme: dark){.nav-101-navbar-dropdown{box-shadow:0 8px 32px #0009}}@media print{.nav-101-navbar-container{display:none!important}}.nav-101-navbar.nav-101-loading{opacity:.7;pointer-events:none}*{-webkit-tap-highlight-color:transparent}.nav-101-navbar *,.nav-101-navbar-dropdown *{box-sizing:border-box}.nav-101-sidebar-toggle:focus-visible,.nav-101-icon-button:focus-visible,.nav-101-nav-auth-link:focus-visible,.nav-101-dropdown-link:focus-visible{outline:3px solid var(--nfcu-gold);outline-offset:3px;box-shadow:0 0 0 6px #f7b71d33}.nav-101-navbar-dropdown{scroll-behavior:smooth}@media (prefers-contrast: high){.nav-101-navbar{border-bottom-width:4px}.nav-101-dropdown-link,.nav-101-icon-button,.nav-101-nav-auth-link{border-width:3px}}@media (prefers-reduced-motion: reduce){.nav-101-navbar *,.nav-101-navbar-dropdown *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.nav-101-notification-badge{animation:none}.nav-101-dropdown-link:hover,.nav-101-icon-button:hover{transform:none}}@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){.nav-101-icon-button,.nav-101-sidebar-toggle,.nav-101-nav-auth-link,.nav-101-user-greeting{background:#003f87cc}.nav-101-dropdown-link{background:#003f8799}}.security-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-in-out}.security-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:450px;width:90%;animation:slideUp .3s ease-out;overflow:hidden}.security-modal-header{background:linear-gradient(135deg,#036,#004080);color:#fff;padding:25px;text-align:center;position:relative}.security-modal-header svg{margin-bottom:10px}.security-modal-header h2{margin:10px 0 0;font-size:22px;font-weight:600}.security-modal-close{position:absolute;top:15px;right:15px;background:#fff3;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.security-modal-close:hover{background:#ffffff4d}.security-modal-body{padding:30px}.security-modal-body p{color:#666;margin-bottom:25px;line-height:1.6;text-align:center}.security-input-group{margin-bottom:20px}.security-input-group label{display:block;color:#333;font-weight:500;margin-bottom:8px;font-size:14px}.security-input-group input{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.security-input-group input:focus{outline:none;border-color:#036;box-shadow:0 0 0 3px #0033661a}.security-error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border-left:4px solid #c33}.security-modal-actions{display:flex;gap:15px;margin-top:25px}.security-cancel-btn,.security-submit-btn{flex:1;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;border:none}.security-cancel-btn{background:#f5f5f5;color:#666}.security-cancel-btn:hover{background:#e0e0e0}.security-submit-btn{background:linear-gradient(135deg,#036,#004080);color:#fff}.security-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0033664d}@media (max-width: 480px){.security-modal-content{width:95%}.security-modal-body{padding:20px}.security-modal-actions{flex-direction:column}.security-cancel-btn,.security-submit-btn{width:100%}}.fin-sum-page{padding:2rem;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;font-family:Segoe UI,Open Sans,Arial,sans-serif}.fin-sum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:linear-gradient(135deg,#003865,#004a7c);padding:2.5rem;border-radius:16px;box-shadow:0 8px 24px #00386533;position:relative;overflow:hidden}.fin-sum-header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(200,16,46,.15) 0%,transparent 70%);border-radius:50%}.fin-sum-header-left{position:relative;z-index:1}.fin-sum-header-left h1{font-size:2.5rem;color:#fff;margin:0 0 .5rem;font-weight:700;letter-spacing:-.5px}.fin-sum-header-left p{color:#ffffffd9;margin:0;font-size:1rem;font-weight:400}.fin-sum-header-actions{display:flex;gap:1rem;position:relative;z-index:1}.fin-sum-btn-toggle,.fin-sum-btn-primary{display:flex;align-items:center;gap:.6rem;padding:.875rem 1.75rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;white-space:nowrap}.fin-sum-btn-toggle{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.fin-sum-btn-toggle:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.fin-sum-btn-primary{background:linear-gradient(135deg,#c8102e,#a00d25);color:#fff;box-shadow:0 4px 12px #c8102e4d}.fin-sum-btn-primary:hover{background:linear-gradient(135deg,#a00d25,#8a0b20);transform:translateY(-3px);box-shadow:0 6px 20px #c8102e66}.fin-sum-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.fin-sum-spinner{width:60px;height:60px;border:5px solid rgba(0,56,101,.1);border-top-color:#003865;border-right-color:#c8102e;border-radius:50%;animation:fin-sum-spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes fin-sum-spin{to{transform:rotate(360deg)}}.fin-sum-loading p{margin-top:1.5rem;color:#003865;font-size:1.1rem;font-weight:500}.fin-sum-filters{display:flex;gap:1.5rem;margin-bottom:2rem;background:#fff;padding:1.75rem;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,56,101,.08)}.fin-sum-filter-group{flex:1;display:flex;flex-direction:column}.fin-sum-filter-group label{font-size:.875rem;font-weight:700;color:#003865;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.fin-sum-select{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;color:#374151;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.fin-sum-select:hover{border-color:#003865}.fin-sum-select:focus{outline:none;border-color:#003865;box-shadow:0 0 0 3px #0038651a}.fin-sum-health-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2.5rem;border-radius:16px;box-shadow:0 4px 16px #00000014;margin-bottom:2rem;border:1px solid rgba(0,56,101,.08)}.fin-sum-health-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;color:#003865}.fin-sum-health-header h2{font-size:1.75rem;font-weight:700;margin:0;color:#003865}.fin-sum-health-score{display:flex;align-items:center;gap:3rem}.fin-sum-score-circle{position:relative;width:180px;height:180px}.fin-sum-score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.fin-sum-score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.fin-sum-score-number{font-size:3rem;font-weight:700;color:#003865;line-height:1;display:block}.fin-sum-score-label{font-size:1.25rem;color:#6b7280;font-weight:500}.fin-sum-health-details{flex:1}.fin-sum-health-status{font-size:1.75rem;font-weight:700;color:#003865;margin:0 0 1rem}.fin-sum-health-description{font-size:1.05rem;color:#4b5563;line-height:1.6;margin:0}.fin-sum-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.fin-sum-metric-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;gap:1.5rem;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,56,101,.08);position:relative;overflow:hidden}.fin-sum-metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#003865,#c8102e);opacity:0;transition:opacity .3s ease}.fin-sum-metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00386526}.fin-sum-metric-card:hover:before{opacity:1}.fin-sum-metric-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.fin-sum-metric-icon.fin-sum-blue{background:linear-gradient(135deg,#003865,#004a7c);color:#fff}.fin-sum-metric-icon.fin-sum-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.fin-sum-metric-icon.fin-sum-red{background:linear-gradient(135deg,#c8102e,#a00d25);color:#fff}.fin-sum-metric-icon.fin-sum-orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.fin-sum-metric-content{flex:1}.fin-sum-metric-label{font-size:.875rem;color:#6b7280;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.fin-sum-metric-value{font-size:2rem;font-weight:700;color:#003865;margin-bottom:.25rem;line-height:1.2}.fin-sum-metric-value.fin-sum-positive{color:#10b981}.fin-sum-metric-value.fin-sum-negative{color:#c8102e}.fin-sum-metric-subtitle{font-size:.875rem;color:#9ca3af;font-weight:500}.fin-sum-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}.fin-sum-chart-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,56,101,.08)}.fin-sum-chart-card.fin-sum-chart-wide{grid-column:1 / -1}.fin-sum-chart-card h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#003865;margin:0 0 1.5rem}.fin-sum-chart-container{width:100%;margin-top:1.5rem}.fin-sum-chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f3f4f6}.fin-sum-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#4b5563;font-weight:500}.fin-sum-legend-color{width:16px;height:16px;border-radius:4px}.fin-sum-accounts-section{margin-bottom:2rem}.fin-sum-accounts-section h2{font-size:1.75rem;font-weight:700;color:#003865;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.fin-sum-accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.fin-sum-account-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,56,101,.08);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.fin-sum-account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#003865,#c8102e)}.fin-sum-account-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00386526}.fin-sum-account-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.fin-sum-account-type{font-size:1.1rem;font-weight:700;color:#003865;margin:0 0 .25rem}.fin-sum-account-number{font-size:.875rem;color:#6b7280;font-weight:500;margin:0}.fin-sum-account-badge{padding:.4rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.fin-sum-account-badge.checking{background:#3b82f61a;color:#2563eb}.fin-sum-account-badge.savings{background:#10b9811a;color:#059669}.fin-sum-account-badge.credit{background:#c8102e1a;color:#c8102e}.fin-sum-account-badge.investment{background:#8b5cf61a;color:#7c3aed}.fin-sum-account-balance{padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:1rem}.fin-sum-account-balance-label{font-size:.8rem;color:#6b7280;font-weight:600;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.fin-sum-account-balance-value{font-size:2rem;font-weight:700;color:#003865;margin:0;line-height:1.2}.fin-sum-account-interest{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#10b981;font-weight:600}.fin-sum-transactions-section{margin-bottom:2rem}.fin-sum-transactions-section h2{font-size:1.75rem;font-weight:700;color:#003865;margin-bottom:1.5rem}.fin-sum-transactions-list{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;border:1px solid rgba(0,56,101,.08)}.fin-sum-transaction-item{display:flex;align-items:center;gap:1.5rem;padding:1.75rem 2rem;border-bottom:1px solid #f3f4f6;transition:all .3s ease}.fin-sum-transaction-item:last-child{border-bottom:none}.fin-sum-transaction-item:hover{background:#f8f9fa}.fin-sum-transaction-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fin-sum-icon-credit{background:#10b9811a;color:#10b981;padding:12px;border-radius:12px}.fin-sum-icon-debit{background:#c8102e1a;color:#c8102e;padding:12px;border-radius:12px}.fin-sum-transaction-details{flex:1}.fin-sum-transaction-description{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.fin-sum-transaction-meta{font-size:.875rem;color:#6b7280;margin:0}.fin-sum-transaction-amount{font-size:1.25rem;font-weight:700;white-space:nowrap}.fin-sum-transaction-amount.fin-sum-positive{color:#10b981}.fin-sum-transaction-amount.fin-sum-negative{color:#c8102e}.fin-sum-goals-section{margin-bottom:2rem}.fin-sum-goals-section h2{font-size:1.75rem;font-weight:700;color:#003865;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.fin-sum-goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.fin-sum-goal-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,56,101,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.fin-sum-goal-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00386526}.fin-sum-goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.fin-sum-goal-header h4{font-size:1.1rem;font-weight:700;color:#003865;margin:0;flex:1}.fin-sum-goal-status{padding:.4rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.fin-sum-goal-status.active{background:#10b9811a;color:#059669}.fin-sum-goal-status.completed{background:#3b82f61a;color:#2563eb}.fin-sum-goal-status.pending{background:#fbbf241a;color:#d97706}.fin-sum-goal-progress{margin-bottom:1rem}.fin-sum-goal-amounts{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;font-weight:600;color:#4b5563}.fin-sum-progress-bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.fin-sum-progress-fill{height:100%;background:linear-gradient(90deg,#003865,#10b981);border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1)}.fin-sum-goal-percentage{font-size:.875rem;color:#6b7280;font-weight:600;text-align:center;margin:0}.fin-sum-goal-deadline{font-size:.875rem;color:#6b7280;margin:0;font-weight:500}.fin-sum-loans-section{margin-bottom:2rem}.fin-sum-loans-section h2{font-size:1.75rem;font-weight:700;color:#003865;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.fin-sum-loans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.fin-sum-loan-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,56,101,.08);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.fin-sum-loan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#c8102e,#003865)}.fin-sum-loan-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00386526}.fin-sum-loan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.fin-sum-loan-header h4{font-size:1.1rem;font-weight:700;color:#003865;margin:0}.fin-sum-loan-status{padding:.4rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.fin-sum-loan-status.active{background:#10b9811a;color:#059669}.fin-sum-loan-status.approved{background:#3b82f61a;color:#2563eb}.fin-sum-loan-status.pending{background:#fbbf241a;color:#d97706}.fin-sum-loan-details{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.fin-sum-loan-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(0,56,101,.1)}.fin-sum-loan-detail-item:last-child{border-bottom:none;padding-bottom:0}.fin-sum-loan-label{font-size:.875rem;color:#6b7280;font-weight:600}.fin-sum-loan-value{font-size:1rem;font-weight:700;color:#003865}.fin-sum-loan-progress{margin-top:1rem}.fin-sum-loan-progress-fill{background:linear-gradient(90deg,#c8102e,#003865)}.fin-sum-loan-percentage{font-size:.875rem;color:#6b7280;font-weight:600;text-align:center;margin-top:.5rem}.fin-sum-insights-section{margin-bottom:2rem}.fin-sum-insights-section h2{font-size:1.75rem;font-weight:700;color:#003865;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.fin-sum-insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.fin-sum-insight-card{display:flex;gap:1.5rem;padding:2rem;border-radius:16px;box-shadow:0 4px 16px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:4px solid}.fin-sum-insight-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000026}.fin-sum-insight-card.fin-sum-warning{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-left-color:#f59e0b}.fin-sum-insight-card.fin-sum-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left-color:#3b82f6}.fin-sum-insight-card.fin-sum-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#10b981}.fin-sum-insight-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.fin-sum-insight-card.fin-sum-warning .fin-sum-insight-icon{background:#f59e0b;color:#fff}.fin-sum-insight-card.fin-sum-info .fin-sum-insight-icon{background:#3b82f6;color:#fff}.fin-sum-insight-card.fin-sum-success .fin-sum-insight-icon{background:#10b981;color:#fff}.fin-sum-insight-content{flex:1}.fin-sum-insight-content h4{font-size:1.1rem;font-weight:700;color:#003865;margin:0 0 .75rem}.fin-sum-insight-content p{font-size:.95rem;color:#4b5563;line-height:1.6;margin:0 0 .75rem}.fin-sum-insight-content p:last-child{margin-bottom:0}.fin-sum-insight-action{font-weight:600;color:#003865;padding-top:.5rem;border-top:2px solid rgba(0,56,101,.1);margin-top:.75rem!important}.fin-sum-comparison-section{margin-bottom:2rem}.fin-sum-comparison-section h2{font-size:1.75rem;font-weight:700;color:#003865;margin-bottom:1.5rem}.fin-sum-comparison-table{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;border:1px solid rgba(0,56,101,.08)}.fin-sum-comparison-table table{width:100%;border-collapse:collapse}.fin-sum-comparison-table thead{background:linear-gradient(135deg,#003865,#004a7c)}.fin-sum-comparison-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;font-size:.875rem;color:#fff;text-transform:uppercase;letter-spacing:.5px;border:none}.fin-sum-comparison-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .3s ease}.fin-sum-comparison-table tbody tr:last-child{border-bottom:none}.fin-sum-comparison-table tbody tr:hover{background:#f8f9fa}.fin-sum-comparison-table td{padding:1.25rem 1.5rem;font-size:.95rem;color:#374151;font-weight:500;border:none}.fin-sum-savings-badge{padding:.4rem .875rem;border-radius:20px;font-size:.8rem;font-weight:700;display:inline-block}.fin-sum-savings-badge.fin-sum-good{background:#10b9811a;color:#059669}.fin-sum-savings-badge.fin-sum-fair{background:#fbbf241a;color:#d97706}.fin-sum-savings-badge.fin-sum-poor{background:#c8102e1a;color:#c8102e}.fin-sum-footer{background:linear-gradient(135deg,#003865,#004a7c);padding:2.5rem;border-radius:16px;box-shadow:0 8px 24px #00386533;margin-top:2rem}.fin-sum-footer-content{text-align:center;color:#fff}.fin-sum-footer-content p{margin:.5rem 0;font-size:.95rem;color:#ffffffe6}.fin-sum-footer-content strong{color:#fff;font-weight:700}.fin-sum-positive{color:#10b981!important}.fin-sum-negative{color:#c8102e!important}@media (max-width: 1400px){.fin-sum-charts-grid{grid-template-columns:1fr}.fin-sum-chart-card.fin-sum-chart-wide{grid-column:1}}@media (max-width: 1024px){.fin-sum-page{padding:1.5rem}.fin-sum-header{flex-direction:column;gap:1.5rem;padding:2rem}.fin-sum-header-left h1{font-size:2rem}.fin-sum-header-actions{width:100%;justify-content:stretch}.fin-sum-header-actions button{flex:1}.fin-sum-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.fin-sum-health-score{flex-direction:column;gap:2rem}.fin-sum-insights-grid,.fin-sum-loans-grid{grid-template-columns:1fr}}@media (max-width: 768px){.fin-sum-page{padding:1rem}.fin-sum-header{padding:1.5rem}.fin-sum-header-left h1{font-size:1.75rem}.fin-sum-header-actions{flex-direction:column;gap:.75rem}.fin-sum-filters{flex-direction:column;gap:1rem;padding:1.5rem}.fin-sum-metrics-grid{grid-template-columns:1fr;gap:1rem}.fin-sum-metric-card{padding:1.5rem}.fin-sum-metric-icon{width:50px;height:50px}.fin-sum-metric-value{font-size:1.75rem}.fin-sum-charts-grid{gap:1.5rem}.fin-sum-chart-card{padding:1.5rem}.fin-sum-chart-card h3{font-size:1.1rem}.fin-sum-accounts-grid,.fin-sum-goals-grid{grid-template-columns:1fr}.fin-sum-transaction-item{padding:1.25rem 1.5rem;gap:1rem}.fin-sum-transaction-icon{width:40px;height:40px}.fin-sum-transaction-amount{font-size:1.1rem}.fin-sum-insight-card{flex-direction:column;padding:1.5rem}.fin-sum-comparison-table{overflow-x:auto}.fin-sum-comparison-table table{min-width:600px}.fin-sum-comparison-table th,.fin-sum-comparison-table td{padding:1rem;font-size:.875rem}.fin-sum-footer{padding:2rem 1.5rem}.fin-sum-footer-content p{font-size:.875rem}}@media (max-width: 480px){.fin-sum-header-left h1{font-size:1.5rem}.fin-sum-header-left p{font-size:.9rem}.fin-sum-btn-toggle,.fin-sum-btn-primary{padding:.75rem 1.25rem;font-size:.875rem}.fin-sum-health-card{padding:1.5rem}.fin-sum-score-circle{width:140px;height:140px}.fin-sum-score-number{font-size:2.5rem}.fin-sum-health-status{font-size:1.5rem}.fin-sum-health-description{font-size:.95rem}.fin-sum-account-card,.fin-sum-loan-card,.fin-sum-goal-card{padding:1.5rem}.fin-sum-account-balance-value{font-size:1.75rem}.fin-sum-transaction-description{font-size:.95rem}.fin-sum-transaction-meta{font-size:.8rem}}@media print{.fin-sum-page{background:#fff;padding:0}.fin-sum-header-actions,.fin-sum-filters,.fin-sum-btn-toggle,.fin-sum-btn-primary{display:none!important}.fin-sum-header{background:#fff;color:#003865;box-shadow:none;border:2px solid #003865}.fin-sum-header-left h1,.fin-sum-header-left p{color:#003865}.fin-sum-chart-card,.fin-sum-metric-card,.fin-sum-account-card,.fin-sum-insight-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}@keyframes fin-sum-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fin-sum-metric-card,.fin-sum-chart-card,.fin-sum-account-card,.fin-sum-goal-card,.fin-sum-loan-card,.fin-sum-insight-card{animation:fin-sum-fadeIn .5s ease-out forwards}.fin-sum-metric-card:nth-child(1){animation-delay:.05s}.fin-sum-metric-card:nth-child(2){animation-delay:.1s}.fin-sum-metric-card:nth-child(3){animation-delay:.15s}.fin-sum-metric-card:nth-child(4){animation-delay:.2s}.fin-sum-metric-card:nth-child(5){animation-delay:.25s}.fin-sum-metric-card:nth-child(6){animation-delay:.3s}.fin-sum-page::-webkit-scrollbar{width:12px}.fin-sum-page::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.fin-sum-page::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#003865,#c8102e);border-radius:10px}.fin-sum-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#004a7c,#a00d25)}.fin-sum-btn-toggle:focus,.fin-sum-btn-primary:focus,.fin-sum-select:focus{outline:3px solid rgba(0,56,101,.3);outline-offset:2px}.fin-sum-metric-card:hover .fin-sum-metric-icon{transform:scale(1.1);transition:transform .3s cubic-bezier(.4,0,.2,1)}.fin-sum-account-card:hover .fin-sum-account-type{color:#c8102e;transition:color .3s ease}.fin-sum-goal-card:hover .fin-sum-progress-fill,.fin-sum-loan-card:hover .fin-sum-loan-progress-fill{box-shadow:0 0 20px #0038654d;transition:box-shadow .3s ease}.fin-sum-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:fin-sum-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes fin-sum-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fin-sum-tooltip{position:relative;display:inline-block}.fin-sum-tooltip .fin-sum-tooltiptext{visibility:hidden;width:200px;background-color:#003865;color:#fff;text-align:center;border-radius:8px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:.875rem;box-shadow:0 4px 12px #0003}.fin-sum-tooltip:hover .fin-sum-tooltiptext{visibility:visible;opacity:1}@media (prefers-color-scheme: dark){.fin-sum-page{background:linear-gradient(135deg,#1f2937,#111827)}.fin-sum-metric-card,.fin-sum-chart-card,.fin-sum-account-card,.fin-sum-goal-card,.fin-sum-loan-card,.fin-sum-transactions-list,.fin-sum-comparison-table{background:#1f2937;border-color:#ffffff1a}.fin-sum-metric-value,.fin-sum-account-type,.fin-sum-goal-header h4,.fin-sum-loan-header h4,.fin-sum-transaction-description{color:#f9fafb}.fin-sum-metric-label,.fin-sum-account-number,.fin-sum-transaction-meta{color:#9ca3af}}:root{--navy-primary: #003366;--navy-dark: #002244;--navy-light: #004488;--gold-primary: #FFB81C;--gold-dark: #E6A317;--gold-light: #FFCC4D;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--success-green: #10B981;--success-light: #D1FAE5;--error-red: #EF4444;--error-light: #FEE2E2;--warning-orange: #F59E0B;--info-blue: #3B82F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.security-page-container{max-width:1400px;margin:0 auto;padding:2rem;background:var(--gray-50);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.security-page-header{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-dark) 100%);border-radius:16px;padding:2.5rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.security-page-header:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(255,184,28,.15) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.security-page-header-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.security-page-header-icon{color:var(--gold-primary);background:#ffb81c26;padding:1rem;border-radius:12px;flex-shrink:0}.security-page-header h1{color:var(--white);font-size:2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.025em}.security-page-header p{color:#ffffffd9;font-size:1.1rem;font-weight:400}.security-page-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.25rem;color:var(--navy-primary);font-weight:600}.security-page-alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-size:.95rem;font-weight:500;box-shadow:var(--shadow-md);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.security-page-alert-success{background:var(--success-light);color:#065f46;border-left:4px solid var(--success-green)}.security-page-alert-error{background:var(--error-light);color:#991b1b;border-left:4px solid var(--error-red)}.security-page-alert-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s;padding:.25rem;display:flex;align-items:center}.security-page-alert-close:hover{opacity:1}.security-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2.5rem}.security-page-card{background:var(--white);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md);transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.security-page-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--navy-primary) 0%,var(--gold-primary) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.security-page-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--gold-primary)}.security-page-card:hover:before{transform:scaleX(1)}.security-page-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--navy-primary)}.security-page-card-header svg{color:var(--gold-primary);flex-shrink:0}.security-page-card-header h2{font-size:1.35rem;font-weight:700;color:var(--navy-primary)}.security-page-card-description{color:var(--gray-600);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.security-page-2fa-status{display:flex;flex-direction:column;gap:1rem}.security-page-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;width:-moz-fit-content;width:fit-content}.security-page-status-active{background:var(--success-light);color:#065f46}.security-page-status-inactive{background:var(--error-light);color:#991b1b}.security-page-status-success{background:var(--success-light);color:#065f46;padding:.375rem .75rem;font-size:.8rem}.security-page-status-failed{background:var(--error-light);color:#991b1b;padding:.375rem .75rem;font-size:.8rem}.security-page-btn-primary{background:var(--navy-primary);color:var(--white);border:none;padding:.875rem 1.75rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);width:100%;position:relative;overflow:hidden}.security-page-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,184,28,.3),transparent);transition:left .5s ease}.security-page-btn-primary:hover{background:var(--navy-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.security-page-btn-primary:hover:before{left:100%}.security-page-btn-primary:active{transform:translateY(0)}.security-page-btn-primary:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.security-page-btn-secondary{background:var(--white);color:var(--navy-primary);border:2px solid var(--navy-primary);padding:.875rem 1.75rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.security-page-btn-secondary:hover{background:var(--navy-primary);color:var(--white);box-shadow:var(--shadow-md);transform:translateY(-2px)}.security-page-btn-secondary:active{transform:translateY(0)}.security-page-btn-danger{background:var(--error-red);color:var(--white);border:none;padding:.875rem 1.75rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.security-page-btn-danger:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-2px)}.security-page-btn-danger:active{transform:translateY(0)}.security-page-btn-danger:disabled{background:var(--gray-300);cursor:not-allowed}.security-page-btn-danger-small{background:transparent;color:var(--error-red);border:1px solid var(--error-red);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.security-page-btn-danger-small:hover{background:var(--error-red);color:var(--white)}.security-page-section{background:var(--white);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-md)}.security-page-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-200)}.security-page-section-header svg{color:var(--gold-primary)}.security-page-section-header h2{font-size:1.5rem;font-weight:700;color:var(--navy-primary)}.security-page-table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--gray-200)}.security-page-table{width:100%;border-collapse:collapse;font-size:.95rem}.security-page-table thead{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-dark) 100%);color:var(--white)}.security-page-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.security-page-table tbody tr{border-bottom:1px solid var(--gray-200);transition:background-color .2s ease}.security-page-table tbody tr:hover{background:var(--gray-50)}.security-page-table tbody tr:last-child{border-bottom:none}.security-page-table td{padding:1rem;color:var(--gray-700)}.security-page-device-info,.security-page-location-info{display:flex;align-items:center;gap:.5rem}.security-page-device-info svg,.security-page-location-info svg{color:var(--navy-primary);flex-shrink:0}.security-page-ip-address{font-family:Courier New,monospace;font-size:.875rem;color:var(--gray-600)}.security-page-sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.security-page-session-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;padding:1.5rem;transition:all .3s ease}.security-page-session-card:hover{border-color:var(--gold-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.security-page-session-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.security-page-session-header svg{color:var(--navy-primary);flex-shrink:0;margin-top:.25rem}.security-page-session-info{flex:1}.security-page-session-info h3{font-size:1rem;font-weight:600;color:var(--navy-primary);margin-bottom:.25rem}.security-page-session-location{display:flex;align-items:center;gap:.375rem;color:var(--gray-600);font-size:.875rem}.security-page-current-badge{background:var(--gold-primary);color:var(--navy-dark);padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.security-page-session-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--gray-300)}.security-page-session-time{font-size:.875rem;color:var(--gray-600)}.security-page-devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.security-page-device-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.security-page-device-card:hover{border-color:var(--gold-primary);box-shadow:var(--shadow-md)}.security-page-device-header{display:flex;gap:1rem;align-items:flex-start}.security-page-device-header svg{color:var(--navy-primary);flex-shrink:0;margin-top:.25rem}.security-page-device-header h3{font-size:1rem;font-weight:600;color:var(--navy-primary);margin-bottom:.5rem}.security-page-device-date{font-size:.875rem;color:var(--gray-600);margin-bottom:.25rem}.security-page-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.security-page-modal-content{background:var(--white);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.security-page-modal-large{max-width:700px}.security-page-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid var(--gray-200);background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-dark) 100%);border-radius:16px 16px 0 0}.security-page-modal-header h2{font-size:1.5rem;font-weight:700;color:var(--white)}.security-page-close-btn{background:#ffffff26;border:none;border-radius:8px;padding:.5rem;cursor:pointer;color:var(--white);transition:all .2s ease;display:flex;align-items:center}.security-page-close-btn:hover{background:#ffb81c4d;transform:rotate(90deg)}.security-page-modal-body{padding:2rem}.security-page-form-group{margin-bottom:1.5rem}.security-page-form-group label{display:block;font-size:.95rem;font-weight:600;color:var(--navy-primary);margin-bottom:.5rem}.security-page-form-input{width:100%;padding:.875rem 1rem;border:2px solid var(--gray-300);border-radius:10px;font-size:1rem;transition:all .2s ease;background:var(--white);color:var(--gray-800)}.security-page-form-input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 3px #ffb81c1a}.security-page-form-input::-moz-placeholder{color:var(--gray-400)}.security-page-form-input::placeholder{color:var(--gray-400)}.security-page-password-input{position:relative;display:flex;align-items:center}.security-page-password-toggle{position:absolute;right:1rem;background:none;border:none;cursor:pointer;color:var(--gray-500);padding:.25rem;display:flex;align-items:center;transition:color .2s ease}.security-page-password-toggle:hover{color:var(--navy-primary)}.security-page-password-hint{margin-top:.5rem;font-size:.875rem;color:var(--gray-600)}.security-page-question-group{background:var(--gray-50);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:2px solid var(--gray-200)}.security-page-alerts-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--gray-200)}.security-page-alerts-section:last-child{border-bottom:none;padding-bottom:0}.security-page-alerts-section h3{font-size:1.125rem;font-weight:700;color:var(--navy-primary);margin-bottom:1rem}.security-page-checkbox-group{display:flex;flex-direction:column;gap:1rem}.security-page-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:1rem;border-radius:10px;transition:all .2s ease;background:var(--white);border:2px solid var(--gray-200)}.security-page-checkbox-label:hover{background:var(--gray-50);border-color:var(--gold-primary)}.security-page-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--navy-primary)}.security-page-checkbox-label svg{color:var(--navy-primary);flex-shrink:0}.security-page-checkbox-label span{color:var(--gray-700);font-size:.95rem;font-weight:500}.security-page-warning-box{display:flex;gap:1rem;padding:1.5rem;background:var(--error-light);border:2px solid var(--error-red);border-radius:12px;margin-bottom:1.5rem}.security-page-warning-box svg{color:var(--error-red);flex-shrink:0}.security-page-warning-box h3{font-size:1.125rem;font-weight:700;color:#991b1b;margin-bottom:.5rem}.security-page-warning-box p{color:#7f1d1d;font-size:.95rem;line-height:1.5}.security-page-modal-actions{display:flex;gap:1rem;padding:2rem;border-top:2px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 16px 16px}@media (max-width: 1024px){.security-page-container{padding:1.5rem}.security-page-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.security-page-sessions-grid,.security-page-devices-grid{grid-template-columns:1fr}}@media (max-width: 768px){.security-page-container{padding:1rem}.security-page-header{padding:1.5rem}.security-page-header h1{font-size:1.5rem}.security-page-header p{font-size:1rem}.security-page-grid{grid-template-columns:1fr;gap:1rem}.security-page-card,.security-page-section{padding:1.5rem}.security-page-table-container{overflow-x:scroll}.security-page-table{min-width:700px}.security-page-modal-content{max-width:100%;margin:0;border-radius:16px}.security-page-modal-actions{flex-direction:column}.security-page-btn-primary,.security-page-btn-secondary,.security-page-btn-danger{width:100%}}@media (max-width: 480px){.security-page-header-content,.security-page-card-header{flex-direction:column;text-align:center}.security-page-session-footer{flex-direction:column;gap:1rem;align-items:flex-start}.security-page-device-card{flex-direction:column;gap:1rem}.security-page-modal-header,.security-page-modal-body,.security-page-modal-actions{padding:1.5rem}}.security-page-modal-content::-webkit-scrollbar{width:8px}.security-page-modal-content::-webkit-scrollbar-track{background:var(--gray-100)}.security-page-modal-content::-webkit-scrollbar-thumb{background:var(--navy-primary);border-radius:4px}.security-page-modal-content::-webkit-scrollbar-thumb:hover{background:var(--navy-dark)}@media print{.security-page-header,.security-page-btn-primary,.security-page-btn-secondary,.security-page-btn-danger,.security-page-btn-danger-small,.security-page-modal-overlay{display:none}.security-page-container{background:#fff}.security-page-card,.security-page-section{box-shadow:none;border:1px solid var(--gray-300)}}.add-account-form{width:100%;max-width:800px;margin:0 auto}.account-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.account-type-card{border:2px solid #e5e7eb;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.account-type-card:hover{border-color:#2563eb;box-shadow:0 4px 6px #0000001a}.account-type-card.selected{border-color:#2563eb;background-color:#eff6ff}.account-type-card input[type=radio]{margin-bottom:10px}.account-type-card h3{margin:10px 0;font-size:18px;color:#1f2937}.account-type-card p{color:#6b7280;font-size:14px}.hed-0011-account-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hed-0011-account-header{background:linear-gradient(135deg,#036,#004080);border-radius:16px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 24px #00336626;border:1px solid rgba(255,181,0,.2)}.hed-0011-profile-avatar{position:relative;cursor:pointer;transition:transform .3s ease}.hed-0011-profile-avatar:hover{transform:scale(1.05)}.hed-0011-user-avatar{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid #FFB500;box-shadow:0 4px 16px #0003}.hed-0011-avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#ffb500,#ffc933);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#036;border:4px solid #FFB500;box-shadow:0 4px 16px #0003}.hed-0011-upload-overlay{position:absolute;bottom:0;left:0;right:0;background:#ffb500f2;color:#036;padding:.5rem;text-align:center;border-radius:0 0 50% 50%;opacity:0;transition:opacity .3s ease;font-size:.75rem;font-weight:700}.hed-0011-profile-info h1{color:#fff;font-size:2rem;margin:0 0 1rem;font-weight:600}.hed-0011-account-owner-info{display:flex;flex-direction:column;gap:.5rem}.hed-0011-account-owner-info p{color:#ffffffe6;margin:0;font-size:.95rem;font-weight:500}.hed-0011-accounts-overview h2{color:#036;font-size:1.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.hed-0011-icon{color:#ffb500}.hed-0011-account-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00336614;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.hed-0011-account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#036,#ffb500)}.hed-0011-clickable-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00336626;border-color:#ffb500}.hed-0011-inactive-account{opacity:.6;background:#f8f9fa}.hed-0011-account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.hed-0011-account-header h3{color:#036;font-size:1.25rem;margin:0;font-weight:600}.hed-0011-account-number{color:#666;font-size:.9rem;font-family:Courier New,monospace}.hed-0011-account-balance{margin:1.5rem 0}.hed-0011-account-balance h4{color:#036;font-size:2rem;margin:0;font-weight:700}.hed-0011-detail-row{display:flex;justify-content:space-between;font-size:.9rem}.hed-0011-detail-label{color:#666;font-weight:500}.hed-0011-detail-value{color:#036;font-weight:600}.hed-0011-overdraft-tag{background:linear-gradient(135deg,#00a651,#00c862);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-block;margin-top:.5rem}.hed-0011-transfer-btn,.hed-0011-deposit-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.hed-0011-transfer-btn{background:linear-gradient(135deg,#036,#004080);color:#fff}.hed-0011-transfer-btn:hover{background:linear-gradient(135deg,#004080,#0059b3);transform:translateY(-2px);box-shadow:0 4px 12px #0033664d}.hed-0011-deposit-btn{background:linear-gradient(135deg,#ffb500,#ffc933);color:#036}.hed-0011-deposit-btn:hover{background:linear-gradient(135deg,#ffc933,#ffd966);transform:translateY(-2px);box-shadow:0 4px 12px #ffb5004d}.hed-0011-deactivate-btn,.hed-0011-delete-btn,.hed-0011-reactivate-btn{transition:all .3s ease}.hed-0011-deactivate-btn:hover{background:#d97706!important;transform:translateY(-2px)}.hed-0011-delete-btn:hover{background:#b91c1c!important;transform:translateY(-2px)}.hed-0011-reactivate-btn:hover{background:#047857!important;transform:translateY(-2px)}.hed-0011-add-account-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2.5rem;box-shadow:0 4px 12px #00336614;border-left:4px solid #FFB500}.hed-0011-section-title{color:#036;font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.hed-0011-financial-insights h2{color:#036;font-size:1.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.hed-0011-insight-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00336614;border-left:4px solid #FFB500;transition:transform .3s ease}.hed-0011-insight-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0033661f}.hed-0011-insight-card h3{color:#666;font-size:.95rem;margin:0 0 .75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hed-0011-insight-value{color:#036;font-size:1.75rem;font-weight:700;margin:0}.hed-0011-financial-goals h2{color:#036;font-size:1.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.hed-0011-goal-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00336614;border-top:4px solid #FFB500}.hed-0011-goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hed-0011-goal-header h3{color:#036;font-size:1.1rem;margin:0;font-weight:600}.hed-0011-goal-category{background:#e9ecef;color:#036;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.hed-0011-goal-progress{margin-top:1rem}.hed-0011-progress-text{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#666}.hed-0011-progress-bar{background:#e9ecef;height:12px;border-radius:6px;overflow:hidden;margin-bottom:.75rem}.hed-0011-progress-fill{background:linear-gradient(90deg,#036,#06c,#ffb500);height:100%;border-radius:6px;transition:width .5s ease}.hed-0011-goal-amounts{display:flex;justify-content:space-between;font-size:.85rem;color:#666}.hed-0011-transaction-chart{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #00336614;margin-bottom:2.5rem}.hed-0011-transaction-chart h2{color:#036;font-size:1.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.hed-0011-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.hed-0011-summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.5rem;border-radius:12px;text-align:center;border:2px solid transparent;transition:all .3s ease}.hed-0011-summary-card:hover{border-color:#ffb500;transform:translateY(-2px)}.hed-0011-summary-value{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.hed-0011-summary-value.hed-0011-credits{color:#00a651}.hed-0011-summary-value.hed-0011-debits{color:#dc143c}.hed-0011-summary-label{color:#666;font-size:.9rem;font-weight:500}.hed-0011-view-all-link{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#036,#004080);color:#fff;text-decoration:none;padding:1rem;border-radius:12px;font-weight:600;transition:all .3s ease}.hed-0011-view-all-link:hover{background:linear-gradient(135deg,#004080,#0059b3);transform:translateY(-2px);box-shadow:0 4px 12px #0033664d}.hed-0011-chart-container{margin:2rem 0;background:#f8f9fa;padding:1.5rem;border-radius:12px}.hed-0011-date-filter{display:flex;gap:1rem;margin-bottom:1.5rem}.hed-0011-date-input{flex:1;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:border-color .3s ease}.hed-0011-date-input:focus{outline:none;border-color:#ffb500}.hed-0011-print-btn{background:linear-gradient(135deg,#036,#004080);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.hed-0011-print-btn:hover{background:linear-gradient(135deg,#004080,#0059b3);transform:translateY(-2px);box-shadow:0 4px 12px #0033664d}.hed-0011-recent-transactions-preview{overflow-x:auto;margin-top:1.5rem;-webkit-overflow-scrolling:touch}.hed-0011-transactions-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.5rem;min-width:600px}.hed-0011-transactions-table thead tr{background:linear-gradient(135deg,#036,#004080);color:#fff}.hed-0011-transactions-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.hed-0011-transactions-table th:first-child{border-radius:8px 0 0}.hed-0011-transactions-table th:last-child{border-radius:0 8px 0 0}.hed-0011-transactions-table tbody tr{background:#fff;border-bottom:1px solid #e9ecef;transition:all .3s ease}.hed-0011-transactions-table tbody tr:hover{background:#f8f9fa;transform:scale(1.01);box-shadow:0 2px 8px #00336614}.hed-0011-transactions-table td{padding:1rem;color:#333}.hed-0011-transfer-modal,.hed-0011-deposit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#003366b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hed-0011-transfer-modal-content,.hed-0011-deposit-modal-content{background:#fff;border-radius:16px;padding:2.5rem;max-width:500px;width:90%;box-shadow:0 12px 48px #0033664d;border-top:4px solid #FFB500}.hed-0011-transfer-modal-content h2,.hed-0011-deposit-modal-content h2{color:#036;margin:0 0 1.5rem;font-size:1.75rem;font-weight:600}.hed-0011-transfer-modal-content input,.hed-0011-deposit-modal-content input{width:100%;padding:.75rem;margin-bottom:1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:border-color .3s ease}.hed-0011-transfer-modal-content input:focus,.hed-0011-deposit-modal-content input:focus{outline:none;border-color:#ffb500}.hed-0011-input-group{margin-bottom:1rem}.hed-0011-input-group label{display:block;color:#036;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.hed-0011-confirm-transfer,.hed-0011-confirm-deposit{flex:1;background:linear-gradient(135deg,#036,#004080);color:#fff;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.hed-0011-confirm-transfer:hover:not(:disabled),.hed-0011-confirm-deposit:hover:not(:disabled){background:linear-gradient(135deg,#004080,#0059b3);transform:translateY(-2px);box-shadow:0 4px 12px #0033664d}.hed-0011-confirm-transfer:disabled,.hed-0011-confirm-deposit:disabled{background:#ccc;cursor:not-allowed}.hed-0011-cancel-transfer,.hed-0011-cancel-deposit{flex:1;background:#fff;color:#036;padding:.875rem 1.5rem;border:2px solid #003366;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.hed-0011-cancel-transfer:hover,.hed-0011-cancel-deposit:hover{background:#036;color:#fff;transform:translateY(-2px)}.hed-0011-loading{text-align:center;padding:2rem;color:#036;font-size:1.25rem;font-weight:600}.hed-0011-error{background:linear-gradient(135deg,#fee,#fcc);color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #dc2626;font-weight:500}@media (max-width: 768px){.hed-0011-account-page{padding:1rem}.hed-0011-profile-section{flex-direction:column;text-align:center}.hed-0011-profile-info h1{font-size:1.5rem}.hed-0011-accounts-grid,.hed-0011-insights-grid,.hed-0011-goals-grid,.hed-0011-summary-grid{grid-template-columns:1fr}.hed-0011-transactions-table{font-size:.85rem}.hed-0011-transactions-table th,.hed-0011-transactions-table td{padding:.5rem}.hed-0011-button-group,.hed-0011-modal-actions{flex-direction:column}}.hed-0011-account-card,.hed-0011-insight-card,.hed-0011-goal-card{animation:fadeIn .5s ease-out}.txr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:txr-fadeIn .3s ease-in-out}@keyframes txr-fadeIn{0%{opacity:0}to{opacity:1}}.txr-modal-container{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:txr-slideUp .3s ease-in-out}@keyframes txr-slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.txr-modal-header{position:relative;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:30px;border-radius:16px 16px 0 0;text-align:center}.txr-header-content h2{margin:10px 0 5px;font-size:24px;font-weight:600}.txr-header-content p{margin:0;opacity:.9;font-size:14px}.txr-success-icon{width:60px;height:60px;margin:0 auto 15px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #10b98166}.txr-close-button{position:absolute;top:20px;right:20px;background:#fff3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.txr-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.txr-reference-banner{background:#fef3c7;padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #fde68a}.txr-reference-banner>svg{color:#92400e;flex-shrink:0}.txr-reference-banner>div{display:flex;flex-direction:column;gap:4px}.txr-ref-label{font-size:12px;color:#92400e;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.txr-ref-value{font-size:16px;color:#78350f;font-weight:700;font-family:Courier New,monospace}.txr-details-section{padding:30px}.txr-details-section h3{margin:0 0 20px;font-size:18px;color:#111827;font-weight:600}.txr-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.txr-detail-item{display:flex;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.txr-detail-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.txr-detail-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0;box-shadow:0 2px 4px #0000000d}.txr-detail-content{display:flex;flex-direction:column;gap:4px;flex:1}.txr-detail-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.txr-detail-value{font-size:15px;color:#111827;font-weight:600}.txr-amount{font-size:18px!important;font-weight:700!important}.txr-status-completed{color:#10b981!important;background:#d1fae5;padding:4px 10px;border-radius:6px;font-size:13px!important;display:inline-block}.txr-description-box{margin-top:20px;padding:16px;background:#eff6ff;border-radius:12px;border-left:4px solid #2563eb}.txr-description-box strong{color:#1e40af;display:block;margin-bottom:8px;font-size:14px}.txr-description-box p{margin:0;color:#374151;line-height:1.6}.txr-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 30px 30px}.txr-btn-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #2563eb33}.txr-btn-action:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 12px #2563eb4d}.txr-btn-action:active{transform:translateY(0)}.txr-footer{background:#f9fafb;padding:20px 30px;border-radius:0 0 16px 16px;text-align:center;border-top:1px solid #e5e7eb}.txr-footer p{margin:0;color:#6b7280;font-size:13px}@media (max-width: 768px){.txr-modal-container{max-width:100%;max-height:95vh;margin:10px}.txr-detail-grid,.txr-action-buttons{grid-template-columns:1fr}.txr-modal-header,.txr-details-section{padding:20px}}@media print{.txr-modal-overlay{position:static;background:#fff}.txr-close-button,.txr-action-buttons{display:none!important}}:root{--nfcu-primary-navy: #003d6a;--nfcu-secondary-navy: #002d50;--nfcu-gold: #fdb913;--nfcu-light-blue: #0066b3;--nfcu-success-green: #2d7e3e;--nfcu-alert-red: #d32f2f;--nfcu-warning-orange: #f57c00;--nfcu-neutral-gray: #f5f5f5;--nfcu-text-dark: #1a1a1a;--nfcu-text-light: #ffffff;--nfcu-border-gray: #e0e0e0;--nfcu-shadow: rgba(0, 61, 106, .1);--nfcu-shadow-hover: rgba(0, 61, 106, .2)}.hed-0011-account-page{font-family:Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,var(--nfcu-neutral-gray) 0%,#ffffff 100%);min-height:100vh;padding:2rem;color:var(--nfcu-text-dark)}.hed-0011-loading{text-align:center;padding:3rem;font-size:1.25rem;color:var(--nfcu-primary-navy);font-weight:600}.hed-0011-error{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--nfcu-alert-red);padding:1rem 1.5rem;border-radius:12px;border-left:4px solid var(--nfcu-alert-red);margin-bottom:2rem;font-weight:500;box-shadow:0 4px 12px #d32f2f26}.hed-0011-account-header{background:linear-gradient(135deg,var(--nfcu-primary-navy) 0%,var(--nfcu-secondary-navy) 100%);padding:2.5rem;border-radius:16px;box-shadow:0 8px 24px var(--nfcu-shadow-hover);margin-bottom:2.5rem;border:2px solid var(--nfcu-gold)}.hed-0011-profile-section{display:flex;align-items:center;gap:2rem}.hed-0011-profile-avatar{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;border:4px solid var(--nfcu-gold);box-shadow:0 6px 20px #fdb9134d;transition:all .3s ease}.hed-0011-profile-avatar:hover{transform:scale(1.05);box-shadow:0 8px 28px #fdb91380}.hed-0011-user-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hed-0011-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--nfcu-gold) 0%,#f9a825 100%);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--nfcu-primary-navy)}.hed-0011-upload-overlay{position:absolute;bottom:0;left:0;right:0;background:#003d6ae6;color:var(--nfcu-gold);padding:.5rem;text-align:center;font-size:.75rem;font-weight:600;opacity:0;transition:opacity .3s ease}.hed-0011-profile-avatar:hover .hed-0011-upload-overlay{opacity:1}.hed-0011-profile-info h1{color:var(--nfcu-text-light);font-size:2rem;margin:0 0 1rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hed-0011-account-owner-info{display:flex;gap:2rem;flex-wrap:wrap}.hed-0011-account-owner-info p{color:var(--nfcu-text-light);margin:0;font-size:1rem;font-weight:500;background:#ffffff1a;padding:.5rem 1rem;border-radius:8px;border-left:3px solid var(--nfcu-gold)}.hed-0011-accounts-overview{margin-bottom:2.5rem}.hed-0011-accounts-overview h2{color:var(--nfcu-primary-navy);font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--nfcu-gold)}.hed-0011-icon{color:var(--nfcu-gold);width:28px;height:28px}.hed-0011-accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.hed-0011-account-card{background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px;padding:1.5rem;box-shadow:0 6px 20px var(--nfcu-shadow);border:2px solid var(--nfcu-border-gray);transition:all .3s ease;position:relative;overflow:hidden}.hed-0011-account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--nfcu-primary-navy) 0%,var(--nfcu-gold) 100%)}.hed-0011-clickable-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px var(--nfcu-shadow-hover);border-color:var(--nfcu-gold)}.hed-0011-inactive-account{opacity:.7;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.hed-0011-account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid var(--nfcu-border-gray)}.hed-0011-account-header h3{color:var(--nfcu-primary-navy);font-size:1.25rem;font-weight:700;margin:0}.hed-0011-account-number{color:var(--nfcu-text-dark);font-size:.9rem;font-weight:600;background:var(--nfcu-neutral-gray);padding:.5rem 1rem;border-radius:8px}.hed-0011-account-balance h4{color:var(--nfcu-primary-navy);font-size:2.25rem;font-weight:800;margin:0 0 1.5rem;text-align:center;text-shadow:1px 1px 2px var(--nfcu-shadow)}.hed-0011-account-details{display:flex;flex-direction:column;gap:.75rem}.hed-0011-detail-row{display:flex;justify-content:space-between;padding:.5rem;background:var(--nfcu-neutral-gray);border-radius:6px}.hed-0011-detail-label{color:var(--nfcu-text-dark);font-weight:600;font-size:.9rem}.hed-0011-detail-value{color:var(--nfcu-primary-navy);font-weight:700;font-size:.9rem}.hed-0011-overdraft-tag{background:linear-gradient(135deg,var(--nfcu-success-green) 0%,#1b5e20 100%);color:var(--nfcu-text-light);padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;text-align:center;box-shadow:0 3px 10px #2d7e3e4d}.hed-0011-button-group{display:flex;gap:.75rem;margin-top:1rem}.hed-0011-transfer-btn,.hed-0011-deposit-btn,.hed-0011-deactivate-btn,.hed-0011-delete-btn,.hed-0011-reactivate-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #00000026;text-transform:uppercase;letter-spacing:.5px}.hed-0011-transfer-btn{background:linear-gradient(135deg,var(--nfcu-primary-navy) 0%,var(--nfcu-secondary-navy) 100%);color:var(--nfcu-text-light)}.hed-0011-transfer-btn:hover{background:linear-gradient(135deg,var(--nfcu-secondary-navy) 0%,var(--nfcu-primary-navy) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #003d6a4d}.hed-0011-deposit-btn{background:linear-gradient(135deg,var(--nfcu-gold) 0%,#f9a825 100%);color:var(--nfcu-primary-navy)}.hed-0011-deposit-btn:hover{background:linear-gradient(135deg,#f9a825 0%,var(--nfcu-gold) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #fdb91366}.hed-0011-add-account-section{background:linear-gradient(135deg,#ffffff 0%,var(--nfcu-neutral-gray) 100%);padding:2rem;border-radius:16px;box-shadow:0 6px 20px var(--nfcu-shadow);margin-bottom:2.5rem;border:2px solid var(--nfcu-border-gray);border-left:6px solid var(--nfcu-gold)}.hed-0011-section-title{color:var(--nfcu-primary-navy);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--nfcu-gold)}.hed-0011-financial-insights{margin-bottom:2.5rem}.hed-0011-financial-insights h2{color:var(--nfcu-primary-navy);font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--nfcu-gold)}.hed-0011-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.hed-0011-insight-card{background:linear-gradient(135deg,var(--nfcu-primary-navy) 0%,var(--nfcu-secondary-navy) 100%);padding:2rem;border-radius:16px;box-shadow:0 6px 20px var(--nfcu-shadow-hover);text-align:center;border:2px solid var(--nfcu-gold);transition:all .3s ease}.hed-0011-insight-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px var(--nfcu-shadow-hover)}.hed-0011-insight-card h3{color:var(--nfcu-text-light);font-size:1rem;font-weight:600;margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px}.hed-0011-insight-value{color:var(--nfcu-gold);font-size:2.5rem;font-weight:800;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hed-0011-financial-goals{margin-bottom:2.5rem}.hed-0011-financial-goals h2{color:var(--nfcu-primary-navy);font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--nfcu-gold)}.hed-0011-goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.hed-0011-goal-card{background:linear-gradient(135deg,#ffffff 0%,var(--nfcu-neutral-gray) 100%);padding:1.5rem;border-radius:16px;box-shadow:0 6px 20px var(--nfcu-shadow);border:2px solid var(--nfcu-border-gray);border-left:6px solid var(--nfcu-gold);transition:all .3s ease}.hed-0011-goal-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px var(--nfcu-shadow-hover);border-color:var(--nfcu-gold)}.hed-0011-goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.hed-0011-goal-header h3{color:var(--nfcu-primary-navy);font-size:1.25rem;font-weight:700;margin:0}.hed-0011-goal-category{background:linear-gradient(135deg,var(--nfcu-gold) 0%,#f9a825 100%);color:var(--nfcu-primary-navy);padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.hed-0011-progress-text{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:600;color:var(--nfcu-text-dark)}.hed-0011-progress-bar{width:100%;height:12px;background:var(--nfcu-border-gray);border-radius:10px;overflow:hidden;margin-bottom:1rem;box-shadow:inset 0 2px 4px #0000001a}.hed-0011-progress-fill{height:100%;background:linear-gradient(90deg,var(--nfcu-primary-navy) 0%,var(--nfcu-gold) 100%);transition:width .5s ease;box-shadow:0 2px 8px #003d6a4d}.hed-0011-goal-amounts{display:flex;justify-content:space-between;font-size:.9rem;color:var(--nfcu-text-dark);font-weight:600}.hed-0011-transaction-chart{background:linear-gradient(135deg,#ffffff 0%,var(--nfcu-neutral-gray) 100%);padding:2rem;border-radius:16px;box-shadow:0 6px 20px var(--nfcu-shadow);margin-bottom:2.5rem;border:2px solid var(--nfcu-border-gray)}.hed-0011-transaction-chart h2{color:var(--nfcu-primary-navy);font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--nfcu-gold)}.hed-0011-section-header{margin-bottom:2rem}.hed-0011-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;align-items:center}.hed-0011-summary-card{background:linear-gradient(135deg,var(--nfcu-primary-navy) 0%,var(--nfcu-secondary-navy) 100%);padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 12px var(--nfcu-shadow-hover);border:2px solid var(--nfcu-gold)}.hed-0011-summary-value{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;color:var(--nfcu-text-light)}.hed-0011-summary-value.hed-0011-credits{color:var(--nfcu-gold)}.hed-0011-summary-value.hed-0011-debits{color:#ffcdd2}.hed-0011-summary-label{color:var(--nfcu-text-light);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.hed-0011-view-all-link{background:linear-gradient(135deg,var(--nfcu-gold) 0%,#f9a825 100%);color:var(--nfcu-primary-navy);padding:1rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #fdb9134d;text-transform:uppercase;letter-spacing:1px}.hed-0011-view-all-link:hover{background:linear-gradient(135deg,#f9a825 0%,var(--nfcu-gold) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #fdb91380}.hed-0011-chart-container{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 12px var(--nfcu-shadow);border:1px solid var(--nfcu-border-gray)}.hed-0011-date-filter{background:var(--nfcu-neutral-gray);padding:1rem;border-radius:12px;margin-bottom:1.5rem;border:2px solid var(--nfcu-border-gray)}.hed-0011-date-input{padding:.75rem;border:2px solid var(--nfcu-border-gray);border-radius:8px;font-size:.95rem;color:var(--nfcu-text-dark);background:#fff;transition:all .3s ease}.hed-0011-date-input:focus{outline:none;border-color:var(--nfcu-gold);box-shadow:0 0 0 3px #fdb91333}.hed-0011-print-btn{background:linear-gradient(135deg,var(--nfcu-primary-navy) 0%,var(--nfcu-secondary-navy) 100%);color:var(--nfcu-text-light);padding:.75rem 1.5rem;border:2px solid var(--nfcu-gold);border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px var(--nfcu-shadow-hover)}.hed-0011-print-btn:hover{background:linear-gradient(135deg,var(--nfcu-secondary-navy) 0%,var(--nfcu-primary-navy) 100%);transform:translateY(-2px);box-shadow:0 6px 20px var(--nfcu-shadow-hover)}.hed-0011-transactions-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px var(--nfcu-shadow)}.hed-0011-transactions-table thead{background:linear-gradient(135deg,var(--nfcu-primary-navy) 0%,var(--nfcu-secondary-navy) 100%)}.hed-0011-transactions-table th{color:var(--nfcu-text-light);padding:1rem;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;border-bottom:3px solid var(--nfcu-gold)}.hed-0011-transactions-table td{padding:1rem;border-bottom:1px solid var(--nfcu-border-gray);color:var(--nfcu-text-dark);font-size:.95rem}.hed-0011-transactions-table tbody tr{transition:all .2s ease}.hed-0011-transactions-table tbody tr:hover{background:var(--nfcu-neutral-gray);transform:scale(1.01)}.hed-0011-transfer-modal,.hed-0011-deposit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#003d6acc;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hed-0011-transfer-modal-content,.hed-0011-deposit-modal-content{background:linear-gradient(135deg,#ffffff 0%,var(--nfcu-neutral-gray) 100%);padding:2.5rem;border-radius:20px;max-width:500px;width:90%;box-shadow:0 12px 40px #003d6a4d;border:3px solid var(--nfcu-gold)}.hed-0011-transfer-modal-content h2,.hed-0011-deposit-modal-content h2{color:var(--nfcu-primary-navy);font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:3px solid var(--nfcu-gold)}.hed-0011-transfer-modal-content input,.hed-0011-deposit-modal-content input{width:100%;padding:.875rem;margin-bottom:1rem;border:2px solid var(--nfcu-border-gray);border-radius:10px;font-size:1rem;color:var(--nfcu-text-dark);transition:all .3s ease;background:#fff}.hed-0011-transfer-modal-content input:focus,.hed-0011-deposit-modal-content input:focus{outline:none;border-color:var(--nfcu-gold);box-shadow:0 0 0 3px #fdb91333}.hed-0011-modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.hed-0011-confirm-transfer,.hed-0011-confirm-deposit{flex:1;background:linear-gradient(135deg,var(--nfcu-primary-navy) 0%,var(--nfcu-secondary-navy) 100%);color:var(--nfcu-text-light);padding:1rem;border:2px solid var(--nfcu-gold);border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px var(--nfcu-shadow-hover)}.hed-0011-confirm-transfer:hover,.hed-0011-confirm-deposit:hover{background:linear-gradient(135deg,var(--nfcu-secondary-navy) 0%,var(--nfcu-primary-navy) 100%);transform:translateY(-2px);box-shadow:0 6px 20px var(--nfcu-shadow-hover)}.hed-0011-confirm-transfer:disabled,.hed-0011-confirm-deposit:disabled{background:#ccc;cursor:not-allowed;opacity:.6;border-color:#999}.hed-0011-cancel-transfer,.hed-0011-cancel-deposit{flex:1;background:linear-gradient(135deg,var(--nfcu-alert-red) 0%,#b71c1c 100%);color:var(--nfcu-text-light);padding:1rem;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #d32f2f4d}.hed-0011-cancel-transfer:hover,.hed-0011-cancel-deposit:hover{background:linear-gradient(135deg,#b71c1c 0%,var(--nfcu-alert-red) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #d32f2f80}.hed-0011-input-group{margin-bottom:1.5rem}.hed-0011-input-group label{display:block;color:var(--nfcu-primary-navy);font-weight:700;margin-bottom:.5rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.hed-0011-deposit-details{margin-bottom:1.5rem}.hed-0011-mt-8{margin-top:2rem}@media (max-width: 1024px){.hed-0011-accounts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.hed-0011-insights-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.hed-0011-account-page{padding:1rem}.hed-0011-profile-section{flex-direction:column;text-align:center}.hed-0011-profile-info h1{font-size:1.5rem}.hed-0011-account-owner-info{flex-direction:column;gap:.5rem}.hed-0011-accounts-grid,.hed-0011-summary-grid{grid-template-columns:1fr}.hed-0011-button-group,.hed-0011-modal-actions,.hed-0011-date-filter{flex-direction:column}.hed-0011-transactions-table{font-size:.85rem}.hed-0011-transactions-table th,.hed-0011-transactions-table td{padding:.75rem .5rem}}@media (max-width: 480px){.hed-0011-profile-avatar{width:90px;height:90px}.hed-0011-avatar-placeholder{font-size:2rem}.hed-0011-account-header h2,.hed-0011-financial-insights h2,.hed-0011-financial-goals h2,.hed-0011-transaction-chart h2{font-size:1.5rem}.hed-0011-account-balance h4{font-size:1.75rem}.hed-0011-insight-value{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hed-0011-account-card,.hed-0011-insight-card,.hed-0011-goal-card{animation:fadeInUp .5s ease-out}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--nfcu-neutral-gray)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--nfcu-primary-navy) 0%,var(--nfcu-gold) 100%);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--nfcu-gold) 0%,var(--nfcu-primary-navy) 100%)}@media print{.hed-0011-button-group,.hed-0011-print-btn,.hed-0011-upload-overlay,.hed-0011-date-filter{display:none!important}.hed-0011-account-page{background:#fff}.hed-0011-account-card{-moz-column-break-inside:avoid;break-inside:avoid}}.budget-page{padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#212529}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#003865,#004a7f);border-radius:16px;box-shadow:0 8px 24px #00386533;color:#fff}.budget-header-left h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.budget-header-left p{font-size:1.1rem;margin:0;opacity:.9;color:#f8f9fa}.budget-header-actions{display:flex;gap:1rem;align-items:center}.budget-btn-primary,.budget-btn-secondary,.budget-btn-add,.budget-btn-save,.budget-btn-cancel,.budget-btn-reset{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.budget-btn-primary{background:linear-gradient(135deg,#c8102e,#a00d26);color:#fff;box-shadow:0 4px 12px #c8102e4d}.budget-btn-primary:hover{background:linear-gradient(135deg,#a00d26,#8a0b21);box-shadow:0 6px 16px #c8102e66;transform:translateY(-2px)}.budget-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #c8102e4d}.budget-btn-secondary{background:#fff;color:#003865;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000001a}.budget-btn-secondary:hover{background:#f8f9fa;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.budget-btn-add{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.budget-btn-add:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.budget-btn-save{background:#10b981;color:#fff;padding:.6rem 1.2rem}.budget-btn-save:hover{background:#059669;transform:translateY(-1px)}.budget-btn-cancel{background:#6b7280;color:#fff;padding:.6rem 1.2rem}.budget-btn-cancel:hover{background:#4b5563;transform:translateY(-1px)}.budget-btn-reset{background:#f97316;color:#fff;box-shadow:0 2px 8px #f9731633}.budget-btn-reset:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.budget-icon-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.budget-icon-btn:hover{background:#f3f4f6;color:#003865;transform:scale(1.1)}.budget-delete-btn:hover{background:#fee2e2;color:#c8102e}.budget-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.budget-control-group{display:flex;flex-direction:column;gap:.5rem}.budget-control-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#003865;text-transform:uppercase;letter-spacing:.5px}.budget-input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;color:#212529}.budget-input:focus{outline:none;border-color:#003865;box-shadow:0 0 0 3px #0038651a}.budget-input:hover{border-color:#9ca3af}.budget-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.budget-overview-card{display:flex;align-items:center;gap:1.5rem;padding:1.75rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border-left:5px solid;position:relative;overflow:hidden}.budget-overview-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.budget-overview-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.budget-income{border-left-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.budget-budgeted{border-left-color:#003865;background:linear-gradient(135deg,#fff,#eff6ff)}.budget-spent{border-left-color:#c8102e;background:linear-gradient(135deg,#fff,#fef2f2)}.budget-positive{border-left-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.budget-negative{border-left-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.budget-overview-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.budget-income .budget-overview-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.budget-budgeted .budget-overview-icon{background:linear-gradient(135deg,#003865,#004a7f);color:#fff;box-shadow:0 4px 12px #0038654d}.budget-spent .budget-overview-icon{background:linear-gradient(135deg,#c8102e,#a00d26);color:#fff;box-shadow:0 4px 12px #c8102e4d}.budget-positive .budget-overview-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.budget-negative .budget-overview-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.budget-overview-content{flex:1}.budget-overview-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin:0 0 .5rem}.budget-overview-value{font-size:1.75rem;font-weight:700;color:#003865;margin:0 0 .25rem;line-height:1.2}.budget-overview-subtitle{font-size:.875rem;color:#6b7280;margin:0}.budget-progress-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.budget-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.budget-progress-header h3{font-size:1.3rem;color:#003865;margin:0;font-weight:700}.budget-progress-percentage{font-size:1.5rem;font-weight:700;color:#10b981}.budget-progress-percentage.budget-over{color:#c8102e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.budget-progress-bar-container{height:32px;background:#f3f4f6;border-radius:16px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.budget-progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:16px;transition:width .6s ease,background .3s ease;position:relative;box-shadow:0 2px 8px #10b98166}.budget-progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.budget-progress-bar-fill.budget-exceeded{background:linear-gradient(90deg,#c8102e,#a00d26);box-shadow:0 2px 8px #c8102e66}.budget-progress-labels{display:flex;justify-content:space-between;margin-top:.75rem;font-size:.9rem;color:#6b7280;font-weight:500}.budget-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;margin-bottom:2rem}.budget-chart-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.budget-chart-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.budget-chart-wide{grid-column:1 / -1}.budget-chart-card h3{display:flex;align-items:center;gap:.75rem;font-size:1.2rem;color:#003865;margin:0 0 1.5rem;font-weight:700}.budget-chart-card h3 svg{color:#c8102e}.budget-chart-container{width:100%;height:350px}.budget-categories-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.budget-categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.budget-categories-header h2{font-size:1.75rem;color:#003865;margin:0;font-weight:700}.budget-add-category-form{display:grid;grid-template-columns:2fr 1fr .5fr 1.5fr auto auto;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:2rem;box-shadow:inset 0 2px 4px #0000000d}.budget-form-input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:all .3s ease}.budget-form-input:focus{outline:none;border-color:#003865;box-shadow:0 0 0 3px #0038651a}.budget-icon-input{text-align:center;font-size:1.5rem}.budget-form-color{width:100%;height:45px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease}.budget-form-color:hover{border-color:#003865}.budget-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.budget-category-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.budget-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#003865,#c8102e);opacity:0;transition:opacity .3s ease}.budget-category-card:hover{border-color:#003865;box-shadow:0 8px 24px #0038651f;transform:translateY(-4px)}.budget-category-card:hover:before{opacity:1}.budget-over-limit{border-color:#c8102e;background:linear-gradient(135deg,#fff,#fef2f2)}.budget-over-limit:before{background:#c8102e;opacity:1}.budget-category-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.budget-category-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.budget-category-card:hover .budget-category-icon{transform:scale(1.1) rotate(5deg)}.budget-category-info{flex:1}.budget-category-info h4{font-size:1.1rem;color:#003865;margin:0 0 .5rem;font-weight:700}.budget-category-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;margin:0;color:#6b7280}.budget-category-actions{display:flex;gap:.5rem}.budget-category-amounts{margin-bottom:1rem}.budget-amount-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f3f4f6}.budget-amount-row:last-child{border-bottom:none;padding-bottom:0}.budget-amount-label{font-size:.9rem;color:#6b7280;font-weight:500}.budget-amount-value{font-size:1.1rem;font-weight:700;color:#003865}.budget-amount-over{color:#c8102e;animation:attention 1s ease-in-out infinite}@keyframes attention{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.budget-amount-negative{color:#c8102e}.budget-amount-positive{color:#10b981}.budget-edit-input input{width:100%;padding:.6rem;border:2px solid #003865;border-radius:6px;font-size:1rem;font-weight:600}.budget-input-inline{width:100%}.budget-category-progress{display:flex;align-items:center;gap:1rem;margin-top:1rem}.budget-category-progress-bar{flex:1;height:12px;background:#f3f4f6;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.budget-category-progress-fill{height:100%;border-radius:6px;transition:width .5s ease;position:relative}.budget-progress-over{background:linear-gradient(90deg,#c8102e,#a00d26)!important}.budget-category-percentage{font-size:.9rem;font-weight:700;color:#003865;min-width:45px;text-align:right}.budget-insights-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.budget-insights-section h2{font-size:1.75rem;color:#003865;margin:0 0 1.5rem;font-weight:700}.budget-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.budget-insight-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:12px;border-left:4px solid;transition:all .3s ease}.budget-insight-card:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.budget-insight-warning{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left-color:#c8102e}.budget-insight-warning svg{color:#c8102e;flex-shrink:0}.budget-insight-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left-color:#003865}.budget-insight-info svg{color:#003865;flex-shrink:0}.budget-insight-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#10b981}.budget-insight-success svg{color:#10b981;flex-shrink:0}.budget-insight-card h4{font-size:1.1rem;color:#003865;margin:0 0 .5rem;font-weight:700}.budget-insight-card p{font-size:.95rem;color:#4b5563;margin:0;line-height:1.5}.budget-empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.budget-empty-icon{color:#003865;margin-bottom:1.5rem;opacity:.5}.budget-empty-state h3{font-size:1.75rem;color:#003865;margin:0 0 1rem;font-weight:700}.budget-empty-state p{font-size:1.1rem;color:#6b7280;margin:0 0 2rem}.budget-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:400px}.budget-spinner{width:60px;height:60px;border:4px solid #e5e7eb;border-top-color:#003865;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.budget-loading p{font-size:1.1rem;color:#6b7280;margin:0}@media (max-width: 1200px){.budget-chart-wide{grid-column:auto}.budget-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.budget-page{padding:1rem}.budget-header{flex-direction:column;gap:1.5rem;padding:1.5rem}.budget-header-left h1{font-size:1.75rem}.budget-header-actions{width:100%;flex-wrap:wrap}.budget-header-actions button{flex:1;min-width:140px}.budget-controls{grid-template-columns:1fr;padding:1rem}.budget-overview-grid,.budget-add-category-form,.budget-categories-grid,.budget-insights-grid{grid-template-columns:1fr}.budget-chart-container{height:300px}}@media (max-width: 480px){.budget-header-left h1,.budget-overview-value{font-size:1.5rem}.budget-btn-primary,.budget-btn-secondary,.budget-btn-add{padding:.6rem 1rem;font-size:.85rem}.budget-categories-header{flex-direction:column;align-items:flex-start;gap:1rem}.budget-btn-add{width:100%}.budget-overview-icon{width:50px;height:50px}.budget-category-icon{width:40px;height:40px;font-size:1.2rem}.budget-amount-row{padding:.5rem 0}.budget-amount-label{font-size:.85rem}.budget-amount-value{font-size:1rem}}.budget-tooltip{position:relative}.budget-tooltip:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);padding:.5rem 1rem;background:#003865;color:#fff;border-radius:6px;font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000;box-shadow:0 4px 12px #0038654d}.budget-tooltip:after{content:"";position:absolute;bottom:115%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#003865;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.budget-tooltip:hover:before,.budget-tooltip:hover:after{opacity:1}.budget-page::-webkit-scrollbar{width:12px}.budget-page::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.budget-page::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#003865,#004a7f);border-radius:10px;border:2px solid #f1f1f1}.budget-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#004a7f,#003865)}@media print{.budget-page{background:#fff;padding:0}.budget-header-actions,.budget-btn-primary,.budget-btn-secondary,.budget-btn-add,.budget-btn-reset,.budget-icon-btn,.budget-add-category-form{display:none!important}.budget-header{background:#fff;color:#003865;box-shadow:none;border-bottom:3px solid #003865}.budget-overview-card,.budget-chart-card,.budget-category-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}.budget-chart-container{height:300px}}.budget-btn-primary:focus-visible,.budget-btn-secondary:focus-visible,.budget-btn-add:focus-visible,.budget-btn-reset:focus-visible,.budget-icon-btn:focus-visible{outline:3px solid #F9A01B;outline-offset:2px}.budget-input:focus-visible,.budget-form-input:focus-visible{outline:3px solid #F9A01B;outline-offset:2px}@media (prefers-contrast: high){.budget-overview-card,.budget-chart-card,.budget-category-card{border:3px solid #003865}.budget-btn-primary,.budget-btn-secondary{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.budget-spinner{animation:none;border:4px solid #003865}}@media (prefers-color-scheme: dark){.budget-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#e5e7eb}.budget-header{background:linear-gradient(135deg,#002847,#003557)}.budget-controls,.budget-overview-card,.budget-chart-card,.budget-category-card,.budget-categories-section,.budget-progress-section,.budget-insights-section,.budget-empty-state{background:#2d2d2d;border-color:#404040}.budget-input,.budget-form-input{background:#1a1a1a;color:#e5e7eb;border-color:#404040}.budget-input:focus,.budget-form-input:focus{border-color:#f9a01b}.budget-overview-value,.budget-category-info h4,.budget-amount-value,.budget-categories-header h2,.budget-insights-section h2,.budget-chart-card h3,.budget-progress-header h3,.budget-empty-state h3{color:#e5e7eb}.budget-progress-bar-container{background:#1a1a1a}.budget-category-card{border-color:#404040}.budget-category-card:hover{border-color:#f9a01b}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.budget-overview-card{animation:fadeIn .5s ease-out backwards}.budget-overview-card:nth-child(1){animation-delay:.1s}.budget-overview-card:nth-child(2){animation-delay:.2s}.budget-overview-card:nth-child(3){animation-delay:.3s}.budget-overview-card:nth-child(4){animation-delay:.4s}.budget-category-card{animation:scaleIn .4s ease-out backwards}.budget-insight-card{animation:slideInRight .5s ease-out backwards}.recharts-tooltip-wrapper{z-index:100}.recharts-default-tooltip{background:#fff!important;border:2px solid #003865!important;border-radius:8px!important;box-shadow:0 8px 24px #00386533!important;padding:12px!important}.recharts-tooltip-label{color:#003865!important;font-weight:700!important;margin-bottom:8px!important}.recharts-tooltip-item{color:#4b5563!important;font-size:.9rem!important}.recharts-legend-wrapper{padding-top:20px!important}.recharts-legend-item-text{color:#4b5563!important;font-weight:600!important}.budget-text-navy{color:#003865}.budget-text-red{color:#c8102e}.budget-text-gold{color:#f9a01b}.budget-text-success{color:#10b981}.budget-text-warning{color:#f59e0b}.budget-text-danger{color:#ef4444}.budget-bg-navy{background-color:#003865}.budget-bg-red{background-color:#c8102e}.budget-bg-gold{background-color:#f9a01b}.budget-border-navy{border-color:#003865}.budget-border-red{border-color:#c8102e}.budget-shadow-navy{box-shadow:0 4px 12px #0038654d}.budget-shadow-red{box-shadow:0 4px 12px #c8102e4d}.budget-category-card:hover .budget-category-progress-fill{box-shadow:0 0 12px currentColor}.budget-overview-card:hover .budget-overview-icon{transform:scale(1.1)}.budget-chart-card:hover h3 svg{transform:rotate(5deg) scale(1.1);transition:transform .3s ease}.budget-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.budget-status-on-track{background:#d1fae5;color:#065f46}.budget-status-warning{background:#fef3c7;color:#92400e}.budget-status-over{background:#fee2e2;color:#991b1b}.budget-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.budget-skeleton-text{height:16px;margin-bottom:8px}.budget-skeleton-title{height:24px;width:60%;margin-bottom:12px}.budget-skeleton-card{height:200px}.budget-notification{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:9999;display:flex;align-items:center;gap:1rem;max-width:400px;animation:slideInRight .3s ease-out}.budget-notification-success{border-left:4px solid #10b981}.budget-notification-error{border-left:4px solid #C8102E}.budget-notification-info{border-left:4px solid #003865}.budget-checkbox,.budget-radio{width:20px;height:20px;accent-color:#003865;cursor:pointer}.budget-checkbox:focus,.budget-radio:focus{outline:2px solid #F9A01B;outline-offset:2px}.budget-gradient-text{background:linear-gradient(135deg,#003865,#c8102e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.budget-footer{text-align:center;padding:2rem;margin-top:3rem;color:#6b7280;font-size:.9rem;border-top:2px solid #e5e7eb}.budget-footer p{margin:.5rem 0}.budget-footer a{color:#003865;text-decoration:none;font-weight:600;transition:color .3s ease}.budget-footer a:hover{color:#c8102e;text-decoration:underline}.pro003-profile-container *{box-sizing:border-box}.pro003-profile-container{font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;max-width:900px;margin:4rem auto;padding:2rem;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #2c3e881a;border:1px solid rgba(44,62,136,.05)}.pro003-profile-header{display:flex;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(44,62,136,.1);position:relative}.pro003-profile-image-wrapper{position:relative;width:160px;height:160px;border-radius:50%;overflow:hidden;cursor:pointer;margin-right:2rem;border:4px solid rgba(44,62,136,.2);transition:all .3s ease}.pro003-profile-image-wrapper:hover{transform:scale(1.05);box-shadow:0 5px 15px #2c3e8833}.pro003-profile-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pro003-profile-image-placeholder{width:100%;height:100%;background-color:#2c3e88;color:#fff;display:flex;justify-content:center;align-items:center;font-size:3.5rem;font-weight:700;text-transform:uppercase}.pro003-profile-image-overlay{position:absolute;bottom:0;left:0;right:0;background-color:#2c3e88b3;color:#fff;text-align:center;padding:.75rem;opacity:0;transition:opacity .3s ease}.pro003-profile-image-wrapper:hover .pro003-profile-image-overlay{opacity:1}.pro003-profile-header-info{flex-grow:1}.pro003-profile-header-info h1{margin:0 0 .5rem;color:#2c3e88;font-size:2.25rem;font-weight:700;line-height:1.2}.pro003-profile-header-info p{margin:0;color:#4a5568;font-size:1.1rem;opacity:.8}.pro003-edit-toggle-btn{position:absolute;top:0;right:0;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.pro003-edit-toggle-btn.pro003-edit-mode{background-color:#2c3e88;color:#fff;box-shadow:0 4px 6px #2c3e8833}.pro003-edit-toggle-btn.pro003-edit-mode:hover{background-color:#3a4ec6}.pro003-edit-toggle-btn.pro003-save-mode{background-color:#2ecc71;color:#fff;box-shadow:0 4px 6px #2ecc7133}.pro003-edit-toggle-btn.pro003-save-mode:hover{background-color:#27ae60}.pro003-profile-details{background-color:#f9fafc;border-radius:12px;padding:2rem;border:1px solid rgba(44,62,136,.05);box-shadow:0 5px 15px #2c3e880d}.pro003-profile-section{margin-bottom:2rem}.pro003-profile-section h2{border-bottom:2px solid rgba(44,62,136,.1);padding-bottom:.75rem;margin-bottom:1.5rem;color:#2c3e88;font-size:1.5rem;font-weight:600}.pro003-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.pro003-profile-field{display:flex;flex-direction:column}.pro003-profile-field label{margin-bottom:.5rem;color:#2c3e88;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.pro003-profile-field p{margin:0;padding:.75rem 1rem;background-color:#f0f4f8;border-radius:8px;color:#2c3e88;font-size:1rem;border:1px solid rgba(44,62,136,.1)}.pro003-profile-field input{padding:.75rem 1rem;border:1px solid rgba(44,62,136,.2);border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#fff}.pro003-profile-field input:focus{outline:none;border-color:#2c3e88;box-shadow:0 0 0 3px #2c3e881a}@media (max-width: 768px){.pro003-profile-grid{grid-template-columns:1fr}.pro003-profile-header{flex-direction:column;text-align:center}.pro003-profile-image-wrapper{margin-right:0;margin-bottom:1.5rem}.pro003-edit-toggle-btn{position:relative;margin-top:1.5rem;width:100%}.pro003-profile-header-info h1{font-size:2rem}.pro003-profile-header-info p{font-size:1rem}}:root{--primary-gradient: linear-gradient(135deg, #2193b0, #6dd5ed);--secondary-gradient: linear-gradient(135deg, #373b44, #4286f4);--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107;--text-primary: #2c3e50;--text-secondary: #34495e;--border-radius: 12px;--transition-speed: .3s;--card-shadow: 0 8px 30px rgba(0, 0, 0, .12);--hover-shadow: 0 12px 40px rgba(0, 0, 0, .15)}.admin-dashboard{min-height:100vh;background:#f8f9fa;background-image:radial-gradient(at 40% 20%,rgba(33,147,176,.1) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(109,213,237,.1) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(33,147,176,.1) 0px,transparent 50%);padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.dashboard-container{max-width:1400px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.dashboard-container:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.dashboard-header{padding:2.5rem 3rem;background:var(--primary-gradient);position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.3;animation:backgroundShift 30s linear infinite}.dashboard-header h4{font-size:2.5rem;font-weight:700;color:#fff;margin:0;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.dashboard-header h6{color:#ffffffe6;font-weight:400;margin-top:.5rem;position:relative}.dashboard-content{padding:2.5rem;background:#fff}.section{background:#fff;border-radius:var(--border-radius);padding:2rem;margin-bottom:2.5rem;box-shadow:0 4px 6px #00000012;transition:transform var(--transition-speed)}.section:hover{transform:translateY(-2px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.table{width:100%;border-radius:var(--border-radius);overflow:hidden;border:1px solid #f0f0f0}.table th{background:#f8f9fa;padding:1rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.table td{padding:1rem;color:var(--text-secondary);border-bottom:1px solid #f0f0f0;transition:all var(--transition-speed)}.table tbody tr{transition:all var(--transition-speed)}.table tbody tr:hover{background:#2193b00d;transform:scale(1.001)}.table tbody tr:hover td{color:var(--text-primary)}.create-user-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0;min-width:450px}.form-field{position:relative;padding:8px 0}.form-field input,.form-field select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;transition:all var(--transition-speed);font-size:1rem}.form-field input:focus,.form-field select:focus{border-color:#2193b0;box-shadow:0 0 0 3px #2193b01a;outline:none}.button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all var(--transition-speed);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;border:none;outline:none}.button-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #2193b04d}.button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2193b066}.button-secondary{background:#fff;color:#2193b0;border:2px solid #2193b0}.button-secondary:hover{background:#2193b01a}.icon-success{color:var(--success-color);animation:pulse 2s infinite}.icon-error{color:var(--error-color);animation:shake .5s ease-in-out}.action-buttons{display:flex;gap:.75rem;justify-content:flex-start;align-items:center}.dialog{border-radius:var(--border-radius);overflow:hidden}.dialog-title{background:var(--primary-gradient);color:#fff;padding:1.5rem}.dialog-content{padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes backgroundShift{0%{background-position:0 0}to{background-position:100% 100%}}@media (max-width: 1200px){.dashboard-container{margin:1rem}.section{padding:1.5rem}}@media (max-width: 768px){.admin-dashboard{padding:1rem}.dashboard-header{padding:2rem}.dashboard-content{padding:1.5rem}.create-user-form{min-width:100%}.action-buttons{flex-direction:column;width:100%}.action-buttons button{width:100%}.table{display:block;overflow-x:auto;white-space:nowrap}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#2193b0,#6dd5ed);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#1c7a94,#5bb8d9)}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.glass-effect{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.dashboard-container{padding:2rem;max-width:1200px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease;overflow:hidden}.dashboard-card:hover{transform:translateY(-2px)}.dashboard-header{padding:1.5rem 2rem;border-bottom:1px solid #eaeaea;background:linear-gradient(to right,#fff,#f8f9fa)}.dashboard-content{padding:2rem}.tabs-container{border-bottom:1px solid #eaeaea;margin-bottom:2rem}.tab-panel{padding:1rem 0;animation:fadeIn .3s ease-in-out}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.table-container{border:1px solid #eaeaea;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.cell-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:500;text-transform:capitalize;display:inline-block}.status-active{background-color:#e3f2fd;color:#1976d2}.status-pending{background-color:#fff3e0;color:#f57c00}.status-closed{background-color:#e8eaed;color:#5f6368}.action-buttons{display:flex;gap:.5rem}.edit-button{color:#1976d2!important;border-color:#1976d2!important}.delete-button{background-color:#d32f2f!important;color:#fff!important}.create-button{background-color:#1976d2!important;color:#fff!important;padding:.5rem 1rem!important}.button-icon{width:18px;height:18px}.dialog-container .MuiDialog-paper{border-radius:12px;overflow:hidden}.post-form{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.form-field{margin-bottom:1rem!important}.dialog-actions{padding:1rem 1.5rem!important;background-color:#f8f9fa}.cancel-button{color:#5f6368!important}.submit-button{background-color:#1976d2!important;color:#fff!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard-container,.dashboard-header,.dashboard-content{padding:1rem}.panel-header{flex-direction:column;gap:1rem;align-items:flex-start}.action-buttons{flex-direction:column}.cell-truncate{max-width:150px}}.MuiTableRow-root:hover{background-color:#f5f5f5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:root{--nfcu-navy-primary: #003f87;--nfcu-navy-dark: #002855;--nfcu-navy-light: #0052a5;--nfcu-gold: #f7b71d;--nfcu-gold-dark: #d99f17;--success-green: #00a86b;--danger-red: #d32f2f;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--white: #ffffff}.accdeta-006-account-details-page{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.accdeta-006-page-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--nfcu-gold)}.accdeta-006-back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--white);border:2px solid var(--nfcu-navy-primary);color:var(--nfcu-navy-primary);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.accdeta-006-back-button:hover{background:var(--nfcu-navy-primary);color:var(--white);transform:translate(-4px)}.accdeta-006-page-header h1{color:var(--nfcu-navy-dark);font-size:2rem;font-weight:700;margin:0}.accdeta-006-account-summary-card{background:linear-gradient(135deg,var(--nfcu-navy-primary) 0%,var(--nfcu-navy-dark) 100%);border-radius:16px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 10px 30px #003f874d;color:var(--white);position:relative;overflow:hidden}.accdeta-006-account-summary-card:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(247,183,29,.15) 0%,transparent 70%);border-radius:50%}.accdeta-006-account-info-section{margin-bottom:2rem}.accdeta-006-account-type-badge{display:inline-block;background:var(--nfcu-gold);color:var(--nfcu-navy-dark);padding:.5rem 1.25rem;border-radius:20px;font-weight:700;font-size:.9rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.accdeta-006-account-number{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;letter-spacing:2px}.accdeta-006-routing-number{font-size:.95rem;opacity:.9;font-weight:500}.accdeta-006-balance-section{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.accdeta-006-balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.accdeta-006-balance-header span{font-size:.95rem;opacity:.9;font-weight:500}.accdeta-006-toggle-balance-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:var(--white);padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.accdeta-006-toggle-balance-btn:hover{background:#ffffff40;transform:scale(1.05)}.accdeta-006-balance-amount{font-size:3rem;font-weight:800;margin-bottom:.75rem;letter-spacing:1px}.accdeta-006-interest-rate{font-size:.95rem;opacity:.9;margin-bottom:.75rem}.accdeta-006-overdraft-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--success-green);color:var(--white);padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;margin-top:.5rem}.accdeta-006-overdraft-badge span{font-size:1.1rem;font-weight:700}.accdeta-006-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem}.accdeta-006-action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--white);color:var(--nfcu-navy-primary);border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.accdeta-006-action-btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px #003f8733;background:var(--nfcu-navy-primary);color:var(--white)}.accdeta-006-action-btn.accdeta-006-secondary{background:#ffffff26;color:var(--white);border:1px solid rgba(255,255,255,.3)}.accdeta-006-action-btn.accdeta-006-secondary:hover{background:var(--nfcu-gold);color:var(--nfcu-navy-dark);border-color:var(--nfcu-gold)}.accdeta-006-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.accdeta-006-stat-card{background:var(--white);border-radius:12px;padding:1.75rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border-left:4px solid var(--nfcu-navy-primary)}.accdeta-006-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #003f8726}.accdeta-006-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--nfcu-navy-primary);color:var(--white)}.accdeta-006-stat-icon.accdeta-006-credit{background:var(--success-green)}.accdeta-006-stat-icon.accdeta-006-debit{background:var(--danger-red)}.accdeta-006-stat-content{flex:1}.accdeta-006-stat-label{font-size:.9rem;color:var(--gray-600);margin-bottom:.5rem;font-weight:500}.accdeta-006-stat-value{font-size:1.75rem;font-weight:700;color:var(--nfcu-navy-dark)}.accdeta-006-stat-value.accdeta-006-credit{color:var(--success-green)}.accdeta-006-stat-value.accdeta-006-debit{color:var(--danger-red)}.accdeta-006-chart-section{background:var(--white);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #00000014}.accdeta-006-chart-section h2{color:var(--nfcu-navy-dark);font-size:1.5rem;margin-bottom:1.5rem;font-weight:700}.accdeta-006-chart-container{width:100%;height:300px}.accdeta-006-filters-section{background:var(--white);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #00000014}.accdeta-006-filters-section h2{display:flex;align-items:center;gap:.75rem;color:var(--nfcu-navy-dark);font-size:1.3rem;margin-bottom:1.5rem;font-weight:700}.accdeta-006-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1rem}.accdeta-006-filter-group{display:flex;flex-direction:column;gap:.5rem}.accdeta-006-filter-group label{font-size:.9rem;font-weight:600;color:var(--nfcu-navy-dark)}.accdeta-006-filter-input{padding:.75rem;border:2px solid var(--gray-300);border-radius:8px;font-size:.95rem;transition:all .3s ease;font-family:inherit}.accdeta-006-filter-input:focus{outline:none;border-color:var(--nfcu-navy-primary);box-shadow:0 0 0 3px #003f871a}.accdeta-006-clear-filters-btn{padding:.75rem 1.5rem;background:var(--gray-200);color:var(--gray-700);border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.accdeta-006-clear-filters-btn:hover{background:var(--danger-red);color:var(--white)}.accdeta-006-transactions-section{background:var(--white);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #00000014}.accdeta-006-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.accdeta-006-section-header h2{color:var(--nfcu-navy-dark);font-size:1.5rem;font-weight:700;margin:0}.accdeta-006-transaction-count{background:var(--nfcu-gold);color:var(--nfcu-navy-dark);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700}.accdeta-006-transactions-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--gray-200)}.accdeta-006-transactions-table{width:100%;border-collapse:collapse}.accdeta-006-transactions-table thead{background:var(--nfcu-navy-primary);color:var(--white)}.accdeta-006-transactions-table th{padding:1rem;text-align:left;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.accdeta-006-transactions-table th.accdeta-006-text-right{text-align:right}.accdeta-006-transactions-table tbody tr{border-bottom:1px solid var(--gray-200);transition:all .2s ease}.accdeta-006-transactions-table tbody tr:hover{background:var(--gray-50)}.accdeta-006-transactions-table td{padding:1rem;font-size:.95rem;color:var(--gray-800)}.accdeta-006-transactions-table td.accdeta-006-text-right{text-align:right}.accdeta-006-transactions-table td.accdeta-006-description{font-weight:500;color:var(--nfcu-navy-dark)}.accdeta-006-category-badge{display:inline-block;padding:.25rem .75rem;background:var(--gray-100);color:var(--gray-700);border-radius:12px;font-size:.85rem;font-weight:600}.accdeta-006-type-badge{display:inline-block;padding:.35rem .85rem;border-radius:12px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.accdeta-006-type-badge.credit{background:#00a86b26;color:var(--success-green)}.accdeta-006-type-badge.debit{background:#d32f2f26;color:var(--danger-red)}.accdeta-006-amount.credit{color:var(--success-green);font-weight:700}.accdeta-006-amount.debit{color:var(--danger-red);font-weight:700}.accdeta-006-balance{font-weight:600;color:var(--nfcu-navy-dark)}.accdeta-006-no-transactions{text-align:center;padding:3rem;color:var(--gray-600);font-style:italic}.accdeta-006-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#002855bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.accdeta-006-modal-content{background:var(--white);border-radius:16px;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.accdeta-006-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--nfcu-gold);background:linear-gradient(135deg,var(--nfcu-navy-primary) 0%,var(--nfcu-navy-dark) 100%);color:var(--white);border-radius:16px 16px 0 0}.accdeta-006-modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.accdeta-006-close-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:var(--white);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.accdeta-006-close-btn:hover{background:var(--danger-red);border-color:var(--danger-red);transform:rotate(90deg)}.accdeta-006-modal-content form,.accdeta-006-modal-body{padding:2rem}.accdeta-006-form-group{margin-bottom:1.5rem}.accdeta-006-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--nfcu-navy-dark);font-size:.95rem}.accdeta-006-form-input{width:100%;padding:.85rem;border:2px solid var(--gray-300);border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .3s ease}.accdeta-006-form-input:focus{outline:none;border-color:var(--nfcu-navy-primary);box-shadow:0 0 0 3px #003f871a}textarea.accdeta-006-form-input{resize:vertical;min-height:80px}.accdeta-006-modal-actions{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 16px 16px}.accdeta-006-btn-primary{flex:1;padding:1rem;background:var(--nfcu-navy-primary);color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.accdeta-006-btn-primary:hover{background:var(--nfcu-navy-dark);transform:translateY(-2px);box-shadow:0 4px 12px #003f874d}.accdeta-006-btn-secondary{flex:1;padding:1rem;background:var(--white);color:var(--gray-700);border:2px solid var(--gray-300);border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.accdeta-006-btn-secondary:hover{background:var(--gray-200);border-color:var(--gray-400)}.accdeta-006-download-options{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.accdeta-006-download-option-btn{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--gray-50);border:2px solid var(--gray-300);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.accdeta-006-download-option-btn:hover{background:var(--nfcu-navy-primary);border-color:var(--nfcu-navy-primary);color:var(--white);transform:translate(8px)}.accdeta-006-download-option-btn svg{color:var(--nfcu-navy-primary);flex-shrink:0}.accdeta-006-download-option-btn:hover svg{color:var(--nfcu-gold)}.accdeta-006-download-option-btn strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.accdeta-006-download-option-btn p{margin:0;font-size:.9rem;opacity:.8}.accdeta-006-loading-spinner{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.2rem;color:var(--nfcu-navy-primary);font-weight:600}.accdeta-006-error-message{text-align:center;padding:3rem;background:var(--white);border-radius:12px;box-shadow:0 4px 12px #00000014}.accdeta-006-error-message p{color:var(--danger-red);font-size:1.1rem;margin-bottom:1.5rem;font-weight:600}@media (max-width: 768px){.accdeta-006-account-details-page{padding:1rem}.accdeta-006-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.accdeta-006-page-header h1{font-size:1.5rem}.accdeta-006-account-summary-card{padding:1.5rem}.accdeta-006-balance-amount{font-size:2rem}.accdeta-006-quick-actions-grid{grid-template-columns:repeat(2,1fr)}.accdeta-006-stats-grid,.accdeta-006-filters-grid{grid-template-columns:1fr}.accdeta-006-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.accdeta-006-transactions-table{font-size:.85rem}.accdeta-006-transactions-table th,.accdeta-006-transactions-table td{padding:.75rem .5rem}.accdeta-006-modal-content{max-width:100%;margin:1rem}.accdeta-006-modal-actions{flex-direction:column}}@media print{.accdeta-006-page-header,.accdeta-006-back-button,.accdeta-006-quick-actions-grid,.accdeta-006-filters-section,.accdeta-006-action-btn{display:none!important}.accdeta-006-account-details-page{background:var(--white)}.accdeta-006-account-summary-card{background:var(--white);color:var(--nfcu-navy-dark);border:2px solid var(--nfcu-navy-primary)}}.accdeta-006-transaction-row{transition:all .3s ease}.accdeta-006-transaction-row:hover{background-color:#fef3c7!important;transform:scale(1.01);box-shadow:0 4px 12px #0033661a;cursor:pointer}.accdeta-006-transactions-table{font-size:.9rem}.accdeta-006-transactions-table thead th{font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:16px 12px}.accdeta-006-transaction-row{transition:all .2s ease}.accdeta-006-transaction-row:hover{background-color:#f9fafb;transform:translate(4px);box-shadow:0 2px 8px #0000000d}.accdeta-006-transactions-table td{padding:16px 12px;vertical-align:middle}.accdeta-006-description{max-width:250px}.accdeta-006-amount{font-family:Courier New,monospace;font-weight:700}.accdeta-006-amount.credit{color:#059669}.accdeta-006-amount.debit{color:#dc2626}.nfcu-footer{background:linear-gradient(180deg,#1a1f3a,#0f1729);color:#fff;padding:60px 0 20px;margin-top:auto;border-top:4px solid #fdb913;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.nfcu-footer-container{max-width:1400px;margin:0 auto;padding:0 20px}.nfcu-footer-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.nfcu-footer-section{display:flex;flex-direction:column}.nfcu-footer-title{font-size:18px;font-weight:700;margin-bottom:20px;color:#fdb913;letter-spacing:.5px;text-transform:uppercase}.nfcu-footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.nfcu-footer-list li{font-size:14px;line-height:1.6}.nfcu-footer-list a,.nfcu-footer-list span{color:#d1d5db;text-decoration:none;transition:all .3s ease;display:block}.nfcu-footer-list a:hover{color:#fdb913;padding-left:5px}.nfcu-footer-item{display:flex;gap:12px;align-items:flex-start}.nfcu-footer-item svg{color:#fdb913;flex-shrink:0;margin-top:2px}.nfcu-footer-item div{display:flex;flex-direction:column;gap:4px}.nfcu-footer-item strong{color:#fff;font-size:13px;font-weight:600}.nfcu-footer-item a,.nfcu-footer-item span{font-size:13px;color:#d1d5db}.nfcu-footer-item a:hover{color:#fdb913;text-decoration:underline}.nfcu-footer-security-social{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;padding:40px 0;border-bottom:1px solid rgba(255,255,255,.1)}.nfcu-footer-security h4,.nfcu-footer-social h4{font-size:16px;font-weight:600;margin-bottom:20px;color:#fff}.nfcu-security-badges{display:flex;gap:20px;flex-wrap:wrap}.nfcu-badge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(253,185,19,.3);min-width:120px;transition:all .3s ease}.nfcu-badge:hover{background:#ffffff1a;border-color:#fdb913;transform:translateY(-2px)}.nfcu-badge svg{color:#fdb913}.nfcu-badge span{font-size:12px;font-weight:600;text-align:center;color:#d1d5db}.nfcu-social-links{display:flex;gap:15px}.nfcu-social-links a{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#ffffff0d;border-radius:50%;color:#fff;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.nfcu-social-links a:hover{background:#fdb913;color:#1a1f3a;transform:translateY(-3px);border-color:#fdb913}.nfcu-footer-legal{padding-top:30px}.nfcu-footer-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;align-items:center;margin-bottom:25px}.nfcu-footer-legal-links a{color:#d1d5db;text-decoration:none;font-size:13px;font-weight:500;transition:color .3s ease}.nfcu-footer-legal-links a:hover{color:#fdb913;text-decoration:underline}.nfcu-divider{color:#ffffff4d;font-size:12px}.nfcu-footer-disclaimer{text-align:center;max-width:900px;margin:0 auto}.nfcu-footer-disclaimer p{font-size:12px;line-height:1.8;color:#9ca3af;margin:10px 0}.nfcu-footer-disclaimer strong{color:#fdb913;font-weight:600}.nfcu-footer-member-notice{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-weight:600;color:#d1d5db!important}@media (max-width: 1024px){.nfcu-footer-main{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width: 768px){.nfcu-footer{padding:40px 0 20px}.nfcu-footer-main,.nfcu-footer-security-social{grid-template-columns:1fr;gap:30px}.nfcu-security-badges,.nfcu-social-links{justify-content:center}.nfcu-footer-legal-links{flex-direction:column;gap:15px}.nfcu-divider{display:none}.nfcu-footer-disclaimer p{font-size:11px}}@media (max-width: 480px){.nfcu-footer-container{padding:0 15px}.nfcu-footer-title{font-size:16px}.nfcu-security-badges{flex-direction:column;align-items:stretch}.nfcu-badge{min-width:100%}}@media (prefers-color-scheme: light){.nfcu-footer{background:linear-gradient(180deg,#f8f9fa,#e9ecef);color:#1a1f3a;border-top-color:#036}.nfcu-footer-title{color:#036}.nfcu-footer-list a,.nfcu-footer-list span{color:#495057}.nfcu-footer-list a:hover{color:#036}.nfcu-footer-item svg{color:#036}.nfcu-footer-item strong{color:#1a1f3a}.nfcu-badge{background:#0033660d;border-color:#0363}.nfcu-badge:hover{background:#0033661a;border-color:#036}.nfcu-badge svg{color:#036}.nfcu-social-links a{background:#0033660d;color:#036;border-color:#0363}.nfcu-social-links a:hover{background:#036;color:#fff}}.nfcu-footer a:focus,.nfcu-footer button:focus{outline:2px solid #fdb913;outline-offset:2px}.nfcu-footer a:focus:not(:focus-visible),.nfcu-footer button:focus:not(:focus-visible){outline:none}@media print{.nfcu-footer{display:none}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa}.faq-container{max-width:1200px;margin:0 auto;padding:20px}.faq-header{background:linear-gradient(135deg,#17365d,#1c4a7f);color:#fff;padding:60px 40px;border-radius:12px;margin-bottom:40px;box-shadow:0 4px 20px #17365d4d}.faq-header h1{font-size:42px;font-weight:700;margin-bottom:16px;letter-spacing:-.5px}.faq-header p{font-size:18px;opacity:.95;max-width:700px;line-height:1.6}.search-section{background:#fff;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 10px #00000014}.search-box{position:relative;max-width:600px;margin:0 auto}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#6b7280}.search-input{width:100%;padding:16px 20px 16px 52px;font-size:16px;border:2px solid #e5e7eb;border-radius:10px;outline:none;transition:all .3s ease}.search-input:focus{border-color:#17365d;box-shadow:0 0 0 3px #17365d1a}.categories{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap;padding:0 5px}.category-btn{padding:12px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;color:#374151;transition:all .3s ease;white-space:nowrap}.category-btn:hover{border-color:#17365d;background:#f8fafc}.category-btn.active{background:#17365d;color:#fff;border-color:#17365d}.faq-list{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.faq-item{border-bottom:1px solid #e5e7eb}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;padding:24px 30px;background:#fff;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:600;color:#1f2937;transition:all .3s ease}.faq-question:hover{background:#f9fafb}.faq-question.open{color:#17365d;background:#f0f4f8}.question-text{flex:1;padding-right:20px}.chevron-icon{transition:transform .3s ease;color:#6b7280;flex-shrink:0}.chevron-icon.open{transform:rotate(180deg);color:#17365d}.faq-answer{padding:0 30px;max-height:0;overflow:hidden;transition:all .4s ease;background:#f9fafb}.faq-answer.open{max-height:500px;padding:24px 30px 30px}.faq-answer p{color:#4b5563;line-height:1.8;font-size:15px}.no-results{text-align:center;padding:60px 20px;color:#6b7280}.no-results h3{font-size:20px;margin-bottom:12px;color:#374151}.contact-section{background:#fff;padding:40px;border-radius:12px;margin-top:40px;box-shadow:0 2px 10px #00000014}.contact-section h2{font-size:28px;color:#1f2937;margin-bottom:20px;text-align:center}.contact-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:30px}.contact-card{padding:24px;border:2px solid #e5e7eb;border-radius:10px;text-align:center;transition:all .3s ease}.contact-card:hover{border-color:#17365d;box-shadow:0 4px 12px #17365d1a}.contact-icon{width:48px;height:48px;margin:0 auto 16px;color:#17365d}.contact-card h3{font-size:18px;color:#1f2937;margin-bottom:8px}.contact-card p{color:#6b7280;font-size:15px;margin-bottom:12px}.contact-detail{font-weight:600;color:#17365d;font-size:16px}@media (max-width: 768px){.faq-header{padding:40px 24px}.faq-header h1{font-size:32px}.faq-header p{font-size:16px}.categories{gap:8px}.category-btn{padding:10px 18px;font-size:14px}.faq-question{padding:20px;font-size:16px}.faq-answer{padding:0 20px}.faq-answer.open{padding:20px 20px 24px}.contact-options{grid-template-columns:1fr}}.help-center{min-height:100vh;background-color:#f5f7fa}.help-hero{background:linear-gradient(135deg,#003f7f,#005da8);color:#fff;padding:80px 20px;text-align:center}.help-hero-content{max-width:800px;margin:0 auto}.help-hero-title{font-size:48px;font-weight:700;margin-bottom:16px;line-height:1.2}.help-hero-subtitle{font-size:18px;margin-bottom:40px;opacity:.9}.help-search-box{position:relative;max-width:600px;margin:0 auto 30px}.help-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.help-search-input{width:100%;padding:18px 20px 18px 55px;font-size:16px;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;outline:none;transition:box-shadow .3s}.help-search-input:focus{box-shadow:0 6px 20px #00000026}.help-quick-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.help-quick-link-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;transition:all .2s}.help-quick-link-btn:hover{background-color:#ffffff4d;transform:translateY(-2px)}.help-content{max-width:1200px;margin:0 auto;padding:40px 20px}.help-section{margin-bottom:60px}.help-section-title{font-size:28px;font-weight:700;margin-bottom:24px;color:#1a1a1a}.help-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.help-category-card{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .3s;border:1px solid #e5e7eb}.help-category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#003f7f}.help-category-icon{width:60px;height:60px;border-radius:12px;background-color:#f0f4f8;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#003f7f}.help-category-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.help-category-desc{font-size:14px;color:#666;margin-bottom:16px;line-height:1.5}.help-category-meta{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#003f7f;font-weight:500}.help-popular-grid{display:grid;gap:12px}.help-popular-card{display:flex;align-items:center;gap:16px;padding:20px;background-color:#fff;border-radius:12px;cursor:pointer;transition:all .3s;border:1px solid #e5e7eb}.help-popular-card:hover{transform:translate(8px);box-shadow:0 4px 12px #0000001a;border-color:#003f7f}.help-popular-icon{width:40px;height:40px;border-radius:8px;background-color:#f0f4f8;display:flex;align-items:center;justify-content:center;color:#003f7f;flex-shrink:0}.help-popular-content{flex:1}.help-popular-title{font-size:16px;font-weight:600;margin-bottom:4px;color:#1a1a1a}.help-popular-views{font-size:14px;color:#666}.help-contact-header{text-align:center;margin-bottom:32px}.help-contact-header h2{font-size:28px;font-weight:700;margin-bottom:8px;color:#1a1a1a}.help-contact-header p{font-size:16px;color:#666}.help-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.help-contact-card{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #00000014;text-align:center;border:1px solid #e5e7eb;transition:all .3s}.help-contact-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.help-contact-icon{width:60px;height:60px;border-radius:12px;background-color:#f0f4f8;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#003f7f}.help-contact-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.help-contact-desc{font-size:14px;color:#666;margin-bottom:12px}.help-contact-detail{font-size:16px;font-weight:600;color:#003f7f;margin-bottom:12px}.help-contact-available{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#666;margin-bottom:16px}.help-contact-btn{width:100%;padding:12px;background-color:#003f7f;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.help-contact-btn:hover{background-color:#002d5c;transform:translateY(-2px);box-shadow:0 4px 12px #003f7f4d}.help-emergency-banner{display:flex;align-items:center;gap:20px;padding:30px;background-color:#fef2f2;border:2px solid #fca5a5;border-radius:12px;margin-top:40px}.help-emergency-content{flex:1}.help-emergency-title{font-size:20px;font-weight:700;color:#991b1b;margin-bottom:8px}.help-emergency-text{font-size:14px;color:#7f1d1d;line-height:1.5}.help-emergency-btn{padding:12px 24px;background-color:#dc2626;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s}.help-emergency-btn:hover{background-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.help-header{background-color:#fff;padding:20px;box-shadow:0 2px 8px #00000014;margin-bottom:40px}.help-back-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#f5f7fa;border:1px solid #e5e7eb;border-radius:8px;color:#003f7f;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;max-width:1200px;margin:0 auto}.help-back-btn:hover{background-color:#e5e7eb;transform:translate(-4px)}.help-category-header{display:flex;align-items:center;gap:24px;margin-bottom:40px;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.help-category-icon-large{width:80px;height:80px;border-radius:16px;background-color:#f0f4f8;display:flex;align-items:center;justify-content:center;color:#003f7f;flex-shrink:0}.help-page-title{font-size:36px;font-weight:700;margin-bottom:8px;color:#1a1a1a}.help-page-subtitle{font-size:16px;color:#666}.help-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.help-article-card{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .3s;border:1px solid #e5e7eb}.help-article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#003f7f}.help-article-card-category{display:inline-block;padding:4px 12px;background-color:#f0f4f8;color:#003f7f;font-size:12px;font-weight:600;border-radius:6px;margin-bottom:12px;text-transform:uppercase}.help-article-card-title{font-size:20px;font-weight:600;margin-bottom:12px;color:#1a1a1a;line-height:1.4}.help-article-card-excerpt{font-size:14px;color:#666;line-height:1.6;margin-bottom:16px}.help-article-card-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#999}.help-article-container{max-width:800px;margin:0 auto;padding:0 20px 60px}.help-article{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 8px #00000014}.help-article-header{margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid #f0f4f8}.help-article-category{display:inline-block;padding:6px 16px;background-color:#f0f4f8;color:#003f7f;font-size:13px;font-weight:600;border-radius:6px;margin-bottom:16px;text-transform:uppercase}.help-article-title{font-size:36px;font-weight:700;margin-bottom:16px;color:#1a1a1a;line-height:1.3}.help-article-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:#999;flex-wrap:wrap}.help-article-content{font-size:16px;line-height:1.8;color:#333}.help-article-subheading{font-size:24px;font-weight:600;margin-top:32px;margin-bottom:16px;color:#1a1a1a}.help-article-paragraph{margin-bottom:16px}.help-article-list-item{margin-left:24px;margin-bottom:8px;color:#555}.help-feedback-section{margin-top:48px;padding-top:32px;border-top:2px solid #f0f4f8;text-align:center}.help-feedback-title{font-size:20px;font-weight:600;margin-bottom:20px;color:#1a1a1a}.help-feedback-buttons{display:flex;gap:16px;justify-content:center}.help-feedback-btn{display:flex;align-items:center;gap:8px;padding:12px 32px;background-color:#f0f4f8;border:2px solid #e5e7eb;border-radius:8px;color:#003f7f;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.help-feedback-btn:hover{background-color:#003f7f;border-color:#003f7f;color:#fff;transform:translateY(-2px)}.help-feedback-thanks{padding:16px 32px;background-color:#dcfce7;color:#166534;font-size:16px;font-weight:600;border-radius:8px;display:inline-block}.help-related-section{margin-top:48px;padding-top:32px;border-top:2px solid #f0f4f8}.help-related-title{font-size:24px;font-weight:600;margin-bottom:20px;color:#1a1a1a}.help-related-grid{display:grid;gap:16px}.help-related-card{padding:20px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s}.help-related-card:hover{background-color:#f0f4f8;border-color:#003f7f}.help-related-card-title{font-size:16px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.help-related-card-excerpt{font-size:14px;color:#666;line-height:1.5}.help-loading{text-align:center;padding:60px 20px;font-size:18px;color:#666}.help-no-results{text-align:center;padding:60px 20px}.help-no-results h3{font-size:24px;font-weight:600;margin:20px 0 12px;color:#1a1a1a}.help-no-results p{font-size:16px;color:#666}.help-form{max-width:600px;margin:40px auto 0;background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 8px #00000014}.help-form-group{margin-bottom:24px}.help-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.help-input,.help-select,.help-textarea{width:100%;padding:12px 16px;font-size:16px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;transition:all .3s}.help-input:focus,.help-select:focus,.help-textarea:focus{outline:none;border-color:#003f7f;box-shadow:0 0 0 3px #003f7f1a}.help-textarea{resize:vertical;font-family:inherit}.help-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background-color:#003f7f;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.help-submit-btn:hover{background-color:#002d5c;transform:translateY(-2px);box-shadow:0 4px 12px #003f7f4d}.help-success-message{text-align:center;padding:60px 20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;max-width:600px;margin:40px auto}.help-success-icon{width:80px;height:80px;border-radius:50%;background-color:#dcfce7;color:#166534;font-size:48px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.help-success-message h2{font-size:28px;font-weight:700;margin-bottom:12px;color:#1a1a1a}.help-success-message p{font-size:16px;color:#666;margin-bottom:32px}.help-primary-btn{padding:12px 32px;background-color:#003f7f;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.help-primary-btn:hover{background-color:#002d5c;transform:translateY(-2px);box-shadow:0 4px 12px #003f7f4d}.help-error-message{display:flex;align-items:center;gap:12px;padding:16px;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:24px}@media (max-width: 768px){.help-hero-title{font-size:32px}.help-hero-subtitle{font-size:16px}.help-categories-grid,.help-articles-grid,.help-contact-grid{grid-template-columns:1fr}.help-emergency-banner{flex-direction:column;text-align:center}.help-emergency-btn{width:100%}.help-category-header{flex-direction:column;text-align:center}.help-article-title{font-size:28px}.help-article,.help-form{padding:24px}.help-feedback-buttons{flex-direction:column}.help-feedback-btn{width:100%}}@media (max-width: 480px){.help-hero{padding:60px 16px}.help-hero-title{font-size:28px}.help-content{padding:24px 16px}.help-section-title{font-size:24px}.help-page-title{font-size:28px}}.atm-locator-container{font-family:Open Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background-color:#f5f7fa;color:#333}.atm-locator-header{background:linear-gradient(135deg,#003d7a,#005cb8);color:#fff;padding:2.5rem 2rem;box-shadow:0 2px 8px #0000001a}.tab-button:hover{border-color:#003d7a;color:#003d7a;background:#f9fafb}.tab-button.active{background:#003d7a;border-color:#003d7a;color:#fff}.search-input:focus{outline:none;border-color:#003d7a}.control-select:focus{outline:none;border-color:#003d7a}.search-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#003d7a,#005cb8);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;white-space:nowrap}.search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #003d7a4d}.service-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#003d7a}.location-list{display:flex;flex-direction:column;gap:1rem}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#003d7a;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.location-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.location-card:hover{border-color:#003d7a;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.location-card.selected{border-color:#003d7a;background:#f0f6ff}.location-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.location-title{flex:1}.location-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#111827}.location-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.location-type-badge.atm{background:#dbeafe;color:#1e40af}.location-type-badge.branch{background:#d1fae5;color:#065f46}.location-type-badge.both{background:#fef3c7;color:#92400e}.favorite-btn{width:40px;height:40px;border:2px solid #e5e7eb;border-radius:50%;background:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#d1d5db}.favorite-btn:hover{background:#f9fafb;border-color:gold;color:gold}.favorite-btn.favorited{color:gold;border-color:gold;background:#fffbeb}.location-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.location-details p{margin:0;font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.location-details .icon{font-size:1rem}.location-address{font-weight:500;color:#374151}.location-rating{display:flex;align-items:center;gap:.5rem}.location-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}.action-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.directions-btn{background:#fff;color:#003d7a;border-color:#003d7a}.directions-btn:hover,.details-btn{background:#003d7a;color:#fff}.details-btn:hover{background:#002a5a}.location-details-panel{background:#fff;border-radius:12px;border:2px solid #e5e7eb;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:auto;position:sticky;top:2rem}.phone-number{font-weight:600;color:#003d7a}.service-tag{padding:.5rem .75rem;background:#f0f6ff;color:#003d7a;border-radius:6px;font-size:.75rem;font-weight:600;text-align:center}.primary-btn{background:#003d7a;color:#fff;padding:1rem;border-radius:8px;font-weight:600;text-decoration:none;text-align:center;transition:all .3s ease;border:none;cursor:pointer}.primary-btn:hover{background:#002a5a;transform:translateY(-2px);box-shadow:0 4px 12px #003d7a4d}.secondary-btn{background:#fff;color:#003d7a;padding:1rem;border-radius:8px;font-weight:600;border:2px solid #003d7a;cursor:pointer;transition:all .3s ease}.secondary-btn:hover{background:#f0f6ff}@media (max-width: 1200px){.results-container{grid-template-columns:1fr}.location-details-panel{position:fixed;top:0;right:0;width:450px;height:100vh;max-height:100vh;z-index:1000;border-radius:0;border-right:none;box-shadow:-4px 0 12px #00000026}}@media (max-width: 768px){.atm-locator-header{padding:1.5rem 1rem}.header-content h1{font-size:1.75rem}.header-content p{font-size:1rem}.stats-bar{gap:1.5rem;flex-wrap:wrap}.stat-value{font-size:1.5rem}.search-section{padding:1rem}.search-type-tabs{flex-direction:column}.tab-button{max-width:100%}.search-controls{flex-direction:column}.control-group{min-width:100%}.service-filters{grid-template-columns:1fr}.results-section{padding:1rem}.location-details-panel{width:100%;height:100vh}.location-card{padding:1rem}.location-actions{flex-direction:column}}.location-details-panel::-webkit-scrollbar{width:8px}.location-details-panel::-webkit-scrollbar-track{background:#f1f1f1}.location-details-panel::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.location-details-panel::-webkit-scrollbar-thumb:hover{background:#555}.branch-locator-container{font-family:Open Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background-color:#f5f7fa;color:#333}.branch-locator-header{background:linear-gradient(135deg,#005cb8,#003d7a);color:#fff;padding:2.5rem 2rem;box-shadow:0 2px 8px #0000001a}.header-content{max-width:1400px;margin:0 auto;text-align:center}.header-content h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.5px}.header-content p{font-size:1.1rem;opacity:.95;margin:0;font-weight:300}.stats-bar{display:flex;justify-content:center;gap:3rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.stat-value{font-size:2rem;font-weight:700;color:gold}.stat-label{font-size:.875rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.search-section{background:#fff;border-bottom:1px solid #e5e7eb;padding:2rem}.search-container{max-width:1400px;margin:0 auto}.search-type-tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.tab-button{flex:1;max-width:250px;padding:1rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-button:hover{border-color:#005cb8;color:#005cb8;background:#f9fafb}.tab-button.active{background:#005cb8;border-color:#005cb8;color:#fff}.tab-button .icon{font-size:1.2rem}.search-form{display:flex;flex-direction:column;gap:1.5rem}.search-input-group{width:100%}.search-input{width:100%;padding:1rem 1.5rem;font-size:1rem;border:2px solid #d1d5db;border-radius:8px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#005cb8}.state-city-selectors{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.search-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.control-group{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.875rem;font-weight:600;color:#374151}.control-select{padding:.875rem 1rem;font-size:1rem;border:2px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .3s ease}.control-select:focus{outline:none;border-color:#005cb8}.filter-toggle-btn{padding:.875rem 1.5rem;background:#fff;border:2px solid #d1d5db;border-radius:8px;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.filter-toggle-btn:hover{background:#f9fafb;border-color:#9ca3af}.search-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#005cb8,#003d7a);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;white-space:nowrap}.search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #005cb84d}.search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.filters-panel{padding:1.5rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px}.filters-panel h3{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#374151}.service-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.service-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s ease}.service-checkbox:hover{background:#fff}.service-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#005cb8}.error-message{padding:1rem 1.5rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.results-section{padding:2rem}.results-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:2rem}.branch-list{display:flex;flex-direction:column;gap:1rem}.results-header{margin-bottom:1rem}.results-header h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#005cb8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280;background:#fff;border-radius:12px;border:2px dashed #d1d5db}.empty-state .icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;margin:0 0 .5rem;color:#374151}.branch-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease}.branch-card:hover{border-color:#005cb8;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.branch-card.selected{border-color:#005cb8;background:#f0f6ff}.branch-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.branch-title{flex:1}.branch-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#111827}.military-badge{display:inline-block;padding:.25rem .75rem;background:#fef3c7;color:#92400e;border-radius:20px;font-size:.75rem;font-weight:700;margin-top:.25rem}.military-badge.large{font-size:.875rem;padding:.5rem 1rem;margin-top:.5rem}.branch-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.branch-details p{margin:0;font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.branch-details .icon{font-size:1rem}.branch-address{font-weight:500;color:#374151}.branch-rating{display:flex;align-items:center;gap:.5rem}.rating-stars{color:gold;font-size:1rem}.rating-text{font-size:.875rem;color:#6b7280}.special-services{padding:.75rem;background:#f0f6ff;border-radius:6px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#005cb8;font-weight:500}.branch-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}.action-btn{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.directions-btn{background:#fff;color:#005cb8;border-color:#005cb8}.directions-btn:hover,.details-btn{background:#005cb8;color:#fff}.details-btn:hover{background:#003d7a}.appointment-btn{background:#10b981;color:#fff;border-color:#10b981}.appointment-btn:hover{background:#059669}.branch-details-panel{background:#fff;border-radius:12px;border:2px solid #e5e7eb;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:auto;position:sticky;top:2rem}.details-header{padding:1.5rem;border-bottom:2px solid #e5e7eb;position:relative}.details-header h2{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:#111827;padding-right:2rem}.close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#6b7280}.close-btn:hover{background:#e5e7eb;color:#111827}.details-content{padding:1.5rem}.details-section{margin-bottom:2rem}.details-section:last-child{margin-bottom:0}.details-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:#111827}.details-section p{margin:.5rem 0;color:#374151;line-height:1.6}.phone-number{font-weight:600;color:#005cb8}.appointment-required{color:#dc2626;font-weight:600}.hours-list{display:flex;flex-direction:column;gap:.5rem}.hours-row{display:flex;justify-content:space-between;padding:.75rem;background:#f9fafb;border-radius:6px;font-size:.875rem}.hours-row.current-day{background:#dbeafe;font-weight:600}.day-name{color:#374151;text-transform:capitalize}.day-hours{color:#6b7280}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.service-tag{padding:.5rem .75rem;background:#f0f6ff;color:#005cb8;border-radius:6px;font-size:.75rem;font-weight:600;text-align:center}.amenities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.amenity-tag{padding:.5rem .75rem;background:#f3f4f6;color:#374151;border-radius:6px;font-size:.75rem;font-weight:600;text-align:center}.features-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.feature-item{padding:.75rem;background:#f9fafb;border-radius:6px;font-size:.875rem;color:#374151}.military-section{background:#fef3c7;padding:1rem;border-radius:8px;border:2px solid #fcd34d}.military-section h3{color:#92400e}.military-section p{color:#78350f}.details-actions{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:#f9fafb;border-radius:8px;margin-top:1rem}.primary-btn{background:#005cb8;color:#fff;padding:1rem;border-radius:8px;font-weight:600;text-decoration:none;text-align:center;transition:all .3s ease;border:none;cursor:pointer}.primary-btn:hover{background:#003d7a;transform:translateY(-2px);box-shadow:0 4px 12px #005cb84d}.secondary-btn{background:#10b981;color:#fff;padding:1rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.secondary-btn:hover{background:#059669}.reviews-section{border-top:2px solid #e5e7eb;padding-top:1.5rem;margin-top:1.5rem}.reviews-list{display:flex;flex-direction:column;gap:1rem}.review-card{padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.review-author{font-weight:600;color:#111827;font-size:.875rem}.review-rating{color:gold;font-size:.875rem}.review-comment{margin:.75rem 0;color:#374151;font-size:.875rem;line-height:1.6}.review-date{font-size:.75rem;color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.appointment-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{padding:1.5rem;border-bottom:2px solid #e5e7eb;position:relative}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#111827;padding-right:2rem}.modal-content{padding:1.5rem}.branch-info-summary{padding:1rem;background:#f0f6ff;border-radius:8px;margin-bottom:1.5rem}.branch-info-summary h3{margin:0 0 .25rem;font-size:1.125rem;color:#005cb8}.branch-info-summary p{margin:0;color:#6b7280;font-size:.875rem}.appointment-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.form-input,.form-select,.form-textarea{padding:.875rem;font-size:1rem;border:2px solid #d1d5db;border-radius:8px;font-family:inherit;transition:border-color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#005cb8}.form-textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-btn{flex:1;padding:1rem;background:#fff;color:#6b7280;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.submit-btn{flex:1;padding:1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}@media (max-width: 1200px){.results-container{grid-template-columns:1fr}.branch-details-panel{position:fixed;top:0;right:0;width:450px;height:100vh;max-height:100vh;z-index:1000;border-radius:0;border-right:none;box-shadow:-4px 0 12px #00000026}}@media (max-width: 768px){.branch-locator-header{padding:1.5rem 1rem}.header-content h1{font-size:1.75rem}.header-content p{font-size:1rem}.stats-bar{gap:1.5rem;flex-wrap:wrap}.stat-value{font-size:1.5rem}.search-section{padding:1rem}.search-type-tabs{flex-direction:column}.tab-button{max-width:100%}.state-city-selectors{grid-template-columns:1fr}.search-controls{flex-direction:column}.control-group{min-width:100%}.service-filters{grid-template-columns:1fr}.results-section{padding:1rem}.branch-details-panel{width:100%;height:100vh}.branch-card{padding:1rem}.branch-actions{grid-template-columns:1fr}.appointment-modal{max-width:100%;height:100vh;border-radius:0}}.branch-details-panel::-webkit-scrollbar,.appointment-modal::-webkit-scrollbar{width:8px}.branch-details-panel::-webkit-scrollbar-track,.appointment-modal::-webkit-scrollbar-track{background:#f1f1f1}.branch-details-panel::-webkit-scrollbar-thumb,.appointment-modal::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.branch-details-panel::-webkit-scrollbar-thumb:hover,.appointment-modal::-webkit-scrollbar-thumb:hover{background:#555}:root{--nfcu-navy: #003b5c;--nfcu-blue: #0066b3;--nfcu-light-blue: #e6f2f8;--nfcu-gold: #f9b233;--nfcu-dark-gold: #d89b2a;--nfcu-green: #28a745;--nfcu-red: #dc3545;--nfcu-orange: #fd7e14;--nfcu-gray: #6c757d;--nfcu-light-gray: #f8f9fa;--nfcu-border: #dee2e6;--nfcu-shadow: rgba(0, 59, 92, .1);--nfcu-hover: rgba(0, 59, 92, .05)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--nfcu-light-gray);color:#333;line-height:1.6}.mobile-banking-container{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh}.banking-header{background:linear-gradient(135deg,var(--nfcu-navy) 0%,var(--nfcu-blue) 100%);color:#fff;padding:20px 30px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 12px var(--nfcu-shadow)}.header-top{display:flex;justify-content:space-between;align-items:center}.banking-header h1{font-size:28px;font-weight:600;margin:0}.header-actions{display:flex;gap:15px;align-items:center}.alert-btn{position:relative;background:#fff3;border:none;color:#fff;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.alert-btn:hover{background:#ffffff4d;transform:scale(1.05)}.alert-badge{position:absolute;top:-5px;right:-5px;background:var(--nfcu-red);color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.banking-tabs{display:flex;gap:10px;background:#fff;padding:10px;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 8px var(--nfcu-shadow);overflow-x:auto}.tab-btn{flex:1;min-width:120px;padding:12px 20px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--nfcu-navy);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:5px}.tab-btn:hover{background:var(--nfcu-light-blue)}.tab-btn.active{background:var(--nfcu-navy);color:#fff}.tab-icon{font-size:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:24px;color:var(--nfcu-navy);font-weight:600}.total-balance{font-size:20px;font-weight:600;color:var(--nfcu-blue)}.add-btn{background:var(--nfcu-gold);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-btn:hover{background:var(--nfcu-dark-gold);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.accounts-section{margin-bottom:30px}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.account-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px var(--nfcu-shadow);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.account-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px var(--nfcu-shadow)}.account-card.selected{border-color:var(--nfcu-blue);box-shadow:0 4px 12px #0066b333}.account-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.account-icon{font-size:32px;background:var(--nfcu-light-blue);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px}.account-info{flex:1}.account-info h3{font-size:18px;color:var(--nfcu-navy);margin-bottom:4px}.account-number{font-size:13px;color:var(--nfcu-gray)}.primary-badge{background:var(--nfcu-gold);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.account-balance{margin-bottom:20px}.balance-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--nfcu-border)}.balance-item:last-child{border-bottom:none}.balance-item.pending{opacity:.7}.balance-label{font-size:13px;color:var(--nfcu-gray)}.balance-amount{font-size:20px;font-weight:600;color:var(--nfcu-navy)}.account-actions{display:flex;gap:10px}.action-btn-small{flex:1;padding:8px 16px;background:var(--nfcu-light-blue);color:var(--nfcu-blue);border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn-small:hover{background:var(--nfcu-blue);color:#fff}.quick-actions{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px var(--nfcu-shadow)}.quick-actions h3{font-size:20px;color:var(--nfcu-navy);margin-bottom:20px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:var(--nfcu-light-blue);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:var(--nfcu-navy)}.quick-action-btn:hover{background:var(--nfcu-blue);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #0066b34d}.action-icon{font-size:32px}.transactions-section,.transfers-section,.bills-section,.deposits-section,.analytics-section,.alerts-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px var(--nfcu-shadow)}.account-selector{padding:8px 15px;border:1px solid var(--nfcu-border);border-radius:6px;font-size:14px;color:var(--nfcu-navy);background:#fff;cursor:pointer}.transactions-list,.transfers-list,.bills-list,.deposits-list,.alerts-list{display:flex;flex-direction:column;gap:15px}.transaction-item,.transfer-item,.bill-item,.deposit-item,.alert-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--nfcu-light-gray);border-radius:10px;transition:all .3s ease;cursor:pointer}.transaction-item:hover,.transfer-item:hover,.bill-item:hover,.deposit-item:hover,.alert-item:hover{background:var(--nfcu-light-blue);transform:translate(5px)}.transaction-icon{font-size:28px;margin-right:15px}.transaction-details,.transfer-details,.bill-details,.deposit-details,.alert-content{flex:1}.transaction-details h4,.transfer-details h4,.bill-details h4,.deposit-details h4,.alert-content h4{font-size:16px;color:var(--nfcu-navy);margin-bottom:5px}.transaction-date,.transfer-date,.bill-date,.deposit-date,.alert-date,.transfer-description,.bill-category,.check-number{font-size:13px;color:var(--nfcu-gray);margin-bottom:8px}.transaction-status,.transfer-status,.bill-status,.deposit-status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-pending{background:#fff3cd;color:#856404}.status-processing{background:#cfe2ff;color:#084298}.status-completed,.status-approved{background:#d1e7dd;color:#0f5132}.status-failed,.status-cancelled,.status-rejected{background:#f8d7da;color:#842029}.transaction-amount,.transfer-amount,.bill-amount,.deposit-amount{font-size:18px;font-weight:600;text-align:right}.transaction-amount .positive{color:var(--nfcu-green)}.transaction-amount .negative{color:var(--nfcu-red)}.alert-item.unread{background:var(--nfcu-light-blue);border-left:4px solid var(--nfcu-blue);font-weight:500}.alert-item.read{opacity:.7}.alert-item.priority-high{border-left-color:var(--nfcu-red)}.alert-item.priority-medium{border-left-color:var(--nfcu-orange)}.alert-item.priority-low{border-left-color:var(--nfcu-blue)}.unread-indicator{width:12px;height:12px;background:var(--nfcu-blue);border-radius:50%}.unread-count{background:var(--nfcu-red);color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.analytics-summary{margin-bottom:30px}.summary-card{background:linear-gradient(135deg,var(--nfcu-navy) 0%,var(--nfcu-blue) 100%);color:#fff;padding:30px;border-radius:12px;text-align:center}.summary-card h3{font-size:16px;margin-bottom:10px;opacity:.9}.summary-amount{font-size:36px;font-weight:700}.category-breakdown h3{font-size:20px;color:var(--nfcu-navy);margin-bottom:20px}.categories-list{display:flex;flex-direction:column;gap:15px}.category-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--nfcu-light-gray);border-radius:8px}.category-info{display:flex;flex-direction:column;gap:5px}.category-name{font-size:16px;font-weight:600;color:var(--nfcu-navy);text-transform:capitalize}.category-count{font-size:13px;color:var(--nfcu-gray)}.category-amount{font-size:18px;font-weight:600;color:var(--nfcu-red)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px;border-bottom:2px solid var(--nfcu-border)}.modal-header h2{font-size:22px;color:var(--nfcu-navy)}.close-btn{background:none;border:none;font-size:28px;color:var(--nfcu-gray);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:var(--nfcu-light-gray);color:var(--nfcu-navy)}.transfer-form,.bill-pay-form,.deposit-form{padding:25px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--nfcu-navy);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:2px solid var(--nfcu-border);border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--nfcu-blue);box-shadow:0 0 0 3px #0066b31a}.form-group input[type=file]{padding:10px;cursor:pointer}.file-name{display:block;font-size:13px;color:var(--nfcu-gray);margin-top:8px}.deposit-info{background:var(--nfcu-light-blue);padding:15px;border-radius:8px;margin-bottom:20px}.deposit-info p{font-size:14px;font-weight:600;color:var(--nfcu-navy);margin-bottom:10px}.deposit-info ul{list-style-position:inside;font-size:13px;color:var(--nfcu-gray);padding-left:10px}.deposit-info li{margin-bottom:5px}.modal-actions{display:flex;gap:15px;margin-top:25px}.btn-cancel,.btn-submit{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:var(--nfcu-light-gray);color:var(--nfcu-navy)}.btn-cancel:hover:not(:disabled){background:var(--nfcu-border)}.btn-submit{background:var(--nfcu-gold);color:#fff}.btn-submit:hover:not(:disabled){background:var(--nfcu-dark-gold);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:50px;height:50px;border:4px solid var(--nfcu-light-blue);border-top-color:var(--nfcu-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.loading-state p{color:var(--nfcu-gray);font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state .icon{font-size:64px;margin-bottom:20px;opacity:.4}.empty-state h3{font-size:20px;color:var(--nfcu-navy);margin-bottom:10px}.empty-state p{color:var(--nfcu-gray);font-size:14px}.error-message{background:#f8d7da;color:#842029;padding:12px 15px;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--nfcu-red);font-size:14px}.error-banner{position:fixed;top:20px;right:20px;background:var(--nfcu-red);color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;align-items:center;gap:15px;z-index:2000;max-width:400px;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-banner button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.transfer-type-selector{display:flex;gap:10px;margin-bottom:15px}.type-btn{flex:1;padding:12px;background:#f3f4f6;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.type-btn:hover{background:#e5e7eb}.type-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.external-transfer-info{background:#eff6ff;border-left:4px solid #2563eb;padding:12px;border-radius:4px;margin:15px 0}.external-transfer-info p{margin:5px 0;font-size:13px;color:#1e40af}.form-group small{display:block;margin-top:5px;font-size:12px;color:#6b7280}.form-select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .2s}.form-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-select:hover{border-color:#9ca3af}.form-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input[readonly]{background-color:#f3f4f6;cursor:not-allowed}.bank-info{display:block;margin-top:8px;padding:8px;background:#ecfdf5;border-left:3px solid #10b981;color:#065f46;font-size:13px;font-weight:500;border-radius:4px}.transfer-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.type-btn{padding:14px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.type-btn:hover{background:#f3f4f6;border-color:#d1d5db}.type-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 6px -1px #2563eb4d}.external-transfer-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #2563eb;padding:16px;border-radius:8px;margin:20px 0}.external-transfer-info p{margin:8px 0;font-size:13px;color:#1e40af;line-height:1.5}.external-transfer-info p strong{color:#1e3a8a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-group small{display:block;margin-top:6px;font-size:12px;color:#6b7280;line-height:1.4}.modal-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-submit{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-submit{background:#2563eb;color:#fff}.btn-submit:hover{background:#1d4ed8;box-shadow:0 4px 6px -1px #2563eb66}.btn-submit:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.mobile-banking-container{padding:10px}.banking-header{padding:15px 20px}.banking-header h1{font-size:22px}.banking-tabs{gap:5px;padding:5px}.tab-btn{min-width:90px;padding:10px 12px;font-size:12px}.tab-icon{font-size:18px}.accounts-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.section-header,.transaction-item,.transfer-item,.bill-item,.deposit-item{flex-direction:column;align-items:flex-start;gap:10px}.transaction-amount,.transfer-amount,.bill-amount,.deposit-amount{align-self:flex-end}.modal-content{margin:10px;max-height:95vh}.modal-actions{flex-direction:column}}@media (max-width: 480px){.banking-header h1{font-size:18px}.alert-btn{width:40px;height:40px;font-size:20px}.actions-grid{grid-template-columns:1fr}.account-header{flex-wrap:wrap}.primary-badge{width:100%;text-align:center}}:root{--navy-primary: #003b5c;--navy-secondary: #005587;--navy-accent: #0066a1;--navy-light: #e8f1f7;--navy-hover: #004d73;--gold-accent: #c9a961;--gold-light: #f4e9d3;--success: #28a745;--success-light: #d4edda;--warning: #ffc107;--warning-light: #fff3cd;--danger: #dc3545;--danger-light: #f8d7da;--info: #17a2b8;--info-light: #d1ecf1;--text-primary: #212529;--text-secondary: #6c757d;--text-light: #ffffff;--border-color: #dee2e6;--border-radius: 8px;--border-radius-lg: 12px;--box-shadow: 0 2px 8px rgba(0, 59, 92, .1);--box-shadow-lg: 0 4px 16px rgba(0, 59, 92, .15);--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}.loan-calculator-container{min-height:100vh;background:linear-gradient(135deg,#e8f1f7,#fff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-primary);padding-bottom:60px}.loan-calculator-header{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-secondary) 100%);color:var(--text-light);padding:30px 20px;box-shadow:var(--box-shadow-lg);border-bottom:4px solid var(--gold-accent)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px}.header-icon{width:48px;height:48px;color:var(--gold-accent);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.header-content h1{font-size:28px;font-weight:600;margin-bottom:5px;letter-spacing:.5px}.header-content p{font-size:14px;opacity:.9;color:var(--gold-light)}.loan-tabs{max-width:1200px;margin:0 auto;display:flex;gap:8px;padding:20px 20px 0;overflow-x:auto}.loan-tab{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:#fff;border:2px solid var(--border-color);border-bottom:none;border-radius:var(--border-radius) var(--border-radius) 0 0;cursor:pointer;font-size:15px;font-weight:500;color:var(--text-secondary);transition:var(--transition);position:relative}.loan-tab:hover{background:var(--navy-light);color:var(--navy-primary);border-color:var(--navy-accent)}.loan-tab.active{background:var(--navy-primary);color:#fff;border-color:var(--navy-primary);box-shadow:0 -2px 8px #003b5c26}.loan-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:var(--gold-accent)}.calculator-content,.comparison-content,.myloans-content{max-width:1200px;margin:0 auto;padding:30px 20px}.loan-type-section{background:#fff;padding:30px;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);margin-bottom:30px}.loan-type-section h2{color:var(--navy-primary);font-size:22px;margin-bottom:20px;font-weight:600;display:flex;align-items:center;gap:10px}.loan-type-section h2:before{content:"";width:4px;height:24px;background:var(--gold-accent);border-radius:2px}.loan-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.loan-type-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:20px;cursor:pointer;transition:var(--transition);text-align:center}.loan-type-card:hover{border-color:var(--navy-accent);box-shadow:var(--box-shadow);transform:translateY(-2px)}.loan-type-card.active{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-secondary) 100%);border-color:var(--navy-primary);color:#fff;box-shadow:var(--box-shadow-lg);transform:scale(1.02)}.loan-type-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.loan-type-card p{font-size:13px;opacity:.8;margin-bottom:10px}.loan-type-card.active h3,.loan-type-card.active p{color:#fff}.rate-badge{display:inline-block;background:var(--gold-accent);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.loan-type-card.active .rate-badge{background:var(--gold-light);color:var(--navy-primary)}.calculator-inputs{background:#fff;padding:30px;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);margin-bottom:30px}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.input-group{display:flex;flex-direction:column;gap:12px}.input-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--navy-primary);font-size:15px}.input-group label svg{color:var(--navy-accent)}.slider{width:100%;height:8px;background:var(--navy-light);border-radius:10px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--navy-primary);border:3px solid var(--gold-accent);border-radius:50%;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition)}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 8px #003b5c1a}.slider::-moz-range-thumb{width:20px;height:20px;background:var(--navy-primary);border:3px solid var(--gold-accent);border-radius:50%;cursor:pointer;-moz-transition:var(--transition);transition:var(--transition)}.slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 8px #003b5c1a}.input-display{display:flex;align-items:center;gap:8px;background:var(--navy-light);padding:12px 16px;border-radius:var(--border-radius);border:2px solid transparent;transition:var(--transition)}.input-display:focus-within{border-color:var(--navy-accent);background:#fff}.input-display input{flex:1;border:none;background:transparent;font-size:18px;font-weight:600;color:var(--navy-primary);outline:none}.input-display .percentage,.input-display .unit{color:var(--text-secondary);font-size:14px;font-weight:500}.input-range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.term-type-toggle{display:flex;gap:8px;background:var(--navy-light);padding:4px;border-radius:var(--border-radius)}.term-type-toggle button{flex:1;padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;color:var(--text-secondary);transition:var(--transition)}.term-type-toggle button.active{background:var(--navy-primary);color:#fff;box-shadow:0 2px 4px #003b5c33}.results-summary{background:#fff;padding:30px;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);margin-bottom:30px}.results-summary h2{color:var(--navy-primary);font-size:22px;margin-bottom:20px;font-weight:600;display:flex;align-items:center;gap:10px}.results-summary h2:before{content:"";width:4px;height:24px;background:var(--gold-accent);border-radius:2px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.summary-card{background:linear-gradient(135deg,var(--navy-light) 0%,white 100%);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:24px;display:flex;align-items:center;gap:16px;transition:var(--transition)}.summary-card:hover{box-shadow:var(--box-shadow);transform:translateY(-2px)}.summary-card.primary{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-secondary) 100%);color:#fff;border-color:var(--navy-primary);box-shadow:var(--box-shadow-lg)}.summary-icon{font-size:36px;line-height:1}.summary-card.primary .summary-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.summary-details{display:flex;flex-direction:column;gap:4px;flex:1}.summary-label{font-size:13px;font-weight:500;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.summary-card.primary .summary-label{color:var(--gold-light)}.summary-value{font-size:24px;font-weight:700;color:var(--navy-primary)}.summary-card.primary .summary-value{color:#fff}.charts-section{margin-bottom:30px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.chart-card{background:#fff;padding:30px;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow)}.chart-card h3{color:var(--navy-primary);font-size:18px;margin-bottom:20px;font-weight:600;padding-bottom:12px;border-bottom:2px solid var(--navy-light)}.action-buttons{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.btn-save,.btn-apply,.btn-primary,.btn-secondary{flex:1;min-width:200px;padding:14px 28px;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:var(--transition)}.btn-save{background:#fff;color:var(--navy-primary);border:2px solid var(--navy-primary)}.btn-save:hover{background:var(--navy-light);transform:translateY(-2px);box-shadow:var(--box-shadow)}.btn-apply,.btn-primary{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-secondary) 100%);color:#fff;box-shadow:var(--box-shadow)}.btn-apply:hover,.btn-primary:hover{background:linear-gradient(135deg,var(--navy-secondary) 0%,var(--navy-accent) 100%);transform:translateY(-2px);box-shadow:var(--box-shadow-lg)}.btn-apply:disabled,.btn-primary:disabled{background:var(--border-color);cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:var(--text-secondary);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--navy-light);border-color:var(--navy-accent);color:var(--navy-primary)}.amortization-section{background:#fff;padding:30px;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow)}.amortization-section h2{color:var(--navy-primary);font-size:22px;margin-bottom:20px;font-weight:600;display:flex;align-items:center;gap:10px}.amortization-section h2:before{content:"";width:4px;height:24px;background:var(--gold-accent);border-radius:2px}.amortization-table-container{overflow-x:auto;border-radius:var(--border-radius);border:2px solid var(--border-color)}.amortization-table{width:100%;border-collapse:collapse;font-size:14px}.amortization-table thead{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-secondary) 100%);color:#fff}.amortization-table th{padding:16px;text-align:left;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.amortization-table tbody tr{border-bottom:1px solid var(--border-color);transition:var(--transition)}.amortization-table tbody tr:hover{background:var(--navy-light)}.amortization-table tbody tr:last-child{border-bottom:none}.amortization-table td{padding:14px 16px;color:var(--text-primary)}.amortization-table tbody tr:nth-child(2n){background:#f8f9fa}.amortization-table tbody tr:nth-child(2n):hover{background:var(--navy-light)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state svg{color:var(--navy-accent);opacity:.3;margin-bottom:20px}.empty-state h3{font-size:20px;color:var(--navy-primary);margin-bottom:10px}.empty-state p{font-size:14px}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.scenario-card{background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition)}.scenario-card:hover{border-color:var(--navy-accent);box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}.scenario-header{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-secondary) 100%);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.scenario-header h3{font-size:18px;font-weight:600}.btn-delete{background:#fff3;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-delete:hover{background:var(--danger);transform:scale(1.1)}.scenario-details{padding:20px;display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-row.highlight{background:var(--gold-light);padding:12px;border-radius:var(--border-radius);border:2px solid var(--gold-accent);margin:8px 0}.detail-row span{color:var(--text-secondary);font-size:14px}.detail-row strong{color:var(--navy-primary);font-size:16px;font-weight:600}.scenario-footer{padding:15px 20px;background:var(--navy-light);border-top:1px solid var(--border-color)}.scenario-footer small{color:var(--text-secondary);font-size:12px}.loans-list{display:flex;flex-direction:column;gap:20px}.loan-card{background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition)}.loan-card:hover{border-color:var(--navy-accent);box-shadow:var(--box-shadow-lg)}.loan-header{background:linear-gradient(135deg,var(--navy-light) 0%,white 100%);padding:20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--border-color)}.loan-header h3{font-size:20px;color:var(--navy-primary);font-weight:600;margin-bottom:5px}.loan-purpose{color:var(--text-secondary);font-size:14px}.status-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:var(--warning-light);color:#856404}.status-approved{background:var(--info-light);color:#0c5460}.status-active{background:var(--success-light);color:#155724}.status-paid-off{background:var(--navy-light);color:var(--navy-primary)}.status-defaulted,.status-rejected{background:var(--danger-light);color:#721c24}.loan-details{padding:25px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.detail-value{font-size:18px;color:var(--navy-primary);font-weight:700}.loan-progress{padding:20px 25px;background:var(--navy-light);border-top:2px solid var(--border-color)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:var(--text-secondary);font-weight:600}.progress-bar{width:100%;height:12px;background:#fff;border-radius:10px;overflow:hidden;border:2px solid var(--border-color)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--navy-primary) 0%,var(--navy-accent) 100%);transition:width .5s ease;box-shadow:inset 0 2px 4px #0000001a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#003b5cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #003b5c4d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-secondary) 100%);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.modal-header h2{font-size:22px;font-weight:600}.modal-close{background:#fff3;color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:30px}.loan-summary-preview{background:var(--navy-light);padding:20px;border-radius:var(--border-radius);margin-bottom:25px;border:2px solid var(--navy-accent)}.loan-summary-preview h3{color:var(--navy-primary);font-size:16px;font-weight:600;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-color)}.summary-row:last-child{border-bottom:none}.summary-row span{color:var(--text-secondary);font-size:14px}.summary-row strong{color:var(--navy-primary);font-size:16px;font-weight:600}.application-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--navy-primary);font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:15px;color:var(--text-primary);transition:var(--transition);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--navy-accent);background:var(--navy-light);box-shadow:0 0 0 4px #0066a11a}.form-group input::-moz-placeholder{color:var(--text-secondary);opacity:.6}.form-group input::placeholder{color:var(--text-secondary);opacity:.6}.modal-footer{padding:20px 30px;background:var(--navy-light);display:flex;gap:12px;justify-content:flex-end;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);border-top:2px solid var(--border-color)}.modal-footer button{padding:12px 32px;border:none;border-radius:var(--border-radius);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition)}.error-banner{position:fixed;top:20px;right:20px;background:var(--danger);color:#fff;padding:16px 20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);display:flex;align-items:center;gap:15px;z-index:1001;max-width:400px;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-banner button{background:#fff3;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.error-banner button:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width: 1024px){.chart-grid,.input-grid{grid-template-columns:1fr}}@media (max-width: 768px){.loan-calculator-header{padding:20px 15px}.header-content h1{font-size:22px}.header-icon{width:36px;height:36px}.loan-tabs{padding:15px 15px 0;gap:5px}.loan-tab{min-width:100px;padding:10px 12px;font-size:13px}.loan-tab span{display:none}.loan-tab.active span{display:inline}.calculator-content,.comparison-content,.myloans-content,.loan-type-section,.calculator-inputs,.results-summary,.amortization-section{padding:20px 15px}.loan-type-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.summary-grid,.scenarios-grid,.detail-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-save,.btn-apply,.btn-primary,.btn-secondary{min-width:100%}.modal-content{margin:10px;max-height:95vh}.modal-body{padding:20px 15px}.modal-footer{padding:15px;flex-direction:column}.modal-footer button{width:100%}.error-banner{left:10px;right:10px;max-width:calc(100% - 20px)}}@media (max-width: 480px){.header-content{gap:12px}.header-content h1{font-size:18px}.header-content p{font-size:12px}.loan-type-section h2,.results-summary h2,.amortization-section h2{font-size:18px}.summary-value{font-size:20px}.summary-icon{font-size:28px}.loan-type-card{padding:15px}.loan-type-card h3{font-size:14px}.loan-type-card p{font-size:11px}.amortization-table{font-size:12px}.amortization-table th,.amortization-table td{padding:10px 8px}}@media print{.loan-calculator-header,.loan-tabs,.action-buttons,.modal-overlay,.error-banner{display:none}.calculator-content,.comparison-content,.myloans-content{padding:0}.loan-type-section,.calculator-inputs,.results-summary,.charts-section,.amortization-section{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid #000}}*:focus-visible{outline:3px solid var(--navy-accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-apply:disabled:after,.btn-primary:disabled:after{content:"";width:16px;height:16px;border:2px solid white;border-top-color:transparent;border-radius:50%;display:inline-block;margin-left:8px;animation:spin .6s linear infinite}html{scroll-behavior:smooth}.amortization-table-container{scrollbar-width:thin;scrollbar-color:var(--navy-accent) var(--navy-light)}.amortization-table-container::-webkit-scrollbar{height:8px}.amortization-table-container::-webkit-scrollbar-track{background:var(--navy-light);border-radius:4px}.amortization-table-container::-webkit-scrollbar-thumb{background:var(--navy-accent);border-radius:4px}.amortization-table-container::-webkit-scrollbar-thumb:hover{background:var(--navy-primary)}.loan-type-card,.summary-card,.scenario-card,.loan-card,.btn-save,.btn-apply,.btn-primary,.btn-secondary{will-change:transform}:root{--navy-primary: #003366;--navy-secondary: #005288;--navy-accent: #FFB612;--navy-light: #F5F7FA;--navy-dark: #001F3F;--success: #10b981;--error: #ef4444;--warning: #f59e0b}.fin-edu-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.fin-edu-spinner{width:48px;height:48px;border:4px solid var(--navy-light);border-top-color:var(--navy-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fin-edu-container{max-width:1400px;margin:0 auto;padding:2rem 1rem;background-color:#fff}.fin-edu-header{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-secondary) 100%);color:#fff;padding:3rem 2rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 4px 6px #0033661a}.fin-edu-header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.fin-edu-header h1{display:flex;align-items:center;gap:1rem;margin:0 0 .5rem;font-size:2rem;font-weight:700}.fin-edu-header p{margin:0;opacity:.9;font-size:1.1rem}.fin-edu-user-stats{display:flex;gap:2rem}.fin-edu-stat{display:flex;align-items:center;gap:.75rem;background:#ffffff26;padding:1rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fin-edu-stat strong{display:block;font-size:1.25rem;margin-bottom:.25rem}.fin-edu-stat span{display:block;font-size:.875rem;opacity:.9}.fin-edu-search-bar{position:relative;margin-bottom:2rem}.fin-edu-search-bar svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280}.fin-edu-search-bar input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid var(--navy-light);border-radius:12px;font-size:1rem;transition:all .3s ease}.fin-edu-search-bar input:focus{outline:none;border-color:var(--navy-primary);box-shadow:0 0 0 3px #0033661a}.fin-edu-categories{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--navy-light)}.fin-edu-category-chip{padding:.625rem 1.25rem;border:2px solid var(--navy-light);background:#fff;border-radius:24px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:var(--navy-dark)}.fin-edu-category-chip:hover{border-color:var(--navy-primary);background:var(--navy-light)}.fin-edu-category-chip.active{background:var(--navy-primary);color:#fff;border-color:var(--navy-primary)}.fin-edu-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--navy-light);padding:.5rem;border-radius:12px}.fin-edu-tab{display:flex;align-items:center;gap:.5rem;flex:1;padding:1rem;border:none;background:transparent;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:var(--navy-dark);justify-content:center}.fin-edu-tab:hover{background:#0033661a}.fin-edu-tab.active{background:#fff;color:var(--navy-primary);box-shadow:0 2px 4px #0000001a}.fin-edu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.fin-edu-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid var(--navy-light)}.fin-edu-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00336626}.fin-edu-card-image{width:100%;height:200px;overflow:hidden}.fin-edu-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fin-edu-card-content{padding:1.5rem}.fin-edu-card-badges{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.fin-edu-category-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.fin-edu-category-badge.budgeting{background:#dbeafe;color:#1e40af}.fin-edu-category-badge.saving{background:#d1fae5;color:#065f46}.fin-edu-category-badge.credit{background:#fef3c7;color:#92400e}.fin-edu-category-badge.investing{background:#ede9fe;color:#5b21b6}.fin-edu-category-badge.loans{background:#fce7f3;color:#9f1239}.fin-edu-category-badge.insurance{background:#dbeafe;color:#1e3a8a}.fin-edu-category-badge.retirement{background:#e0e7ff;color:#3730a3}.fin-edu-category-badge.debt.management{background:#fee2e2;color:#991b1b}.fin-edu-difficulty-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.difficulty-beginner{background:#d1fae5;color:#065f46}.difficulty-intermediate{background:#fef3c7;color:#92400e}.difficulty-advanced{background:#fee2e2;color:#991b1b}.fin-edu-card h3{margin:0 0 .75rem;font-size:1.25rem;color:var(--navy-dark);line-height:1.4}.fin-edu-card p{margin:0 0 1rem;color:#4b5563;line-height:1.6}.fin-edu-card-meta{display:flex;gap:1rem;align-items:center;font-size:.875rem;color:#6b7280;margin-bottom:1rem}.fin-edu-card-meta span{display:flex;align-items:center;gap:.375rem}.fin-edu-completed{color:var(--success)!important;font-weight:600}.fin-edu-read-btn{width:100%;padding:.875rem;background:var(--navy-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.fin-edu-read-btn:hover{background:var(--navy-secondary);transform:translateY(-2px)}.fin-edu-quiz-info{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.fin-edu-quiz-info span{display:flex;align-items:center;gap:.375rem}.fin-edu-article-detail{max-width:800px;margin:0 auto}.fin-edu-back-btn{margin-bottom:2rem;padding:.75rem 1.5rem;background:var(--navy-light);color:var(--navy-primary);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.fin-edu-back-btn:hover{background:var(--navy-primary);color:#fff}.fin-edu-article-header{display:flex;gap:.75rem;margin-bottom:1.5rem}.fin-edu-article-detail h1{font-size:2.5rem;color:var(--navy-dark);margin:0 0 1.5rem;line-height:1.3}.fin-edu-article-meta{display:flex;gap:1.5rem;align-items:center;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:2px solid var(--navy-light);color:#6b7280}.fin-edu-article-meta span{display:flex;align-items:center;gap:.5rem}.fin-edu-article-image{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:12px;margin-bottom:2rem}.fin-edu-article-content{font-size:1.125rem;line-height:1.8;color:#374151;margin-bottom:3rem}.fin-edu-article-actions{display:flex;gap:1rem;flex-wrap:wrap}.fin-edu-action-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:2px solid var(--navy-primary);background:#fff;color:var(--navy-primary);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.fin-edu-action-btn:hover{background:var(--navy-light)}.fin-edu-action-btn.primary{background:var(--navy-primary);color:#fff}.fin-edu-action-btn.primary:hover{background:var(--navy-secondary)}.fin-edu-action-btn:disabled{opacity:.5;cursor:not-allowed}.fin-edu-quiz-detail{max-width:900px;margin:0 auto}.fin-edu-quiz-header{margin-bottom:2rem}.fin-edu-quiz-header h1{font-size:2rem;color:var(--navy-dark);margin:0 0 1rem}.fin-edu-questions{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.fin-edu-question-card{background:#fff;padding:2rem;border-radius:12px;border:2px solid var(--navy-light)}.fin-edu-question-card h3{color:var(--navy-primary);margin:0 0 1rem;font-size:1.125rem}.fin-edu-question-text{font-size:1.125rem;color:var(--navy-dark);margin-bottom:1.5rem;font-weight:500}.fin-edu-options{display:flex;flex-direction:column;gap:.75rem}.fin-edu-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border:2px solid var(--navy-light);border-radius:8px;cursor:pointer;transition:all .3s ease}.fin-edu-option:hover{border-color:var(--navy-primary);background:var(--navy-light)}.fin-edu-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--navy-primary)}.fin-edu-option input[type=radio]:checked+span{font-weight:600;color:var(--navy-primary)}.fin-edu-submit-btn{width:100%;padding:1.25rem;background:var(--navy-primary);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease}.fin-edu-submit-btn:hover{background:var(--navy-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #0033664d}.fin-edu-submit-btn:disabled{opacity:.5;cursor:not-allowed}.fin-edu-quiz-results{margin-top:2rem}.fin-edu-score{text-align:center;padding:3rem;background:#fff;border-radius:16px;margin-bottom:2rem;border:3px solid var(--navy-light)}.fin-edu-score.passed{border-color:var(--success);background:linear-gradient(to bottom,#f0fdf4,#fff)}.fin-edu-score.failed{border-color:var(--error);background:linear-gradient(to bottom,#fef2f2,#fff)}.fin-edu-score svg{margin-bottom:1rem}.fin-edu-score h2{font-size:2.5rem;margin:0 0 1rem}.fin-edu-score.passed h2{color:var(--success)}.fin-edu-score.failed h2{color:var(--error)}.fin-edu-results-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.fin-edu-result-card{padding:1.5rem;border-radius:12px;border:2px solid var(--navy-light)}.fin-edu-result-card.correct{background:linear-gradient(to right,#f0fdf4,#fff);border-color:var(--success)}.fin-edu-result-card.incorrect{background:linear-gradient(to right,#fef2f2,#fff);border-color:var(--error)}.fin-edu-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.fin-edu-result-header h4{margin:0;color:var(--navy-primary)}.fin-edu-wrong{color:var(--error);font-size:1.5rem;font-weight:700}.fin-edu-result-question{font-weight:600;margin-bottom:.75rem;color:var(--navy-dark)}.fin-edu-result-explanation{color:#6b7280;line-height:1.6;font-size:.9375rem}.fin-edu-retry-btn{width:100%;padding:1rem;background:#fff;color:var(--navy-primary);border:2px solid var(--navy-primary);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.fin-edu-retry-btn:hover{background:var(--navy-primary);color:#fff}.fin-edu-progress{display:flex;flex-direction:column;gap:2rem}.fin-edu-progress-card{background:#fff;padding:2rem;border-radius:16px;border:2px solid var(--navy-light)}.fin-edu-progress-card h2,.fin-edu-progress-card h3{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;color:var(--navy-dark)}.fin-edu-progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.fin-edu-progress-stat{text-align:center;padding:1.5rem;background:var(--navy-light);border-radius:12px}.fin-edu-progress-stat strong{display:block;font-size:2rem;color:var(--navy-primary);margin-bottom:.5rem}.fin-edu-progress-stat span{color:#6b7280;font-size:.875rem}.fin-edu-saved-list{display:flex;flex-direction:column;gap:.75rem}.fin-edu-saved-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--navy-light);border-radius:8px}.fin-edu-saved-item button{padding:.5rem 1rem;background:var(--navy-primary);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.fin-edu-saved-item button:hover{background:var(--navy-secondary)}@media (max-width: 768px){.fin-edu-header-content{flex-direction:column;align-items:flex-start}.fin-edu-user-stats{width:100%;flex-direction:column;gap:1rem}.fin-edu-grid{grid-template-columns:1fr}.fin-edu-tabs{flex-direction:column}.fin-edu-article-detail h1{font-size:1.75rem}.fin-edu-article-content{font-size:1rem}.fin-edu-progress-stats{grid-template-columns:1fr}}:root{--navy-primary: #003865;--navy-dark: #002244;--navy-light: #004a7c;--gold-accent: #FFB81C;--gold-dark: #E6A300;--white: #FFFFFF;--light-gray: #F5F7FA;--medium-gray: #E1E8ED;--text-gray: #4A5568;--text-dark: #1A202C}.about-container{width:100%}.about-hero{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-dark) 100%);color:var(--white);padding:6rem 2rem;text-align:center}.about-hero-content{max-width:900px;margin:0 auto}.about-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.about-hero-subtitle{font-size:1.35rem;opacity:.95;line-height:1.8;max-width:700px;margin:0 auto}.about-mission-section{max-width:1200px;margin:0 auto;padding:5rem 2rem}.about-section-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.about-section-icon{width:48px;height:48px;color:var(--navy-primary)}.about-section-header h2{font-size:2.5rem;color:var(--navy-primary);font-weight:700}.about-mission-text{font-size:1.3rem;line-height:1.9;color:var(--text-gray);text-align:center;max-width:950px;margin:0 auto}.about-values-section{background-color:var(--light-gray);padding:5rem 2rem}.about-section-title{font-size:2.8rem;color:var(--navy-primary);margin-bottom:3rem;text-align:center;font-weight:700}.about-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.about-value-card{background-color:var(--white);padding:2.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border:2px solid transparent}.about-value-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #00000026;border-color:var(--gold-accent)}.about-value-icon{width:64px;height:64px;color:var(--gold-accent);margin:0 auto 1.5rem}.about-value-card h3{font-size:1.75rem;color:var(--navy-primary);margin-bottom:1rem;font-weight:600}.about-value-card p{color:var(--text-gray);line-height:1.7;font-size:1.05rem}.about-stats-section{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-dark) 100%);color:var(--white);padding:5rem 2rem;text-align:center}.about-stats-title{font-size:2.8rem;color:var(--white);margin-bottom:3rem;font-weight:700}.about-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:3.5rem;max-width:1200px;margin:0 auto}.about-stat-item{text-align:center;padding:1rem}.about-stat-number{font-size:3.5rem;font-weight:700;color:var(--gold-accent);margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.about-stat-label{font-size:1.15rem;opacity:.95;line-height:1.5}.about-history-section{max-width:1200px;margin:0 auto;padding:5rem 2rem}.about-history-text{font-size:1.2rem;line-height:1.9;color:var(--text-gray);max-width:950px;margin:0 auto;text-align:center}.about-benefits-section{background-color:var(--light-gray);padding:5rem 2rem}.about-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.about-benefit-item{background-color:var(--white);padding:2.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 16px #00000014;transition:all .3s ease;position:relative;border:2px solid transparent}.about-benefit-item:hover{transform:translateY(-8px);box-shadow:0 12px 28px #00000026;border-color:var(--navy-primary)}.about-benefit-number{width:60px;height:60px;background:linear-gradient(135deg,var(--gold-accent) 0%,var(--gold-dark) 100%);color:var(--navy-dark);font-size:2rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 4px 12px #ffb81c4d}.about-benefit-item h3{font-size:1.5rem;color:var(--navy-primary);margin-bottom:1rem;font-weight:600}.about-benefit-item p{color:var(--text-gray);line-height:1.7;font-size:1.05rem}@media (max-width: 1024px){.about-hero-title{font-size:2.8rem}.about-section-title{font-size:2.3rem}.about-stats-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (max-width: 768px){.about-hero{padding:4rem 1.5rem}.about-hero-title{font-size:2.2rem}.about-hero-subtitle{font-size:1.1rem}.about-section-title,.about-section-header h2{font-size:2rem}.about-section-icon{width:36px;height:36px}.about-mission-text{font-size:1.1rem}.about-values-grid,.about-benefits-grid,.about-stats-grid{grid-template-columns:1fr;gap:2rem}.about-stat-number{font-size:2.5rem}.about-mission-section,.about-history-section,.about-values-section,.about-stats-section,.about-benefits-section{padding:3.5rem 1.5rem}}@media (max-width: 480px){.about-hero-title{font-size:1.8rem}.about-hero-subtitle{font-size:1rem}.about-section-title{font-size:1.75rem}.about-value-card,.about-benefit-item{padding:2rem}}:root{--navy-primary: #003865;--navy-dark: #002244;--navy-light: #004a7c;--gold-accent: #FFB81C;--gold-dark: #E6A300;--white: #FFFFFF;--light-gray: #F5F7FA;--medium-gray: #E1E8ED;--text-gray: #4A5568;--text-dark: #1A202C;--success-green: #10B981;--info-blue: #3B82F6}.community-container{width:100%;background-color:var(--white)}.community-hero{background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%);color:var(--white);padding:6rem 2rem;text-align:center;position:relative;overflow:hidden}.community-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><circle cx="30" cy="30" r="2" fill="rgba(255,255,255,0.15)"/></svg>') repeat;animation:communityFloat 20s linear infinite}@keyframes communityFloat{0%{transform:translateY(0)}to{transform:translateY(-60px)}}.community-hero-content{max-width:1000px;margin:0 auto;position:relative;z-index:1}.community-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#ffffff40;padding:.6rem 1.5rem;border-radius:50px;margin-bottom:1.75rem;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.community-badge-icon{width:22px;height:22px}.community-hero-badge span{font-weight:600;font-size:.95rem}.community-hero-title{font-size:3.75rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.community-hero-subtitle{font-size:1.3rem;opacity:.95;line-height:1.8;max-width:800px;margin:0 auto 3rem}.community-hero-stats{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.community-hero-stat{text-align:center}.community-stat-number{font-size:3rem;font-weight:700;margin-bottom:.5rem;color:var(--white)}.community-stat-label{font-size:1rem;opacity:.9}.community-impact{padding:5rem 2rem;background-color:var(--white)}.community-impact-container{max-width:1200px;margin:0 auto}.community-section-title{font-size:3rem;color:var(--navy-primary);margin-bottom:1rem;text-align:center;font-weight:700}.community-section-subtitle{font-size:1.2rem;color:var(--text-gray);text-align:center;max-width:800px;margin:0 auto 3rem;line-height:1.8}.community-impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem}.community-impact-card{background:linear-gradient(135deg,var(--light-gray) 0%,var(--white) 100%);padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 8px 24px #00000014;transition:all .3s ease;border:2px solid var(--medium-gray)}.community-impact-card:hover{transform:translateY(-10px);box-shadow:0 16px 40px #00000026;border-color:var(--success-green)}.community-impact-icon{width:60px;height:60px;color:var(--success-green);margin:0 auto 1.5rem}.community-impact-number{font-size:3rem;font-weight:700;color:var(--navy-primary);margin-bottom:.75rem}.community-impact-label{font-size:1.1rem;color:var(--text-gray);font-weight:500}.community-programs{padding:5rem 2rem;background-color:var(--light-gray)}.community-programs-container{max-width:1400px;margin:0 auto}.community-programs-header{margin-bottom:4rem}.community-programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:3rem}.community-program-card{background-color:var(--white);padding:2.5rem;border-radius:24px;box-shadow:0 8px 24px #00000014;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column}.community-program-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #00000026;border-color:var(--gold-accent)}.community-program-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.community-program-icon-wrapper{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center}.community-program-icon{width:36px;height:36px}.community-program-badge{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.875rem}.community-badge-amount{font-weight:700;color:var(--success-green);font-size:1rem}.community-badge-divider{color:var(--medium-gray)}.community-badge-beneficiaries{color:var(--text-gray);font-weight:500}.community-program-title{font-size:1.75rem;color:var(--navy-primary);margin-bottom:1rem;font-weight:600;line-height:1.3}.community-program-description{color:var(--text-gray);line-height:1.7;margin-bottom:1.5rem;font-size:1.05rem}.community-program-details{list-style:none;padding:0;margin:0 0 2rem;flex:1}.community-program-detail{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;color:var(--text-gray);line-height:1.6;font-size:.95rem}.community-check-icon{color:var(--success-green);flex-shrink:0;margin-top:.1rem}.community-program-btn{padding:1rem 2rem;background-color:var(--navy-primary);color:var(--white);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.community-program-btn:hover{background-color:var(--navy-dark);transform:translateY(-2px);box-shadow:0 6px 16px #0038654d}.community-initiatives{padding:5rem 2rem;background-color:var(--white)}.community-initiatives-container{max-width:1000px;margin:0 auto}.community-timeline{margin-top:4rem;position:relative}.community-timeline-item{display:flex;gap:2rem;margin-bottom:3rem;position:relative}.community-timeline-marker{position:relative;flex-shrink:0}.community-timeline-dot{width:24px;height:24px;background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%);border-radius:50%;border:4px solid var(--white);box-shadow:0 0 0 4px var(--success-green)}.community-timeline-line{position:absolute;left:12px;top:24px;width:2px;height:calc(100% + 3rem);background:linear-gradient(180deg,var(--success-green) 0%,var(--medium-gray) 100%)}.community-timeline-content{flex:1;background-color:var(--light-gray);padding:2rem;border-radius:16px;border-left:4px solid var(--success-green);transition:all .3s ease}.community-timeline-content:hover{transform:translate(10px);box-shadow:0 8px 24px #0000001a}.community-timeline-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.community-timeline-year{background-color:var(--navy-primary);color:var(--white);padding:.35rem 1rem;border-radius:50px;font-weight:700;font-size:.875rem}.community-timeline-status{padding:.35rem 1rem;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.community-timeline-status.active{background-color:#dcfce7;color:var(--success-green)}.community-timeline-status.completed{background-color:#dbeafe;color:var(--info-blue)}.community-timeline-status.ongoing{background-color:#fef3c7;color:#d97706}.community-timeline-title{font-size:1.5rem;color:var(--navy-primary);margin-bottom:.75rem;font-weight:600}.community-timeline-description{color:var(--text-gray);line-height:1.7;font-size:1.05rem}.community-testimonials{padding:5rem 2rem;background:linear-gradient(135deg,var(--light-gray) 0%,var(--white) 100%)}.community-testimonials-container{max-width:1300px;margin:0 auto}.community-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;margin-top:4rem}.community-testimonial-card{background-color:var(--white);padding:3rem;border-radius:24px;box-shadow:0 8px 32px #00000014;transition:all .3s ease;border:2px solid transparent}.community-testimonial-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00000026;border-color:var(--gold-accent)}.community-testimonial-stars{display:flex;gap:.35rem;margin-bottom:1.5rem}.community-star-icon{width:20px;height:20px}.community-testimonial-text{font-size:1.15rem;line-height:1.8;color:var(--text-dark);margin-bottom:2rem;font-style:italic}.community-testimonial-author{display:flex;align-items:center;gap:1rem}.community-author-image{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-light) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem}.community-author-name{font-weight:700;color:var(--navy-primary);font-size:1.1rem}.community-author-role{color:var(--text-gray);font-size:.95rem}.community-partnership{padding:5rem 2rem;background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-dark) 100%);color:var(--white)}.community-partnership-container{max-width:1000px;margin:0 auto;text-align:center}.community-partnership-icon{width:80px;height:80px;margin:0 auto 2rem;color:var(--gold-accent)}.community-partnership-title{font-size:3rem;margin-bottom:1.5rem;font-weight:700}.community-partnership-text{font-size:1.25rem;line-height:1.8;margin-bottom:3rem;opacity:.95;max-width:800px;margin-left:auto;margin-right:auto}.community-partnership-benefits{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-bottom:3rem}.community-benefit-item{display:flex;align-items:center;gap:.75rem;background-color:#ffffff1a;padding:1rem 1.75rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.community-benefit-icon{width:24px;height:24px;color:var(--gold-accent)}.community-benefit-item span{font-weight:600}.community-partnership-btn{padding:1.25rem 3rem;background-color:var(--gold-accent);color:var(--navy-dark);border:none;border-radius:12px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s ease}.community-partnership-btn:hover{background-color:var(--gold-dark);transform:translateY(-3px);box-shadow:0 10px 30px #ffb81c66}.community-involved{padding:5rem 2rem;background-color:var(--light-gray)}.community-involved-container{max-width:1200px;margin:0 auto}.community-involved-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:4rem}.community-involved-card{background-color:var(--white);padding:3rem 2.5rem;border-radius:24px;text-align:center;box-shadow:0 8px 24px #00000014;transition:all .3s ease;border:2px solid transparent}.community-involved-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #00000026;border-color:var(--navy-primary)}.community-involved-icon{font-size:4rem;margin-bottom:1.5rem}.community-involved-card h3{font-size:1.75rem;color:var(--navy-primary);margin-bottom:1rem;font-weight:600}.community-involved-card p{color:var(--text-gray);line-height:1.7;margin-bottom:2rem;font-size:1.05rem}.community-involved-btn{padding:1rem 2.5rem;background-color:var(--success-green);color:var(--white);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.community-involved-btn:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}@media (max-width: 1024px){.community-hero-stats{gap:2.5rem}.community-programs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.community-hero{padding:4rem 1.5rem}.community-hero-title{font-size:2.5rem}.community-hero-subtitle{font-size:1.1rem}.community-stat-number,.community-section-title{font-size:2.25rem}.community-section-subtitle{font-size:1.05rem}.community-programs-grid,.community-testimonials-grid,.community-involved-grid{grid-template-columns:1fr}.community-partnership-benefits{flex-direction:column;align-items:center;gap:1.5rem}.community-timeline-item{gap:1.5rem}.community-timeline-content{padding:1.5rem}}@media (max-width: 480px){.community-hero-title{font-size:2rem}.community-section-title{font-size:1.875rem}.community-partnership-title{font-size:2.25rem}.community-program-card,.community-testimonial-card,.community-involved-card{padding:2rem}}:root{--navy-primary: #003865;--navy-dark: #002244;--navy-light: #004a7c;--gold-accent: #FFB81C;--gold-dark: #E6A300;--white: #FFFFFF;--light-gray: #F5F7FA;--medium-gray: #E1E8ED;--text-gray: #4A5568;--text-dark: #1A202C;--danger-red: #EF4444;--warning-orange: #F59E0B;--success-green: #10B981}.security-container{width:100%;background-color:var(--white)}.security-hero{background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy-primary) 50%,var(--navy-light) 100%);color:var(--white);padding:6rem 2rem;text-align:center;position:relative;overflow:hidden}.security-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,184,28,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,184,28,.1) 0%,transparent 50%);animation:securityPulse 8s ease-in-out infinite alternate}@keyframes securityPulse{0%{opacity:.3}to{opacity:.6}}.security-hero-content{max-width:1000px;margin:0 auto;position:relative;z-index:1}.security-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#10b98140;padding:.6rem 1.5rem;border-radius:50px;margin-bottom:1.75rem;border:2px solid var(--success-green);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.security-badge-icon{width:22px;height:22px;color:var(--success-green)}.security-hero-badge span{color:var(--success-green);font-weight:600;font-size:.95rem}.security-hero-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 4px 8px rgba(0,0,0,.2)}.security-hero-subtitle{font-size:1.3rem;opacity:.95;line-height:1.8;max-width:850px;margin:0 auto 3.5rem}.security-hero-stats{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.security-stat-item{display:flex;align-items:center;gap:1rem;background-color:#ffffff1a;padding:1.5rem 2rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.security-stat-icon{width:48px;height:48px;color:var(--gold-accent)}.security-stat-number{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.security-stat-label{font-size:.95rem;opacity:.9}.security-features{padding:5rem 2rem;background-color:var(--white)}.security-features-container{max-width:1300px;margin:0 auto}.security-section-title{font-size:3rem;color:var(--navy-primary);margin-bottom:1rem;text-align:center;font-weight:700}.security-section-subtitle{font-size:1.2rem;color:var(--text-gray);text-align:center;max-width:800px;margin:0 auto 3.5rem;line-height:1.8}.security-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.security-feature-card{background:linear-gradient(135deg,var(--white) 0%,var(--light-gray) 100%);padding:2.5rem;border-radius:20px;box-shadow:0 8px 24px #00000014;transition:all .3s ease;border:2px solid transparent;position:relative}.security-feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #00000026;border-color:var(--success-green)}.security-feature-icon-wrapper{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.security-feature-icon{width:40px;height:40px}.security-feature-status{position:absolute;top:1.5rem;right:1.5rem;padding:.4rem 1rem;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.security-feature-title{font-size:1.6rem;color:var(--navy-primary);margin-bottom:1rem;font-weight:600}.security-feature-description{color:var(--text-gray);line-height:1.7;font-size:1.05rem}.security-threats{padding:5rem 2rem;background-color:var(--light-gray)}.security-threats-container{max-width:1200px;margin:0 auto}.security-threat-tabs{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center}.security-threat-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.75rem;background-color:var(--white);border:2px solid var(--medium-gray);border-radius:50px;font-size:.95rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .3s ease}.security-threat-tab:hover{border-color:var(--navy-primary);background-color:var(--light-gray)}.security-threat-tab.active{background-color:var(--navy-primary);color:var(--white);border-color:var(--navy-primary)}.security-threat-content{background-color:var(--white);padding:3rem;border-radius:24px;box-shadow:0 8px 32px #00000014;border:2px solid var(--medium-gray)}.security-threat-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--light-gray)}.security-threat-icon-large{width:80px;height:80px;background:linear-gradient(135deg,var(--danger-red) 0%,#DC2626 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.security-threat-title{font-size:2rem;color:var(--navy-primary);margin-bottom:.5rem;font-weight:700}.security-threat-description{color:var(--text-gray);line-height:1.7;font-size:1.1rem}.security-warning-box{display:flex;align-items:flex-start;gap:1rem;background-color:#fef2f2;border-left:4px solid var(--danger-red);padding:1.5rem;border-radius:12px;margin-bottom:2.5rem}.security-warning-icon{color:var(--danger-red);flex-shrink:0;width:28px;height:28px}.security-warning-text{color:var(--text-dark);line-height:1.7;font-size:1.05rem;font-weight:600}.security-threat-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.security-threat-section{background-color:var(--light-gray);padding:2rem;border-radius:16px}.security-section-heading{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;color:var(--navy-primary);margin-bottom:1.5rem;font-weight:600}.security-list{list-style:none;padding:0;margin:0}.security-list-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;color:var(--text-gray);line-height:1.7;font-size:1rem}.security-bullet{font-size:1.25rem;flex-shrink:0}.security-practices{padding:5rem 2rem;background-color:var(--white)}.security-practices-container{max-width:1400px;margin:0 auto}.security-practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.security-practice-card{background:linear-gradient(135deg,var(--light-gray) 0%,var(--white) 100%);padding:2.5rem;border-radius:20px;box-shadow:0 8px 24px #00000014;transition:all .3s ease;border:2px solid var(--medium-gray);position:relative}.security-practice-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000026;border-color:var(--gold-accent)}.security-practice-number{position:absolute;top:-15px;left:2rem;width:50px;height:50px;background:linear-gradient(135deg,var(--gold-accent) 0%,var(--gold-dark) 100%);color:var(--navy-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #ffb81c66}.security-practice-title{font-size:1.6rem;color:var(--navy-primary);margin-bottom:1.5rem;font-weight:600;margin-top:1rem}.security-practice-list{list-style:none;padding:0;margin:0}.security-practice-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;color:var(--text-gray);line-height:1.7;font-size:1rem}.security-practice-check{color:var(--success-green);flex-shrink:0;width:20px;height:20px;margin-top:.1rem}.security-faqs{padding:5rem 2rem;background-color:var(--light-gray)}.security-faqs-container{max-width:1000px;margin:0 auto}.security-faq-list{margin-top:3rem}.security-faq-item{background-color:var(--white);margin-bottom:1.5rem;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000000f;border:2px solid transparent;transition:all .3s ease}.security-faq-item:hover{border-color:var(--navy-primary)}.security-faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;background-color:var(--white);border:none;font-size:1.15rem;font-weight:600;color:var(--navy-primary);cursor:pointer;transition:all .3s ease;text-align:left}.security-faq-question:hover{background-color:var(--light-gray)}.security-faq-answer{padding:0 2rem 2rem;color:var(--text-gray);line-height:1.8;font-size:1.05rem;animation:securityFadeIn .3s ease}@keyframes securityFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.security-report{padding:5rem 2rem;background-color:var(--white)}.security-report-container{max-width:1200px;margin:0 auto}.security-report-header{text-align:center;margin-bottom:4rem}.security-report-icon{width:80px;height:80px;color:var(--danger-red);margin:0 auto 2rem}.security-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;margin-bottom:3rem}.security-report-card{background:linear-gradient(135deg,var(--light-gray) 0%,var(--white) 100%);padding:2.5rem;border-radius:20px;text-align:center;box-shadow:0 8px 24px #00000014;transition:all .3s ease;border:2px solid var(--medium-gray)}.security-report-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000026;border-color:var(--navy-primary)}.security-report-card-icon{width:56px;height:56px;color:var(--navy-primary);margin:0 auto 1.5rem}.security-report-title{font-size:1.5rem;color:var(--navy-primary);margin-bottom:.5rem;font-weight:600}.security-report-detail{font-size:1.1rem;color:var(--text-dark);font-weight:700;margin-bottom:.75rem}.security-report-description{color:var(--text-gray);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.security-report-btn{padding:.875rem 2rem;background-color:var(--danger-red);color:var(--white);border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.security-report-btn:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}.security-report-notice{display:flex;align-items:center;gap:1rem;background-color:#dbeafe;border-left:4px solid #3B82F6;padding:1.5rem;border-radius:12px}.security-report-notice p{color:var(--text-dark);line-height:1.7;font-size:1.05rem}.security-cta{padding:5rem 2rem;background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-dark) 100%);color:var(--white);text-align:center}.security-cta-container{max-width:800px;margin:0 auto}.security-cta-icon{width:80px;height:80px;margin:0 auto 2rem;color:var(--gold-accent)}.security-cta-title{font-size:3rem;margin-bottom:1.5rem;font-weight:700}.security-cta-text{font-size:1.25rem;line-height:1.8;margin-bottom:3rem;opacity:.95}.security-cta-form{display:flex;gap:1rem;max-width:600px;margin:0 auto 1.5rem}.security-cta-input{flex:1;padding:1.25rem 1.5rem;border:2px solid transparent;border-radius:12px;font-size:1rem;transition:all .3s ease}.security-cta-input:focus{outline:none;border-color:var(--gold-accent);box-shadow:0 0 0 3px #ffb81c33}.security-cta-btn{padding:1.25rem 2.5rem;background-color:var(--gold-accent);color:var(--navy-dark);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.security-cta-btn:hover{background-color:var(--gold-dark);transform:translateY(-2px);box-shadow:0 8px 20px #ffb81c66}.security-cta-disclaimer{font-size:.95rem;opacity:.8}@media (max-width: 1024px){.security-hero-stats{gap:2.5rem}.security-threat-sections{grid-template-columns:1fr}}@media (max-width: 768px){.security-hero{padding:4rem 1.5rem}.security-hero-title{font-size:2.75rem}.security-hero-subtitle{font-size:1.15rem}.security-stat-item{flex-direction:column;text-align:center;padding:1.25rem 1.5rem}.security-section-title{font-size:2.25rem}.security-section-subtitle{font-size:1.05rem}.security-threat-tabs{flex-direction:column}.security-threat-tab{justify-content:center}.security-threat-header{flex-direction:column;text-align:center}.security-threat-content{padding:2rem}.security-cta-form{flex-direction:column}.security-practices-grid,.security-features-grid,.security-report-grid{grid-template-columns:1fr}}@media (max-width: 480px){.security-hero-title{font-size:2rem}.security-section-title{font-size:1.875rem}.security-cta-title{font-size:2.25rem}.security-feature-card,.security-practice-card,.security-report-card{padding:2rem}}:root{--nfcu-navy: #003366;--nfcu-gold: #FFB81C;--nfcu-light-blue: #0066CC;--nfcu-dark-navy: #001B3D;--nfcu-gray: #6B7280;--nfcu-light-gray: #F3F4F6;--nfcu-white: #FFFFFF;--nfcu-success: #10B981;--nfcu-error: #EF4444;--nfcu-border: #E5E7EB}*{margin:0;padding:0;box-sizing:border-box}.career-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--nfcu-dark-navy);background-color:var(--nfcu-white);min-height:100vh}.career-hero{background:linear-gradient(135deg,var(--nfcu-navy) 0%,var(--nfcu-dark-navy) 100%);color:var(--nfcu-white);padding:80px 20px;text-align:center}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:20px;letter-spacing:-.5px}.hero-content p{font-size:1.25rem;margin-bottom:40px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;margin-top:40px}.stat{text-align:center}.stat h3{font-size:2.5rem;color:var(--nfcu-gold);margin-bottom:10px;font-weight:700}.stat p{font-size:1rem;opacity:.9}.message{max-width:1200px;margin:20px auto;padding:15px 20px;border-radius:8px;font-weight:500;text-align:center}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid var(--nfcu-success)}.message.error{background-color:#fee2e2;color:#991b1b;border:1px solid var(--nfcu-error)}.career-container{max-width:1200px;margin:0 auto;padding:40px 20px}.filters-section{margin-bottom:40px}.filters-section h2{font-size:2rem;color:var(--nfcu-navy);margin-bottom:30px;text-align:center}.search-bar{margin-bottom:20px}.search-bar input{width:100%;padding:15px 20px;font-size:1rem;border:2px solid var(--nfcu-border);border-radius:8px;outline:none;transition:all .3s ease}.search-bar input:focus{border-color:var(--nfcu-light-blue);box-shadow:0 0 0 3px #0066cc1a}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.filters select{padding:12px 15px;font-size:.95rem;border:2px solid var(--nfcu-border);border-radius:8px;background-color:var(--nfcu-white);color:var(--nfcu-dark-navy);cursor:pointer;outline:none;transition:all .3s ease}.filters select:focus{border-color:var(--nfcu-light-blue);box-shadow:0 0 0 3px #0066cc1a}.clear-filters{padding:12px 15px;background-color:var(--nfcu-light-gray);color:var(--nfcu-navy);border:2px solid var(--nfcu-border);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.clear-filters:hover{background-color:var(--nfcu-border)}.results-count{text-align:center;color:var(--nfcu-gray);font-size:1rem;margin-top:20px}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-top:30px}.job-card{background:var(--nfcu-white);border:2px solid var(--nfcu-border);border-radius:12px;padding:25px;cursor:pointer;transition:all .3s ease;position:relative}.job-card:hover{border-color:var(--nfcu-light-blue);box-shadow:0 8px 20px #0033661a;transform:translateY(-3px)}.job-card h3{font-size:1.4rem;color:var(--nfcu-navy);margin-bottom:10px;font-weight:600}.job-department{color:var(--nfcu-light-blue);font-weight:600;font-size:.95rem;margin-bottom:15px}.job-info{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.job-info span{font-size:.85rem;color:var(--nfcu-gray)}.job-salary{font-size:1.1rem;font-weight:700;color:var(--nfcu-gold);margin-bottom:15px}.job-description{font-size:.95rem;color:var(--nfcu-gray);line-height:1.6;margin-bottom:20px}.view-details{background-color:var(--nfcu-navy);color:var(--nfcu-white);padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.view-details:hover{background-color:var(--nfcu-light-blue)}.job-detail{background:var(--nfcu-white);border-radius:12px;padding:40px;box-shadow:0 4px 12px #00000014}.back-button{background:transparent;border:none;color:var(--nfcu-light-blue);font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:30px;padding:10px 0;transition:all .3s ease}.back-button:hover{color:var(--nfcu-navy);transform:translate(-5px)}.job-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:20px}.job-detail-header h2{font-size:2.2rem;color:var(--nfcu-navy);margin-bottom:15px}.job-meta{display:flex;flex-wrap:wrap;gap:10px}.badge{background-color:var(--nfcu-light-gray);color:var(--nfcu-navy);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.apply-button{background-color:var(--nfcu-gold);color:var(--nfcu-navy);padding:14px 32px;border:none;border-radius:8px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.apply-button:hover{background-color:#e5a419;transform:translateY(-2px);box-shadow:0 4px 12px #ffb81c66}.job-detail-content{line-height:1.8}.detail-section{margin-bottom:35px}.detail-section h3{font-size:1.4rem;color:var(--nfcu-navy);margin-bottom:15px;font-weight:600}.detail-section p{color:var(--nfcu-gray);font-size:1rem;line-height:1.8}.detail-section ul{list-style:none;padding-left:0}.detail-section li{color:var(--nfcu-gray);font-size:1rem;margin-bottom:12px;padding-left:30px;position:relative}.detail-section li:before{content:"✓";color:var(--nfcu-gold);font-weight:700;position:absolute;left:0;font-size:1.2rem}.salary{font-size:1.5rem;font-weight:700;color:var(--nfcu-gold)}.posted-date,.deadline{font-size:.9rem;color:var(--nfcu-gray);margin-bottom:8px}.apply-button-bottom{background-color:var(--nfcu-gold);color:var(--nfcu-navy);padding:16px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px;width:100%}.apply-button-bottom:hover{background-color:#e5a419;transform:translateY(-2px);box-shadow:0 4px 12px #ffb81c66}.application-form-section{background:var(--nfcu-white);border-radius:12px;padding:40px;box-shadow:0 4px 12px #00000014}.application-form-section h2{font-size:2rem;color:var(--nfcu-navy);margin-bottom:10px}.form-subtitle{color:var(--nfcu-gray);margin-bottom:30px;font-size:1rem}.application-form{margin-top:30px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-weight:600;color:var(--nfcu-navy);margin-bottom:8px;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:12px 15px;font-size:1rem;border:2px solid var(--nfcu-border);border-radius:8px;outline:none;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--nfcu-light-blue);box-shadow:0 0 0 3px #0066cc1a}.form-group textarea{resize:vertical;min-height:120px}.form-group small{color:var(--nfcu-gray);font-size:.85rem;margin-top:5px}.file-uploaded{color:var(--nfcu-success);font-size:.9rem;margin-top:8px;font-weight:600}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.cancel-button{padding:14px 32px;background-color:var(--nfcu-light-gray);color:var(--nfcu-navy);border:2px solid var(--nfcu-border);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background-color:var(--nfcu-border)}.submit-button{padding:14px 32px;background-color:var(--nfcu-gold);color:var(--nfcu-navy);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.submit-button:hover:not(:disabled){background-color:#e5a419;transform:translateY(-2px);box-shadow:0 4px 12px #ffb81c66}.submit-button:disabled{opacity:.6;cursor:not-allowed}.why-join{background:linear-gradient(135deg,var(--nfcu-light-gray) 0%,var(--nfcu-white) 100%);padding:80px 20px;margin-top:60px}.why-join h2{font-size:2.5rem;color:var(--nfcu-navy);text-align:center;margin-bottom:50px;font-weight:700}.benefits-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.benefit-card{background:var(--nfcu-white);padding:35px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #0000000f;transition:all .3s ease;border:2px solid transparent}.benefit-card:hover{border-color:var(--nfcu-gold);transform:translateY(-5px);box-shadow:0 8px 24px #0033661f}.benefit-icon{font-size:3rem;margin-bottom:20px}.benefit-card h3{font-size:1.3rem;color:var(--nfcu-navy);margin-bottom:15px;font-weight:600}.benefit-card p{color:var(--nfcu-gray);line-height:1.7;font-size:1rem}.loading,.no-jobs{text-align:center;padding:60px 20px}.loading{font-size:1.2rem;color:var(--nfcu-navy)}.no-jobs h3{font-size:1.8rem;color:var(--nfcu-navy);margin-bottom:15px}.no-jobs p{color:var(--nfcu-gray);font-size:1.1rem}@media (max-width: 768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.hero-stats{gap:30px}.stat h3{font-size:2rem}.filters,.jobs-grid{grid-template-columns:1fr}.job-detail-header{flex-direction:column}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}.benefits-grid{grid-template-columns:1fr}.job-detail,.application-form-section{padding:25px}}@media (max-width: 480px){.career-hero{padding:50px 15px}.hero-content h1{font-size:1.6rem}.career-container{padding:20px 15px}.job-detail-header h2{font-size:1.6rem}.application-form-section h2{font-size:1.5rem}}:root{--nfcu-navy: #003366;--nfcu-gold: #F8B739;--nfcu-light-blue: #0066CC;--nfcu-dark-navy: #001f3f;--nfcu-gray: #6B7280;--nfcu-light-gray: #F3F4F6;--nfcu-white: #FFFFFF;--nfcu-success: #10B981;--nfcu-error: #EF4444}.newsroom-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;background-color:#fff}.newsroom-hero{background:linear-gradient(135deg,var(--nfcu-navy) 0%,var(--nfcu-dark-navy) 100%);color:var(--nfcu-white);padding:80px 20px;text-align:center;position:relative;overflow:hidden}.newsroom-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="rgba(248,183,57,0.05)"/></svg>');opacity:.1}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.newsroom-hero h1{font-size:3rem;font-weight:700;margin-bottom:20px;letter-spacing:-.5px}.newsroom-hero p{font-size:1.25rem;opacity:.95;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.featured-news-section{padding:60px 20px;background-color:var(--nfcu-light-gray)}.section-title{font-size:2rem;font-weight:700;color:var(--nfcu-navy);margin-bottom:40px;text-align:center}.featured-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.featured-card{background:var(--nfcu-white);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #00000012;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.featured-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001f}.featured-image{position:relative;height:240px;overflow:hidden}.featured-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.featured-card:hover .featured-image img{transform:scale(1.05)}.featured-badge{position:absolute;top:15px;right:15px;background:var(--nfcu-gold);color:var(--nfcu-navy);padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:.5px}.featured-content{padding:25px}.category-badge{display:inline-block;background:var(--nfcu-navy);color:var(--nfcu-white);padding:5px 12px;border-radius:5px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px}.featured-content h3{font-size:1.5rem;font-weight:700;color:var(--nfcu-navy);margin-bottom:12px;line-height:1.3}.subtitle{color:var(--nfcu-gray);font-size:.95rem;line-height:1.6;margin-bottom:15px}.article-meta{display:flex;gap:15px;font-size:.85rem;color:var(--nfcu-gray);padding-top:15px;border-top:1px solid var(--nfcu-light-gray)}.newsroom-content{padding:60px 20px}.filter-section{margin-bottom:50px}.search-bar{display:flex;gap:10px;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.search-input{flex:1;padding:14px 20px;border:2px solid #E5E7EB;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:var(--nfcu-navy)}.search-button{padding:14px 30px;background:var(--nfcu-navy);color:var(--nfcu-white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.search-button:hover{background:var(--nfcu-dark-navy)}.category-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.category-btn{padding:10px 20px;background:var(--nfcu-white);color:var(--nfcu-navy);border:2px solid var(--nfcu-navy);border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.category-btn:hover{background:var(--nfcu-light-gray)}.category-btn.active{background:var(--nfcu-navy);color:var(--nfcu-white)}.loading-state{text-align:center;padding:60px 20px}.spinner{border:4px solid var(--nfcu-light-gray);border-top:4px solid var(--nfcu-navy);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:var(--nfcu-gray);font-size:1.1rem}.error-state{text-align:center;padding:60px 20px;color:var(--nfcu-error);font-size:1.1rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:50px}.news-card{background:var(--nfcu-white);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.news-image{height:200px;overflow:hidden}.news-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.news-card:hover .news-image img{transform:scale(1.08)}.news-content{padding:25px;flex:1;display:flex;flex-direction:column}.news-title{font-size:1.3rem;font-weight:700;color:var(--nfcu-navy);margin-bottom:12px;line-height:1.4}.news-excerpt{color:var(--nfcu-gray);font-size:.95rem;line-height:1.6;margin-bottom:15px;flex:1}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--nfcu-gray);padding-top:15px;margin-bottom:15px;border-top:1px solid var(--nfcu-light-gray)}.read-more-btn{padding:10px 20px;background:var(--nfcu-gold);color:var(--nfcu-navy);border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.read-more-btn:hover{background:#e6a730;transform:translate(3px)}.no-results{text-align:center;padding:60px 20px}.no-results h3{font-size:1.5rem;color:var(--nfcu-navy);margin-bottom:10px}.no-results p{color:var(--nfcu-gray);font-size:1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:50px}.pagination-btn{padding:10px 20px;background:var(--nfcu-white);color:var(--nfcu-navy);border:2px solid var(--nfcu-navy);border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:var(--nfcu-navy);color:var(--nfcu-white)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;gap:8px}.page-number{width:40px;height:40px;background:var(--nfcu-white);color:var(--nfcu-navy);border:2px solid var(--nfcu-navy);border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.page-number:hover{background:var(--nfcu-light-gray)}.page-number.active{background:var(--nfcu-navy);color:var(--nfcu-white)}.page-ellipsis{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--nfcu-gray);font-weight:600}.newsletter-section{background:linear-gradient(135deg,var(--nfcu-navy) 0%,var(--nfcu-dark-navy) 100%);padding:80px 20px;text-align:center}.newsletter-content h2{font-size:2.5rem;color:var(--nfcu-white);margin-bottom:15px;font-weight:700}.newsletter-content p{color:var(--nfcu-white);font-size:1.1rem;margin-bottom:30px;opacity:.9}.newsletter-form{display:flex;gap:10px;max-width:500px;margin:0 auto}.newsletter-form input{flex:1;padding:15px 20px;border:none;border-radius:8px;font-size:1rem}.newsletter-form button{padding:15px 35px;background:var(--nfcu-gold);color:var(--nfcu-navy);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease}.newsletter-form button:hover{background:#e6a730}@media (max-width: 768px){.newsroom-hero h1{font-size:2rem}.newsroom-hero p{font-size:1rem}.featured-news-grid,.news-grid{grid-template-columns:1fr}.category-filters{flex-direction:column}.category-btn{width:100%}.search-bar,.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}.pagination{flex-wrap:wrap}}@media (max-width: 480px){.newsroom-hero h1{font-size:1.75rem}.section-title{font-size:1.5rem}.featured-content h3{font-size:1.25rem}.news-title{font-size:1.1rem}}:root{--navy-primary: #003366;--navy-secondary: #005A9C;--navy-gold: #FFB81C;--navy-dark: #002244;--navy-light: #E6F2FF;--text-dark: #333333;--text-light: #666666;--background-light: #F5F5F5;--white: #FFFFFF;--success-green: #28a745;--error-red: #dc3545;--border-color: #DDDDDD}.contact-page{min-height:100vh;background-color:var(--background-light)}.contact-hero{background:linear-gradient(135deg,var(--navy-primary) 0%,var(--navy-secondary) 100%);color:var(--white);padding:60px 20px;text-align:center;margin-bottom:40px}.hero-content h1{font-size:48px;font-weight:700;margin:0 0 16px;letter-spacing:-.5px}.hero-content p{font-size:20px;margin:0;opacity:.95;font-weight:300}.contact-container{max-width:1200px;margin:0 auto;padding:0 20px 60px}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:60px}.method-card{background:var(--white);padding:32px 24px;border-radius:12px;box-shadow:0 2px 8px #00000014;text-align:center;transition:all .3s ease;border:2px solid transparent}.method-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00336626;border-color:var(--navy-gold)}.method-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--navy-primary),var(--navy-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--white)}.method-icon svg{width:32px;height:32px}.method-card h3{color:var(--navy-primary);font-size:24px;font-weight:700;margin:0 0 12px}.method-title{color:var(--text-dark);font-size:16px;font-weight:600;margin:8px 0}.method-detail{color:var(--navy-secondary);font-size:18px;font-weight:700;margin:8px 0}.method-info{color:var(--text-light);font-size:14px;margin:8px 0 0;line-height:1.6}.form-section{background:var(--white);padding:40px;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:60px}.form-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:3px solid var(--navy-gold)}.form-header-icon{width:48px;height:48px;color:var(--navy-primary)}.form-header h2{color:var(--navy-primary);font-size:32px;font-weight:700;margin:0 0 8px}.form-header p{color:var(--text-light);font-size:16px;margin:0}.alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;margin-bottom:24px;font-weight:500}.alert-error{background-color:#fee;color:var(--error-red);border:1px solid var(--error-red)}.alert svg{flex-shrink:0}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-dark);font-size:15px;font-weight:600;margin-bottom:8px;display:block}.required{color:var(--error-red);margin-left:4px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;color:var(--text-dark);background-color:var(--white);transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--navy-primary);box-shadow:0 0 0 3px #0033661a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f9f9f9;cursor:not-allowed;opacity:.6}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.char-count{color:var(--text-light);font-size:13px;margin-top:6px;text-align:right}.form-notice{display:flex;gap:12px;padding:16px;background-color:var(--navy-light);border-left:4px solid var(--navy-secondary);border-radius:6px;margin:8px 0}.form-notice svg{color:var(--navy-secondary);flex-shrink:0;margin-top:2px}.form-notice p{color:var(--text-dark);font-size:14px;margin:0;line-height:1.6}.form-notice strong{color:var(--navy-primary)}.btn-submit{background:linear-gradient(135deg,var(--navy-primary),var(--navy-secondary));color:var(--white);padding:16px 40px;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0363}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0033664d}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.success-message-container{background:var(--white);padding:60px 40px;border-radius:12px;box-shadow:0 2px 12px #00000014;text-align:center;max-width:600px;margin:40px auto}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--success-green),#20c997);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--white);animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-message-container h1{color:var(--navy-primary);font-size:36px;font-weight:700;margin:0 0 16px}.success-main-text{color:var(--text-dark);font-size:18px;margin:0 0 24px;line-height:1.6}.reference-box{background:var(--navy-light);padding:20px;border-radius:8px;margin:24px 0;border:2px solid var(--navy-gold)}.reference-box p{margin:4px 0;color:var(--text-dark);font-size:15px}.reference-number{color:var(--navy-primary);font-size:20px;font-weight:700;font-family:monospace;letter-spacing:1px}.success-sub-text{color:var(--text-light);font-size:15px;margin:12px 0;line-height:1.6}.btn-primary{background:linear-gradient(135deg,var(--navy-primary),var(--navy-secondary));color:var(--white);padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:24px;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0033664d}.resources-section{margin-top:60px}.resources-section h2{color:var(--navy-primary);font-size:32px;font-weight:700;text-align:center;margin:0 0 32px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.resource-card{background:var(--white);padding:32px;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border-left:4px solid var(--navy-gold)}.resource-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00336626}.resource-card h3{color:var(--navy-primary);font-size:22px;font-weight:700;margin:0 0 12px}.resource-card p{color:var(--text-light);font-size:15px;margin:0 0 16px;line-height:1.6}.resource-link{color:var(--navy-secondary);font-weight:600;text-decoration:none;font-size:15px;transition:all .3s ease;display:inline-flex;align-items:center;gap:4px}.resource-link:hover{color:var(--navy-primary);gap:8px}@media (max-width: 768px){.hero-content h1{font-size:36px}.hero-content p{font-size:18px}.contact-methods{grid-template-columns:1fr}.form-section{padding:24px 20px}.form-row{grid-template-columns:1fr}.form-header{flex-direction:column;text-align:center}.form-header h2{font-size:26px}.success-message-container{padding:40px 24px}.success-message-container h1{font-size:28px}.resources-grid{grid-template-columns:1fr}.btn-submit{width:100%;padding:14px 24px;font-size:16px}}@media (max-width: 480px){.contact-hero{padding:40px 20px}.hero-content h1{font-size:28px}.hero-content p{font-size:16px}.method-card{padding:24px 16px}.form-section{padding:20px 16px}.form-header h2{font-size:22px}.success-icon{width:64px;height:64px}.success-icon svg{width:48px;height:48px}}@media print{.contact-hero,.btn-submit,.btn-primary,.resources-section{display:none}.form-section{box-shadow:none;border:1px solid var(--border-color)}}.txreceipt-page{min-height:100vh;background:linear-gradient(135deg,#036,#004080,#0056b3);padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.txreceipt-container{max-width:900px;margin:0 auto;animation:txreceiptSlideIn .5s ease-out}.txreceipt-header{margin-bottom:2rem}.txreceipt-header h1{color:#fff;font-size:2rem;font-weight:700;margin:1rem 0;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.txreceipt-back-btn{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.txreceipt-back-btn:hover{background:#fff3;border-color:#ffffff80;transform:translate(-5px)}.txreceipt-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:txreceiptFadeIn .6s ease-out}.txreceipt-bank-header{background:linear-gradient(135deg,#036,#004080);padding:2rem;display:flex;align-items:center;gap:1.5rem;border-bottom:4px solid #FFB81C}.txreceipt-bank-logo{width:60px;height:60px;background:#ffb81c33;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ffb81c}.txreceipt-bank-info{flex:1}.txreceipt-bank-info h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.txreceipt-bank-info p{color:#ffb81c;font-size:.875rem;font-weight:500;margin:0}.txreceipt-status-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-weight:700;font-size:.875rem;text-transform:uppercase}.txreceipt-status-icon-success{color:#10b981}.txreceipt-status-icon-pending{color:#f59e0b}.txreceipt-status-icon-failed{color:#dc2626}.txreceipt-confirmation{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px dashed #F59E0B;margin:2rem;border-radius:12px}.txreceipt-confirmation svg{color:#92400e;flex-shrink:0}.txreceipt-conf-label{display:block;color:#92400e;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem}.txreceipt-conf-value{display:block;color:#78350f;font-size:1.25rem;font-weight:800;font-family:Courier New,monospace;letter-spacing:1px}.txreceipt-amount-section{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#036,#004080);position:relative;overflow:hidden}.txreceipt-amount-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,184,28,.1) 0%,transparent 70%);animation:txreceiptRotate 10s linear infinite}.txreceipt-transaction-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.txreceipt-icon-credit{color:#10b981}.txreceipt-icon-debit{color:#ffb81c}.txreceipt-amount-label{color:#ffb81c;font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;position:relative;z-index:1}.txreceipt-amount-value{color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-1px;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.2)}.txreceipt-fee-note{color:#ffb81c;font-size:.875rem;font-weight:500;margin-top:1rem;position:relative;z-index:1}.txreceipt-section{padding:2rem;border-bottom:2px solid #F3F4F6}.txreceipt-section:last-of-type{border-bottom:none}.txreceipt-section h3{color:#036;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid #FFB81C}.txreceipt-section h3 svg{color:#ffb81c}.txreceipt-detail-grid{display:flex;flex-direction:column;gap:1rem}.txreceipt-detail-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;transition:all .3s ease}.txreceipt-detail-row:hover{background:#fff;border-color:#ffb81c;transform:translate(5px);box-shadow:0 4px 12px #0033661a}.txreceipt-label{color:#6b7280;font-weight:600;font-size:.875rem}.txreceipt-value{color:#111827;font-weight:700;font-size:1rem;text-align:right}.txreceipt-highlight{color:#036;font-size:1.125rem}.txreceipt-description{color:#111827;font-size:1rem;line-height:1.6;padding:1rem;background:#f9fafb;border-left:4px solid #FFB81C;border-radius:8px;margin:0}.txreceipt-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:2rem;background:#f9fafb}.txreceipt-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;background:#fff;color:#036;border:2px solid #003366;border-radius:12px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease}.txreceipt-action-btn:hover{background:#036;color:#ffb81c;transform:translateY(-3px);box-shadow:0 8px 20px #0363}.txreceipt-action-btn svg{transition:transform .3s ease}.txreceipt-action-btn:hover svg{transform:scale(1.2)}.txreceipt-footer{padding:2rem;text-align:center;background:#f9fafb;border-top:2px solid #E5E7EB}.txreceipt-footer p{color:#6b7280;font-size:.875rem;font-weight:500;margin:.5rem 0}.txreceipt-footer-meta{color:#9ca3af;font-size:.75rem;margin-top:1rem}.txreceipt-loading,.txreceipt-error{text-align:center;padding:4rem 2rem;color:#fff}.txreceipt-loading p{font-size:1.25rem;font-weight:600;margin-top:1rem}.txreceipt-error{display:flex;flex-direction:column;align-items:center;gap:1rem}.txreceipt-error h2{font-size:1.5rem;font-weight:700;margin:0}.txreceipt-error p{font-size:1rem;margin:0}.txreceipt-btn-primary{padding:1rem 2rem;background:#ffb81c;color:#036;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.txreceipt-btn-primary:hover{background:#f5a623;transform:translateY(-2px);box-shadow:0 8px 20px #ffb81c4d}.txreceipt-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#ffb81c;border-radius:50%;animation:txreceiptSpin 1s linear infinite;margin:0 auto}@keyframes txreceiptSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes txreceiptFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes txreceiptSpin{to{transform:rotate(360deg)}}@keyframes txreceiptRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.txreceipt-page{padding:1rem .5rem}.txreceipt-header h1{font-size:1.5rem}.txreceipt-bank-header{flex-direction:column;text-align:center}.txreceipt-bank-logo{width:50px;height:50px}.txreceipt-bank-info h2{font-size:1.25rem}.txreceipt-amount-value{font-size:2.5rem}.txreceipt-actions{grid-template-columns:1fr}.txreceipt-confirmation{flex-direction:column;text-align:center}.txreceipt-section{padding:1.5rem}}@media (max-width: 480px){.txreceipt-amount-value{font-size:2rem}.txreceipt-detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}.txreceipt-value{text-align:left}}@media print{.txreceipt-page{background:#fff}.txreceipt-back-btn,.txreceipt-actions{display:none}.txreceipt-card{box-shadow:none;border:2px solid #003366}}