:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#090a10;color:#edf0ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#34285f 0,transparent 32rem),#090a10}.shell{max-width:1040px;margin:auto;padding:28px 24px 64px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29263b;padding-bottom:20px}.brand{letter-spacing:.22em;font-weight:800;color:#fff;text-decoration:none}nav{display:flex;gap:16px;align-items:center}a{color:#c5bcff}button,input,select{font:inherit}button,.button-link{cursor:pointer;border:0;border-radius:8px;padding:.68rem 1rem;color:#130f23;background:#bcb0ff;font-weight:700;text-decoration:none}button.link{padding:0;background:transparent;color:#c5bcff}button.secondary{margin-top:.55rem;padding:.42rem .6rem;background:#302e42;color:#e9e6ff;font-size:.78rem}button.danger{background:#c64650;color:#fff}button.add-credentials{background:#5e83e8;color:#fff}.content{width:80vw;max-width:1600px;margin-top:55px}h1{font-size:clamp(2rem,7vw,3.4rem);margin:0 0 12px}h2{margin-top:0}.lead{color:#b9b6ca;line-height:1.55}.card{background:#14141eeb;border:1px solid #302e42;border-radius:14px;padding:20px;margin:18px 0}.form{display:grid;gap:14px}label{display:grid;gap:7px;color:#d4d0e5}input,select{width:100%;padding:.7rem;border:1px solid #56506f;border-radius:8px;color:#fff;background:#0c0c13}ul{padding-left:20px}li{margin:12px 0;line-height:1.45}small{color:#aaa5bd}.notice{padding:.7rem .9rem;border-radius:8px;background:#242336}.notice.error{color:#ffd4d4;background:#4a242b}.notice.success{color:#d6ffe5;background:#1d4933}code{overflow-wrap:anywhere}.subscription-details{display:grid;grid-template-columns:max-content 1fr;row-gap:14px;column-gap:28px;margin:0}.subscription-details>div{display:contents}.subscription-details dt{color:#aaa5bd;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase}.subscription-details dd{margin:0;font-weight:700}.subscription-state{display:inline;margin:0;padding:0;border-radius:0;background:transparent!important;box-shadow:none;font-weight:800}.subscription-state.active{color:#73d99a}.subscription-state.trial,.subscription-state.expiring{color:#f4ca56}.subscription-state.expired{color:#f88}.subscription-state.inactive{color:#c3bfd4}.credential-status.active{color:#bff4d1;background:#1d4933}.subscription-actions,.device-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.subscription-actions{margin-top:20px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-heading p{margin:0;color:#b9b6ca}table{width:100%;margin-top:18px;border-collapse:collapse;font-size:.9rem}th,td{padding:.75rem .45rem;border-top:1px solid #302e42;text-align:left;vertical-align:middle}th{color:#aaa5bd;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.credential-status{display:inline-block;padding:.3rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800}.credential-status.pending{color:#d4d0e5;background:#302e42}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#000a}.modal-backdrop[hidden]{display:none}.modal-card{width:min(520px,100%);padding:24px;border:1px solid #48415d;border-radius:14px;background:#171721;box-shadow:0 24px 80px #0009}.modal-card p{color:#c3bfd4;line-height:1.5}.removal-warning{margin-top:18px;padding:14px;border:1px solid #ad6b19;border-radius:8px;color:#ffd39a!important;background:#4a2a0f}.removal-warning ul{margin:10px 0}.removal-warning li{margin:7px 0}.removal-warning p{margin:8px 0 0;color:#ffd39a}.modal-actions{justify-content:flex-end;margin-top:20px}button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:650px){.shell{padding-inline:16px}header{gap:14px;align-items:flex-start;flex-direction:column}.content{width:auto;margin-top:36px}.section-heading{align-items:stretch;flex-direction:column}.subscription-details{grid-template-columns:max-content 1fr;column-gap:16px}table{font-size:.78rem}th:nth-child(2),td:nth-child(2){display:none}}.auth-shell{min-height:100vh;max-width:none;display:grid;grid-template-rows:auto 1fr;padding-bottom:28px}.auth-shell header{width:min(1040px,100%);margin:0 auto}.auth-content{width:min(440px,100%);margin:0 auto;display:grid;place-items:center}.auth-panel{width:100%}.auth-panel h1,.auth-panel .lead,.auth-switch{text-align:center}.auth-panel .lead{margin:0 auto 24px}.auth-panel .card{margin:0 0 18px}.auth-switch{color:#b9b6ca}@media(max-width:650px){.auth-content{margin-top:0}}