.dashboard-actions{display:flex;align-items:center;gap:.75rem}.mobile-logout{display:none;align-items:center;gap:.4rem}@media(max-width:820px){.mobile-logout{display:inline-flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{font-family:Nunito,Inter,ui-sans-serif,system-ui,sans-serif;color:#eaf6ff;background:#071525;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#071525}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #36d9e8;outline-offset:2px}.brand{display:inline-flex;align-items:center;gap:.65rem;color:#effbff;text-decoration:none;font-weight:700;letter-spacing:-.04em;font-size:1.3rem}.brand strong{color:#34dce9}.brand-mark{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:10px;color:#071525;background:#34dce9;box-shadow:0 10px 24px #00d8ea35}.auth-layout{display:grid;min-height:100vh;grid-template-columns:minmax(320px,1.1fr) minmax(390px,.9fr);background:radial-gradient(circle at 25% 28%,#0a4066 0,transparent 32rem),#071525}.auth-intro{padding:clamp(2rem,7vw,7rem);display:flex;flex-direction:column;justify-content:space-between;gap:4rem}.auth-intro h1{font-size:clamp(3rem,5.4vw,5.7rem);line-height:.94;letter-spacing:-.07em;max-width:11ch;margin:0}.auth-intro p{font-size:1.1rem;line-height:1.6;color:#a8c3d4;max-width:37rem;margin:1.7rem 0 0}.security-note{display:flex;align-items:center;gap:.8rem;max-width:32rem;padding:1rem 1.1rem;border:1px solid #2a5975;border-radius:14px;color:#b9d7e8;background:#0a2438aa}.security-note svg{color:#34dce9;flex:0 0 auto}.auth-panel{display:grid;place-items:center;padding:2rem;background:#091b2eaa;border-left:1px solid #24415b}.auth-card{width:min(100%,28rem);padding:2.2rem;border-radius:16px;background:#0d273d;border:1px solid #2a5875;box-shadow:0 24px 70px #0005}.auth-card h2,.dialog h2{letter-spacing:-.045em;font-size:1.8rem;margin:1.8rem 0 .45rem}.muted{color:#9cb8ca;line-height:1.55;margin:.25rem 0 1.3rem}.segment,.choice-row{display:flex;gap:.3rem;padding:.25rem;background:#071a2b;border:1px solid #294a63;border-radius:10px}.segment button,.choice{flex:1;border:0;background:transparent;color:#9fb9c8;border-radius:7px;padding:.65rem .8rem;font-weight:700}.segment button.selected,.choice.active{background:#153c55;color:#eafaff;box-shadow:0 4px 12px #0003}.form-stack{display:grid;gap:1rem}.form-stack label,fieldset{display:grid;gap:.42rem;color:#d8ebf5;font-size:.88rem;font-weight:700}input{width:100%;border:1px solid #3a6079;border-radius:9px;background:#071a2b;color:#eefaff;padding:.75rem .85rem;min-height:2.8rem}input[readonly]{color:#82deeb;background:#0a3149}small{font-weight:500;color:#83a9c0}.primary,.danger-button,.text-button,.icon-button{border:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.75rem 1rem;border-radius:10px;background:#35d7e5;color:#042235;font-weight:800;box-shadow:0 10px 26px #00d7e42b}.primary:hover{background:#69e6ee}.primary:disabled{opacity:.65;cursor:wait}.wide{width:100%}.form-error,.inline-note,.notice{display:flex;align-items:center;gap:.55rem;margin:0;padding:.7rem .8rem;border-radius:9px;font-size:.88rem}.form-error{color:#ffd6d6;background:#5b202b66;border:1px solid #bf5765}.inline-note{color:#b9e7ec;background:#0f455366;border:1px solid #257785}.recovery{font-size:.8rem;color:#789bb2;margin:1.3rem 0 0;text-align:center}.activation-page{min-height:100vh;padding:1.6rem;background:radial-gradient(circle at 70% 10%,#094464 0,transparent 32rem),#071525}.simple-header{display:flex;align-items:center;justify-content:space-between;max-width:72rem;margin:auto}.text-button{background:transparent;color:#b8d4e4;font-weight:700}.activation-card{width:min(100%,31rem);padding:2.6rem;margin:clamp(3rem,15vh,10rem) auto;background:#0d273d;border:1px solid #2a5875;border-radius:16px;box-shadow:0 24px 70px #0006;text-align:center}.activation-icon{display:grid;place-items:center;width:3.6rem;height:3.6rem;margin:auto;border-radius:16px;color:#072337;background:#35d7e5}.activation-card h1{letter-spacing:-.05em;margin:1.3rem 0 .4rem}.activation-card>p{color:#9fbccc;line-height:1.6;margin:0 0 1.4rem}.activation-card form{text-align:left}.loading-row,.boot{display:flex;gap:.8rem;align-items:center;justify-content:center;color:#b4d2e1}.boot{min-height:100vh;flex-direction:column}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:grid;grid-template-columns:16.5rem minmax(0,1fr);background:#071525}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:1.45rem 1rem;background:#081b2d;border-right:1px solid #1b3a52}.sidebar nav{display:grid;gap:.3rem;margin-top:3rem}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem .85rem;border:0;border-radius:9px;background:transparent;color:#9bb9ca;text-align:left;font-weight:700}.nav-item:hover,.nav-item.active{color:#eafdff;background:#13364e}.nav-item.active{box-shadow:inset 2px 0 #37dce9}.sidebar-bottom{margin-top:auto;display:grid;gap:.7rem}.account-chip{display:flex;align-items:center;gap:.65rem;padding:.75rem .55rem;border-top:1px solid #254157}.account-chip>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:#052439;background:#a6e7ef;font-weight:900}.account-chip strong,.account-chip small{display:block;max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip strong{font-size:.84rem}.account-chip small{font-size:.7rem}.dashboard{padding:clamp(1.4rem,4vw,3.4rem);max-width:92rem;width:100%;margin:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem}.dashboard-header h1{margin:0;letter-spacing:-.05em;font-size:clamp(1.9rem,3vw,2.7rem)}.dashboard-header p{margin:.35rem 0 0;color:#9ab8c9}.notice{justify-content:flex-start;background:#3e351749;border:1px solid #9a782f;color:#fae3ae;margin:-.8rem 0 1.4rem}.notice button{margin-left:auto;background:transparent;color:inherit}.hero-state{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding:clamp(1.5rem,3vw,2.4rem);border:1px solid #297088;border-radius:16px;background:linear-gradient(110deg,#0d344c,#0c263b 65%);box-shadow:0 20px 55px #0003}.overline,.label{display:block;color:#71cfd9;font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.hero-state h2{font-size:clamp(1.5rem,2.5vw,2.3rem);letter-spacing:-.05em;margin:.45rem 0}.hero-state p{color:#b2d5e2;margin:0}.status{display:inline-flex;align-items:center;white-space:nowrap;padding:.28rem .57rem;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.02em}.status-active,.status-trial{color:#b2f4dc;background:#105239}.status-pending,.status-unknown{color:#b7e9fa;background:#14516b}.status-expired,.status-invalid,.status-revoked{color:#ffc5cb;background:#622b38}.status-unreachable,.status-suspended{color:#ffe0a4;background:#624a20}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}.summary-grid article,.surface,.list-surface{border:1px solid #23455f;border-radius:14px;background:#0b2337}.summary-grid article{display:flex;align-items:center;gap:1rem;padding:1.25rem}.summary-icon,.device-icon,.playlist-icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:10px}.summary-icon.cyan{color:#62e8ef;background:#0b5263}.summary-icon.purple{color:#d2c9ff;background:#33265c}.summary-icon.gold{color:#ffe3ae;background:#594221}.summary-grid strong{font-size:1.7rem;letter-spacing:-.05em}.summary-grid p{margin:.1rem 0;color:#8eafc1}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.surface{padding:1.4rem}.surface-title h2{font-size:1.1rem;letter-spacing:-.02em;margin:0 0 1.2rem}.timeline-item{display:flex;gap:.8rem;padding:.8rem 0;border-top:1px solid #24455e}.timeline-dot{display:grid;place-items:center;flex:0 0 auto;width:1.85rem;height:1.85rem;border:1px solid #406074;border-radius:50%;color:#9ab9c9}.timeline-dot.done{background:#10513c;border-color:#1d9e71;color:#b9f7dc}.timeline-item strong{font-size:.92rem}.timeline-item p{margin:.22rem 0 0;color:#90b0c2;font-size:.86rem}.validity-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #24455e;padding:1rem 0}.validity-row strong{display:block;font-size:.95rem;margin-top:.25rem}.list-surface{overflow:hidden}.device-row,.playlist-row{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-bottom:1px solid #24455e}.device-row:last-child,.playlist-row:last-child{border-bottom:0}.device-icon{color:#8cebf0;background:#164359;flex:0 0 auto}.playlist-icon{color:#d2cbff;background:#32285b;flex:0 0 auto}.device-copy{min-width:0;flex:1}.device-copy>div{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.device-copy h2{font-size:1rem;letter-spacing:-.02em;margin:0}.device-copy p,.device-copy small{display:block;margin:.4rem 0 0;color:#94b4c5;font-size:.84rem}.device-copy .warning{color:#ffd48e}.danger-button{padding:.55rem .7rem;border-radius:8px;color:#ffc8ce;background:#4f2630;font-weight:800}.row-actions{display:flex;gap:.4rem}.icon-button{display:grid;place-items:center;width:2.35rem;height:2.35rem;color:#bcd9e7;background:#123249;border-radius:8px}.icon-button.danger{color:#ffc6cd;background:#4e2730}.primary-label{margin-left:.5rem;padding:.18rem .4rem;border-radius:4px;background:#14516b;color:#9cebf1;font-size:.68rem;letter-spacing:.03em}.empty{display:grid;justify-items:center;gap:.55rem;text-align:center;padding:5rem 1.5rem;color:#9dbbca}.empty>span{display:grid;place-items:center;width:3.5rem;height:3.5rem;color:#6ee5ed;background:#11465b;border-radius:14px}.empty h3{color:#e5f7ff;letter-spacing:-.03em;margin:.3rem 0 0}.empty p{max-width:28rem;line-height:1.6;margin:0}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#020b13b9}.dialog{position:relative;width:min(100%,36rem);max-height:calc(100vh - 2rem);overflow:auto;padding:1.8rem;border:1px solid #32647d;border-radius:16px;background:#0c273b;box-shadow:0 28px 70px #0008}.dialog .close{position:absolute;right:1rem;top:1rem}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.optional{font-weight:500;color:#8aa8b9}fieldset{border:1px solid #36586e;border-radius:10px;padding:.8rem}legend{padding:0 .35rem;color:#a4c6d7;font-size:.8rem}.device-select{display:grid;gap:.4rem}.checkline{display:flex!important;align-items:center;gap:.55rem;font-weight:600!important}.checkline input{width:1rem;height:1rem;min-height:0;accent-color:#35d7e5}@media(max-width:820px){.auth-layout{grid-template-columns:1fr}.auth-intro{min-height:44vh;padding:2rem}.auth-intro h1{font-size:3.4rem}.auth-panel{padding:1.4rem}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:.9rem 1rem;display:grid;grid-template-columns:auto 1fr;gap:1rem}.sidebar nav{display:flex;gap:.2rem;overflow:auto;margin:0}.nav-item{width:auto;white-space:nowrap}.sidebar-bottom{display:none}.dashboard{padding:1.4rem}.content-grid{grid-template-columns:1fr}}@media(max-width:560px){.auth-intro{min-height:auto}.auth-intro h1{font-size:2.7rem}.dashboard-header,.hero-state{flex-direction:column}.summary-grid{grid-template-columns:1fr}.device-row,.playlist-row{flex-wrap:wrap}.danger-button,.row-actions{margin-left:auto}.two-fields{grid-template-columns:1fr}.activation-card{padding:1.6rem}.sidebar .brand{display:none}}