@charset "UTF-8";html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}*,*:before,*:after{box-sizing:border-box}input[matInput],textarea[matInput]{outline:none}html,body{margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;color:#333;background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.25}h2{color:#4e5e8b}p{margin:0 0 1rem}a{color:#4e5e8b;text-decoration:none}a:hover{text-decoration:underline}main{min-height:calc(100vh - 64px)}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;transition:all .2s}.btn.btn-primary{background:#4e5e8b;color:#fff;border:2px solid #4e5e8b}.btn.btn-primary:hover{background:#3d4c78;border-color:#3d4c78}.btn.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}.btn.btn-outline:hover{border-color:#fff}.btn.btn-lg{padding:1rem 2.5rem;font-size:1.1rem}.footer{background:#1a1a2e;color:#fff9;text-align:center;padding:1.5rem;font-size:.875rem}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:#1a1a2e;box-shadow:0 2px 8px #0000004d;position:relative}.navbar .navbar-brand a{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff}.navbar .navbar-brand a .brand-logo{height:40px;width:auto}.navbar .navbar-brand a .brand-name{font-size:1.25rem;font-weight:700;letter-spacing:.5px}.navbar .hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:transparent;border:none;cursor:pointer}.navbar .hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .25s}.navbar.open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar.open .hamburger span:nth-child(2){opacity:0}.navbar.open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar .nav-links{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.navbar .nav-links a{color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.navbar .nav-links a:hover,.navbar .nav-links a.active{color:#5ac4f6}@media(max-width:768px){.navbar{flex-wrap:wrap;height:auto;padding:0 1.25rem}.navbar .navbar-brand{height:64px;display:flex;align-items:center}.navbar .hamburger{display:flex}.navbar .nav-links{display:none;width:100%;flex-direction:column;gap:0;padding:.5rem 0 1rem}.navbar .nav-links li a{display:block;padding:.75rem 0;font-size:1rem;border-top:1px solid rgba(255,255,255,.08)}.navbar.open .nav-links{display:flex}}.nav-signout-btn{background:none;border:none;color:#fff;padding:0;font-size:.9rem;font-family:inherit;cursor:pointer;transition:color .2s}.nav-signout-btn:hover{color:#5ac4f6}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.hero{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:5rem 2rem 4rem;background:linear-gradient(135deg,#1a1a2e,#16213e 60%,#0f3460);color:#fff;min-height:520px}.hero .hero-content{flex:1;max-width:600px}.hero .hero-content h1{font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:1.25rem}.hero .hero-content .hero-sub{font-size:1.1rem;line-height:1.7;color:#ffffffd9;margin-bottom:2rem}.hero .hero-content .hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.hero .hero-visual{flex-shrink:0}.hero .hero-visual .phone-mockup{position:relative;width:240px;height:auto;background:transparent;border:none;border-radius:0;display:flex;align-items:center;justify-content:center}.hero .hero-visual .phone-mockup img{width:100%;height:auto;border-radius:24px;box-shadow:0 16px 48px #0006}.stats-banner{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2.5rem 2rem;background:#4e5e8b;color:#fff;flex-wrap:wrap}.stats-banner .stat{text-align:center}.stats-banner .stat .stat-value{display:block;font-size:2.5rem;font-weight:800}.stats-banner .stat .stat-label{display:block;font-size:.9rem;opacity:.9;max-width:200px}.stats-banner .stat-divider{width:1px;height:60px;background:#fff6}.how-it-works{padding:5rem 2rem;background:#fff;text-align:center}.how-it-works h2{font-size:2rem;margin-bottom:2.5rem}.how-it-works .steps{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.how-it-works .steps .step{background:#f8f9fc;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;width:220px;text-align:center}.how-it-works .steps .step .step-num{width:60px;height:60px;border-radius:50%;background:#4e5e8b;color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.how-it-works .steps .step p{color:#333;font-size:.95rem;margin:0}.how-it-works .steps .step-arrow{font-size:1.5rem;color:#4e5e8b;font-weight:700}.how-it-works .steps-sub{color:#666;font-size:1rem;font-style:italic}.built-for{padding:5rem 2rem;background:#f8f9fc}.built-for h2{font-size:2rem;text-align:center;margin-bottom:2.5rem}.built-for .features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.built-for .feature-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 2px 12px #0000000f;transition:transform .2s,box-shadow .2s}.built-for .feature-card:hover{transform:translateY(-4px);box-shadow:0 6px 24px #6c63ff26}.built-for .feature-card .feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.built-for .feature-card h3{font-size:1rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.built-for .feature-card p{font-size:.9rem;color:#666;line-height:1.6;margin:0}.why-tipper{padding:5rem 2rem;background:#fff}.why-tipper h2{font-size:2rem;text-align:center;margin-bottom:2.5rem}.why-tipper .table-wrapper{max-width:900px;margin:0 auto;overflow-x:auto}.why-tipper table{width:100%;border-collapse:collapse;font-size:.95rem}.why-tipper table th{background:#4e5e8b;color:#fff;padding:.9rem 1.25rem;text-align:left}.why-tipper table td{padding:.85rem 1.25rem;border-bottom:1px solid #e0e0e0;color:#333}.why-tipper table tr:last-child td{border-bottom:none}.why-tipper table tr:nth-child(2n) td{background:#f8f9fc}.pricing{padding:5rem 2rem;background:#f8f9fc}.pricing h2{font-size:2rem;text-align:center;margin-bottom:2.5rem}.pricing .pricing-card{max-width:700px;margin:0 auto;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 24px #00000014;text-align:center}.pricing .pricing-card .price-highlight{margin-bottom:2rem}.pricing .pricing-card .price-highlight .price{font-size:3.5rem;font-weight:800;color:#4e5e8b}.pricing .pricing-card .price-highlight .price-period{font-size:1.25rem;color:#666}.pricing .pricing-card table{width:100%;border-collapse:collapse;text-align:left;margin-bottom:1.5rem;font-size:.95rem}.pricing .pricing-card table td{padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;color:#333}.pricing .pricing-card table tr:last-child td{border-bottom:none}.pricing .pricing-card table tr:nth-child(2n) td{background:#f8f9fc}.pricing .pricing-card .pricing-note{color:#666;font-size:.875rem;font-style:italic}.security{padding:5rem 2rem;background:#1a1a2e;color:#fff}.security h2{font-size:2rem;text-align:center;margin-bottom:2.5rem;color:#fff}.security .security-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;max-width:900px;margin:0 auto}.security .security-item{text-align:center;padding:1.5rem;background:#ffffff0f;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.security .security-item .security-icon{font-size:2rem;display:block;margin-bottom:.75rem}.security .security-item p{font-size:.9rem;color:#fffc;margin:0;line-height:1.5}.get-started{padding:5rem 2rem;background:#fff}.get-started h2{font-size:2rem;text-align:center;margin-bottom:2.5rem}.get-started .steps-timeline{max-width:600px;margin:0 auto 3rem;display:flex;flex-direction:column;gap:1.25rem}.get-started .timeline-step{display:flex;align-items:flex-start;gap:1.25rem}.get-started .timeline-step .timeline-num{width:40px;height:40px;min-width:40px;border-radius:50%;background:#4e5e8b;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.get-started .timeline-step .timeline-content strong{display:block;font-size:1rem;color:#1a1a2e;margin-bottom:.2rem}.get-started .timeline-step .timeline-content p{color:#666;font-size:.9rem;margin:0}.get-started .cta-block{text-align:center;background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;padding:3rem 2rem;border-radius:16px;max-width:600px;margin:0 auto}.get-started .cta-block h3{font-size:1.5rem;margin-bottom:1.5rem}@media(max-width:1024px){.hero{padding:4rem 2rem 3rem}.hero .hero-content h1{font-size:2.25rem}.hero .hero-visual{display:none}.how-it-works,.built-for,.why-tipper,.pricing,.security,.get-started{padding:4rem 2rem}}@media(max-width:640px){.hero{flex-direction:column;padding:3rem 1.25rem 2.5rem;min-height:unset;text-align:center}.hero .hero-content{max-width:100%}.hero .hero-content h1{font-size:1.75rem}.hero .hero-content .hero-sub{font-size:1rem}.hero .hero-content .hero-cta{justify-content:center}.stats-banner{padding:2rem 1.25rem;gap:1.5rem}.stats-banner .stat-divider{display:none}.how-it-works{padding:2.5rem 1rem}.how-it-works .steps{flex-direction:column;align-items:center}.how-it-works .steps .step{width:100%;max-width:320px}.how-it-works .steps .step-arrow{display:none}.built-for,.why-tipper,.pricing{padding:2.5rem 1rem}.pricing .pricing-card{padding:1.75rem 1.25rem}.pricing .pricing-card .price-highlight .price{font-size:2.5rem}.security,.get-started{padding:2.5rem 1rem}.get-started .cta-block{padding:2rem 1.25rem}.get-started .cta-block h3{font-size:1.25rem}}.contact-page{min-height:calc(100vh - 64px);background:#f8f9fc}.page-header{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;padding:3.5rem 2rem;text-align:center}.page-header h1{font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.page-header p{font-size:1.1rem;opacity:.85}@media(max-width:1024px){.page-header{padding:2.5rem 2rem}}@media(max-width:640px){.page-header{padding:2rem 1.25rem}.page-header h1{font-size:1.75rem}.page-header p{font-size:1rem}}.contact-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1100px;margin:0 auto;padding:3rem 2rem}@media(max-width:768px){.contact-body{grid-template-columns:1fr}}@media(max-width:640px){.contact-body{padding:2rem 1rem}}.contact-info-side{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 16px #00000012}.info-card h2{font-size:1.5rem;color:#1a1a2e;margin-bottom:1.5rem}.info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.info-item:last-child{margin-bottom:0}.info-item .info-icon{font-size:1.4rem;min-width:28px}.info-item>div{display:flex;flex-direction:column;gap:.2rem}.info-item>div strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#666}.info-item>div a,.info-item>div span{color:#333;font-size:.95rem;text-decoration:none}.info-item>div a:hover,.info-item>div span:hover{color:#4e5e8b}.form-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 16px #00000012;height:fit-content}.form-card h2{font-size:1.5rem;color:#1a1a2e;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#333;margin-bottom:.4rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.95rem;color:#333;background:#fff;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4e5e8b}.form-group input::placeholder,.form-group textarea::placeholder{color:#bbb}.form-group textarea{resize:vertical}.btn-submit{width:100%;padding:.875rem;background:#4e5e8b;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit}.btn-submit:hover:not(:disabled){background:#3d4c78}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.success-banner{display:flex;align-items:center;gap:1rem;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;padding:1.25rem;color:#2e7d32}.success-banner span{font-size:1.5rem}.success-banner p{margin:0;font-size:1rem}.error-banner{background:#ffebee;border:1px solid #ef9a9a;border-radius:8px;padding:.875rem 1rem;color:#c62828;font-size:.9rem;margin-bottom:1rem}app-account .mat-mdc-tab .mdc-tab__text-label{color:#fff!important;transition:color .2s}app-account .mat-mdc-tab:hover .mdc-tab__text-label{color:#5ac4f6!important}app-account .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#5ac4f6!important}app-account .mdc-tab-indicator__content--underline{border-color:transparent!important}.mat-mdc-form-field{--mdc-outlined-text-field-label-text-color: #5ac4f6;--mdc-outlined-text-field-input-text-color: #5ac4f6;--mdc-outlined-text-field-outline-color: #5ac4f6;--mdc-outlined-text-field-hover-outline-color: #5ac4f6;--mdc-outlined-text-field-focus-outline-color: #fff;--mdc-outlined-text-field-focus-label-text-color: #fff;--mdc-outlined-text-field-caret-color: #fff;--mdc-outlined-text-field-container-color: transparent}.mat-mdc-form-field input,.mat-mdc-form-field textarea{color:#5ac4f6!important;-webkit-text-fill-color:#5ac4f6!important;background-color:transparent!important}.mat-mdc-form-field:hover input,.mat-mdc-form-field:hover textarea{color:#fff!important;-webkit-text-fill-color:#fff!important}.mat-mdc-form-field:focus-within input,.mat-mdc-form-field:focus-within textarea{color:#fff!important;-webkit-text-fill-color:#fff!important}.mat-mdc-form-field input:-webkit-autofill,.mat-mdc-form-field textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #252540 inset!important;-webkit-text-fill-color:#fff!important}.mat-mdc-form-field .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-notched-outline__trailing{border-color:#5ac4f6!important}.mat-mdc-form-field .mdc-floating-label{color:#5ac4f6!important}.mat-mdc-form-field:hover .mdc-notched-outline__leading,.mat-mdc-form-field:hover .mdc-notched-outline__notch,.mat-mdc-form-field:hover .mdc-notched-outline__trailing{border-color:#5ac4f6!important}.mat-mdc-form-field:focus-within .mdc-notched-outline__leading,.mat-mdc-form-field:focus-within .mdc-notched-outline__notch,.mat-mdc-form-field:focus-within .mdc-notched-outline__trailing{border-color:#fff!important}.mat-mdc-form-field:focus-within .mdc-floating-label{color:#fff!important}button[mat-raised-button][color=primary]{background-color:#4e5e8b;color:#fff}button[mat-raised-button][color=primary]:hover:not(:disabled){background-color:#3d4c78}button[mat-raised-button][color=primary]:disabled{opacity:.5}button[mat-stroked-button]{color:#fff;border-color:#fff6}app-account .mat-mdc-tab-group{--mat-tab-header-active-label-text-color: #5ac4f6;--mat-tab-header-inactive-label-text-color: #fff;--mat-tab-header-active-indicator-color: transparent;background:#252540;border-radius:12px}app-account .mat-mdc-tab-group .mat-mdc-tab .mdc-tab__text-label{color:#fff}app-account .mat-mdc-tab-group .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#5ac4f6}.account-page{min-height:calc(100vh - 64px);background:#1a1a2e;display:flex;justify-content:center;padding:48px 24px}.auth-card{background:#252540;border-radius:12px;padding:40px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px;align-self:flex-start}.auth-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 8px;text-align:center}.full-width{width:100%}.account-dashboard{width:100%;max-width:900px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dashboard-title{color:#fff;font-size:2rem;font-weight:700;margin:0}.loading-wrap{display:flex;justify-content:center;padding:48px}.tab-content{padding:24px;display:flex;flex-direction:column;gap:14px;color:#fff}.section-heading{color:#fff;font-size:1.1rem;font-weight:600;margin:8px 0 0}.profile-email{color:#ffffffb3;font-size:.95rem;margin:0}.account-info{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.info-row{display:flex;align-items:baseline;gap:12px}.info-label{color:#ffffff8c;font-size:.85rem;min-width:80px}.info-value{color:#fff;font-size:.95rem}.stripe-status{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.status-row{display:flex;align-items:center;gap:12px}.status-label{color:#ffffffb3;font-size:.9rem;min-width:160px}.status-badge{padding:3px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.badge-ok{background:#6bffb826;color:#6bffb8;border:1px solid rgba(107,255,184,.3)}.status-badge.badge-warn{background:#ffc86b26;color:#ffc86b;border:1px solid rgba(255,200,107,.3)}.stripe-hint{color:#ffffff80;font-size:.875rem;margin:0}.email-signin{display:flex;flex-direction:column;gap:10px}.form-error{color:#ff6b6b;font-size:.875rem;margin:0}.form-success{color:#6bffb8;font-size:.875rem;margin:0}.link-btn{background:none;border:none;color:#5ac4f6;font-size:.875rem;cursor:pointer;padding:0;text-align:left}.link-btn:hover{text-decoration:underline}.tx-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tx-date-field{min-width:180px}.tx-refresh-btn{padding:7px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff12;color:#fff;font-size:.875rem;cursor:pointer;transition:background .15s;white-space:nowrap}.tx-refresh-btn:hover:not(:disabled){background:#ffffff24}.tx-refresh-btn:disabled{opacity:.35;cursor:not-allowed}.tx-table{width:100%}.tx-table th.mat-mdc-header-cell{color:#1a1a2eb3;font-size:.8rem;font-weight:600;border-bottom-color:#1a1a2e26}.tx-table td.mat-mdc-cell{color:#1a1a2e;border-bottom-color:#1a1a2e14}.no-data-row td{text-align:center;padding:24px;color:#1a1a2e80}.mat-mdc-paginator{background:transparent;color:#ffffffb3}.tx-pagination{display:flex;gap:12px;margin-top:8px}.tx-page-btn{padding:7px 18px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff12;color:#fff;font-size:.875rem;cursor:pointer;transition:background .15s}.tx-page-btn:hover:not(:disabled){background:#ffffff24}.tx-page-btn:disabled{opacity:.35;cursor:not-allowed}.tx-fee-note{margin-top:10px;font-size:.8rem;color:#fff;opacity:.85}@media(max-width:1024px){.account-page{padding:32px 16px}.auth-card{padding:28px 24px}}@media(max-width:640px){.account-page{padding:20px 12px}.auth-card{padding:20px 16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-title{font-size:1.5rem}.tx-filters{flex-direction:column;align-items:flex-start}.status-label{min-width:120px}}