.text-input,select{width:100%;padding:14px 16px;border:2px solid #2a4868;border-radius:12px;background:#081421;color:var(--white);font:600 1rem/1.2 system-ui;letter-spacing:0}.text-input:focus,select:focus{border-color:var(--aqua);outline:none}.text-button{border:0;background:none;color:var(--aqua);font:inherit;font-weight:750;cursor:pointer}.inline-link{color:var(--aqua);font-weight:750}.form-message.error{background:#3a1a2b;color:#ffb5c8}
.account-signout{min-height:42px;padding:9px 17px;border:1px solid #31506e}
.account-main{width:min(calc(100% - 48px),1320px);margin:38px auto 110px}.account-main>#login-card{max-width:580px;margin:60px auto}.portal-heading{margin:0 0 24px 288px}.portal-heading h1{margin:0;font-size:clamp(2.2rem,4vw,3.6rem);letter-spacing:-.045em}.account-shell{display:grid;grid-template-columns:264px minmax(0,1fr);align-items:start;gap:24px}.account-sidebar{position:sticky;top:24px;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(14,29,48,.96)}.account-identity{padding:4px 4px 20px;border-bottom:1px solid var(--line)}.account-identity span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.account-identity strong{display:block;overflow:hidden;margin-top:5px;text-overflow:ellipsis;font-size:.92rem}.account-nav{display:grid;gap:6px;margin:18px 0}.account-nav-item{width:100%;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:750 .95rem system-ui;text-align:left;cursor:pointer}.account-nav-item:hover{background:#122740;color:var(--white)}.account-nav-item.active{background:linear-gradient(135deg,var(--aqua),#5eead4);color:var(--navy)}.sidebar-pair{width:100%;margin-top:8px}.account-pages{min-width:0}.account-page{animation:page-in .18s ease}.account-page[hidden]{display:none!important}@keyframes page-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
.page-heading,.overview-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#11243a,#0b182a)}.page-heading h2,.overview-hero h2{margin:0;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.035em}.page-heading p:last-child,.overview-hero p:last-child{max-width:700px;margin-bottom:0;color:var(--muted)}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.overview-stats article{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.overview-stats span,.overview-stats small{display:block;color:var(--muted)}.overview-stats strong{display:block;margin:8px 0 3px;color:var(--aqua);font-size:1.7rem}.overview-actions>div{display:flex;flex-wrap:wrap;gap:10px}.overview-actions .button{width:auto;margin:0}
.manage-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.manage-card h2{margin-top:0}.playlist-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px}.add-playlist-card{position:sticky;top:24px}.item-list{display:grid;gap:12px}.item-list article{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px;border-radius:13px;background:#081421}.item-list span{display:block;margin-top:4px;color:var(--muted);font-size:.88rem}.item-list b{color:var(--aqua);font-size:.8rem}.item-list>p{color:var(--muted)}#xtream-fields,.edit-xtream{display:grid;gap:12px}.item-actions{display:flex;align-items:flex-end;flex-direction:column;gap:8px}.remove-device,.playlist-actions button{min-height:36px;padding:8px 12px;border:1px solid #31506e;border-radius:9px;background:var(--panel2);color:var(--white);font:750 .82rem system-ui;cursor:pointer}.remove-device:hover,.playlist-actions button:hover{border-color:var(--aqua);color:var(--aqua)}.remove-device{border-color:#713149;color:#ffb0c5}.remove-device:hover{border-color:#cf315f;color:#ffd2de}.playlist-item{align-items:flex-start!important;flex-direction:column}.playlist-summary{width:100%}.sync-controls{width:100%;display:grid;gap:8px}.sync-label{font-size:.75rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.device-choices{display:flex;flex-wrap:wrap;gap:8px}.device-choice{padding:7px 10px;border:1px solid var(--line);border-radius:9px;font-size:.85rem;cursor:pointer}.device-choice input{width:auto;padding:0;accent-color:var(--aqua)}.sync-actions,.playlist-actions{display:flex;gap:10px}.sync-actions button{padding:8px 11px;border:0;border-radius:8px;background:var(--panel2);color:var(--white);font-weight:750;cursor:pointer}.sync-actions .save-sync{background:var(--aqua);color:var(--navy)}.playlist-actions{margin-top:14px}.playlist-actions .remove-playlist{border-color:#713149;color:#ffb0c5}.playlist-actions .remove-playlist:hover{border-color:#cf315f;color:#ffd2de}
.licence-card{margin:0}.licence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.licence-option{display:flex;align-items:flex-start;flex-direction:column;gap:5px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#081421;color:var(--white);font:inherit;text-align:left;cursor:pointer}.licence-option:hover,.licence-option:focus{border-color:var(--aqua)}.licence-option span{color:var(--aqua);font-weight:800}.licence-option:disabled{opacity:.6;cursor:wait}.account-security,.data-rights,.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:16px}.account-security p,.data-rights p,.danger-zone p,dialog p{max-width:700px;color:var(--muted)}.danger-zone{border-color:#713149;background:linear-gradient(135deg,#25131d,var(--panel))}.button.danger{background:#cf315f;color:#fff}.button.danger:hover{background:#e14070}
dialog{width:min(calc(100% - 32px),560px);padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--white)}dialog::backdrop{background:rgba(1,7,14,.78)}dialog form{margin:0}dialog label{display:grid;gap:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-actions .button{width:auto}
@media(max-width:950px){.portal-heading{margin-left:0}.account-shell{grid-template-columns:1fr}.account-sidebar{position:static}.account-nav{display:flex;overflow-x:auto}.account-nav-item{min-width:max-content}.sidebar-pair{width:auto}.playlist-layout{grid-template-columns:1fr;align-items:start}.add-playlist-card{position:static}}
@media(max-width:700px){.account-main{width:calc(100% - 28px)}.overview-stats,.licence-grid{grid-template-columns:1fr}.page-heading,.overview-hero,.account-security,.data-rights,.danger-zone{align-items:flex-start;flex-direction:column}.account-nav{margin-bottom:10px}.account-sidebar{padding:16px}.manage-card,.page-heading,.overview-hero{padding:20px}}
.mfa-card{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:16px}.mfa-card p{color:var(--muted)}.mfa-qr{width:230px;max-width:100%;margin:20px auto;padding:12px;border-radius:14px;background:#fff}.mfa-qr svg{display:block;width:100%;height:auto}.manual-key{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;background:#081421}.manual-key span{grid-column:1/-1;color:var(--muted);font-size:.78rem}.manual-key code{overflow-wrap:anywhere;color:var(--aqua);font-size:1rem;letter-spacing:.08em}.manual-key .button{min-height:40px;padding:8px 12px}.code-input{letter-spacing:.16em!important;text-align:center}#mfa-recovery-codes{padding:18px;border:1px solid var(--line);border-radius:12px;background:#081421;color:var(--aqua);font:700 1rem/1.65 ui-monospace,monospace;text-align:center}@media(max-width:700px){.mfa-card{align-items:flex-start;flex-direction:column}.manual-key{grid-template-columns:1fr}.manual-key .button{width:100%}}
#xtream-fields[hidden],.edit-xtream[hidden]{display:none!important}
#logout[hidden]{display:none!important}
.branding-upload{display:block;min-height:36px;padding:8px 12px;border:1px solid #31506e;border-radius:9px;background:var(--panel2);color:var(--white);font:750 .82rem system-ui;cursor:pointer}.branding-upload:hover{border-color:var(--aqua);color:var(--aqua)}.branding-upload input{display:none}
.sessions-card{margin-bottom:16px}.sessions-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.sessions-heading p,.session-list p{color:var(--muted)}.session-list{display:grid;gap:10px;margin-top:18px}.session-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border-radius:12px;background:#081421}.session-list strong,.session-list span{display:block}.session-list span{margin-top:4px;color:var(--muted);font-size:.86rem}.remove-session{min-height:38px;padding:8px 13px;border:1px solid #713149;border-radius:9px;background:var(--panel2);color:#ffb0c5;font:750 .82rem system-ui;cursor:pointer}.remove-session:hover{border-color:#cf315f;color:#ffd2de}.sessions-heading .button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.sessions-heading,.session-list article{align-items:flex-start;flex-direction:column}.sessions-heading .button,.remove-session{width:100%}}
.access-return{width:100%;min-height:50px;margin-top:28px;padding:14px 22px}
.activation-main.single-flow{display:block;width:min(calc(100% - 48px),680px);padding-top:64px}.activation-main.single-flow .activation-card{width:100%;margin:0 auto}