:root{--zahlen-primary: #333333;--zahlen-primary-hover: #444444;--zahlen-primary-light: rgba(255, 255, 255, .1);--zahlen-secondary: #555555;--zahlen-accent: #888888;--zahlen-glow: rgba(255, 255, 255, .15);--zahlen-success: #10B981;--zahlen-success-bg: rgba(16, 185, 129, .15);--zahlen-error: #EF4444;--zahlen-error-light: rgba(239, 68, 68, .15);--zahlen-error-hover: #c53030;--zahlen-warning: #F59E0B;--zahlen-warning-light: rgba(245, 158, 11, .15);--zahlen-warning-dark: #9A6700;--zahlen-info: #3B82F6;--zahlen-info-light: rgba(59, 130, 246, .15);--zahlen-bg: #000000;--zahlen-bg-gradient: linear-gradient(135deg, #000000 0%, #0A0A0A 50%, #111111 100%);--zahlen-surface: #0A0A0A;--zahlen-surface-glass: rgba(255, 255, 255, .04);--zahlen-surface-alt: #141414;--zahlen-surface-hover: rgba(255, 255, 255, .08);--zahlen-nav-glass: rgba(12, 12, 29, .8);--zahlen-border: rgba(255, 255, 255, .08);--zahlen-border-light: rgba(255, 255, 255, .12);--zahlen-border-focus: rgba(255, 255, 255, .3);--zahlen-text: #FFFFFF;--zahlen-text-muted: #B4B4C7;--zahlen-text-subtle: #6B7280;--zahlen-input-bg: rgba(255, 255, 255, .06);--zahlen-blur: blur(20px);--zahlen-shadow: 0 8px 32px rgba(0, 0, 0, .4);--zahlen-shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--zahlen-transition: all .25s cubic-bezier(.4, 0, .2, 1);--zahlen-radius: 12px;--zahlen-radius-lg: 16px;--zahlen-radius-sm: 8px;--fs-xs: .75rem;--fs-small: .875rem;--fs-medium: .9375rem;--fs-large: 1rem;--fs-xlarge: 1.125rem;--fs-xxlarge: 1.5rem;--fs-xxxlarge: 2rem;--zahlen-gold: #D98E04;--zahlen-gold-hover: #C47E03;--zahlen-gold-light: rgba(217, 142, 4, .15);--zahlen-gold-secondary: #FFB443;--zahlen-gold-accent: #FFD699;--zahlen-gold-glow: rgba(217, 142, 4, .35);--category-transfers: #007AFF;--category-airtime: #34C759;--category-bills: #AF52DE;--category-others: #5856D6;--payon-primary: var(--zahlen-primary);--payon-primary-hover: var(--zahlen-primary-hover);--payon-secondary: var(--zahlen-secondary);--payon-accent: var(--zahlen-accent);--payon-glow: var(--zahlen-glow);--payon-success: var(--zahlen-success);--payon-success-bg: var(--zahlen-success-bg);--payon-error: var(--zahlen-error);--payon-bg: var(--zahlen-bg);--payon-bg-gradient: var(--zahlen-bg-gradient);--payon-surface: var(--zahlen-surface-glass);--payon-surface-hover: var(--zahlen-surface-hover);--payon-nav-glass: var(--zahlen-nav-glass);--payon-border: var(--zahlen-border);--payon-border-focus: var(--zahlen-border-focus);--payon-text: var(--zahlen-text);--payon-text-muted: var(--zahlen-text-muted);--payon-text-subtle: var(--zahlen-text-subtle);--payon-input-bg: var(--zahlen-input-bg);--payon-blur: var(--zahlen-blur);--payon-shadow: var(--zahlen-shadow);--payon-shadow-lg: var(--zahlen-shadow-lg);--payon-transition: var(--zahlen-transition);--payon-radius: var(--zahlen-radius);--payon-radius-lg: var(--zahlen-radius-lg);--payon-radius-sm: var(--zahlen-radius-sm)}.light-theme{--zahlen-bg: #F8F9FA;--zahlen-bg-gradient: linear-gradient(135deg, #FFFFFF 0%, #F8F9FA 50%, #F0F1F3 100%);--zahlen-surface: #FFFFFF;--zahlen-surface-glass: rgba(255, 255, 255, .7);--zahlen-surface-alt: #F0F1F3;--zahlen-surface-hover: rgba(0, 0, 0, .04);--zahlen-nav-glass: rgba(255, 255, 255, .85);--zahlen-border: rgba(0, 0, 0, .08);--zahlen-border-light: rgba(0, 0, 0, .12);--zahlen-border-focus: rgba(0, 0, 0, .2);--zahlen-text: #1A1A2E;--zahlen-text-muted: #4B5563;--zahlen-text-subtle: #9CA3AF;--zahlen-input-bg: rgba(0, 0, 0, .03);--zahlen-shadow: 0 8px 32px rgba(0, 0, 0, .08);--zahlen-shadow-lg: 0 20px 60px rgba(0, 0, 0, .12);--zahlen-glow: rgba(0, 0, 0, .08);--zahlen-gold: #B87503;--zahlen-gold-hover: #9A6202;--zahlen-gold-light: rgba(184, 117, 3, .12);--zahlen-gold-glow: rgba(184, 117, 3, .25);--zahlen-primary: #2D2D2D;--zahlen-primary-hover: #1A1A1A;--zahlen-primary-light: rgba(0, 0, 0, .08);--zahlen-secondary: #3D3D3D;--zahlen-warning-dark: #7A5200;--zahlen-error-hover: #b82828}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Satoshi,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--zahlen-bg);color:var(--zahlen-text);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}.card,.glass-card,.table-container,.modal-content,input,select,textarea,button,.btn,.settings-item,.settings-container,.header-container,.main-layout,.sidebar,.page-content{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;color:var(--zahlen-text)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}p,.text-muted{color:var(--zahlen-text-muted)}.text-subtle{color:var(--zahlen-text-subtle)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.w-full{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--zahlen-surface-glass);backdrop-filter:var(--zahlen-blur);-webkit-backdrop-filter:var(--zahlen-blur);border:1px solid var(--zahlen-border);border-radius:var(--zahlen-radius-lg);box-shadow:var(--zahlen-shadow);padding:2rem;transition:var(--zahlen-transition)}.glass-card:hover{border-color:var(--zahlen-border-light);box-shadow:var(--zahlen-shadow-lg)}.card{background:var(--zahlen-surface);border:1px solid var(--zahlen-border);border-radius:var(--zahlen-radius);padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:var(--zahlen-radius);cursor:pointer;border:none;transition:var(--zahlen-transition);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--zahlen-primary),var(--zahlen-secondary));color:#fff;box-shadow:0 4px 15px var(--zahlen-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--zahlen-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{background:transparent;border:1px solid var(--zahlen-border);color:var(--zahlen-text-muted)}.btn-outline:hover:not(:disabled){background:var(--zahlen-surface-hover);border-color:var(--zahlen-text-muted);color:var(--zahlen-text)}.btn-primary-gold{background:var(--zahlen-gold);color:#fff}.btn-primary-gold:hover:not(:disabled){background:var(--zahlen-gold-hover);box-shadow:0 4px 12px var(--zahlen-gold-glow)}.btn-outline-gold{background:transparent;border:1px solid var(--zahlen-gold);color:var(--zahlen-gold)}.btn-outline-gold:hover:not(:disabled){background:var(--zahlen-gold-light)}.btn-icon{background:transparent;border:none;padding:.5rem;color:var(--zahlen-text-muted);cursor:pointer;transition:var(--zahlen-transition);border-radius:var(--zahlen-radius-sm)}.btn-icon:hover{color:var(--zahlen-primary);background:var(--zahlen-surface-hover)}.btn-icon svg{width:1.25rem;height:1.25rem;display:block}input,select,textarea{width:100%;padding:.875rem 1rem;background:var(--zahlen-input-bg);border:1px solid var(--zahlen-border);border-radius:var(--zahlen-radius);color:var(--zahlen-text);font-size:.9375rem;transition:var(--zahlen-transition)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--zahlen-text-subtle)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--zahlen-border-focus);box-shadow:0 0 0 3px var(--zahlen-glow)}label{display:block;font-size:.875rem;font-weight:500;color:var(--zahlen-text-muted);margin-bottom:.5rem}.password-wrapper{position:relative}.password-wrapper input{padding-right:3rem}.password-wrapper .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.25rem;cursor:pointer;color:var(--zahlen-text-muted);display:flex;align-items:center;justify-content:center;transition:color .15s}.password-wrapper .password-toggle:hover{color:var(--zahlen-text)}.password-wrapper .password-toggle svg{width:1.125rem;height:1.125rem}.form-group{margin-bottom:1.25rem}.field-error{color:var(--zahlen-error);font-size:.75rem;margin-top:.25rem;display:block}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge.success{background:var(--zahlen-success-bg);color:var(--zahlen-success)}.badge.error{background:#ef444426;color:var(--zahlen-error)}.badge.warning{background:#f59e0b26;color:var(--zahlen-warning)}.badge.pending{background:#8b5cf626;color:var(--zahlen-primary)}.badge-purple{background:#8b5cf626;color:var(--zahlen-accent)}.badge-blue{background:#6366f126;color:#818cf8}.badge-green{background:var(--zahlen-success-bg);color:var(--zahlen-success)}.badge-gray{background:#6b728026;color:var(--zahlen-text-muted)}.grid{display:grid;gap:1.5rem}@media(min-width:768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.page-layout{min-height:100vh;background:var(--zahlen-bg-gradient);padding:2rem 1rem}.page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;background:var(--zahlen-bg-gradient)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.125rem;font-weight:600;margin-bottom:0}.wizard-stepper{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.5rem}.wizard-step{display:flex;align-items:center;gap:.75rem}.step-number{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;border:2px solid var(--zahlen-border);color:var(--zahlen-text-muted);background:var(--zahlen-surface-glass);transition:var(--zahlen-transition)}.step-number.active{border-color:var(--zahlen-primary);background:var(--zahlen-primary);color:#fff;box-shadow:0 0 20px var(--zahlen-glow)}.step-number.completed{border-color:var(--zahlen-success);background:var(--zahlen-success);color:#fff}.step-line{width:3rem;height:2px;background:var(--zahlen-border)}.step-line.active,.step-line.completed{background:linear-gradient(90deg,var(--zahlen-primary),var(--zahlen-secondary))}.step-indicator{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem}.step-indicator .step{display:flex;align-items:center;gap:.75rem}.step-indicator .step .step-label{font-size:.875rem;color:var(--zahlen-text-muted)}.step-indicator .step .step-label.active{color:var(--zahlen-text);font-weight:500}.selection-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--zahlen-surface-glass);border:2px solid var(--zahlen-border);border-radius:var(--zahlen-radius);cursor:pointer;transition:var(--zahlen-transition)}.selection-card:hover{border-color:var(--zahlen-border-light);background:var(--zahlen-surface-hover)}.selection-card.selected{border-color:var(--zahlen-primary);background:var(--zahlen-primary-light);box-shadow:0 0 20px var(--zahlen-glow)}.selection-card .content{flex:1}.selection-card .content .title{font-weight:600;color:var(--zahlen-text);margin-bottom:.25rem}.selection-card .content .description{font-size:.875rem;color:var(--zahlen-text-muted)}.selection-card .check-icon{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--zahlen-border);display:flex;align-items:center;justify-content:center;transition:var(--zahlen-transition)}.selection-card .check-icon svg{width:.875rem;height:.875rem;opacity:0;color:#fff}.selection-card.selected .check-icon{border-color:var(--zahlen-primary);background:var(--zahlen-primary)}.selection-card.selected .check-icon svg{opacity:1}.transfer-type-card{background:var(--zahlen-surface);border:1px solid var(--zahlen-border);border-radius:var(--zahlen-radius);padding:1.5rem;cursor:pointer;transition:var(--zahlen-transition)}.transfer-type-card:hover{border-color:var(--zahlen-primary);transform:translateY(-2px);box-shadow:var(--zahlen-shadow)}.transfer-type-card .icon{width:3rem;height:3rem;border-radius:var(--zahlen-radius);display:flex;align-items:center;justify-content:center;background:var(--zahlen-primary-light);margin-bottom:1rem}.transfer-type-card .icon svg{width:1.5rem;height:1.5rem;color:var(--zahlen-primary)}.transfer-type-card h3{font-size:1rem;font-weight:600;color:var(--zahlen-text);margin-bottom:.5rem}.transfer-type-card p{font-size:.875rem;color:var(--zahlen-text-muted)}.pay-split-layout{display:flex;min-height:100vh}@media(max-width:768px){.pay-split-layout{flex-direction:column}}.pay-branding{flex:1;background:var(--zahlen-surface-glass);padding:3rem;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.pay-branding{padding:2rem}}.pay-branding .brand-logo{width:4rem;height:4rem;background:linear-gradient(135deg,var(--zahlen-primary),var(--zahlen-secondary));border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;box-shadow:0 8px 30px var(--zahlen-glow)}.pay-branding .brand-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.pay-branding .brand-description{color:var(--zahlen-text-muted);max-width:320px;line-height:1.7}.pay-branding .brand-amount{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--zahlen-border)}.pay-branding .brand-amount .amount-label{font-size:.875rem;color:var(--zahlen-text-muted);margin-bottom:.25rem}.pay-branding .brand-amount .amount-value{font-size:2rem;font-weight:700;color:var(--zahlen-text)}.pay-form-panel{flex:1;background:var(--zahlen-bg);padding:3rem;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.pay-form-panel{padding:2rem}}.pay-form-panel .form-container{max-width:400px;margin:0 auto;width:100%}.progress-bar{width:100%;height:.5rem;background:var(--zahlen-surface-alt);border-radius:9999px;overflow:hidden}.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--zahlen-primary),var(--zahlen-secondary));border-radius:9999px;transition:width .5s ease-out}.secured-footer{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--zahlen-border)}.secured-footer svg{width:1rem;height:1rem;color:var(--zahlen-text-subtle)}.secured-footer span{font-size:.75rem;color:var(--zahlen-text-subtle)}.table-container{background:var(--zahlen-surface-glass);border:1px solid var(--zahlen-border);border-radius:var(--zahlen-radius-lg);overflow:hidden}table,.data-table{width:100%;border-collapse:collapse}th{text-align:left;padding:1rem 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--zahlen-text-subtle);background:var(--zahlen-surface-alt);border-bottom:1px solid var(--zahlen-border)}td{padding:1rem 1.5rem;font-size:.9375rem;border-bottom:1px solid var(--zahlen-border)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--zahlen-surface-hover)}.icon-box{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--zahlen-primary),var(--zahlen-secondary));border-radius:var(--zahlen-radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem}.link-text{font-size:.75rem;color:var(--zahlen-primary);text-decoration:none}.link-text:hover{text-decoration:underline}.input-group{position:relative}.input-group .prefix,.input-group .suffix{position:absolute;top:50%;transform:translateY(-50%);color:var(--zahlen-text-muted);font-size:.875rem;pointer-events:none}.input-group .prefix{left:1rem}.input-group .suffix{right:1rem}.input-group input{padding-left:2.5rem;padding-right:3rem}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.light-theme .modal-overlay{background:#0006}.modal-content{background:var(--zahlen-surface);border:1px solid var(--zahlen-border);border-radius:var(--zahlen-radius);padding:1.5rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.cdk-overlay-dark-backdrop{background:#000000f2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;opacity:1!important}.light-theme .cdk-overlay-dark-backdrop{background:#00000080!important}.zahlen-modal-backdrop{background-color:#000000f2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;opacity:1!important}.light-theme .zahlen-modal-backdrop{background-color:#00000080!important}.mat-mdc-dialog-container .mdc-dialog__surface{background-color:transparent!important;box-shadow:0 25px 50px -12px #000000e6!important;border:1px solid var(--zahlen-border);overflow:visible!important}.light-theme .mat-mdc-dialog-container .mdc-dialog__surface{box-shadow:0 25px 50px -12px #00000040!important}.zahlen-modal-panel .mat-mdc-dialog-container{padding:0}.theme-toggle{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--zahlen-surface-alt);border:1px solid var(--zahlen-border);border-radius:var(--zahlen-radius);cursor:pointer;transition:var(--zahlen-transition)}.theme-toggle:hover{border-color:var(--zahlen-gold)}.theme-toggle .toggle-label{font-size:.875rem;font-weight:500;color:var(--zahlen-text)}.theme-toggle .toggle-switch{position:relative;width:48px;height:24px;background:var(--zahlen-surface-hover);border-radius:12px;transition:background-color .3s ease}.theme-toggle .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--zahlen-gold);border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.theme-toggle.light-active .toggle-switch:after{transform:translate(24px)}.theme-toggle .toggle-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--zahlen-gold)}.theme-toggle .toggle-icon svg{width:18px;height:18px}