@import url('/support.css');
@import url('/fonts.css');
@import url('/free-access.css');
:root{color-scheme:dark;--bg:#0b0e13;--panel:#10171f;--line:#293544;--text:#e1e9ef;--muted:#91a0b1;--green:#70dfc1}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Arial,sans-serif}
a{color:var(--green);text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.account-header{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px;gap:12px}
.account-brand{font-size:23px;letter-spacing:-1px;color:var(--text);font-weight:700}.account-brand span{color:var(--green)}
.account-header-right{display:flex;align-items:center;gap:22px}.account-langs{display:flex;gap:4px}.account-langs button{border:0;color:var(--muted);background:transparent;padding:7px;border-radius:5px;font-size:12px}.account-langs .active{color:var(--green);background:#162a27}
.account-main{max-width:1020px;padding:32px 24px 70px;margin:auto}.account-loading{text-align:center;padding:80px 20px;color:var(--muted)}
.account-heading{margin-bottom:28px}.account-heading h1{font-size:30px;line-height:1.25;margin:8px 0 12px;letter-spacing:-.6px}.account-heading p{margin:0;color:var(--muted)}
.account-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start}
.account-panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:26px;min-width:0}
.account-panel h2{font-size:19px;line-height:1.4;margin:0 0 14px}.account-panel p{color:var(--muted);margin:10px 0}.account-panel+.account-panel{margin-top:20px}
.account-form{display:grid;gap:18px}.account-form label{display:grid;gap:7px;font-size:13px;color:var(--muted)}
.account-form input{display:block;width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text);padding:12px;min-height:46px}
.account-form small{color:var(--muted);font-size:12px}.account-button{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:11px 18px;min-height:44px;line-height:1.4;border:1px solid var(--line);background:transparent;color:var(--text);text-align:center}
.account-button.primary{background:var(--green);border-color:var(--green);color:#10221e;font-weight:600}
.account-link{border:0;background:none;color:var(--green);padding:0;text-align:left}
.account-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
.account-notice,.account-error,.account-success{border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:13px;margin-bottom:18px;overflow-wrap:anywhere}
.account-notice{color:var(--muted);background:#17212a}.account-error{color:#ffabae;background:#391e2644;border-color:#66323e}.account-success{color:var(--green);background:#163b3144;border-color:#285546}
.account-error:empty{display:none}.account-tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 20px}.account-tags span{border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:13px;color:#c4d5df}
.account-pill{display:inline-block;color:var(--green);border:1px solid #2c5a50;border-radius:20px;font-size:12px;padding:4px 12px}
.account-plan-value{font-size:29px;line-height:1.3;font-weight:600;margin:12px 0}.account-email{overflow-wrap:anywhere;color:var(--text)!important}
.account-date{font-size:17px;color:var(--text)}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.account-divider{border:0;border-top:1px solid var(--line);margin:22px 0}
@media(max-width:650px){.account-header{padding:15px 16px}.account-header-right{gap:10px}.account-header-right>a{font-size:12px}.account-brand{font-size:20px}.account-main{padding:20px 16px 50px}.account-grid{grid-template-columns:minmax(0,1fr);gap:16px}.account-panel{padding:20px}.account-heading h1{font-size:25px}.account-form input{font-size:16px}.account-form-actions{align-items:flex-start}.account-plan-value{font-size:26px}}

.account-panel h3{font-size:15px;margin:18px 0 10px}.billing-price{font-size:16px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.billing-price strong{font-size:26px}.billing-price del,.billing-price>span{color:var(--muted)}.promo-selected{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;padding:12px;background:#19332b55;border:1px solid #295347;border-radius:8px}.promo-selected>div{display:grid}.promo-selected span{font-size:12px;color:var(--green)}.promo-history{margin-top:20px;font-size:13px;color:var(--muted)}.promo-history summary{cursor:pointer}.promo-history ul{list-style:none;padding:0}.promo-history li{display:grid;margin-top:12px;gap:3px}.referral-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.referral-heading h2{margin:0}.referral-label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.referral-copy{display:flex;gap:8px;min-width:0}.referral-copy input{min-width:0;width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;background:var(--bg);color:var(--text);font-size:12px}.referral-copy-status{font-size:12px;color:var(--green)}.referral-balance{display:grid;gap:8px;margin:22px 0;padding:18px;border:1px solid #294b43;border-radius:9px;background:#142c2355}.referral-balance>span{font-size:13px;color:var(--muted)}.referral-balance>strong{font-size:28px;line-height:1.4;overflow-wrap:anywhere;color:var(--green)}.referral-balance small{font-size:14px;font-weight:400}.referral-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.referral-stats>div{display:grid;gap:4px}.referral-stats strong{font-size:22px}.referral-stats span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.account-panel .referral-note{font-size:12px}.referral-empty{font-size:13px}.billing-table-wrap{overflow-x:auto}.billing-table{width:100%;border-collapse:collapse;font-size:12px}.billing-table th{text-align:right;font-size:10px;color:var(--muted);font-weight:400}.billing-table td,.billing-table th{border-bottom:1px solid var(--line);padding:9px 5px}.billing-table td{text-align:right;white-space:nowrap}.billing-table th:first-child,.billing-table td:first-child{text-align:left;white-space:normal;min-width:70px}.billing-positive{color:var(--green)}.promo-admin{margin-top:24px}.promo-admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.account-form select{width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--text);padding:12px;min-height:46px;font:inherit}.promo-admin-form .account-error{grid-column:1/-1}.account-form .promo-checkbox{display:flex;align-items:center;gap:9px}.promo-checkbox input{width:18px;min-height:18px}.promo-list{display:grid;gap:12px;margin-top:24px}.promo-list-item{display:flex;justify-content:space-between;gap:15px;padding:15px;border:1px solid var(--line);border-radius:8px}.promo-list-item>div{display:grid;gap:5px;min-width:0}.promo-list-item strong{overflow-wrap:anywhere}.promo-list-item span,.promo-list-item small{font-size:12px;color:var(--muted)}.promo-list-item>div:last-child{text-align:right}.promo-list-item .account-button{font-size:12px;padding:8px 12px}@media(max-width:650px){.referral-copy{flex-wrap:wrap}.referral-copy input{font-size:16px}.promo-admin-form{grid-template-columns:minmax(0,1fr)}.promo-list-item{flex-wrap:wrap}.promo-list-item>div:last-child{display:flex;align-items:center;gap:12px;text-align:left}.billing-price strong{font-size:24px}.referral-balance{padding:14px}}

.account-nickname{overflow-wrap:anywhere;margin:6px 0!important}.account-panel>.account-pill{margin-bottom:15px}.billing-table{table-layout:fixed}.billing-table th:first-child{width:44%}.billing-referral-name,.billing-referral-date{display:block;overflow-wrap:anywhere}.billing-referral-name{font-size:13px;font-weight:600;color:var(--text)}.billing-referral-date{font-size:11px;color:var(--muted);margin-top:3px}

.access-admin{margin-top:24px}.access-grant-hint{grid-column:1/-1}.access-grant-list{display:grid;gap:12px}.access-grant-item{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}.access-grant-item span,.access-grant-item small{font-size:12px;color:var(--muted)}

.admin-users-panel{margin-bottom:24px}.admin-users-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.admin-users-heading h2{margin:0}.admin-users-heading p{margin-bottom:18px}.admin-users-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 24px}.admin-users-stats>div{display:grid;gap:7px;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px}.admin-users-stats span{font-size:12px;color:var(--muted)}.admin-users-stats strong{font-size:22px;overflow-wrap:anywhere}.admin-users-filters{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);align-items:end}.admin-filter-actions{display:flex;gap:8px;grid-column:1/-1}.admin-users-list{display:grid;gap:14px}.admin-user{border:1px solid var(--line);border-radius:9px;overflow:hidden}.admin-user-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,1fr);gap:16px;padding:16px}.admin-user-main>div,.admin-child>div{display:flex;flex-direction:column;gap:7px;min-width:0;align-items:flex-start;overflow-wrap:anywhere}.admin-user-identity strong{font-size:16px}.admin-user-main small,.admin-child small,.admin-user-identity>span{font-size:12px;color:var(--muted)}.admin-user-money>span{font-size:13px}.admin-user-inviter .account-button,.admin-child .account-button{padding:5px 8px;font-size:12px;max-width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;min-width:0}.admin-access-badge{border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:12px;display:inline-block}.admin-access-badge.paid{color:var(--green);border-color:#2c6654;background:#16362b}.admin-access-badge.granted,.admin-access-badge.promo,.admin-access-badge.owner{color:#afd8ff;border-color:#355168}.admin-access-badge.expired{color:#ffc08f;border-color:#6e4d37}.admin-user-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:#15212a;border-top:1px solid var(--line)}.admin-user-actions>.account-button{font-size:12px;padding:8px 10px;white-space:normal;text-align:left}.admin-user-actions>span{font-size:12px;color:var(--muted)}.admin-arrow{font-size:17px;margin-right:5px}.admin-user-children{padding:0 16px 16px;border-top:1px solid var(--line);background:#0b1219}.admin-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid var(--line)}.admin-users-pager{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px 0}.admin-users-pager span,.admin-users-count,.admin-users-method{font-size:12px!important;color:var(--muted)}.admin-users-group{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:16px;overflow-wrap:anywhere}.admin-users-heading>.account-button{white-space:normal}.admin-users-method{margin-top:18px!important;line-height:1.65}@media(max-width:950px){.admin-user-main{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-users-heading{flex-wrap:wrap}.admin-users-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.admin-users-filters{grid-template-columns:minmax(0,1fr)}.admin-users-stats strong{font-size:19px}.admin-users-stats>div{padding:10px}.admin-user-main{padding:12px;gap:14px 10px}.admin-user-identity{grid-column:1/-1}.admin-user-inviter{grid-column:1/-1}.admin-user-actions{padding:10px}.admin-user-children{padding:0 10px 12px}.admin-users-pager{gap:7px}.admin-users-pager .account-button{padding:8px;font-size:12px}.admin-child{gap:9px}.admin-users-heading>.account-button{width:100%}}

.account-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;letter-spacing:-.65px}.account-brand .brand-name{color:var(--text)}.account-brand img{flex:none}
.mail-preferences-form .mail-enabled{display:flex;flex-direction:row;align-items:flex-start;gap:10px;line-height:1.5}.mail-preferences-form .mail-enabled input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--green)}.mail-preferences-form select{font:inherit;min-height:44px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px;max-width:100%}.mail-preferences-form small{line-height:1.6}
@media(max-width:480px){.account-brand{font-size:18px;gap:7px}.account-brand img{width:27px;height:27px}.account-header{flex-wrap:wrap;row-gap:12px}.account-header-right{margin-left:auto}}

.account-guide-link{display:inline-flex;margin-top:12px;font-size:13px;align-items:center;gap:8px;text-decoration:none}
