@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--auth-bg: #f5f7fb;--auth-surface: #ffffff;--auth-text: #20232b;--auth-muted: #8b909a;--auth-border: #e6eaf2;--auth-border-focus: #2f6bff;--auth-primary: #2f6bff;--auth-primary-strong: #1f58e7;--auth-danger: #d14343;--auth-shadow: 0 24px 56px rgba(33, 52, 90, .12)}.auth-screen{min-height:100vh;padding:28px 16px;box-sizing:border-box;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 0% 0%,rgba(47,107,255,.16),transparent 28%),radial-gradient(circle at 100% 100%,rgba(31,88,231,.14),transparent 30%),linear-gradient(180deg,#f8faff 0%,var(--auth-bg) 100%);color:var(--auth-text);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-screen__glow{position:absolute;width:380px;height:380px;border-radius:999px;filter:blur(60px);pointer-events:none}.auth-screen__glow--left{left:-120px;top:10%;background:#2f6bff33}.auth-screen__glow--right{right:-140px;bottom:8%;background:#dcebffe6}.auth-card{width:min(460px,100%);border-radius:24px;border:1px solid var(--auth-border);background:#fffffff7;box-shadow:var(--auth-shadow);padding:30px 28px;position:relative;z-index:1}.auth-card--wide{width:min(620px,100%)}.auth-brand{display:inline-flex;align-items:center;gap:10px;font-size:.95rem;font-weight:700;letter-spacing:-.01em}.auth-brand__icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--auth-primary),var(--auth-primary-strong));color:#fff}.auth-card__header{margin-top:18px;margin-bottom:22px;display:grid;gap:8px}.auth-card__header h1{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.03em}.auth-card__header p{margin:0;color:var(--auth-muted);line-height:1.55}.auth-form{display:grid;gap:14px}.auth-grid{display:grid;gap:12px}.auth-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-field{display:grid;gap:7px}.auth-field>span{font-size:.86rem;font-weight:700;color:#4d5665}.auth-input,.russian-phone-input{width:100%;min-height:48px;border-radius:12px;border:1px solid var(--auth-border);background:#fff;box-sizing:border-box;padding:0 14px;font:inherit;font-size:.98rem;color:var(--auth-text);transition:border-color .2s ease,box-shadow .2s ease}.auth-input::placeholder,.russian-phone-input::placeholder{color:#a1a8b5}.auth-password-field{position:relative}.auth-input--with-toggle{padding-right:46px}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;border:0;border-radius:8px;background:transparent;color:#7d8594;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,background-color .2s ease}.auth-password-toggle:hover{color:#4f5a6d;background:#2f6bff14}.auth-password-toggle:focus-visible{outline:2px solid rgba(47,107,255,.35);outline-offset:1px}.auth-input:focus,.russian-phone-input:focus{outline:none;border-color:var(--auth-border-focus);box-shadow:0 0 0 4px #2f6bff24}.auth-input--error,.russian-phone-input--error{border-color:var(--auth-danger)}.auth-field-error,.russian-phone-input-error{margin:0;color:var(--auth-danger);font-size:.79rem;line-height:1.4}.auth-checkbox{margin-top:2px;display:inline-flex;align-items:flex-start;gap:10px;color:#647184;cursor:pointer}.auth-checkbox input{width:16px;height:16px;margin-top:2px;accent-color:var(--auth-primary)}.auth-checkbox span{font-size:.89rem;line-height:1.45}.auth-general-error{border-radius:12px;border:1px solid rgba(209,67,67,.25);background:#d1434317;color:var(--auth-danger);padding:10px 12px;font-size:.88rem;line-height:1.45}.auth-submit{width:100%;min-height:48px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--auth-primary),var(--auth-primary-strong));color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 12px 30px #1f58e747}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px #1f58e757}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-switch{margin:16px 0 0;text-align:center;color:#647184}.auth-switch a{color:var(--auth-primary);text-decoration:none;font-weight:700}.auth-switch a:hover{text-decoration:underline}@media(max-width:680px){.auth-card{padding:24px 20px;border-radius:18px}.auth-grid--two{grid-template-columns:1fr;gap:14px}}.russian-phone-input-container{position:relative;width:100%}.russian-phone-input{width:100%;min-height:48px;box-sizing:border-box;border-radius:12px;border:1px solid var(--auth-border, #e6eaf2);background:#fff;color:var(--auth-text, #20232b);padding:0 14px;font:inherit;font-size:.98rem;transition:border-color .2s ease,box-shadow .2s ease}.russian-phone-input::placeholder{color:#a1a8b5}.russian-phone-input:focus{outline:none;border-color:var(--auth-border-focus, #2f6bff);box-shadow:0 0 0 4px #2f6bff24}.russian-phone-input--error{border-color:var(--auth-danger, #d14343)}.russian-phone-input-error{display:block;margin-top:6px;color:var(--auth-danger, #d14343);font-size:.79rem;line-height:1.4}.russian-phone-input .PhoneInputCountry,.russian-phone-input .PhoneInputCountryIcon{display:none}.russian-phone-input input{border:none;outline:none;font:inherit;width:100%}.homepage{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:var(--background-gradient);animation:fadeIn .5s ease-in;overflow:hidden}.nav-bar{display:flex;justify-content:flex-end;padding:16px 24px;background:var(--glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow);position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid var(--border)}.profile-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:10px 20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow);border-radius:12px;border:none;cursor:pointer;transition:transform .2s ease}.profile-btn:hover{transform:translateY(-2px)}.content{margin-top:80px;padding:40px 24px 48px;max-width:1200px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;height:calc(100vh - 80px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;animation:slideUp .5s ease-out}.hero-section{text-align:center;margin-bottom:48px}.hero-section h1{font-weight:700;font-size:3rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1.2}.hero-section p{color:var(--text-muted);font-size:1.2rem;font-weight:400;max-width:600px;margin:0 auto}.main-card{background:var(--glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:24px;padding:48px;box-shadow:var(--shadow);margin-bottom:32px;border:1px solid var(--border)}.action-section{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:24px}.file-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px 24px;text-align:center;margin:0 auto 20px;max-width:560px}.file-info p{margin:0;color:var(--primary);font-weight:600}.result-section{background:var(--glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:24px;padding:32px;box-shadow:var(--shadow);border:1px solid var(--border)}.audio-uploader{margin-bottom:24px}.upload-zone{border:2px dashed var(--border);border-radius:16px;padding:40px;text-align:center;transition:all .3s ease;background:var(--glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow);position:relative;overflow:hidden;cursor:pointer}.upload-zone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#06b6d40d);opacity:0;transition:opacity .3s ease}.upload-zone:hover:before{opacity:1}.upload-zone.drag-over{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.upload-zone.drag-over:before{opacity:1}.upload-content{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:1}.record-btn{background:linear-gradient(135deg,var(--error),#DC2626);color:#fff;padding:16px 32px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow);min-width:200px;border-radius:12px;border:none;cursor:pointer;transition:transform .2s ease}.record-btn:hover{transform:translateY(-2px)}.record-btn.recording{background:linear-gradient(135deg,#DC2626,var(--error));animation:pulse 1s infinite}.upload-options{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-options p{color:var(--text-muted);font-size:14px;margin:0}.upload-btn{background:var(--text-muted);color:#fff;padding:14px 28px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow);border-radius:12px;border:none;cursor:pointer;transition:transform .2s ease}.upload-btn:hover{transform:translateY(-2px)}.drag-hint{color:var(--text-muted);font-size:14px;font-weight:400}.error{color:var(--error);font-size:14px;font-weight:500;margin-top:12px;animation:shake .5s ease-in-out}.recording-section{display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeIn .3s ease-in}.waveform-container{background:#3b82f61a;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid rgba(59,130,246,.2)}.waveform-canvas{border-radius:8px;background:#ffffff0d;width:100%;max-width:400px;height:80px}.recording-indicator{display:flex;align-items:center;gap:8px;color:var(--primary);font-weight:600;font-size:14px}.pulse-dot{width:8px;height:8px;background:var(--error);border-radius:50%;animation:pulse 1s infinite}.upload-section{display:flex;flex-direction:column;align-items:center;gap:20px}.transcribe-btn{background:linear-gradient(135deg,var(--success),#059669);color:#fff;padding:18px 40px;font-size:16px;font-weight:600;width:100%;max-width:400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:var(--shadow);border-radius:12px;border:none;cursor:pointer;transition:transform .2s ease}.transcribe-btn:hover{transform:translateY(-3px)}.transcribe-btn.loading{background:linear-gradient(135deg,#059669,var(--success))}.transcribe-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.result-area{margin-top:32px;animation:fadeIn .5s ease-in}.result-area h3{font-weight:600;font-size:1.25rem;color:var(--text);margin-bottom:16px;text-align:center}.result-textarea{width:100%;min-height:200px;resize:vertical;background:var(--glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow);border:1px solid var(--border);font-size:16px;line-height:1.6;overflow-y:auto;border-radius:12px;padding:16px;color:var(--text)}.result-textarea::placeholder{color:var(--text-muted)}.copy-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:12px 24px;font-size:14px;font-weight:600;margin-top:12px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow);border-radius:8px;border:none;cursor:pointer;transition:transform .2s ease}.copy-btn:hover{transform:translateY(-2px)}.copy-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.copy-status{margin-top:10px;font-size:14px;font-weight:600}.copy-status.success{color:var(--success)}.copy-status.error{color:var(--error)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.content{padding:16px;margin-top:100px;height:calc(100vh - 100px)}.content h1{font-size:1.75rem}.upload-zone{padding:24px}.record-btn,.upload-btn,.transcribe-btn{padding:14px 24px;font-size:14px}.result-textarea{min-height:150px}}@media(max-width:480px){.nav-bar{padding:12px 16px}.profile-btn{padding:8px 16px;font-size:12px}.upload-content{gap:16px}.record-btn{min-width:180px}}:root{--new-home-header-size: 65px;--new-home-rail-size: var(--new-home-header-size);--new-home-bg: #f5f7fb;--new-home-sidebar-bg: #f2f4f7;--new-home-surface: #ffffff;--new-home-border: #e6eaf2;--new-home-border-strong: #d7deeb;--new-home-text: #20232b;--new-home-muted: #8b909a;--new-home-primary: #2f6bff;--new-home-primary-strong: #1f58e7;--new-home-danger: #d14343;--new-home-shadow: 0 18px 48px rgba(28, 44, 80, .08)}.new-homepage{min-height:100vh;display:flex;background:radial-gradient(circle at top left,rgba(47,107,255,.08),transparent 28%),linear-gradient(180deg,#f8faff 0%,var(--new-home-bg) 100%);color:var(--new-home-text);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.new-homepage__sidebar{box-sizing:border-box;width:var(--new-home-rail-size);min-width:var(--new-home-rail-size);min-height:100vh;background:var(--new-home-sidebar-bg);border-right:1px solid var(--new-home-border);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:8px 7px 14px;position:sticky;top:0;transition:width .22s ease,padding .22s ease}.new-homepage__sidebar--expanded{width:280px;padding:8px 7px 16px}.new-homepage__sidebar-main{display:flex;flex-direction:column;gap:16px;width:100%}.new-homepage__workspace,.new-homepage__profile-card,.new-homepage__nav-item{box-sizing:border-box;width:100%;border:none;background:transparent;padding:4px 0 4px 5px;border-radius:10px;display:grid;grid-template-columns:40px minmax(0,0fr);align-items:center;justify-content:flex-start;justify-items:center;column-gap:0;color:var(--new-home-text);text-align:left;overflow:hidden;transition:background-color .18s ease,grid-template-columns .22s ease,column-gap .22s ease}.new-homepage__sidebar--expanded .new-homepage__workspace,.new-homepage__sidebar--expanded .new-homepage__profile-card,.new-homepage__sidebar--expanded .new-homepage__nav-item{grid-template-columns:40px minmax(0,1fr);justify-items:stretch;column-gap:12px}.new-homepage__profile-card:hover,.new-homepage__nav-item:hover{background:#e9eeff7a}.new-homepage__brand,.new-homepage__avatar,.new-homepage__nav-icon{width:40px;height:40px;border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;background:#eef1f6;color:var(--new-home-text);flex-shrink:0}.new-homepage__avatar-image{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.new-homepage__brand,.new-homepage__copy-button,.new-homepage__modal-close,.new-homepage__primary-action,.new-homepage__record-button,.new-homepage__secondary-button,.new-homepage__submit-button,.new-homepage__toggle-button{cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease;font-family:inherit}.new-homepage__brand{color:var(--new-home-primary)}.new-homepage__avatar{border-radius:999px}.new-homepage__profile-card{margin:0}.new-homepage__profile-menu{position:relative;z-index:40;margin-top:12px;margin-bottom:16px}.new-homepage__subscription-summary{position:relative;z-index:1;margin-top:auto;max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);pointer-events:none;transition:max-height .22s ease,opacity .18s ease,transform .22s ease,margin-top .22s ease,margin-bottom .22s ease;margin-bottom:0}.new-homepage__subscription-summary--visible{max-height:320px;opacity:1;transform:translateY(0);pointer-events:auto;margin-bottom:12px}.new-homepage__subscription-card{border:1px solid rgba(230,234,242,.92);border-radius:16px;background:#ffffffd1;padding:14px 14px 12px;display:flex;flex-direction:column;gap:12px}.new-homepage__subscription-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.new-homepage__subscription-card-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.new-homepage__subscription-card-copy strong{font-size:.9rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.new-homepage__subscription-card-copy span{color:var(--new-home-muted);font-size:.8rem;line-height:1.15}.new-homepage__subscription-card-icon{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--new-home-primary),var(--new-home-primary-strong));color:#fff;flex-shrink:0}.new-homepage__subscription-card-meter{border-radius:12px;background:#dcebffa8;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.new-homepage__subscription-card-meter--topup{background:#dbf4e5a8}.new-homepage__subscription-card-meter-head{display:flex;align-items:center;gap:8px;color:#667085;font-size:.72rem;font-weight:600;line-height:1.1}.new-homepage__subscription-card-meter-head span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-homepage__subscription-card-progress{height:8px;border-radius:999px;background:#2f6bff1f;overflow:hidden;display:block}.new-homepage__subscription-card-progress-fill{height:100%;min-width:0;border-radius:inherit;display:block;background:linear-gradient(90deg,var(--new-home-primary),var(--new-home-primary-strong));transition:width .22s ease}.new-homepage__subscription-card-progress-fill--topup{background:linear-gradient(90deg,#1f9f5e,#0f8a4f)}.new-homepage__subscription-card-meter-caption{color:#667085;font-size:.72rem;font-weight:600;line-height:1.1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-homepage__subscription-card-link{width:fit-content;border:none;background:transparent;padding:0;display:inline-flex;align-items:center;gap:6px;color:var(--new-home-primary);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:color .18s ease,transform .18s ease}.new-homepage__subscription-card-link:hover{color:var(--new-home-primary-strong);transform:translate(1px)}.new-homepage__workspace-text,.new-homepage__profile-card-text,.new-homepage__nav-label{display:flex;flex-direction:column;min-width:0;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .22s ease,opacity .18s ease}.new-homepage__detail--visible{max-width:202px;opacity:1}.new-homepage__workspace-text strong,.new-homepage__profile-card-text strong{font-size:.98rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-homepage__workspace-text span,.new-homepage__profile-card-text span{color:var(--new-home-muted);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-homepage__profile-popover{position:absolute;left:calc(100% - 18px);bottom:0;width:min(292px,calc(100vw - 48px));min-width:236px;border:1px solid var(--new-home-border);border-radius:14px;background:#fff;box-shadow:0 14px 30px #1c2c501f;overflow:hidden;z-index:20}.new-homepage__profile-popover-summary{width:100%;border:none;background:transparent;padding:16px 16px 14px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;text-align:left;cursor:pointer}.new-homepage__profile-popover-summary:hover{background:#fbfcff}.new-homepage__profile-popover-avatar{width:48px;height:48px;border-radius:999px;background:#eef1f6;display:inline-flex;align-items:center;justify-content:center;color:var(--new-home-text)}.new-homepage__profile-popover-text{min-width:0;display:flex;flex-direction:column;gap:4px}.new-homepage__profile-popover-text strong,.new-homepage__profile-popover-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-homepage__profile-popover-text strong{font-size:1rem;font-weight:700;letter-spacing:-.02em}.new-homepage__profile-popover-text span{color:#5c6472;font-size:.88rem}.new-homepage__profile-popover-divider{height:1px;background:var(--new-home-border)}.new-homepage__profile-popover-action{width:100%;border:none;background:transparent;padding:14px 16px;display:inline-flex;align-items:center;gap:10px;color:var(--new-home-text);font:inherit;font-size:.98rem;font-weight:600;cursor:pointer;text-align:left}.new-homepage__profile-popover-action:hover{background:#fbfcff}.new-homepage__profile-popover-action--danger{color:#ef4f3c}.new-homepage__sidebar-title{min-height:17px;padding:0 6px;color:var(--new-home-muted);font-size:.88rem;font-weight:600;line-height:1.2;opacity:0;visibility:hidden;transition:opacity .18s ease}.new-homepage__sidebar-title--visible{opacity:1;visibility:visible}.new-homepage__sidebar-nav{display:flex;flex-direction:column;gap:4px}.new-homepage__nav-item{font:inherit;cursor:pointer}.new-homepage__nav-icon{background:transparent}.new-homepage__nav-label{color:var(--new-home-text);font-size:.95rem;font-weight:600;line-height:1.2}.new-homepage__nav-item--active{background:#e9eeff9e;color:var(--new-home-primary)}.new-homepage__nav-item--active .new-homepage__nav-icon{color:var(--new-home-primary)}.new-homepage__shell{flex:1;min-width:0;display:flex;flex-direction:column;max-height:100vh}.new-homepage__topbar{background:#ffffffe0;border-bottom:1px solid var(--new-home-border);box-sizing:border-box;min-height:var(--new-home-header-size);padding:12px 14px 12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.new-homepage__heading{display:flex;align-items:center;gap:8px;min-width:0}.new-homepage__toggle-button{width:38px;height:38px;border-radius:10px;border:1px solid #d7deeb;background:#fff;color:var(--new-home-text);display:inline-flex;align-items:center;justify-content:center}.new-homepage__toggle-button--active{border-color:#cfe0ff;color:var(--new-home-primary)}.new-homepage__toggle-button:hover{background:#f4f8ff;border-color:#b7cdff}.new-homepage__heading h1,.new-homepage__modal-header h2,.new-homepage__dropzone h3,.new-homepage__history-file h3{margin:0}.new-homepage__heading h1{font-size:1.28rem;font-weight:700;letter-spacing:-.01em}.new-homepage__composer{position:relative;z-index:1;width:100%;min-width:0;min-height:clamp(220px,25vh,300px);border:1px solid rgba(191,208,239,.42);border-radius:28px;background:radial-gradient(circle at top left,rgba(47,107,255,.14),transparent 34%),radial-gradient(circle at right 20%,rgba(16,19,26,.08),transparent 28%),linear-gradient(180deg,#fcfdfffa,#f4f8fffa);padding:28px 28px 24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden}.new-homepage__composer:after{content:"";position:absolute;inset:14px;border:2px dashed rgba(191,208,239,.92);border-radius:20px;pointer-events:none}.new-homepage__composer-section{padding:14px 14px 10px 16px}.new-homepage__composer-dropzone{position:relative}.new-homepage__composer-dropzone--active .new-homepage__composer{border-color:#2f6bff3d;box-shadow:0 0 0 6px #2f6bff14}.new-homepage__composer-dropzone--active .new-homepage__composer:after{border-color:#2f6bffc7}.new-homepage__composer-glow{position:absolute;inset:auto auto 22px 50%;width:180px;height:56px;border-radius:999px;background:#2f6bff24;filter:blur(26px);transform:translate(-50%);pointer-events:none}.new-homepage__composer-kicker,.new-homepage__composer-title,.new-homepage__composer-copy,.new-homepage__composer-status strong,.new-homepage__composer-status span{margin:0}.new-homepage__composer-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;background:#ffffffd1;border:1px solid rgba(191,208,239,.86);color:var(--new-home-primary);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.new-homepage__composer-title{font-size:clamp(1.3rem,2.1vw,1.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;text-align:center}.new-homepage__composer-copy{max-width:560px;color:#697182;font-size:.95rem;line-height:1.45;text-align:center}.new-homepage__composer-record{min-height:92px;display:flex;align-items:center;justify-content:center}.new-homepage__composer-actions{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:14px}.new-homepage__composer-status{min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.new-homepage__composer-status strong{max-width:min(520px,100%);color:var(--new-home-text);font-size:.92rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-homepage__composer-status span{color:var(--new-home-muted);font-size:.82rem;line-height:1.2}.new-homepage__composer-hint{min-height:34px;color:#5d6573;font-size:.78rem;font-weight:600;line-height:1.2;text-align:center}.new-homepage__composer-error{max-width:520px;width:100%;box-sizing:border-box;padding:12px 14px;border-radius:16px;border:1px solid rgba(209,67,67,.16);background:linear-gradient(180deg,#fff6f6f5,#fff0f0fa);display:flex;flex-direction:column;gap:4px;text-align:left}.new-homepage__composer-error strong,.new-homepage__composer-error span{margin:0}.new-homepage__composer-error strong{color:#a53a3a;font-size:.82rem;font-weight:700;line-height:1.2}.new-homepage__composer-error span{color:#7a4a4a;font-size:.78rem;line-height:1.25}.new-homepage__composer-error-link{width:fit-content;margin-top:2px;padding:0;border:none;background:transparent;color:#2f6bff;font-size:.78rem;font-weight:700;line-height:1.2;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.new-homepage__composer-error-link:hover{color:#1d4ed8}.new-homepage__hint,.new-homepage__history-time span,.new-homepage__dropzone p,.new-homepage__file-chip-text span{margin:0;color:var(--new-home-muted)}.new-homepage__primary-action,.new-homepage__submit-button{border:none;background:linear-gradient(135deg,var(--new-home-primary),var(--new-home-primary-strong));color:#fff;border-radius:14px;padding:0 18px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 22px #2f6bff38;font-size:.92rem;font-weight:600}.new-homepage__submit-button--icon{width:58px;min-width:58px;min-height:58px;padding:0;border-radius:999px}.new-homepage__primary-action:hover,.new-homepage__submit-button:hover:not(:disabled){transform:translateY(-1px)}.new-homepage__record-button{width:92px;min-width:92px;min-height:92px;padding:0;border:none;border-radius:28px;background:linear-gradient(180deg,#10131a,#181d28);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.98rem;font-weight:700;box-shadow:0 10px 22px #10131a2e}.new-homepage__record-button:disabled{cursor:wait}.new-homepage__record-button--active{background:linear-gradient(180deg,#ef4f3c,#d14343);box-shadow:0 14px 28px #d1434347}.new-homepage__record-button-visual{width:100%;height:100%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.new-homepage__record-button-wave{width:44px;height:18px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.new-homepage__record-button-wave-bar{width:5px;height:16px;border-radius:999px;background:#fffffff5;transform-origin:center bottom;transform:scaleY(var(--record-wave-scale, .3));transition:transform .08s linear;box-shadow:0 0 10px #ffffff38}.new-homepage__record-button-spinner{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.new-homepage__attach-button{min-width:178px;min-height:44px;padding:0 0 0 16px;border:1px solid rgba(191,208,239,.9);border-radius:14px;background:#ffffffe0;color:#344054;display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease;box-shadow:0 10px 18px #1c2c5014}.new-homepage__attach-button-label{white-space:nowrap;padding-right:12px;font-size:.83rem;font-weight:700;letter-spacing:-.01em}.new-homepage__attach-button-icon{width:44px;min-width:44px;min-height:44px;border-left:1px solid rgba(191,208,239,.9);display:inline-flex;align-items:center;justify-content:center}.new-homepage__attach-button:hover{transform:translateY(-1px);border-color:#adc2eb;background:#fff;color:var(--new-home-primary)}.new-homepage__attach-button--attached{border-color:#2f6bff3d;background:#2f6bff1a;color:var(--new-home-primary)}.new-homepage__content{flex:1;padding:0;overflow-y:auto;background:#ffffffeb}.new-homepage__panel,.new-homepage__modal{background:#fffffff5;border:1px solid var(--new-home-border);border-radius:18px;box-shadow:var(--new-home-shadow)}.new-homepage__panel{padding:0}.new-homepage__panel--history{min-height:calc(100vh - var(--new-home-header-size));border:none;border-radius:0;box-shadow:none;background:transparent;overflow:visible}.new-homepage__toolbar{padding:0 14px 10px 16px}.new-homepage__mobile-page-title{display:none}.new-homepage__mobile-page-title h1{margin:0}.new-homepage__search{width:100%;min-height:54px;border:1px solid var(--new-home-border);border-radius:14px;background:#fffffff5;display:flex;align-items:center;gap:10px;padding:0 16px;box-sizing:border-box;color:#969ba5}.new-homepage__search:focus-within{border-color:#cfe0ff;box-shadow:0 0 0 4px #2f6bff14}.new-homepage__search input{flex:1;min-width:0;border:none;background:transparent;padding:0;color:var(--new-home-text);font:inherit;font-size:.95rem;font-weight:500;outline:none}.new-homepage__search input::placeholder{color:#8f949e}.new-homepage__eyebrow{margin:0 0 8px;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--new-home-primary)}.new-homepage__modal-header h2{font-size:2rem;font-weight:800;letter-spacing:-.02em}.new-homepage__hint{margin-top:10px;font-size:.95rem}.new-homepage__secondary-button,.new-homepage__copy-button,.new-homepage__modal-close{border:1px solid #dde4f2;background:#eef2fb;color:var(--new-home-text)}.new-homepage__secondary-button,.new-homepage__copy-button{min-height:48px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.98rem;font-weight:700}.new-homepage__secondary-button:hover,.new-homepage__copy-button:hover,.new-homepage__modal-close:hover{background:#e7edf9}.new-homepage__history-head-action{width:126px;display:inline-block}.new-homepage__history-table{width:100%;border-collapse:collapse;table-layout:fixed}.new-homepage__history-row{border-bottom:1px solid var(--new-home-border)}.new-homepage__history-row--clickable{cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}.new-homepage__history-row--clickable:hover,.new-homepage__history-row--clickable:focus-visible{background:#f4f8ffc7}.new-homepage__history-row:last-child{border-bottom:none}.new-homepage__history-head-cell,.new-homepage__history-cell{padding:14px 24px;vertical-align:middle}.new-homepage__history-head-cell{color:#111827;font-size:.98rem;font-weight:700;text-align:left}.new-homepage__history-cell--interactive{cursor:pointer}.new-homepage__history-head-cell--fileName{width:24%}.new-homepage__history-head-cell--createdAt{width:20%}.new-homepage__history-head-cell--preview{width:40%}.new-homepage__history-head-cell--actions{width:16%}.new-homepage__history-header-button{border:none;background:transparent;padding:0;display:inline-flex;align-items:center;gap:8px;color:inherit;font:inherit;font-weight:inherit;cursor:pointer}.new-homepage__history-sort-icon{color:var(--new-home-muted);display:inline-flex;align-items:center;justify-content:center}.new-homepage__empty-state{min-height:calc(100vh - var(--new-home-header-size));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--new-home-muted)}.new-homepage__empty-state-icon{width:54px;height:54px;border-radius:12px;border:1px solid #dde4ef;background:#f6f8fc;color:#8b95a7;display:inline-flex;align-items:center;justify-content:center}.new-homepage__empty-state strong{color:var(--new-home-text);font-size:1.02rem;font-weight:700}.new-homepage__empty-state span{font-size:.96rem}.new-homepage__history-file{display:flex;align-items:center;gap:10px;min-width:0}.new-homepage__history-file-icon,.new-homepage__file-chip-icon{width:32px;height:32px;border-radius:9px;background:#eff4ff;color:var(--new-home-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.new-homepage__history-file h3{font-size:.93rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-homepage__history-time{display:inline-flex;align-items:center;gap:7px;color:var(--new-home-muted);font-size:.88rem}.new-homepage__history-preview{margin:0;color:var(--new-home-text);line-height:1.45;font-size:.9rem}.new-homepage__history-text{display:flex;flex-direction:column;gap:6px}.new-homepage__history-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;position:relative}.new-homepage__icon-action{width:34px;height:34px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--new-home-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.new-homepage__icon-action:hover{background:#f4f7fc;border-color:#dde4ef;color:var(--new-home-text)}.new-homepage__icon-action--success{background:#edf8f1;border-color:#cde8d7;color:#198754}.new-homepage__icon-action--error{background:#fff4f4;border-color:#f0d6d6;color:var(--new-home-danger)}.new-homepage__row-menu{position:relative}.new-homepage__row-menu-popover{position:absolute;top:calc(100% + 6px);right:0;min-width:122px;padding:6px;border:1px solid var(--new-home-border);border-radius:10px;background:#fff;box-shadow:0 12px 28px #1c2c501f;z-index:5}.new-homepage__row-menu-item{width:100%;border:none;border-radius:8px;background:transparent;padding:8px 10px;text-align:left;font:inherit;cursor:pointer}.new-homepage__row-menu-item:hover{background:#f7f9fc}.new-homepage__row-menu-item--danger{color:var(--new-home-danger)}.new-homepage__history-footer{padding:14px 24px 18px;border-top:1px solid var(--new-home-border);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.new-homepage__history-footer-meta,.new-homepage__history-pagination-status{color:var(--new-home-muted);font-size:.88rem}.new-homepage__history-footer-meta{min-width:0}.new-homepage__history-pagination{display:flex;align-items:center;gap:10px;justify-self:center}.new-homepage__history-pagination-pages{display:flex;align-items:center;gap:8px}.new-homepage__history-pagination-button{width:32px;height:32px;border:1px solid var(--new-home-border);border-radius:9px;background:#fff;color:var(--new-home-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.new-homepage__history-pagination-button:hover:not(:disabled){background:#f5f8ff;border-color:#cfe0ff}.new-homepage__history-pagination-button--active{border-color:var(--new-home-primary);background:var(--new-home-primary);color:#fff}.new-homepage__history-pagination-button--active:hover:not(:disabled){background:var(--new-home-primary-strong);border-color:var(--new-home-primary-strong)}.new-homepage__history-pagination-button:disabled{opacity:.45;cursor:not-allowed}.new-homepage__error{color:var(--new-home-danger)}.new-homepage__error--page{margin:16px 16px 0}.new-homepage__modal-overlay{position:fixed;inset:0;background:#1118275c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:30}.new-homepage__modal{width:min(760px,100%);padding:28px}.new-homepage__modal--transcript{width:min(760px,100%);padding:20px 22px 18px}.new-homepage__modal--transcript .new-homepage__modal-header h2{font-size:1.18rem;font-weight:700;letter-spacing:-.01em}.new-homepage__modal--transcript .new-homepage__modal-close{width:34px;height:34px;border-radius:9px}.new-homepage__modal--transcript .new-homepage__secondary-button{min-height:38px;padding:0 14px;border-radius:10px;gap:8px;font-size:.9rem;font-weight:600}.new-homepage__modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.new-homepage__modal-close{width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.new-homepage__secondary-button--success{background:#edf8f1;border-color:#cde8d7;color:#198754}.new-homepage__transcript-body{margin-top:14px;max-height:min(56vh,560px);overflow-y:auto;border:1px solid var(--new-home-border);border-radius:12px;background:#fbfcff;padding:14px 16px}.new-homepage__transcript-full-text{margin:0;color:var(--new-home-text);line-height:1.68;font-size:.96rem;white-space:pre-wrap;word-break:break-word}.new-homepage__dropzone{margin-top:24px;padding:34px 28px;border-radius:18px;border:2px dashed var(--new-home-border-strong);background:linear-gradient(180deg,#2f6bff08,#2f6bff03),#fcfdff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.new-homepage__dropzone--active{border-color:var(--new-home-primary);background:linear-gradient(180deg,#2f6bff14,#2f6bff08),#fbfcff}.new-homepage__drop-icon{width:112px;height:112px;border-radius:20px;background:linear-gradient(135deg,var(--new-home-primary),var(--new-home-primary-strong));color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 18px 32px #2f6bff38}.new-homepage__dropzone h3{font-size:1.65rem;font-weight:800;letter-spacing:-.02em}.new-homepage__dropzone p{max-width:520px;line-height:1.6}.new-homepage__drop-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.new-homepage__record-button--active{background:#d14343}.new-homepage__file-input{display:none}.new-homepage__file-chip{margin-top:18px;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#eef5ff);border:1px solid #d9e7ff;padding:16px 18px;display:flex;align-items:center;gap:14px}.new-homepage__file-chip-text{display:flex;flex-direction:column;gap:4px;min-width:0}.new-homepage__file-chip-text strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-homepage__error{margin:16px 0 0;font-size:.95rem;font-weight:600}.new-homepage__modal-footer{margin-top:14px;display:flex;flex-wrap:wrap;gap:12px}.new-homepage__submit-button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.new-homepage__spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:new-homepage-spin .9s linear infinite}.new-homepage__spinner--dark{width:20px;height:20px}@keyframes new-homepage-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:960px){.new-homepage__topbar{padding:12px 14px}.new-homepage__composer-section{padding:12px 12px 10px}.new-homepage__toolbar{padding:0 12px 10px}.new-homepage__modal{padding:20px}.new-homepage__modal--transcript{width:min(100%,720px);max-height:calc(100vh - 24px);display:flex;flex-direction:column}.new-homepage__modal-header{flex-direction:column;align-items:stretch}.new-homepage__composer{width:100%;padding:24px 20px 20px}.new-homepage__composer-actions{flex-wrap:wrap;gap:12px}.new-homepage__transcript-body{max-height:min(60vh,520px)}.new-homepage__history-table thead{display:none}.new-homepage__history-table,.new-homepage__history-table tbody,.new-homepage__history-cell{display:block;width:100%}.new-homepage__history-row{display:block;width:auto}.new-homepage__history-row{padding:14px;margin:0 12px 10px;border:1px solid var(--new-home-border);border-radius:14px;background:#fff;box-sizing:border-box}.new-homepage__history-row:last-child{margin-bottom:12px}.new-homepage__history-cell{padding:0;margin-bottom:10px;display:grid;grid-template-columns:minmax(88px,auto) minmax(0,1fr);align-items:start;gap:8px 12px}.new-homepage__history-cell:before{content:attr(data-label);color:var(--new-home-muted);font-size:.76rem;font-weight:700;letter-spacing:.03em;line-height:1.2;text-transform:uppercase;padding-top:2px}.new-homepage__history-cell--actions{align-items:center}.new-homepage__history-cell--actions:before{padding-top:0}.new-homepage__history-cell:last-child{margin-bottom:0}.new-homepage__history-actions{justify-content:flex-start}.new-homepage__history-footer{border-top:none;padding:8px 12px 18px;grid-template-columns:minmax(0,1fr);justify-items:start;gap:10px}.new-homepage__history-pagination{justify-self:start;flex-wrap:wrap;gap:8px}.new-homepage__history-pagination-pages{flex-wrap:wrap;gap:6px}.new-homepage__sidebar--expanded{width:210px}}@media(max-width:720px){.new-homepage{flex-direction:column;min-height:100dvh;height:100dvh}.new-homepage__sidebar,.new-homepage__sidebar--expanded{width:100%;min-height:auto;padding:10px 12px;flex-direction:row;align-items:center;justify-content:space-between;border-right:none;border-bottom:1px solid var(--new-home-border);position:sticky;top:0;z-index:15}.new-homepage__shell{max-height:none;min-height:0;flex:1 1 auto}.new-homepage__sidebar-main{flex-direction:row;align-items:center;gap:8px;flex:1;min-width:0}.new-homepage__workspace-text,.new-homepage__profile-card-text,.new-homepage__nav-label,.new-homepage__sidebar-title{display:none}.new-homepage__workspace{width:auto;padding:0;background:transparent;grid-template-columns:40px}.new-homepage__sidebar-nav{display:flex;flex-direction:row;align-items:center;gap:6px;margin-left:auto}.new-homepage__nav-item{width:40px;min-width:40px;padding:0;border-radius:10px;grid-template-columns:40px}.new-homepage__profile-menu{margin:0}.new-homepage__profile-card{width:auto;padding:0;background:transparent;grid-template-columns:40px}.new-homepage__profile-popover{left:auto;right:0;top:calc(100% + 8px);bottom:auto;width:min(280px,calc(100vw - 24px));min-width:220px}.new-homepage__subscription-summary,.new-homepage__subscription-summary--visible,.new-homepage__topbar,.new-homepage__toggle-button{display:none}.new-homepage__heading{gap:0}.new-homepage__composer-section{padding:2px 10px 8px}.new-homepage__toolbar{padding:0 10px 8px}.new-homepage__mobile-page-title{display:block;padding:10px 12px 8px}.new-homepage__mobile-page-title h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.05;color:var(--new-home-text)}.new-homepage__content{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.new-homepage__panel--history{padding-bottom:12px;min-height:auto}.new-homepage__composer{min-height:210px;padding:22px 16px 18px}.new-homepage__composer:after{inset:10px}.new-homepage__record-button{width:84px;min-width:84px;min-height:84px;border-radius:24px}.new-homepage__submit-button{width:56px;min-width:56px;min-height:56px}.new-homepage__attach-button{min-width:166px;min-height:44px}.new-homepage__record-button-wave{width:36px;height:14px;gap:3px}.new-homepage__record-button-wave-bar{width:4px;height:13px}.new-homepage__composer-title{font-size:1.22rem}.new-homepage__composer-copy{font-size:.88rem}.new-homepage__heading h1,.new-homepage__modal-header h2{font-size:1.08rem}.new-homepage__composer-status strong{white-space:normal;word-break:break-word}.new-homepage__history-row{margin:0 10px 8px}.new-homepage__dropzone{padding:28px 18px}.new-homepage__drop-icon{width:88px;height:88px;border-radius:24px}.new-homepage__modal-overlay{padding:10px}.new-homepage__modal--transcript{width:100%;max-height:calc(100vh - 20px)}}@media(max-width:560px){.new-homepage__mobile-page-title{padding:8px 10px 6px}.new-homepage__mobile-page-title h1{font-size:1.72rem}.new-homepage__history-cell{grid-template-columns:minmax(0,1fr);gap:6px}.new-homepage__history-cell:before{padding-top:0}.new-homepage__history-preview{font-size:.86rem}.new-homepage__history-time{font-size:.84rem}.new-homepage__composer-title{font-size:1.12rem}.new-homepage__composer-copy{font-size:.84rem}.new-homepage__record-button{width:78px;min-width:78px;min-height:78px;border-radius:22px}.new-homepage__attach-button{min-width:154px}}.new-settings-page__content{padding:36px 32px 48px}.new-settings-page__mobile-page-title{display:none}.new-settings-page__mobile-page-title h1{margin:0}.new-settings-page__section,.new-settings-page__input{box-sizing:border-box}.new-settings-page__section{display:flex;flex-direction:column;gap:28px}.new-settings-page__avatar-block{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--new-home-border);border-radius:18px;background:#fffffff0}.new-settings-page__avatar-preview{width:84px;height:84px;border-radius:999px;background:#eef1f6;color:var(--new-home-text);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.new-settings-page__avatar-copy{min-width:0;display:flex;flex-direction:column;gap:8px}.new-settings-page__avatar-copy strong{font-size:1rem;font-weight:700}.new-settings-page__avatar-copy span{color:var(--new-home-muted);line-height:1.5}.new-settings-page__avatar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.new-settings-page__secondary-action,.new-settings-page__ghost-action{min-height:46px;border-radius:14px;font:inherit;font-weight:700;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.new-settings-page__secondary-action{border:none;background:linear-gradient(135deg,var(--new-home-primary),var(--new-home-primary-strong));color:#fff}.new-settings-page__ghost-action{border:1px solid var(--new-home-border);background:#fff;color:var(--new-home-text)}.new-settings-page__secondary-action:hover,.new-settings-page__ghost-action:hover:not(:disabled){transform:translateY(-1px)}.new-settings-page__ghost-action:disabled{cursor:not-allowed;opacity:.48}.new-settings-page__file-input{display:none}.new-settings-page__section+.new-settings-page__section{margin-top:40px;padding-top:40px;border-top:1px solid var(--new-home-border)}.new-settings-page__section-head{display:flex;flex-direction:column;gap:12px}.new-settings-page__section-head h2{margin:0;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:800;letter-spacing:-.03em}.new-settings-page__section-head p,.new-settings-page__field span,.new-settings-page__notice{margin:0}.new-settings-page__section-head p{color:var(--new-home-muted);font-size:1rem}.new-settings-page__section-head--with-icon h2{display:inline-flex;align-items:center;gap:12px}.new-settings-page__profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 30px}.new-settings-page__password-form{display:flex;flex-direction:column;gap:28px}.new-settings-page__field{display:flex;flex-direction:column;gap:14px}.new-settings-page__field--full{grid-column:1 / -1}.new-settings-page__field span{color:#323742;font-size:1rem;font-weight:700}.new-settings-page__input{width:100%;min-height:64px;border:1px solid var(--new-home-border);border-radius:18px;background:#fff;padding:0 20px;color:var(--new-home-text);font:inherit;font-size:1rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.new-settings-page__input:focus{border-color:#2f6bff7a;box-shadow:0 0 0 4px #2f6bff14}.new-settings-page__input[readonly]{background:#fffffff0;color:#565d69;cursor:default}.new-settings-page__input::placeholder{color:#acb1bb}.new-settings-page__notice{border-radius:12px;padding:14px 16px;font-size:.95rem;font-weight:600}.new-settings-page__notice--error{background:#d1434314;color:#a12c2c}.new-settings-page__notice--success{background:#2eb36f1f;color:#24784e}.new-settings-page__action{width:fit-content;min-width:220px;min-height:50px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--new-home-primary),var(--new-home-primary-strong));color:#fff;font:inherit;font-size:1rem;font-weight:700;padding:0 24px;cursor:pointer;box-shadow:0 10px 22px #2f6bff2e;transition:transform .18s ease,box-shadow .18s ease}.new-settings-page__action:hover{transform:translateY(-1px)}@media(max-width:900px){.new-settings-page__content{padding:20px 16px 28px}.new-settings-page__avatar-block{grid-template-columns:minmax(0,1fr);justify-items:start}.new-settings-page__avatar-actions{justify-content:flex-start}.new-settings-page__profile-grid{grid-template-columns:minmax(0,1fr);gap:18px}.new-settings-page__section+.new-settings-page__section{margin-top:24px;padding-top:24px}.new-settings-page__action{width:100%}}@media(max-width:720px){.new-settings-page__content{padding:8px 10px calc(18px + env(safe-area-inset-bottom))}.new-settings-page__mobile-page-title{display:block;padding:8px 2px 10px}.new-settings-page__mobile-page-title h1{font-size:1.88rem;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--new-home-text)}.new-settings-page__section{gap:16px;border:1px solid var(--new-home-border);border-radius:14px;background:#fffffff2;padding:14px 12px}.new-settings-page__section+.new-settings-page__section{margin-top:12px;padding-top:14px;border-top:1px solid var(--new-home-border)}.new-settings-page__section-head{gap:8px}.new-settings-page__section-head h2{font-size:1.24rem;letter-spacing:-.02em}.new-settings-page__section-head p{font-size:.88rem;line-height:1.4}.new-settings-page__section-head--with-icon h2{gap:8px}.new-settings-page__section-head--with-icon h2 svg{width:20px;height:20px}.new-settings-page__avatar-block{gap:12px;padding:12px;border-radius:12px;justify-items:center;text-align:center}.new-settings-page__avatar-preview{width:72px;height:72px}.new-settings-page__avatar-copy{gap:6px}.new-settings-page__avatar-copy strong{font-size:.96rem}.new-settings-page__avatar-copy span{font-size:.84rem;line-height:1.4}.new-settings-page__avatar-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.new-settings-page__secondary-action,.new-settings-page__ghost-action{width:100%;min-height:42px;border-radius:10px;font-size:.88rem;padding:0 12px}.new-settings-page__profile-grid,.new-settings-page__password-form{gap:14px}.new-settings-page__field{gap:8px}.new-settings-page__field span{font-size:.88rem}.new-settings-page__input{min-height:52px;border-radius:12px;padding:0 14px;font-size:.92rem}.new-settings-page__notice{border-radius:10px;padding:10px 12px;font-size:.86rem}.new-settings-page__action{min-height:44px;border-radius:10px;font-size:.9rem;min-width:0;padding:0 14px}}@media(max-width:560px){.new-settings-page__mobile-page-title h1{font-size:1.66rem}}.new-subscription-page__content{padding:36px 32px 48px}.new-subscription-page__mobile-page-title{display:none}.new-subscription-page__mobile-page-title h1{margin:0}.new-subscription-page__hero{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 0 18px;text-align:center}.new-subscription-page__hero h2,.new-subscription-page__section-head h3,.new-subscription-page__plan-head h3,.new-subscription-page__history-item strong,.new-subscription-page__pack-card h4{margin:0}.new-subscription-page__hero h2{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;letter-spacing:-.03em}.new-subscription-page__hero p,.new-subscription-page__section-head p,.new-subscription-page__plan-head p,.new-subscription-page__pack-card p,.new-subscription-page__history-item span,.new-subscription-page__dialog-body p{margin:0;color:var(--new-home-muted)}.new-subscription-page__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:32px}.new-subscription-page__summary-card,.new-subscription-page__history-section,.new-subscription-page__operations-section,.new-subscription-page__management,.new-subscription-page__plan-card,.new-subscription-page__pack-card{background:#fffffff5;border:1px solid var(--new-home-border);border-radius:14px}.new-subscription-page__summary-card{min-height:120px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.new-subscription-page__summary-card span{color:var(--new-home-muted);font-size:.92rem;font-weight:600}.new-subscription-page__summary-card strong{font-size:1.55rem;font-weight:800;line-height:1.1;letter-spacing:-.03em}.new-subscription-page__status,.new-subscription-page__notice{margin-top:22px;border-radius:12px;padding:14px 16px;font-size:.95rem;font-weight:600}.new-subscription-page__status{border:1px solid var(--new-home-border);background:#ffffffeb}.new-subscription-page__notice--info{background:#2f6bff14;color:var(--new-home-primary-strong)}.new-subscription-page__notice--warning{background:#d1434314;color:#a12c2c}.new-subscription-page__notice--caution{background:#d977061f;color:#9a5b06}.new-subscription-page__notice--success{background:#2eb36f1f;color:#24784e}.new-subscription-page__plans-section,.new-subscription-page__packs-section{margin-top:40px}.new-subscription-page__section-head{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.new-subscription-page__section-head h3{display:inline-flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:800}.new-subscription-page__plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.new-subscription-page__plan-card,.new-subscription-page__pack-card{position:relative;padding:24px 22px 22px;display:flex;flex-direction:column;gap:22px}.new-subscription-page__plan-card--featured,.new-subscription-page__plan-card--selected{border-color:#2f6bffb8;box-shadow:0 14px 32px #2f6bff1f}.new-subscription-page__plan-badge{position:absolute;top:-12px;left:22px;border-radius:999px;background:var(--new-home-primary);color:#fff;padding:6px 14px;font-size:.82rem;font-weight:700}.new-subscription-page__plan-head{display:flex;flex-direction:column;gap:8px}.new-subscription-page__plan-head h3,.new-subscription-page__pack-card h4{font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.new-subscription-page__plan-price{display:flex;flex-direction:column;gap:8px}.new-subscription-page__plan-price strong,.new-subscription-page__pack-card strong{font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.04em}.new-subscription-page__plan-price span{color:var(--new-home-muted);font-size:.92rem;font-weight:600}.new-subscription-page__plan-benefits,.new-subscription-page__pack-benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.new-subscription-page__plan-benefits li,.new-subscription-page__pack-benefits li{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;color:#475066;line-height:1.45}.new-subscription-page__plan-benefits svg,.new-subscription-page__pack-benefits svg{color:var(--new-home-primary);margin-top:2px}.new-subscription-page__plan-footer{margin-top:auto}.new-subscription-page__plan-action,.new-subscription-page__danger-action{width:100%;min-height:44px;border-radius:12px;border:1px solid var(--new-home-border-strong);background:#eef2fb;color:var(--new-home-text);font:inherit;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.new-subscription-page__plan-action--primary{background:linear-gradient(135deg,var(--new-home-primary),var(--new-home-primary-strong));border-color:transparent;color:#fff;box-shadow:0 10px 22px #2f6bff2e}.new-subscription-page__plan-action:hover:not(:disabled),.new-subscription-page__danger-action:hover:not(:disabled){transform:translateY(-1px)}.new-subscription-page__plan-action:disabled,.new-subscription-page__danger-action:disabled{cursor:not-allowed;opacity:.62;transform:none;box-shadow:none}.new-subscription-page__packs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.new-subscription-page__history-section,.new-subscription-page__operations-section,.new-subscription-page__management{margin-top:40px;overflow:hidden}.new-subscription-page__collapsible-toggle{width:100%;min-height:72px;border:none;background:transparent;padding:18px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;text-align:left;font:inherit;color:var(--new-home-text);cursor:pointer;transition:background-color .18s ease}.new-subscription-page__collapsible-toggle--expanded,.new-subscription-page__collapsible-toggle--collapsed{align-items:center;justify-content:space-between}.new-subscription-page__collapsible-toggle:hover{background:#f5f8ffeb}.new-subscription-page__collapsible-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.new-subscription-page__collapsible-title{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:1.08rem;font-weight:800}.new-subscription-page__collapsible-description{margin:0;color:var(--new-home-muted);line-height:1.45}.new-subscription-page__collapsible-icon{width:30px;height:30px;border-radius:10px;border:1px solid var(--new-home-border);background:#f8faff;color:var(--new-home-text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.new-subscription-page__collapsible-icon--expanded{transform:rotate(180deg)}.new-subscription-page__collapsible-body{border-top:1px solid var(--new-home-border);padding:24px}.new-subscription-page__collapsible-body--history,.new-subscription-page__collapsible-body--operations{padding:24px 0}.new-subscription-page__collapsible-panel-note{margin:0 0 18px;color:var(--new-home-muted);line-height:1.45}.new-subscription-page__collapsible-panel-note--flush{padding:0 24px}.new-subscription-page__history-list{display:flex;flex-direction:column}.new-subscription-page__history-more{border:none;background:transparent;padding:14px 24px 0;color:var(--new-home-primary);font:inherit;font-weight:700;cursor:pointer;text-align:left}.new-subscription-page__history-more:hover{color:var(--new-home-primary-strong)}.new-subscription-page__history-item,.new-subscription-page__history-empty{min-height:58px;border-top:1px solid var(--new-home-border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px}.new-subscription-page__history-item-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.new-subscription-page__history-item-copy strong{font-size:.95rem;color:var(--new-home-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-subscription-page__history-item-copy span{color:var(--new-home-muted);font-size:.88rem}.new-subscription-page__history-item:first-child,.new-subscription-page__history-empty:first-child{border-top:none}.new-subscription-page__history-empty{justify-content:flex-start;color:var(--new-home-muted);font-weight:600}.new-subscription-page__operations-list{display:flex;flex-direction:column}.new-subscription-page__operations-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 24px;border-top:1px solid var(--new-home-border)}.new-subscription-page__operations-item:first-child{border-top:none;padding-top:0}.new-subscription-page__operations-item:last-child{padding-bottom:0}.new-subscription-page__operations-icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.new-subscription-page__operations-icon--transcription_debit{background:#2f6bff1a;color:var(--new-home-primary)}.new-subscription-page__operations-icon--subscription_purchase{background:#2eb36f1f;color:#24784e}.new-subscription-page__operations-icon--minute_pack_purchase{background:#ffb74d29;color:#a05b00}.new-subscription-page__operations-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.new-subscription-page__operations-copy strong{margin:0;color:var(--new-home-text);font-size:.96rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-subscription-page__operations-copy span{color:var(--new-home-muted);font-size:.88rem;line-height:1.4}.new-subscription-page__operations-amount{white-space:nowrap;font-size:.96rem;font-weight:800;color:#24784e}.new-subscription-page__dialog-body{display:flex;flex-direction:column;gap:12px;margin-top:16px}.new-subscription-page__history-dialog{width:min(760px,100%)}.new-subscription-page__history-dialog-body{margin-top:16px;max-height:min(56vh,560px);overflow-y:auto;border:1px solid var(--new-home-border);border-radius:12px;background:#fffffff5;padding:6px 16px}.new-subscription-page__checkbox-row{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;font-size:.96rem;color:var(--new-home-text)}.new-subscription-page__checkbox-row input{margin:4px 0 0}.new-subscription-page__dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}.new-subscription-page__renewal-row{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:12px;max-width:360px;color:var(--new-home-text);cursor:pointer}.new-subscription-page__renewal-row input{margin:4px 0 0}.new-subscription-page__renewal-copy{display:flex;flex-direction:column;gap:6px}.new-subscription-page__renewal-copy strong,.new-subscription-page__renewal-copy span{margin:0}.new-subscription-page__renewal-copy span{color:var(--new-home-muted);line-height:1.45}.new-subscription-page__renewal-row--disabled{cursor:default}.new-subscription-page__renewal-row--disabled input{cursor:not-allowed}@media(max-width:1280px){.new-subscription-page__summary,.new-subscription-page__plans-grid,.new-subscription-page__packs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.new-subscription-page__content{padding:20px 16px 28px}.new-subscription-page__summary,.new-subscription-page__plans-grid,.new-subscription-page__packs-grid{grid-template-columns:minmax(0,1fr)}.new-subscription-page__hero{align-items:flex-start;text-align:left}.new-subscription-page__plan-card,.new-subscription-page__pack-card{padding:20px 18px 18px;gap:16px}.new-subscription-page__collapsible-body{padding:18px}.new-subscription-page__collapsible-body--history,.new-subscription-page__collapsible-body--operations{padding:18px 0}.new-subscription-page__collapsible-panel-note--flush{padding:0 18px}.new-subscription-page__history-item,.new-subscription-page__history-empty,.new-subscription-page__operations-item{padding-left:18px;padding-right:18px}}@media(max-width:720px){.new-subscription-page__content{padding:8px 10px calc(18px + env(safe-area-inset-bottom))}.new-subscription-page__mobile-page-title{display:block;padding:8px 2px 10px}.new-subscription-page__mobile-page-title h1{font-size:1.88rem;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--new-home-text)}.new-subscription-page__hero{margin-bottom:6px;padding:14px 14px 12px;border:1px solid var(--new-home-border);border-radius:14px;background:#fffffff2;gap:8px}.new-subscription-page__hero h2{font-size:1.35rem;letter-spacing:-.02em}.new-subscription-page__hero p{font-size:.9rem;line-height:1.45}.new-subscription-page__summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.new-subscription-page__summary-card{min-height:86px;padding:12px;gap:10px}.new-subscription-page__summary-card span{font-size:.76rem;line-height:1.2}.new-subscription-page__summary-card strong{font-size:1.06rem;letter-spacing:-.01em;word-break:break-word;line-height:1.25}.new-subscription-page__status,.new-subscription-page__notice{margin-top:12px;border-radius:10px;padding:10px 12px;font-size:.88rem}.new-subscription-page__plans-section,.new-subscription-page__packs-section,.new-subscription-page__history-section,.new-subscription-page__operations-section,.new-subscription-page__management{margin-top:18px}.new-subscription-page__section-head{margin-bottom:12px;gap:6px}.new-subscription-page__section-head h3{font-size:1.02rem}.new-subscription-page__section-head p{font-size:.9rem}.new-subscription-page__plans-grid,.new-subscription-page__packs-grid{gap:12px}.new-subscription-page__plan-card,.new-subscription-page__pack-card{border-radius:12px;padding:16px 14px 14px;gap:14px}.new-subscription-page__plan-badge{top:-10px;left:14px;padding:5px 11px;font-size:.74rem}.new-subscription-page__plan-head h3,.new-subscription-page__pack-card h4{font-size:1.01rem}.new-subscription-page__plan-head p,.new-subscription-page__pack-card p{font-size:.86rem;line-height:1.45}.new-subscription-page__plan-price strong,.new-subscription-page__pack-card strong{font-size:1.42rem}.new-subscription-page__plan-benefits,.new-subscription-page__pack-benefits{gap:10px}.new-subscription-page__plan-benefits li,.new-subscription-page__pack-benefits li{grid-template-columns:16px minmax(0,1fr);gap:8px;font-size:.86rem;line-height:1.4}.new-subscription-page__plan-action,.new-subscription-page__danger-action{min-height:40px;border-radius:10px;font-size:.88rem}.new-subscription-page__collapsible-toggle{min-height:60px;padding:12px 14px;gap:10px}.new-subscription-page__collapsible-title{font-size:.94rem;gap:7px}.new-subscription-page__collapsible-description{font-size:.86rem;line-height:1.35}.new-subscription-page__collapsible-icon{width:26px;height:26px;border-radius:8px}.new-subscription-page__collapsible-body{padding:14px}.new-subscription-page__collapsible-body--history,.new-subscription-page__collapsible-body--operations{padding:12px 0}.new-subscription-page__collapsible-panel-note{margin:0 0 12px;font-size:.86rem;line-height:1.4}.new-subscription-page__collapsible-panel-note--flush{padding:0 14px}.new-subscription-page__history-item,.new-subscription-page__history-empty{min-height:54px;padding:10px 14px;align-items:flex-start}.new-subscription-page__history-item{flex-direction:column;gap:6px}.new-subscription-page__history-item-copy strong{font-size:.9rem}.new-subscription-page__history-item-copy span{font-size:.82rem}.new-subscription-page__history-item>strong{font-size:.84rem;font-weight:700;color:var(--new-home-primary-strong)}.new-subscription-page__history-more{padding:12px 14px 0;font-size:.88rem}.new-subscription-page__operations-item{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;padding:12px 14px}.new-subscription-page__operations-icon{width:34px;height:34px;border-radius:9px}.new-subscription-page__operations-copy strong{font-size:.9rem}.new-subscription-page__operations-copy span{font-size:.82rem}.new-subscription-page__operations-amount{grid-column:2 / 3;justify-self:start;margin-top:2px;font-size:.86rem;font-weight:700}.new-subscription-page__history-dialog{width:100%}.new-subscription-page__history-dialog-body{margin-top:12px;max-height:min(62vh,520px);padding:6px 10px}.new-subscription-page__dialog-body{margin-top:12px;gap:10px}.new-subscription-page__dialog-body p,.new-subscription-page__checkbox-row{font-size:.88rem}.new-subscription-page__dialog-actions{margin-top:18px;flex-direction:column;align-items:stretch;gap:8px}.new-subscription-page__dialog-actions .new-homepage__secondary-button,.new-subscription-page__dialog-actions .new-homepage__submit-button{width:100%;min-height:42px;border-radius:10px}.new-subscription-page__renewal-row{max-width:none;font-size:.9rem;gap:10px}.new-subscription-page__renewal-copy span{font-size:.84rem}}@media(max-width:560px){.new-subscription-page__mobile-page-title h1{font-size:1.66rem}.new-subscription-page__summary{grid-template-columns:minmax(0,1fr)}.new-subscription-page__hero{padding:12px 12px 10px}.new-subscription-page__hero h2{font-size:1.2rem}.new-subscription-page__plan-card,.new-subscription-page__pack-card{padding:14px 12px 12px}}html,body{margin:0;padding:0;background:var(--background);background:var(--background-gradient);overscroll-behavior:none;overflow-x:hidden;font-family:var(--font-family)}:root{--primary: #3B82F6;--secondary: #06B6D4;--success: #10B981;--error: #EF4444;--background: #FFFFFF;--text: #111827;--text-muted: #6B7280;--border: rgba(0, 0, 0, .1);--glass: rgba(255, 255, 255, .8);--backdrop-blur: blur(20px);--shadow: 0 8px 32px rgba(0, 0, 0, .1);--background-gradient: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.profile-page{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:var(--background-gradient);animation:fadeIn .5s ease-in;overflow:hidden}.profile-page .nav-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow);position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid var(--border)}.profile-page .back-btn{background:var(--text-muted);color:#fff;padding:8px 16px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;border-radius:8px;border:none;cursor:pointer;transition:transform .2s ease}.profile-page .back-btn:hover{transform:translateY(-2px)}.profile-page .page-title{font-weight:700;font-size:1.5rem;color:var(--text);margin:0;text-align:center}.profile-content{margin-top:80px;padding:28px 24px 36px;max-width:900px;margin-left:auto;margin-right:auto;width:100%;animation:slideUp .5s ease-out;height:calc(100vh - 80px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.profile-grid{display:flex;flex-direction:column;gap:18px;max-width:760px;margin:0 auto}.balance-card,.subscription-card,.purchase-card,.history-card,.actions-card,.user-card{background:var(--glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:16px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border);animation:fadeIn .5s ease-in;width:100%}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-header h3{font-weight:600;font-size:1.25rem;color:var(--text);margin:0}.balance-amount{font-size:2rem;font-weight:700;color:var(--primary)}.balance-amount.zero{color:var(--error)}.warning{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px;color:var(--error);font-weight:500;margin-top:12px}.success-note{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:12px;color:var(--success);font-weight:500;margin-top:12px}.info-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:12px;color:var(--primary);font-weight:500;margin-top:12px}.subscription-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{color:var(--text-muted);font-weight:500}.detail-item span:last-child{color:var(--text);font-weight:600}.plans-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.plan-item{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;gap:8px;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.plan-item:hover{transform:translateY(-1px);border-color:#3b82f680;box-shadow:0 4px 12px #3b82f61a}.plan-item.selected{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633}.plan-item:disabled{opacity:.7;cursor:not-allowed;transform:none}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.plan-name{color:var(--text);font-size:1rem;font-weight:600}.plan-minutes{color:var(--primary);font-size:.95rem;font-weight:700}.plan-bottom{display:flex;flex-direction:column;gap:4px}.plan-price{color:var(--text);font-size:.95rem;font-weight:600}.plan-description{color:var(--text-muted);font-size:.85rem}.topup-section{margin-top:8px}.topup-section h4{margin:0 0 12px;color:var(--text);font-size:1rem;font-weight:600}.history-list{max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:8px}.history-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.history-item:last-child{border-bottom:none}.history-item .date{color:var(--text-muted);font-size:.9rem}.history-item .amount.positive{color:var(--success);font-weight:600}.history-item .amount.negative{color:var(--error);font-weight:600}.actions-list{display:flex;flex-direction:column;gap:12px}.action-btn{color:#fff;padding:12px 24px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow);border-radius:8px;border:none;cursor:pointer;transition:transform .2s ease}.action-btn:hover{transform:translateY(-2px)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-btn.cancel,.action-btn.delete{background:linear-gradient(135deg,var(--error),#DC2626)}.action-btn.logout{background:var(--text-muted)}.action-btn.purchase{margin-top:16px;background:linear-gradient(135deg,var(--primary),var(--secondary))}.user-details{display:flex;flex-direction:column;gap:12px}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:var(--glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:16px;padding:24px;box-shadow:var(--shadow);max-width:400px;width:90%;animation:fadeIn .3s ease-in}.dialog h4{margin:0 0 16px;font-weight:600;font-size:1.25rem;color:var(--text)}.dialog p{margin:0 0 24px;color:var(--text-muted);line-height:1.5}.dialog-buttons{display:flex;gap:12px;justify-content:flex-end}.dialog-btn{padding:8px 16px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:transform .2s ease}.dialog-btn:hover{transform:translateY(-2px)}.dialog-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dialog-btn.cancel{background:var(--text-muted);color:#fff}.dialog-btn.confirm{background:linear-gradient(135deg,var(--error),#DC2626);color:#fff}.dialog-btn.confirm.purchase{background:linear-gradient(135deg,var(--primary),var(--secondary))}.demo-confirm-row{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;color:var(--text);font-size:14px;line-height:1.4}.demo-confirm-row input{margin-top:3px}.dialog-btn.confirm.delete{background:linear-gradient(135deg,#DC2626,var(--error))}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:768px){.profile-content{padding:16px;margin-top:84px;height:calc(100vh - 84px)}.profile-grid{gap:16px}.balance-card,.subscription-card,.history-card,.actions-card,.user-card{padding:20px}.balance-amount{font-size:1.5rem}.profile-page .nav-bar{padding:12px 16px}.profile-page .page-title{font-size:1.25rem}}@media(max-width:480px){.profile-content{padding:12px}.balance-card,.subscription-card,.history-card,.actions-card,.user-card{padding:16px}.profile-page .back-btn{padding:6px 12px;font-size:12px}.action-btn{padding:10px 20px;font-size:13px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-2xl:1rem;--radius-3xl:1.5rem;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Manrope", system-ui, sans-serif;--default-mono-font-family:"JetBrains Mono", "Fira Code", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-inset-4{inset:calc(var(--spacing) * -4)}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-10{top:calc(var(--spacing) * 10)}.top-20{top:calc(var(--spacing) * 20)}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.left-\[calc\(50\%\+48px\)\]{left:calc(50% + 48px)}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-2{margin-left:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-\[600px\]{height:600px}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-96{width:calc(var(--spacing) * 96)}.w-\[800px\]{width:800px}.w-\[calc\(100\%-96px\)\]{width:calc(100% - 96px)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[1500px\]{max-width:1500px}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x: 50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y: 50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[1fr_1\.5fr_auto\]{grid-template-columns:1fr 1.5fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--border)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#DCEBFF\]{border-color:#dcebff}.border-border{border-color:var(--border)}.border-primary,.border-primary\/30{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--primary) 30%,transparent)}}.bg-\[\#2F6BFF\]\/5{background-color:#2f6bff0d}.bg-\[\#28CA41\]{background-color:#28ca41}.bg-\[\#DCEBFF\]{background-color:#dcebff}.bg-\[\#E6EAF2\]{background-color:#e6eaf2}.bg-\[\#E9EEF9\]{background-color:#e9eef9}.bg-\[\#F5F7FB\]{background-color:#f5f7fb}.bg-\[\#FF5F57\]{background-color:#ff5f57}.bg-\[\#FFBD2E\]{background-color:#ffbd2e}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-card,.bg-card\/80{background-color:var(--card)}@supports (color:color-mix(in lab,red,red)){.bg-card\/80{background-color:color-mix(in oklab,var(--card) 80%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-primary,.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--primary) 5%,transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#2F6BFF\]\/10{--tw-gradient-from:oklab(58.0559% -.0244769 -.227632/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#DCEBFF\]\/30{--tw-gradient-from:oklab(93.494% -.00785813 -.0305717/.3);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-background{--tw-gradient-from:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-border{--tw-gradient-from:var(--border);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#DCEBFF\]{--tw-gradient-via:#dcebff;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#DCEBFF\]\/20{--tw-gradient-via:oklab(93.494% -.00785813 -.0305717/.2);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#1F58E7\]{--tw-gradient-to:#1f58e7;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#2F6BFF\]\/10{--tw-gradient-to:oklab(58.0559% -.0244769 -.227632/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-border{--tw-gradient-to:var(--border);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-background{color:var(--background)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.uppercase{text-transform:uppercase}.opacity-10{opacity:.1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[\#2F6BFF\]\/10{--tw-shadow-color:#2f6bff1a}@supports (color:color-mix(in lab,red,red)){.shadow-\[\#2F6BFF\]\/10{--tw-shadow-color:color-mix(in oklab, oklab(58.0559% -.0244769 -.227632/.1) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/10{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.shadow-primary\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--primary) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/20{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.shadow-primary\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:bg-\[\#DCEBFF\]:is(:where(.group):hover *){background-color:#dcebff}}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:border-\[\#DCEBFF\]:hover{border-color:#dcebff}.hover\:bg-\[\#1F58E7\]:hover{background-color:#1f58e7}.hover\:bg-\[\#DCEBFF\]:hover{background-color:#dcebff}.hover\:bg-\[\#E9EEF9\]:hover{background-color:#e9eef9}.hover\:bg-\[\#F5F7FB\]:hover{background-color:#f5f7fb}.hover\:bg-foreground\/90:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-foreground\/90:hover{background-color:color-mix(in oklab,var(--foreground) 90%,transparent)}}.hover\:bg-secondary:hover{background-color:var(--secondary)}.hover\:bg-white\/90:hover{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/90:hover{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[\#2F6BFF\]\/5:hover{--tw-shadow-color:#2f6bff0d}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-\[\#2F6BFF\]\/5:hover{--tw-shadow-color:color-mix(in oklab, oklab(58.0559% -.0244769 -.227632/.05) var(--tw-shadow-alpha), transparent)}}}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-primary\/20:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary\/20:focus{--tw-ring-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media(min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}}@media(min-width:64rem){.lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-16{padding:calc(var(--spacing) * 16)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}.lg\:pt-32{padding-top:calc(var(--spacing) * 32)}.lg\:pb-24{padding-bottom:calc(var(--spacing) * 24)}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:#f5f7fb;--foreground:#20232b;--card:#fff;--card-foreground:#20232b;--popover:#fff;--popover-foreground:#20232b;--primary:#2f6bff;--primary-foreground:#fff;--secondary:#e9eef9;--secondary-foreground:#20232b;--muted:#f5f7fb;--muted-foreground:#8b909a;--accent:#dcebff;--accent-foreground:#1f58e7;--destructive:#d14343;--destructive-foreground:#fff;--border:#e6eaf2;--input:#e6eaf2;--ring:#2f6bff;--chart-1:#2f6bff;--chart-2:#1f58e7;--chart-3:#dcebff;--chart-4:#e9eef9;--chart-5:#8b909a;--radius:1rem;--sidebar:#fff;--sidebar-foreground:#20232b;--sidebar-primary:#2f6bff;--sidebar-primary-foreground:#fff;--sidebar-accent:#e9eef9;--sidebar-accent-foreground:#20232b;--sidebar-border:#e6eaf2;--sidebar-ring:#2f6bff}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}