@font-face{font-family:"Inter";src:url("../css/fonts/inter-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("../css/fonts/inter-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("../css/fonts/inter-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("../css/fonts/inter-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--blue-500: #3B82F6;--blue-600: #2563EB;--blue-700: #1D4ED8;--orange-500: #F97316;--orange-400: #FB923C;--bg-primary: #F8FAFC;--bg-secondary: #e8e8ed;--bg-card: rgba(255, 255, 255, 0.7);--bg-hero: #FFFFFF;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--border-glass: rgba(0, 0, 0, 0.06);--border-card: rgba(0, 0, 0, 0.08);--glow-blue: rgba(59, 130, 246, 0.15);--glow-orange: rgba(249, 115, 22, 0.15);--nav-scrolled-bg: rgba(255, 255, 255, 0.85);--hero-gradient-from: #FFFFFF;--mockup-bg: rgba(255, 255, 255, 0.85);--mockup-msg-in-bg: #F1F5F9;--mockup-msg-in-border: #E2E8F0;--stats-bg: rgba(255, 255, 255, 0.5);--speed-bar-track: rgba(0, 0, 0, 0.04);--speed-bar-others: #CBD5E1;--btn-secondary-bg: rgba(255, 255, 255, 0.8);--btn-secondary-hover-bg: #fff;--footer-bg: #fff;--mobile-menu-bg: rgba(255, 255, 255, 0.97)}[data-theme=dark]{--bg-primary: #0B1120;--bg-secondary: #111827;--bg-card: rgba(30, 41, 59, 0.7);--bg-hero: #0B1120;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border-glass: rgba(255, 255, 255, 0.06);--border-card: rgba(255, 255, 255, 0.08);--glow-blue: rgba(59, 130, 246, 0.2);--glow-orange: rgba(249, 115, 22, 0.2);--nav-scrolled-bg: rgba(11, 17, 32, 0.85);--hero-gradient-from: #0B1120;--mockup-bg: rgba(30, 41, 59, 0.85);--mockup-msg-in-bg: #1E293B;--mockup-msg-in-border: #334155;--stats-bg: rgba(17, 24, 39, 0.5);--speed-bar-track: rgba(255, 255, 255, 0.06);--speed-bar-others: #475569;--btn-secondary-bg: rgba(30, 41, 59, 0.8);--btn-secondary-hover-bg: #1E293B;--footer-bg: #0F172A;--mobile-menu-bg: rgba(11, 17, 32, 0.97)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}html[data-theme=dark]{color-scheme:dark}.theme-toggle{position:relative;width:48px;height:26px;background:var(--border-card);border:1px solid var(--border-glass);border-radius:13px;cursor:pointer;padding:0;flex-shrink:0;transition:background .3s ease}.theme-toggle:hover{background:var(--text-muted)}.theme-toggle__knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle__icon{width:12px;height:12px;color:#f59e0b}[data-theme=dark] .theme-toggle{background:var(--blue-600)}[data-theme=dark] .theme-toggle:hover{background:var(--blue-500)}[data-theme=dark] .theme-toggle .theme-toggle__knob{transform:translateX(22px);background:#1e293b}[data-theme=dark] .theme-toggle .theme-toggle__icon{color:#fde68a}.theme-toggle--fixed{position:fixed;right:15px;top:16px;z-index:101}@media(max-width: 640px){.theme-toggle--fixed{display:none}}.lang-picker{position:relative}.lang-picker__btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border-card);border-radius:8px;padding:5px 10px;cursor:pointer;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;transition:border-color .3s ease,background .3s ease}.lang-picker__btn:hover{border-color:var(--blue-500);background:var(--bg-card)}.lang-picker__flag{font-size:16px;line-height:1}.lang-picker__code{text-transform:uppercase;letter-spacing:.03em}.lang-picker__arrow{width:10px;height:10px;transition:transform .2s ease}.lang-picker--open .lang-picker__arrow{transform:rotate(180deg)}.lang-picker__dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:1px solid var(--border-card);border-radius:12px;padding:6px;min-width:160px;box-shadow:0 8px 30px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:300}.lang-picker__dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;color:var(--text-secondary);transition:background .15s ease,color .15s ease}.lang-picker__dropdown button:hover{background:var(--bg-secondary);color:var(--text-primary)}.lang-picker__dropdown button.active{background:rgba(59,130,246,.08);color:var(--blue-500);font-weight:600}.lang-picker--open .lang-picker__dropdown{opacity:1;visibility:visible;transform:translateY(0)}body{font-family:"Inter",system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:14px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.btn-primary{background:var(--orange-500);color:#fff}.btn-primary:hover{background:#ea580c}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--border-card);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--border-card);box-shadow:0 4px 16px rgba(0,0,0,.06)}.btn-icon{width:20px;height:20px}.storage-notice{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:16px 24px;background:var(--bg-card);border-top:1px solid var(--border-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -4px 24px rgba(0,0,0,.08);animation:storageSlideUp .4s ease}.storage-notice__inner{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:16px}.storage-notice__icon{flex-shrink:0;color:var(--blue-500)}.storage-notice__text{font-size:13px;color:var(--text-secondary);line-height:1.6;flex:1}.storage-notice__text a{color:var(--blue-500);text-decoration:underline;text-underline-offset:2px}.storage-notice__link{font-size:13px;color:var(--blue-500);text-decoration:underline;text-underline-offset:2px;flex-shrink:0}.storage-notice__btn{flex-shrink:0;padding:8px 24px;border:none;border-radius:980px;background:var(--blue-500);color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.storage-notice__btn:hover{background:var(--blue-600);transform:translateY(-1px)}@keyframes storageSlideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width: 640px){.storage-notice__inner{flex-direction:column;text-align:center;gap:12px}.storage-notice__icon{display:none}}.nav-logout-btn{background:none;border:1px solid var(--border-card);border-radius:8px;padding:6px 14px;cursor:pointer;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;transition:border-color .3s ease,color .3s ease,background .3s ease}.nav-logout-btn:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.06)}.account-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.account-main{flex:1;padding:96px 24px 48px;max-width:680px;width:100%;margin:0 auto}.account-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 0;gap:16px;color:var(--text-muted);font-size:15px}.account-loading__spinner{width:32px;height:32px;border:3px solid var(--border-card);border-top-color:var(--blue-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.account-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:14px;margin-bottom:24px;font-size:14px;font-weight:500}.account-banner--success{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);color:#16a34a}.account-banner--cancel{background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.2);color:#ea580c}.account-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;padding:28px;margin-bottom:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.account-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), rgba(249, 115, 22, 0.08), transparent)}.account-card__header{margin-bottom:20px}.account-card__header h2{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-0.01em}.account-user{display:flex;align-items:center;gap:20px}.account-user__avatar{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg, var(--blue-600), var(--blue-500));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}.account-user__name{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-0.02em;margin:0}.account-user__email{font-size:14px;color:var(--text-muted);margin:2px 0 0}.account-plan__badge{display:flex;align-items:center;gap:12px;margin-bottom:16px}.account-plan__name{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-0.02em}.account-plan__status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.account-plan__status.status--active{background:rgba(34,197,94,.1);color:#16a34a}.account-plan__status.status--trialing{background:rgba(168,85,247,.1);color:#9333ea}.account-plan__status.status--past_due{background:rgba(234,179,8,.1);color:#ca8a04}.account-plan__status.status--canceled{background:rgba(239,68,68,.1);color:#dc2626}.account-plan__period{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.account-plan__period strong{color:var(--text-primary)}.account-plan__features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.account-plan__actions{display:flex;gap:12px;flex-wrap:wrap}.account-plan__upgrade,.account-plan__manage{padding:12px 24px;font-size:14px}.plan-feature-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-glass)}.plan-feature-tag--active{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.15);color:#16a34a}.plan-feature-tag--inactive{opacity:.5}.account-sub__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.account-sub__item{display:flex;flex-direction:column;gap:4px}.account-sub__label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.account-sub__value{font-size:15px;font-weight:600;color:var(--text-primary)}.account-sub__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.account-sub__actions .btn{padding:10px 20px;font-size:14px}.account-sub__payments{border-top:1px solid var(--border-glass);padding-top:20px}.account-sub__payments h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.account-sub__payments-list{display:flex;flex-direction:column;gap:8px}.payment-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:var(--bg-secondary);font-size:13px}.payment-row__date{color:var(--text-muted);min-width:100px}.payment-row__plan{font-weight:600;color:var(--text-primary)}.payment-row__amount{font-weight:600;color:var(--text-primary)}.payment-row__status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px}.payment-row__status--succeeded{background:rgba(34,197,94,.1);color:#16a34a}.payment-row__status--failed{background:rgba(239,68,68,.1);color:#dc2626}.btn-danger{background:rgba(239,68,68,.08);color:#dc2626;border:1px solid rgba(239,68,68,.2);backdrop-filter:blur(10px)}.btn-danger:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);transform:translateY(-2px)}@media(max-width: 640px){.account-sub__grid{grid-template-columns:1fr}.account-sub__actions{flex-direction:column}.account-sub__actions .btn{width:100%;justify-content:center}}.account-plans-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:16px}.plan-option{padding:20px;border-radius:16px;border:2px solid var(--border-card);background:var(--bg-secondary);text-align:center;cursor:pointer;transition:border-color .3s ease,transform .2s ease,box-shadow .3s ease}.plan-option:hover{border-color:var(--blue-500);transform:translateY(-2px);box-shadow:0 4px 20px rgba(59,130,246,.1)}.plan-option--current{border-color:var(--blue-500);background:rgba(59,130,246,.04);cursor:default}.plan-option--current:hover{transform:none;box-shadow:none}.plan-option__name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.plan-option__price{font-size:13px;color:var(--text-muted);margin-bottom:12px}.plan-option__btn{display:inline-block;padding:8px 20px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:inherit;transition:background .3s ease}.plan-option__btn--upgrade{background:linear-gradient(135deg, var(--blue-600), var(--blue-500));color:#fff}.plan-option__btn--upgrade:hover{opacity:.9}.plan-option__btn--current{background:var(--bg-card);color:var(--text-muted);cursor:default;border:1px solid var(--border-glass)}.account-password{display:flex;flex-direction:column;gap:16px}.account-password__field{display:flex;flex-direction:column;gap:6px}.account-password__field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.account-password__field input{padding:12px 16px;border-radius:12px;border:1px solid var(--border-card);background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;transition:border-color .3s ease}.account-password__field input::placeholder{color:var(--text-muted)}.account-password__field input:focus{border-color:var(--blue-500)}.account-password__error{font-size:13px;font-weight:500;color:#dc2626;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);padding:10px 14px;border-radius:10px}.account-password__success{font-size:13px;font-weight:500;color:#16a34a;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15);padding:10px 14px;border-radius:10px}.account-password__btn{align-self:flex-start;padding:12px 24px;font-size:14px}.account-links{display:flex;flex-direction:column;gap:4px}.account-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;text-decoration:none;color:var(--text-secondary);font-size:15px;font-weight:500;transition:background .2s ease,color .2s ease}.account-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.account-link__arrow{margin-left:auto;opacity:.4}@media(max-width: 640px){.account-main{padding:80px 16px 32px}.account-card{padding:20px;border-radius:16px}.account-user{flex-direction:column;text-align:center;gap:12px}.account-plan__actions{flex-direction:column}.account-plan__upgrade,.account-plan__manage{width:100%;justify-content:center}}/*# sourceMappingURL=account.css.map */
