:root{--primary:#ff6b35;--primary-dark:#e85a28;--primary-light:#ff8f66;--secondary:#2d2d2d;--accent:#4ecdc4;--background:#f8f9fa;--surface:#fff;--text-primary:#2d2d2d;--text-secondary:#6b7280;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--border:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fa;background:var(--background);color:#2d2d2d;color:var(--text-primary);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .4s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--background)}::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-secondary)}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--surface);border-bottom:1px solid var(--border);height:64px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header,.header-logo{align-items:center;display:flex}.header-logo{color:var(--primary);cursor:pointer;font-size:1.5rem;font-weight:800;gap:10px;transition:transform .2s}.header-logo:hover{transform:scale(1.02)}.header-nav,.nav-btn{display:flex;gap:8px}.nav-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.nav-btn:hover{background:var(--background);color:var(--primary)}.nav-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.app-main{flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.loading-screen{align-items:center;background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh}.loading-logo{color:#fff;font-size:3rem;font-weight:800;text-shadow:0 4px 20px #0003}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.auth-screen{align-items:center;background:linear-gradient(135deg,#fff5f2,#ffe8e0);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container{background:var(--surface);border-radius:24px;box-shadow:0 20px 60px #ff6b3526;max-width:420px;padding:48px 40px;width:100%}.auth-logo{margin-bottom:40px;text-align:center}.auth-logo-icon{color:var(--primary);height:64px;margin-bottom:16px;width:64px}.auth-logo h1{color:var(--primary);font-size:2.5rem;font-weight:800;margin-bottom:8px}.auth-logo p{color:var(--text-secondary);font-size:1rem}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.form-group input{border:2px solid var(--border);border-radius:12px;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .2s}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff6b351a;outline:none}.error-message{background:#fef2f2;border-radius:10px;color:var(--error);font-size:.9rem;font-weight:500;padding:12px 16px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 15px #ff6b354d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #ff6b3566;transform:translateY(-2px)}.btn-full{width:100%}.btn-large{font-size:1.1rem;padding:18px 32px}.btn-sm{font-size:.85rem;padding:8px 16px}.btn-text{background:#0000;color:var(--primary);font-weight:600}.btn-text:hover{background:#ff6b351a}.home-screen{animation:fadeIn .4s ease-out}.search-container{margin-bottom:24px;position:relative}.search-icon{color:var(--text-secondary);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--surface);border:2px solid var(--border);border-radius:16px;font-family:inherit;font-size:1rem;padding:16px 16px 16px 50px;transition:all .2s;width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff6b351a;outline:none}.categories-container{display:flex;gap:12px;margin-bottom:32px;overflow-x:auto;padding-bottom:8px}.category-btn{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.category-btn:hover{border-color:var(--primary);color:var(--primary)}.category-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:#fff}.phones-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.phone-card{background:var(--surface);border-radius:20px;box-shadow:0 4px 20px #0000000f;cursor:pointer;overflow:hidden;transition:all .3s}.phone-card:hover{box-shadow:0 12px 40px #ff6b3526;transform:translateY(-8px)}.phone-image{background:linear-gradient(135deg,#f8f9fa,#e9ecef);height:200px;overflow:hidden;position:relative}.phone-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.image-placeholder{align-items:center;background:linear-gradient(135deg,var(--background),#e9ecef);color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;width:100%}.image-placeholder span{font-size:.9rem;font-weight:700}.phone-card:hover .phone-image img{transform:scale(1.05)}.phone-category{background:#fffffff2;border-radius:20px;color:var(--primary);font-size:.75rem;font-weight:700;padding:6px 12px;position:absolute;right:12px;top:12px}.phone-info{padding:20px}.phone-brand{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:4px}.phone-model{color:var(--text-secondary);font-size:1rem;margin-bottom:12px}.phone-price{color:var(--primary);font-size:1.5rem;font-weight:800;margin-bottom:12px}.phone-specs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.spec-tag{background:var(--background);border-radius:8px;font-size:.8rem;font-weight:500;padding:6px 12px}.empty-state,.spec-tag{color:var(--text-secondary)}.empty-state{grid-column:1/-1;padding:60px 20px;text-align:center}.empty-state svg{margin-bottom:16px;opacity:.5}.subscription-screen{margin:0 auto;max-width:700px}.back-btn{align-items:center;background:var(--surface);border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;margin-bottom:24px;padding:10px 16px;transition:all .2s}.back-btn:hover{background:var(--background);color:var(--primary)}.selected-phone-card{align-items:center;background:var(--surface);border-radius:20px;box-shadow:0 4px 20px #0000000f;display:flex;gap:20px;margin-bottom:24px;padding:24px}.selected-phone-card img{background:var(--background);border-radius:16px;height:120px;object-fit:cover;width:120px}.selected-phone-info h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.selected-phone-info p{color:var(--text-secondary);margin-bottom:8px}.selected-phone-price{color:var(--primary);font-size:1.5rem;font-weight:800}.section{background:var(--surface);border-radius:20px;box-shadow:0 4px 20px #0000000f;margin-bottom:20px;padding:24px}.section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:10px;margin-bottom:20px}.section h3 svg{color:var(--primary)}.type-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.type-option{background:var(--surface);border:2px solid var(--border);border-radius:16px;cursor:pointer;font-family:inherit;padding:20px 16px;text-align:center;transition:all .2s}.type-option.active,.type-option:hover{border-color:var(--primary)}.type-option.active{background:#ff6b350d}.type-name{color:var(--text-primary);display:block;font-size:1rem;font-weight:700;margin-bottom:6px}.type-option.active .type-name{color:var(--primary)}.type-desc{color:var(--text-secondary);display:block;font-size:.75rem;margin-bottom:8px}.type-min{color:var(--primary);display:block;font-size:.85rem;font-weight:700}.amount-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.amount-option{background:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .2s}.amount-option.active,.amount-option:hover{border-color:var(--primary)}.amount-option.active{background:var(--primary);color:#fff}.amount-slider{gap:16px}.amount-slider,.slider-btn{align-items:center;display:flex}.slider-btn{background:var(--surface);border:2px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;height:40px;justify-content:center;transition:all .2s;width:40px}.slider-btn:hover{border-color:var(--primary);color:var(--primary)}.slider{-webkit-appearance:none;background:var(--border);border-radius:4px;flex:1 1;height:8px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border-radius:50%;box-shadow:0 4px 10px #ff6b354d;cursor:pointer;height:24px;width:24px}.stats-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:20px;padding:28px}.stats-card,.stats-card h3{color:#fff;margin-bottom:24px}.stats-card h3 svg{color:#fff}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-item{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:800;margin-bottom:4px}.stat-label{font-size:.85rem;opacity:.9}.profile-screen{animation:fadeIn .4s ease-out;margin:0 auto;max-width:800px}.profile-header{align-items:center;background:var(--surface);border-radius:20px;box-shadow:0 4px 20px #0000000f;display:flex;gap:20px;margin-bottom:24px;padding:24px}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;color:#fff;display:flex;font-size:1.8rem;font-weight:800;height:70px;justify-content:center;width:70px}.profile-info{flex:1 1}.profile-info h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.logout-btn,.profile-info p{color:var(--text-secondary)}.logout-btn{background:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;padding:12px;transition:all .2s}.logout-btn:hover{background:#ef44440d;border-color:var(--error);color:var(--error)}.balance-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:24px;color:#fff;margin-bottom:24px;padding:32px}.balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.balance-label{font-size:1rem;opacity:.9}.balance-icon{opacity:.8}.balance-amount{font-size:2.5rem;font-weight:800;margin-bottom:24px}.progress-section{background:#ffffff26;border-radius:16px;padding:20px}.progress-header{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:12px}.progress-percent{font-weight:700}.progress-bar{background:#ffffff4d;border-radius:5px;height:10px;margin-bottom:12px;overflow:hidden}.progress-fill{background:#fff;border-radius:5px;height:100%;transition:width .5s ease-out}.target-info{display:flex;font-size:.9rem;justify-content:space-between}.target-price{font-weight:700}.section-card{background:var(--surface);border-radius:20px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:28px}.section-card h3{align-items:center;display:flex;font-size:1.2rem;font-weight:700;gap:10px;margin-bottom:24px}.section-card h3 svg{color:var(--primary)}.empty-subscriptions{padding:40px 20px;text-align:center}.empty-subscriptions p{color:var(--text-secondary);margin-bottom:20px}.subscriptions-list{display:flex;flex-direction:column;gap:20px}.subscription-card{border:2px solid var(--border);border-radius:16px;padding:24px;transition:all .2s}.subscription-card:hover{border-color:var(--primary)}.sub-header{margin-bottom:16px}.sub-phone{align-items:center;display:flex;gap:16px}.sub-phone img,.sub-phone-img{background:var(--background);border-radius:14px;height:80px;object-fit:cover;width:80px}.phone-image-fallback,.phone-placeholder{align-items:center;background:var(--background);border-radius:14px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px;height:80px;justify-content:center;width:80px}.phone-image-fallback span{font-size:.7rem;font-weight:600}.sub-phone h4{font-size:1.1rem;font-weight:700;margin-bottom:4px}.sub-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;padding:4px 12px}.sub-status.active{background:#10b9811a;color:var(--success)}.sub-status.completed{background:#4ecdc41a;color:var(--accent)}.sub-status.cancelled{background:#ef44441a;color:var(--error)}.sub-progress{margin-bottom:16px}.sub-progress .progress-bar{background:var(--border);margin-bottom:8px}.sub-progress .progress-fill{background:linear-gradient(90deg,var(--primary),var(--accent))}.sub-paid{color:var(--text-secondary);font-size:.9rem}.sub-details{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.sub-detail{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px}.sub-detail svg{color:var(--primary)}.completed-badge{align-items:center;background:linear-gradient(135deg,var(--accent),#3dbeb6);border-radius:12px;color:#fff;display:flex;font-weight:700;gap:10px;justify-content:center;padding:16px}.achievements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.achievement{border:2px solid var(--border);border-radius:16px;padding:24px 16px;text-align:center;transition:all .2s}.achievement:hover{border-color:var(--primary);transform:translateY(-4px)}.achievement svg{color:var(--primary);margin-bottom:12px}.achievement-title{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.achievement-status{color:var(--primary);display:block;font-size:.8rem;font-weight:700}.sub-actions{display:flex;gap:12px;margin-top:16px}.sub-actions .btn{flex:1 1}.btn-autopay{align-items:center;background:#0000;border:2px solid var(--accent);border-radius:12px;color:var(--accent);cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.btn-autopay:hover{background:var(--accent);color:#fff}.btn-tbank{align-items:center;background:linear-gradient(135deg,#ffdd2d,#ffb800);border:none;border-radius:12px;box-shadow:0 4px 15px #ffdd2d4d;color:#1a1a1a;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.btn-tbank:hover:not(:disabled){box-shadow:0 8px 25px #ffdd2d66;transform:translateY(-2px)}.btn-tbank:disabled{cursor:not-allowed;opacity:.6}.btn-autopay-active{align-items:center;background:#10b9811a;border:2px solid var(--success);border-radius:12px;color:var(--success);cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.btn-autopay-active:hover{background:var(--success);color:#fff}.autopay-badge{align-items:center;background:linear-gradient(135deg,#4ecdc41a,#10b9811a);border-radius:12px;color:var(--text-primary);display:flex;font-size:.9rem;gap:10px;margin-bottom:16px;padding:12px 16px}.autopay-badge svg{color:var(--success)}.autopay-brand{background:var(--surface);border-radius:6px;color:var(--text-secondary);font-size:.8rem;font-weight:700;margin-left:auto;padding:4px 10px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--surface);border-radius:24px;box-shadow:0 25px 80px #0000004d;max-width:420px;padding:32px;position:relative;width:100%}.modal-close{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s}.modal-close:hover{background:var(--background);color:var(--text-primary)}.modal-header{margin-bottom:24px;text-align:center}.modal-icon{color:var(--primary);margin-bottom:16px}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:800;margin-bottom:8px}.modal-header p{color:var(--text-secondary);font-size:.95rem}.autopay-info{background:var(--background);border-radius:12px;display:flex;gap:24px;justify-content:center;margin-bottom:24px;padding:16px}.autopay-info-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px}.autopay-info-item svg{color:var(--success)}.card-form{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.demo-notice{color:var(--text-secondary);font-size:.8rem;margin-top:8px;text-align:center}.demo-notice span{background:var(--warning);border-radius:4px;color:#fff;display:inline-block;font-weight:700;margin-right:4px;padding:2px 8px}@media (max-width:768px){.app-header{padding:0 16px}.header-logo span,.nav-btn span{display:none}.nav-btn{padding:10px}.app-main{padding:16px}.phones-grid,.type-options{grid-template-columns:1fr}.stats-grid{gap:12px;grid-template-columns:repeat(3,1fr)}.stat-value{font-size:1.2rem}.achievements-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.achievement{padding:16px 8px}.achievement-title{font-size:.75rem}.auth-container{padding:32px 24px}.selected-phone-card{flex-direction:column;text-align:center}.balance-amount{font-size:2rem}}
/*# sourceMappingURL=main.6dac95ae.css.map*/