.accounts-page{margin:0;max-width:none;padding:0;background:var(--bg);color:var(--text)}.account-header{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1480px;margin:0 auto;padding:26px 48px;border-bottom:1px solid var(--line)}.account-header .brand{margin:0}.account-actions{display:flex;align-items:center;gap:18px}.account-actions span{font-size:14px}.auth-layout{max-width:1220px;margin:65px auto;padding:24px 48px;display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;border:0;background:none;box-shadow:none}.auth-intro h1{font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.1;margin:18px 0 26px;max-width:570px}.auth-intro>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:510px}.auth-detail{display:flex;align-items:center;gap:15px;margin-top:38px;color:var(--muted);font-size:14px}.auth-detail p{margin:0;max-width:320px}.auth-detail .brand-mark{flex-shrink:0}.auth-panel{padding:32px}.auth-panel .tabs{gap:25px;padding-bottom:12px}.auth-panel .tabs button{border-radius:0}.auth-panel .tabs button[aria-current]{border-bottom:2px solid var(--accent);color:var(--accent)}.accounts-page label{margin:20px 0}.accounts-page small{display:block;font-size:12px;color:var(--muted);margin:6px 0}.accounts-page input:not([type=checkbox]),.accounts-page select{margin-top:7px}.accounts-page form>button{margin-top:12px}.auth-panel form>button{width:100%}.accounts-page main{max-width:1480px}.accounts-page main>section{margin-bottom:24px}.accounts-page .computer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:22px}.computer-card{padding:25px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;background:var(--panel)}.computer-card h2{font-size:22px;margin:0}.computer-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.computer-card .computer-status{font-size:14px}.computer-card .actions{margin:18px 0 0}.computer-card .server-link{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:18px 0;color:var(--text)}.computer-card .server-link strong{display:block}.computer-card .server-link small{font-size:13px;margin:3px 0}.computer-card a.server-link:hover strong{color:var(--accent)}.computer-card .server-link>span:last-child{color:var(--accent)}.computer-card .open-dashboard{display:inline-block;background:#203a36;color:#a9f1db;border:1px solid #3d7266;border-radius:8px;padding:10px 17px;font-size:14px;font-weight:650}.inline-form{display:flex;gap:16px;align-items:flex-end;max-width:700px}.inline-form label{flex:1;margin:15px 0 0}.inline-form button{margin-bottom:0;white-space:nowrap}.accounts-page #account-form{max-width:680px}.accounts-page fieldset{border:1px solid var(--line);border-radius:8px;padding:18px;margin:20px 0}.accounts-page #notice{max-width:1384px;margin:20px auto;padding:15px 20px;border:1px solid #784050;background:#48232d;color:#ffd0da;border-radius:9px;overflow-wrap:anywhere}.accounts-page #jobs>div{padding:16px 0;border-top:1px solid var(--line)}.accounts-page #jobs p{margin-bottom:7px}.accounts-page code{display:block;overflow-wrap:anywhere;padding:18px;background:#0b121b;border:1px solid var(--line);margin:18px 0;border-radius:8px}.pair-steps{padding-left:22px;color:var(--muted)}.pair-steps li{padding:6px 0}.accounts-page footer{padding:20px 0;font-size:14px;color:var(--muted)}.accounts-page .empty{border:1px dashed #3c4d63;border-radius:12px;padding:45px 20px}.accounts-page .empty p{margin-bottom:0}.accounts-page .account-header+ #notice{margin-left:48px;margin-right:48px}.accounts-page button:disabled{cursor:wait}.accounts-page .computer-card a[aria-disabled=true]{opacity:.55;pointer-events:none}@media(max-width:760px){.account-header{padding:20px}.account-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.account-actions span{display:none}.auth-layout{display:block;padding:20px;margin:25px auto}.auth-intro{margin-bottom:35px}.auth-intro h1{font-size:2.7rem}.auth-detail{margin-top:22px}.auth-panel{padding:23px}.accounts-page main{padding:28px 20px}.accounts-page .inline-form{align-items:stretch;flex-direction:column}.accounts-page .computer-head{align-items:flex-start;flex-direction:column}.accounts-page .account-header+ #notice{margin-left:20px;margin-right:20px}}
