body{background:#08101b;isolation:isolate}
body::before{content:"";position:fixed;inset:-8%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 10% 55%,#153551 0,transparent 53%),radial-gradient(ellipse at 88% 28%,#123638 0,transparent 50%),radial-gradient(ellipse at 58% 94%,#21223d 0,transparent 48%),#080e18}
body .background-animation{display:none}
main.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}
body #dashboard>.card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;background:none;border:none;padding:0;box-shadow:none}
#dashboard>.card>*{grid-column:1/-1;margin:0!important}
#dashboard #subscription-card{grid-row:4}
#dashboard #devices-card{grid-row:5}
#dashboard #security-card,#dashboard #account-link-card{grid-column:span 1}
#dashboard .sub-panel{padding:clamp(18px,3vw,32px);border-radius:20px}
#dashboard .sub-actions{display:flex;flex-wrap:wrap;gap:10px}
#dashboard .sub-actions button{flex:1;min-height:44px}
body #bot-auth{position:fixed;inset:0;width:min(448px,calc(100% - 28px));max-height:calc(100dvh - 24px);overflow:auto;border:0;padding:8px 0;background:transparent;color:#edf2f9;box-shadow:none}
#bot-auth::backdrop{background:#060b15fa}
#bot-auth .qr-brand{display:block;margin:0 auto;border-radius:14px}
#bot-auth #qr-title{font:650 24px/1.25 Routix,sans-serif;letter-spacing:-.04em;margin:12px 0 22px}
.qr-sheet{display:grid;justify-items:center;gap:14px;padding:24px clamp(16px,4vw,40px);background:#0a111c;border:1px solid #243345;border-radius:18px}
#bot-auth .qr-sheet>*{margin:0}
#bot-auth .qr-sheet small{color:#9eacbd;font-size:12px}
#bot-auth #bot-qr{width:min(212px,100%);height:auto;border-radius:12px}
#bot-auth #bot-open{width:min(250px,100%);box-sizing:border-box;background:#8cc9ff;color:#061421;text-decoration:none;border:0;font-weight:650;padding:13px}
.qr-command{width:100%;min-width:0;display:flex;align-items:center;border:1px solid #334253;border-radius:9px;padding:5px 9px;gap:8px;box-sizing:border-box}
.qr-command code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
#bot-auth #bot-copy,#bot-auth .qr-back{border:0;background:transparent;color:#afc2d5;font:inherit;font-size:12px;padding:6px;margin:0}
#bot-auth .qr-back{text-decoration:underline;text-underline-offset:3px}
#bot-auth #bot-state{min-height:1.4em;font-size:13px}
@media(prefers-reduced-motion:no-preference){body::before{animation:sky-shift 18s ease-in-out infinite alternate}#bot-auth[open] .qr-sheet{animation:routix-reveal .25s ease-out}}
@keyframes sky-shift{to{transform:translate(2%,1.5%) scale(1.03)}}
@media(max-width:720px){body #dashboard>.card{grid-template-columns:minmax(0,1fr)}main.container{width:calc(100% - 20px)}}