@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);position:relative;overflow:hidden}.login-bg{position:absolute;inset:0;z-index:0}.login-bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);opacity:.1;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-bg-circles{position:absolute;inset:0;overflow:hidden}.circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);opacity:.05;animation:float 20s ease-in-out infinite}.circle-1{width:400px;height:400px;top:-200px;left:-200px;animation-delay:0s}.circle-2{width:600px;height:600px;bottom:-300px;right:-300px;animation-delay:3s}.circle-3{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:6s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-container{position:relative;z-index:1;width:100%;max-width:480px}.login-card{width:100%}.login-header{text-align:center;margin-bottom:var(--spacing-lg)}.login-icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #ff5c2a4d}50%{transform:scale(1.05);box-shadow:0 15px 40px #ff5c2a66}}.login-title{font-size:2rem;margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--text-gray);font-size:1rem}.login-form{margin-bottom:var(--spacing-lg)}.login-btn{width:100%;margin-top:var(--spacing-md);font-size:1.1rem;padding:16px 28px}.alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.9rem}.alert-error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.login-link{color:var(--primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition)}.login-link:hover{color:var(--primary-dark);text-decoration:underline}.login-divider{color:var(--text-light)}.help-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;margin:20px}.help-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.help-modal-header h3{margin:0;font-size:1.25rem;color:#111827}.help-modal-body{padding:24px;color:#4b5563;line-height:1.6}.help-modal-body p{margin:0 0 16px}.help-modal-body ul{list-style:none;margin:16px 0;background:#f9fafb;border-radius:8px;padding:16px}.help-modal-body li{padding:8px 0;color:#111827}.help-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.messenger-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s;flex:1;justify-content:center}.telegram-btn{background:#08c;color:#fff}.telegram-btn:hover{background:#006ba3}.vk-btn{background:#07f;color:#fff}.vk-btn:hover{background:#0059c1}@media(max-width:768px){.login-page{padding:var(--spacing-md)}.login-title{font-size:1.75rem}.login-icon{width:80px;height:80px}.login-icon svg{width:50px;height:50px}}.modal-card{width:100%;max-width:480px;background:#1e1e23f2;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 50px -12px #00000080;padding:24px;margin:20px}.modal-header h3{margin:0;font-size:1.25rem;color:#fff}.btn-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.btn-close:hover{color:#fff}.suspend-description{color:var(--text-gray);margin-bottom:var(--spacing-xl);line-height:1.6}.suspend-form .form-group{margin-bottom:var(--spacing-lg)}.suspend-form .form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-dark);font-size:.95rem}.suspend-form .input{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:#fff;color:var(--text-dark)}.suspend-form .input:hover{border-color:var(--border-hover)}.suspend-form .input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff5c2a1a}.date-input-wrapper{position:relative;display:flex;align-items:center}.calendar-icon{position:absolute;left:16px;color:var(--text-gray);pointer-events:none;z-index:1}.date-input-wrapper .input{padding-left:48px}.suspend-form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.suspend-form input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.calculation-box{background:linear-gradient(135deg,#ff5c2a0d,#3b82f60d);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-xl) 0}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.calc-row:not(:last-child){border-bottom:1px solid var(--border-light)}.calc-row span{color:var(--text-gray);font-size:.95rem}.calc-row strong{font-size:1.1rem;color:var(--text-dark)}.unblock-view{padding:var(--spacing-md) 0}.status-badge.blocked{background:#fb923c1a;color:#ea580c}.info-row{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light)}.info-row span:first-child{color:var(--text-gray)}.info-row span:last-child{font-weight:600;color:var(--text-dark)}.hint-text{margin-top:var(--spacing-lg);color:var(--text-gray);font-size:.9rem;line-height:1.5}.modal-backdrop{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{width:100%;max-width:480px;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;padding:24px;margin:20px}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-dark)}.btn-close{background:none;border:none;color:var(--text-light);font-size:24px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.btn-close:hover{color:var(--text-dark)}.promised-description{color:var(--text-gray);margin-bottom:var(--spacing-xl);line-height:1.6}.promised-form .form-group{margin-bottom:var(--spacing-lg)}.promised-form .form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-dark);font-size:.95rem}.promised-form .input{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:#fff;color:var(--text-dark)}.promised-form .input:hover{border-color:var(--border-hover)}.promised-form .input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff5c2a1a}.promised-form input[type=number]::-webkit-inner-spin-button,.promised-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.promised-form input[type=number]{-moz-appearance:textfield}.info-box{background:linear-gradient(135deg,#10b9810d,#0596690d);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-xl) 0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.info-row:not(:last-child){border-bottom:1px solid rgba(16,185,129,.1)}.info-row span{color:var(--text-gray);font-size:.95rem}.info-row strong{font-size:1.05rem;color:#059669;font-weight:600}.limits-hint{text-align:center;margin-top:var(--spacing-md)}.limits-hint small{color:var(--text-light);font-size:.85rem}.active-view{text-align:center;padding:var(--spacing-lg) 0}.status-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-lg)}.status-badge.active{background:#10b9811a;color:#059669}.info-text{color:var(--text-gray);line-height:1.6;margin:0}.alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.alert svg{flex-shrink:0}.swing-in{animation:swing-in-top-fwd .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes swing-in-top-fwd{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}to{transform:rotateX(0);transform-origin:top;opacity:1}}.modal-backdrop{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-backdrop.forced{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009}.modal-card{width:100%;max-width:480px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:24px;margin:20px;color:#1f2937}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{margin:0;font-size:1.25rem;color:#111827;font-weight:600}.forced-notice{background:#fffbeb;border:1px solid #fcd34d;color:#92400e;padding:12px;border-radius:8px;margin-bottom:20px;font-size:.9rem;display:flex;gap:10px;align-items:flex-start}.form-group{margin-bottom:16px}.form-group label{display:block;color:#4b5563;margin-bottom:6px;font-size:.9rem;font-weight:500}.input{width:100%;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;color:#111827;font-size:1rem;transition:all .2s}.input::placeholder{color:#9ca3af}.input:focus{outline:none;border-color:#f97316;background:#fff;box-shadow:0 0 0 3px #f973161a}.input.error{border-color:#ef4444;background-color:#fef2f2}.error-text{color:#ef4444;font-size:.8rem;margin-top:4px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.success-message{color:#059669;text-align:center;margin-bottom:16px;padding:10px;background:#d1fae5;border-radius:8px;border:1px solid #a7f3d0}.btn-close{cursor:pointer;background:none;border:none;color:#6b7280;font-size:1.5rem;padding:0;line-height:1;transition:color .2s}.btn-close:hover{color:#111827}.btn-primary{background-color:#f97316;color:#fff}.btn-primary:hover{background-color:#ea580c}.btn-primary:disabled{background-color:#fdba74}.btn-ghost{background-color:transparent;color:#4b5563}.btn-ghost:hover{background-color:#f3f4f6;color:#111827}.tochka-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.tochka-modal-content{background:var(--bg-white);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;padding:40px;position:relative;animation:slideUp .3s ease-out;max-height:90vh;overflow-y:auto}.tochka-modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:32px;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.tochka-modal-close:hover{background:#f5f5f5;color:#333}.tochka-modal-title{font-size:28px;color:var(--text-dark);margin-bottom:10px;font-weight:700}.tochka-modal-subtitle{color:var(--text-gray);margin-bottom:30px;font-size:14px}.tochka-error-message{background:#fee;color:#c33;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;border:1px solid #fcc}.tochka-form{display:flex;flex-direction:column;gap:20px}.tochka-form-group{display:flex;flex-direction:column;gap:8px}.tochka-form-group label{font-weight:600;color:var(--text-dark);font-size:14px}.tochka-input{width:100%;padding:12px 15px;border:2px solid var(--border);border-radius:10px;font-size:16px;font-family:Inter,sans-serif;transition:all .3s;outline:none;background:var(--bg);color:var(--text-dark)}.tochka-input-no-spinner::-webkit-outer-spin-button,.tochka-input-no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tochka-input-no-spinner[type=number]{-moz-appearance:textfield}.tochka-input:focus{border-color:var(--primary, #667eea);box-shadow:0 0 0 3px #667eea1a}.tochka-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.tochka-method-selector{display:flex;gap:10px;flex-wrap:wrap}.tochka-method-option{flex:1;min-width:0;padding:14px 12px;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s;position:relative;background:var(--bg-white)}.tochka-method-option.icon-only{display:flex;align-items:center;justify-content:center;text-align:center;min-height:70px}.tochka-method-option.with-text{display:flex;align-items:center;justify-content:center;text-align:center;gap:10px}.tochka-method-option:hover{border-color:var(--primary, #667eea);background:var(--border-light);transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.tochka-method-option.active{border-color:var(--primary, #667eea);background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 4px 16px #667eea33}.sbp-icon,.card-icon{flex-shrink:0;transition:all .3s}.tochka-method-option:not(.active) .sbp-icon circle{fill:#94a3b8}.tochka-method-option:not(.active) .card-icon rect:first-child{fill:#94a3b8;stroke:#64748b}.tochka-method-option:not(.active) .card-icon rect:nth-child(2){fill:#64748b}.tochka-method-option:not(.active) .card-icon rect:last-child{fill:#cbd5e1}.tochka-method-title{font-weight:600;font-size:16px;margin-bottom:2px}.tochka-method-option small{font-size:12px;opacity:.7;display:block}.tochka-method-content{display:flex;align-items:center;gap:12px}.tochka-method-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.tochka-method-icon svg{width:32px;height:32px}.tochka-method-title{font-weight:600;font-size:16px}.tochka-method-option small{font-size:12px;opacity:.8}.quick-pay-btn{width:100%;padding:10px 15px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;font-family:Inter,sans-serif;margin-top:8px}.quick-pay-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.tochka-btn-pay{width:100%;padding:15px;background:var(--gradient-primary, linear-gradient(135deg, #ff5c2a 0%, #e64d1e 100%));color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;font-family:Inter,sans-serif;box-shadow:0 4px 12px #ff5c2a4d}.tochka-btn-pay:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff5c2a66}.tochka-btn-pay:active{transform:translateY(0)}.tochka-btn-secondary{width:100%;padding:15px;background:#999;color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;font-family:Inter,sans-serif}.tochka-btn-secondary:hover{background:#777}.tochka-status-screen{text-align:center;padding:20px 0}.tochka-status-screen h2{color:#333;margin-bottom:10px;font-size:24px}.tochka-status-screen p{color:#666;margin-bottom:20px}.tochka-spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary, #667eea);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:0 auto 20px}.tochka-success-icon{font-size:80px;margin-bottom:20px;animation:scaleIn .5s ease-out}.tochka-error-icon{font-size:80px;margin-bottom:20px;animation:shake .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media(max-width:768px){.tochka-modal-content{padding:30px 20px}.tochka-modal-title{font-size:24px}.tochka-method-selector{grid-template-columns:1fr}}.payment-id-small{font-size:12px;color:#999;font-family:monospace;margin-top:10px}.fail-reasons-compact{background:#fff5f5;border:1px solid #fee;border-radius:8px;padding:15px;margin-top:15px;text-align:left}.fail-reasons-compact p{font-weight:600;color:#c33;margin-bottom:8px;font-size:14px}.fail-reasons-compact ul{list-style:none;padding:0;margin:0}.fail-reasons-compact li{color:#666;font-size:13px;position:relative;padding:4px 0 4px 16px}.fail-reasons-compact li:before{content:"•";position:absolute;left:0;color:#f5576c;font-weight:700}.blocked-modal{max-width:500px}.blocked-modal-content{text-align:center;padding:20px 0}.blocked-icon{font-size:80px;margin-bottom:20px;animation:shake .5s ease-in-out}.blocked-modal-content h2{font-size:28px;color:var(--text-dark);margin-bottom:12px;font-weight:600}.blocked-modal-content p{font-size:16px;color:var(--text-gray);margin-bottom:24px;line-height:1.6}.blocked-balance-info,.blocked-required-info{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg);border-radius:10px;margin-bottom:12px}.blocked-balance-info span:first-child,.blocked-required-info span:first-child{color:#64748b;font-size:14px}.blocked-balance-amount{font-size:20px;font-weight:700;color:#ef4444}.blocked-required-amount{font-size:20px;font-weight:700;color:#10b981}.blocked-modal-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.blocked-modal-buttons .tochka-btn-pay,.blocked-modal-buttons .tochka-btn-secondary{width:100%}.dashboard-page{min-height:100vh;background:var(--bg)}.dashboard-header{background:var(--bg-white);box-shadow:var(--shadow);padding:var(--spacing-lg) 0;position:sticky;top:0;z-index:100}.dashboard-header-content{display:flex;align-items:center;justify-content:space-between}.dashboard-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700}.dashboard-main{padding:var(--spacing-2xl) 0}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.spinner-large{width:60px;height:60px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.dashboard-welcome{text-align:center;margin-bottom:var(--spacing-2xl)}.dashboard-greeting{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-dark)}.dashboard-subtitle{font-size:1.1rem;color:var(--text-gray)}.balance-tariff-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.balance-card{display:flex;flex-direction:column;justify-content:space-between}.balance-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.balance-amount{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.balance-value{font-size:4rem;font-weight:800;line-height:1}.balance-currency{font-size:2rem;font-weight:600;color:var(--text-gray)}.active-credit-notice{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:#059669;font-size:.9rem;margin-bottom:var(--spacing-lg)}.active-credit-notice svg{flex-shrink:0;color:#10b981}.active-credit-notice strong{color:#059669;font-weight:700}.required-payment-notice{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#fb923c1a,#f973161a);border:1px solid rgba(251,146,60,.3);border-radius:var(--radius-md);color:#ea580c;font-size:.9rem;margin-bottom:var(--spacing-lg)}.required-payment-notice svg{flex-shrink:0;color:#f97316}.required-payment-notice strong{color:#ea580c;font-weight:700}.balance-btn{width:100%;font-size:1.1rem;padding:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.card-header h3{font-size:1.25rem;font-weight:700;color:var(--text-dark)}.card-header-inline{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.card-header-inline h3{font-size:1.25rem;font-weight:700;color:var(--text-dark);display:inline}.badge{display:inline-flex;align-items:center;padding:6px 14px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#10b9811a;color:#059669}.badge-gray{background:var(--border-light);color:var(--text-light)}.tariff-card{display:flex;flex-direction:column}.tariff-content{flex:1;margin-bottom:var(--spacing-lg)}.tariff-name{font-size:1.75rem;margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tariff-description{color:var(--text-gray);margin-bottom:var(--spacing-lg)}.tariff-price{display:flex;align-items:baseline;gap:var(--spacing-sm)}.price-value{font-size:2.5rem;font-weight:800;color:var(--text-dark)}.price-period{font-size:1rem;color:var(--text-gray)}.actions-card,.services-card{display:flex;flex-direction:column}.actions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:left}.action-btn:hover:not(:disabled){background:var(--bg-white);border-color:var(--primary);transform:translate(4px)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.action-content h4{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:2px}.action-content p{font-size:.875rem;color:var(--text-gray);margin:0}.internet-toggle-container{cursor:default}.internet-toggle-container:hover{transform:none!important}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;margin-top:4px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #3b82f633}.toggle-slider:hover{opacity:.9}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-switch input:disabled+.toggle-slider:hover{opacity:.5}.text-warning{font-size:.875rem;color:#f59e0b;margin:4px 0 0;font-weight:500}.services-section{margin-bottom:var(--spacing-xl)}.services-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.service-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg);border-radius:var(--radius-md);transition:var(--transition)}.service-item:hover{background:var(--border-light)}.service-info{flex:1}.service-name{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:4px}.service-description{font-size:.875rem;color:var(--text-gray);margin:0}.service-meta{display:flex;align-items:center;gap:var(--spacing-md)}.service-cost{font-size:1rem;font-weight:700;color:var(--text-dark)}.services-empty{text-align:center;color:var(--text-gray);padding:var(--spacing-xl)}.user-info-section{margin-bottom:var(--spacing-xl)}.user-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:6px}.info-label{font-size:.875rem;color:var(--text-gray);font-weight:500}.info-value{font-size:1rem;color:var(--text-dark);font-weight:600}.account-number-highlight{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:8px}.info-value-with-edit{display:flex;align-items:center;gap:8px}.edit-icon-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:var(--transition);color:var(--text-gray)}.edit-icon-btn:hover{background:var(--border-light);color:var(--primary)}.edit-icon-btn svg{width:16px;height:16px}.account-details-section{margin-bottom:var(--spacing-xl)}.account-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.detail-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg);border-radius:var(--radius-md);transition:var(--transition)}.detail-card:hover{background:var(--border-light);transform:translateY(-2px)}.detail-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.detail-content{display:flex;flex-direction:column;gap:4px;min-width:0}.detail-label{font-size:.75rem;color:var(--text-gray);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:1.125rem;color:var(--text-dark);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:968px){.balance-tariff-row,.dashboard-grid{grid-template-columns:1fr}.account-details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-main{padding:var(--spacing-lg) 0}.dashboard-greeting{font-size:1.75rem}.balance-value{font-size:3rem}.balance-currency{font-size:1.5rem}.user-info-grid,.account-details-grid{grid-template-columns:1fr}.service-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.service-meta{width:100%;justify-content:space-between}}.tariff-note-bottom{font-size:.75rem;color:var(--text-gray);margin:0;padding:12px var(--spacing-xl);border-top:1px solid var(--border);text-align:left}:root{--primary: #ff5c2a;--primary-dark: #e64d1e;--primary-light: #ff7a4d;--secondary: #3b82f6;--secondary-dark: #2563eb;--bg: #f8fafc;--bg-white: #ffffff;--text-dark: #1e293b;--text-gray: #64748b;--text-light: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--logo-text: #2d3238;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .7) 100%);--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 999px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-dark)}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--text-gray)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-secondary-gradient{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.card-glass{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:14px 28px;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap;font-family:Inter,sans-serif}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #ff5c2a4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff5c2a66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-ghost{background:var(--bg);color:var(--text-dark)}.btn-ghost:hover{background:var(--border-light)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{width:100%;padding:14px 20px;font-size:1rem;font-family:Inter,sans-serif;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-dark);transition:var(--transition);outline:none}.input:focus{border-color:var(--primary);background:var(--bg-white);box-shadow:0 0 0 3px #ff5c2a1a}.input::placeholder{color:var(--text-light)}.input-error{border-color:#ef4444}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-dark);font-size:.9rem}.form-error{margin-top:var(--spacing-xs);color:#ef4444;font-size:.875rem}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.grid-2,.grid-3{grid-template-columns:1fr}.card,.card-glass{padding:var(--spacing-lg)}}.payment-page{min-height:100vh;background:var(--bg)}.payment-page-header{background:var(--bg-white);box-shadow:var(--shadow);padding:var(--spacing-lg) 0;position:sticky;top:0;z-index:100}.payment-page-header-content{display:flex;align-items:center;justify-content:space-between}.payment-page-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700}.payment-page-main{padding:var(--spacing-2xl) 0}.payment-widget{margin-bottom:var(--spacing-2xl)}.payment-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(17,19,34,.05);display:flex;flex-direction:column;gap:var(--spacing-md);max-width:800px;margin:0 auto}.payment-card-header h2{margin:0 0 4px;font-size:1.8rem}.payment-card-header p{color:var(--text-gray);margin:0;font-size:.95rem;line-height:1.5}.payment-methods-toggle{display:flex;flex-direction:row;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.payment-method-btn{flex:0 0 auto;width:fit-content;border-radius:var(--radius-md);border:1px solid transparent;padding:0 var(--spacing-md);text-align:left;background:var(--border-light);font-weight:600;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);transition:var(--transition);font-family:Inter,sans-serif;font-size:.95rem;min-height:48px}.payment-method-btn:hover{background:var(--border)}.payment-method-btn.active{background:var(--bg-white);border-color:var(--secondary);color:var(--secondary);box-shadow:0 4px 12px #3b82f626}.payment-method-icon{max-height:32px;max-width:64px;width:auto;height:auto;object-fit:contain}.payment-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);align-items:end;margin-top:var(--spacing-md)}.payment-inputs label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:.9rem;font-weight:600;color:var(--text-gray)}.payment-inputs input{border:2px solid var(--border);border-radius:var(--radius-md);padding:14px;font-size:1rem;transition:var(--transition);background:var(--bg);font-family:Inter,sans-serif;outline:none}.payment-inputs input:focus{border-color:var(--secondary);background:var(--bg-white);box-shadow:0 0 0 3px #3b82f626}.payment-inputs input::placeholder{color:var(--text-light)}.pay-step-btn{border:none;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-weight:700;font-size:1rem;padding:14px 24px;cursor:pointer;max-width:220px;transition:var(--transition);box-shadow:0 10px 20px -5px #ff5c2a4d;font-family:Inter,sans-serif}.pay-step-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 25px -5px #ff5c2a66}.pay-step-btn:disabled{opacity:.4;cursor:not-allowed}.payment-error{color:#ef4444;font-size:.82rem;margin-top:4px}.payment-note{margin:0;font-weight:500;color:var(--text-gray)}.payment-note.emphasis{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:#3b82f614;color:var(--text-dark);font-weight:600}.payment-meta{display:block;margin-top:var(--spacing-md);font-size:.8rem;color:var(--text-light);line-height:1.6}.payment-meta a{color:var(--secondary);text-decoration:underline}.payment-methods-section{margin-top:var(--spacing-2xl)}.payment-methods-section h2{margin-bottom:var(--spacing-lg);text-align:center}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.payment-method-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:var(--transition)}.payment-method-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.payment-method-card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--text-dark)}.payment-method-card p{color:var(--text-gray);margin-bottom:var(--spacing-md);font-size:.95rem}.payment-method-features{list-style:none;padding:0;margin:0}.payment-method-features li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative;color:var(--text-gray);font-size:.9rem}.payment-method-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}@media(max-width:768px){.payment-card{padding:var(--spacing-lg);border-radius:var(--radius-lg)}.payment-card-header h2{font-size:1.5rem}.payment-methods-toggle{flex-wrap:wrap}.payment-inputs{grid-template-columns:1fr}.pay-step-btn{max-width:100%;width:100%}}