:root{--color-primary: #472cf1;--color-primary-light: #6b57f5;--color-primary-dark: #3520c4;--color-primary-bg: rgba(71, 44, 241, .08);--color-success: #34c759;--color-success-bg: rgba(52, 199, 89, .12);--color-error: #ff3b30;--color-error-bg: rgba(255, 59, 48, .12);--color-warning: #ff9500;--color-bg: #f2f2f7;--color-surface: #ffffff;--color-surface-secondary: #f2f2f7;--color-border: rgba(0, 0, 0, .08);--color-separator: rgba(0, 0, 0, .06);--color-text-primary: #1c1c1e;--color-text-secondary: #8e8e93;--color-text-tertiary: #aeaeb2;--color-text-inverse: #ffffff;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 624.9375rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--header-height: 3.5rem}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;align-items:center;width:100%;min-height:var(--heightFull, 100vh);min-height:100dvh;font-family:var(--font-family);font-weight:400;font-style:normal;color:var(--color-text-primary);background-color:var(--color-bg);overflow-x:hidden}app-root{display:flex;flex-direction:column;width:100%;max-width:480px;min-height:var(--heightFull, 100vh);min-height:100dvh;background-color:var(--color-bg);position:relative}.content__wrapper{width:100%;padding:0 var(--spacing-lg)}.container{display:flex;flex-direction:column;width:100%;min-height:100%}.text-large-title{font-size:2rem;font-weight:800;line-height:1.15;letter-spacing:-.02em}.text-title{font-size:1.375rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.text-headline{font-size:1.0625rem;font-weight:600;line-height:1.35}.text-body{font-size:1rem;font-weight:400;line-height:1.5}.text-callout{font-size:.9375rem;font-weight:400;line-height:1.4}.text-subhead{font-size:.8125rem;font-weight:500;line-height:1.35;color:var(--color-text-secondary)}.text-caption{font-size:.75rem;font-weight:400;line-height:1.3;color:var(--color-text-tertiary)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;min-height:3.125rem;padding:.875rem var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97);opacity:.85}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 4px 14px #472cf159}.btn-primary:active{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-primary-bg);color:var(--color-primary)}.btn-secondary:active{background-color:#472cf126}.btn-outline{background-color:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:active{background-color:var(--color-primary-bg)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:active{background-color:var(--color-surface-secondary)}.btn-success{background-color:var(--color-success);color:var(--color-text-inverse)}.btn-danger{background-color:var(--color-error);color:var(--color-text-inverse)}.btn-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-height:unset;padding:0;border-radius:var(--radius-full);background-color:#ffffff26;color:var(--color-text-inverse);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-icon img{width:1.25rem;height:1.25rem;filter:brightness(0) invert(1)}.btn-lg{min-height:3.5rem;font-size:1.0625rem;border-radius:var(--radius-xl)}.btn-sm{min-height:2.25rem;padding:.5rem var(--spacing-md);font-size:.875rem;border-radius:var(--radius-md)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.input-group label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;padding-left:var(--spacing-xs)}.input-group .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-group input{width:100%;height:3.125rem;padding:0 var(--spacing-lg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:1rem;color:var(--color-text-primary);background-color:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease;appearance:none}.input-group input::placeholder{color:var(--color-text-tertiary)}.input-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #472cf11f}.input-group .input-icon-left{position:absolute;left:var(--spacing-md);width:1.25rem;height:1.25rem;opacity:.4;pointer-events:none}.input-group .input-icon-left+input{padding-left:2.75rem}.input-group .input-icon-right{position:absolute;right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;cursor:pointer}.input-group .input-icon-right img{width:1.25rem;height:1.25rem;opacity:.4}.card{display:flex;flex-direction:column;width:100%;border-radius:var(--radius-xl);background-color:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.card-body{padding:var(--spacing-lg)}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.w-full{width:100%}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.page{display:flex;flex-direction:column;flex:1;width:100%;padding-bottom:calc(var(--spacing-xl) + var(--safe-area-bottom))}.feedback-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);z-index:100;animation:feedbackIn .3s ease}.feedback-overlay.success{background-color:#34c759f2;color:var(--color-text-inverse)}.feedback-overlay.error{background-color:#ff3b30f2;color:var(--color-text-inverse)}.feedback-overlay .feedback-icon{width:4rem;height:4rem;border-radius:var(--radius-full);background-color:#fff3;display:flex;align-items:center;justify-content:center;font-size:2rem}.feedback-overlay .feedback-text{font-size:1.25rem;font-weight:700}@keyframes feedbackIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;flex:1}.empty-state-icon{width:4rem;height:4rem;border-radius:var(--radius-full);background-color:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-text-tertiary)}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.empty-state-description{font-size:.9375rem;color:var(--color-text-secondary);max-width:16rem}@keyframes slideUp{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes scanLine{0%{top:0}50%{top:calc(100% - 2px)}to{top:0}}.animate-slide-up{animation:slideUp .4s ease forwards}.animate-fade-in{animation:fadeIn .3s ease forwards}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px #00000040;position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);animation:notyf-fadeoutdown .3s forwards;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translate(0)}.notyf__toast--disappear .notyf__message{animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translate(13%);z-index:5;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;animation:notyf-fadeinleft .3s forwards;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:#00000040;border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:#00000026}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px #00000021;width:100%}.notyf__dismiss{width:56px}}