:root{--p-bg:#08060d;--p-card:#0e0b14;--p-card2:#12101a;--p-line:rgba(255,255,255,.075);--p-line2:rgba(172,119,255,.28);--p-text:#f7f4fb;--p-muted:#8f879b;--p-purple:#9460f5;--p-purple2:#c8aaff;--p-ok:#70e5b5;--p-warn:#efc46d;--p-danger:#ff7f9a}
.profile-page{background:#08060d}.profile-page .footer{display:none}.profile-page .page-shell{width:min(1220px,calc(100% - 28px));margin-bottom:90px}
.account-flash{position:relative;z-index:4;margin:0 auto 10px;padding:10px 13px;border:1px solid var(--p-line);border-radius:12px;background:#0f0c16;font-size:12px}.account-flash.is-danger{color:#ffc1cd;border-color:rgba(255,127,154,.25)}.account-flash.is-success{color:#bff5db;border-color:rgba(112,229,181,.22)}
.auth-shell{position:relative;display:grid;place-items:center;min-height:calc(100dvh - 150px);padding:28px 0 60px;overflow:hidden}.auth-orbit{position:absolute;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(147,96,245,.12),transparent 62%);pointer-events:none}.auth-orbit i{position:absolute;inset:12%;border:1px solid rgba(190,161,245,.08);border-radius:50%}.auth-orbit i:nth-child(2){inset:28%}.auth-orbit i:nth-child(3){inset:42%;background:radial-gradient(circle,#bda3ec 0 2px,transparent 3px)}.auth-card{position:relative;width:min(420px,100%);padding:26px;border:1px solid rgba(184,145,255,.18);border-radius:20px;background:linear-gradient(145deg,#100c17,#0a080f);box-shadow:0 28px 90px rgba(0,0,0,.38)}.auth-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(115deg,rgba(143,83,239,.65),rgba(255,255,255,.28),transparent 58%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:28px;font-size:11px;letter-spacing:.24em}.auth-brand span{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,#8f55f4,#fff);box-shadow:0 0 18px rgba(155,103,255,.42)}.auth-head h1{margin:0;font-size:30px;letter-spacing:-.04em}.auth-head p{margin:6px 0 0;color:var(--p-muted);font-size:12px;overflow-wrap:anywhere}.auth-form{display:grid;gap:12px;margin-top:21px}.auth-form label{display:grid;gap:6px}.auth-form label>span{color:var(--p-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.auth-form input,.menu-form input,.quick-create input,.compact-inline-form input{width:100%;min-width:0;height:44px;border:1px solid var(--p-line);border-radius:11px;background:#09070e;color:#fff;padding:0 12px;outline:none}.auth-form input:focus,.menu-form input:focus,.quick-create input:focus,.compact-inline-form input:focus{border-color:rgba(169,117,255,.48);box-shadow:0 0 0 3px rgba(145,86,239,.07)}.auth-code{text-align:center;font-size:23px!important;letter-spacing:.3em}.auth-form .btn{width:100%;margin-top:3px}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px}.auth-links a,.auth-switch,.auth-inline button{color:#c1a7ef}.auth-switch{display:block;margin-top:18px;text-align:center;font-size:12px}.auth-inline{text-align:center;margin-top:11px}.auth-inline button{border:0;background:none;cursor:pointer}
.account-shell{padding:4px 0 16px}.account-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 2px 15px}.account-identity{display:flex;align-items:center;gap:11px;min-width:0}.account-avatar{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(180,142,255,.2);border-radius:12px;background:linear-gradient(145deg,#171020,#0c0912);font-weight:850}.account-identity h1{margin:0;max-width:650px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:21px;letter-spacing:-.03em}.account-identity p{margin:3px 0 0;color:var(--p-muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-head-actions{display:flex;align-items:center;gap:8px}.account-balance{padding:8px 10px;border:1px solid var(--p-line);border-radius:10px;background:rgba(255,255,255,.02);font-size:11px;font-weight:800}
.account-tabs{position:sticky;top:82px;z-index:15;display:flex;gap:4px;padding:5px;margin:0 0 12px;border:1px solid var(--p-line);border-radius:13px;background:#0a0810;overflow-x:auto;scrollbar-width:none}.account-tabs::-webkit-scrollbar,.sub-browser-tabs::-webkit-scrollbar,.device-browser-tabs::-webkit-scrollbar{display:none}.account-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--p-muted);font:inherit;font-size:12px;font-weight:760;cursor:pointer}.account-tabs button b{min-width:19px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.05);font-size:9px}.account-tabs button.is-active{border-color:rgba(168,118,255,.25);background:linear-gradient(110deg,rgba(128,71,226,.2),rgba(255,255,255,.02));color:#fff}.account-pane,.subscription-workspace,.device-console{display:none}.account-pane.is-active,.subscription-workspace.is-active,.device-console.is-active{display:block}
.sub-browser-bar{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px;margin-bottom:9px}.sub-browser-tabs{display:flex;min-width:0;gap:3px;padding:4px;border:1px solid var(--p-line);border-radius:12px;background:#0a0810;overflow-x:auto;scrollbar-width:none}.sub-browser-tab{position:relative;flex:0 0 auto;max-width:230px;height:38px;display:grid;grid-template-columns:8px minmax(70px,1fr) auto;align-items:center;gap:7px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--p-muted);cursor:pointer}.sub-browser-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:760}.sub-browser-tab small{font-size:8px;color:#6f6878}.sub-browser-tab.is-active{border-color:rgba(174,129,255,.26);background:#15101e;color:#fff}.sub-browser-tab.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:-5px;height:1px;background:linear-gradient(90deg,#8e58ef,#fff);box-shadow:0 0 9px rgba(159,106,255,.45)}.sub-state{width:6px;height:6px;border-radius:50%;background:#645d6c}.sub-state.is-active{background:var(--p-ok);box-shadow:0 0 8px rgba(112,229,181,.4)}.sub-state.is-paused{background:var(--p-warn)}.browser-add{height:48px;display:grid;place-items:center;border:1px solid var(--p-line);border-radius:12px;background:linear-gradient(145deg,#171021,#0c0912);font-size:22px;color:#d8c5fa}.browser-add:hover{border-color:var(--p-line2)}
.subscription-workspace{min-width:0;padding:16px;border:1px solid var(--p-line);border-radius:16px;background:linear-gradient(145deg,#0e0b14,#0a080e);box-shadow:0 18px 48px rgba(0,0,0,.14)}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-title{display:flex;align-items:center;gap:11px;min-width:0}.workspace-orb{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(167,116,255,.18);border-radius:11px;background:#120c1b}.workspace-orb span{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#8f55f4,#fff);box-shadow:0 0 14px rgba(158,105,255,.42)}.workspace-title h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.workspace-title p{margin:3px 0 0;color:var(--p-muted);font-size:9px}.workspace-head-right{display:flex;align-items:center;gap:7px}.status-chip{flex:0 0 auto;padding:5px 8px;border:1px solid var(--p-line);border-radius:999px;color:var(--p-muted);font-size:8px;text-transform:uppercase}.status-chip.is-active{border-color:rgba(110,229,177,.22);color:var(--p-ok);background:rgba(110,229,177,.045)}.status-chip.is-paused{border-color:rgba(239,196,109,.24);color:var(--p-warn);background:rgba(239,196,109,.05)}
.workspace-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:13px}.workspace-metrics>div,.device-console-grid>div,.account-kv>div{min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:rgba(255,255,255,.012)}.workspace-metrics span,.device-console-grid span,.account-kv span{display:block;color:var(--p-muted);font-size:8px}.workspace-metrics strong,.device-console-grid strong,.account-kv strong{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.workspace-toolbar,.device-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px}.control-btn{min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid var(--p-line);border-radius:9px;background:#12101a;color:#e6dff0;font:inherit;font-size:10px;font-weight:720;cursor:pointer}.control-btn:hover{border-color:rgba(170,123,255,.28);background:#171020}.control-btn i{font-style:normal;color:#b894f3}.control-btn.is-primary{border-color:rgba(155,103,255,.28);background:linear-gradient(125deg,rgba(119,65,213,.32),rgba(255,255,255,.025));color:#fff}
.device-workspace{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.055)}.device-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.device-workspace-head>div{display:flex;align-items:center;gap:7px}.device-workspace-head strong{font-size:12px}.device-workspace-head span{min-width:20px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.045);text-align:center;font-size:8px;color:var(--p-muted)}.device-workspace-head small{font-size:8px;color:var(--p-warn)}.device-browser-tabs{display:flex;gap:4px;padding-bottom:7px;overflow-x:auto;scrollbar-width:none}.device-browser-tab{flex:0 0 auto;max-width:205px;height:35px;display:grid;grid-template-columns:7px minmax(72px,1fr) auto;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--p-line);border-radius:9px;background:#0c0911;color:var(--p-muted);cursor:pointer}.device-browser-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.device-browser-tab small{font-size:7px;color:#7c7484}.device-browser-tab.is-active{border-color:rgba(165,115,255,.3);background:#16101f;color:#fff}.device-dot{width:6px;height:6px;border-radius:50%;background:#635b69}.device-dot.is-online{background:var(--p-ok);box-shadow:0 0 8px rgba(110,229,177,.5)}
.device-console{margin-top:2px;padding:13px;border:1px solid var(--p-line);border-radius:12px;background:#0b0910}.device-console-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.device-console-name{display:flex;align-items:center;gap:9px;min-width:0}.device-console-name h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.device-console-name p{margin:2px 0 0;color:var(--p-muted);font-size:8px}.device-console-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.connection-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:9px;padding:9px 10px;border:1px solid rgba(159,112,244,.12);border-radius:10px;background:linear-gradient(100deg,rgba(113,67,188,.08),rgba(255,255,255,.01))}.connection-box>div{min-width:0}.connection-box span{display:block;margin-bottom:3px;color:var(--p-muted);font-size:8px}.connection-box code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d5cce0;font-size:9px}.connection-box.is-invite{border-color:rgba(239,196,109,.18)}.icon-control{height:30px;padding:0 9px;border:1px solid var(--p-line);border-radius:8px;background:#15101e;color:#d9c9f4;font:inherit;font-size:9px;cursor:pointer}.mono-clip{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.action-menu,.quick-create{position:relative}.action-menu>summary,.quick-create>summary{list-style:none}.action-menu>summary::-webkit-details-marker,.quick-create>summary::-webkit-details-marker{display:none}.action-menu>summary:not(.control-btn){width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--p-line);border-radius:9px;background:#12101a;color:var(--p-muted);cursor:pointer;font-size:11px;letter-spacing:.08em}.action-menu[open]>summary:not(.control-btn),.quick-create[open]>summary{border-color:rgba(168,118,255,.32);color:#fff}.action-menu-panel,.quick-create-panel{position:absolute;right:0;top:41px;z-index:24;width:min(330px,calc(100vw - 34px));padding:10px;border:1px solid rgba(170,122,255,.25);border-radius:13px;background:#0e0a15;box-shadow:0 24px 70px rgba(0,0,0,.5)}.quick-create-panel{left:0;right:auto;width:285px}.quick-create-panel>strong{display:block;margin:2px 2px 9px;font-size:11px}.quick-create-panel form{display:grid;gap:7px}.quick-create-panel form+form{margin-top:7px}.quick-create-panel .btn{width:100%}.action-menu-title{display:flex;justify-content:space-between;gap:8px;padding:3px 2px 9px;border-bottom:1px solid rgba(255,255,255,.055)}.action-menu-title strong{font-size:11px}.action-menu-title span{color:var(--p-muted);font-size:8px}.menu-form{display:grid;gap:5px;margin-top:9px}.menu-form label{color:var(--p-muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.menu-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.menu-form input{height:35px}.menu-save,.menu-wide{min-height:35px;padding:0 10px;border:1px solid var(--p-line);border-radius:9px;background:#171020;color:#fff;font:inherit;font-size:9px;cursor:pointer}.menu-save{border-color:rgba(158,105,255,.25);background:linear-gradient(120deg,rgba(125,72,220,.38),#171020)}.menu-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.menu-action{min-height:49px;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--p-line);border-radius:9px;background:#12101a;color:#e6dff0;text-align:left;cursor:pointer}.menu-action b{font-size:14px;color:#b894f3}.menu-action span{font-size:9px}.menu-wide{width:100%;margin-top:7px}.menu-wide.is-danger{border-color:rgba(255,127,154,.18);color:#ff9fb2;background:rgba(255,127,154,.045)}
.account-grid,.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.account-card{min-width:0;padding:14px;border:1px solid var(--p-line);border-radius:14px;background:linear-gradient(145deg,#0f0b15,#0a080e)}.account-card-wide{grid-column:1/-1}.account-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.account-card-head h2{margin:0;font-size:13px}.account-card-head span{color:var(--p-muted);font-size:9px}.account-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:11px}.account-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.compact-inline-form{display:flex;gap:6px;margin-top:10px}.compact-inline-form input{height:36px}.compact-list{display:grid;gap:3px;margin-top:9px}.compact-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px;border-bottom:1px solid rgba(255,255,255,.04)}.compact-list span,.compact-list strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.compact-list strong{color:var(--p-muted);font-weight:500}.compact-list p{color:var(--p-muted);font-size:10px}.account-empty{display:grid;place-items:center;gap:8px;min-height:130px;border:1px dashed var(--p-line);border-radius:12px;color:var(--p-muted);font-size:10px}.account-empty-main{min-height:220px}.account-empty strong{color:#fff;font-size:13px}
@media(max-width:800px){.profile-page .page-shell{width:min(100% - 20px,1220px)}.account-tabs{top:72px}.workspace-metrics,.device-console-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid,.history-grid{grid-template-columns:1fr}.account-card-wide{grid-column:auto}.account-head{align-items:flex-start}.account-head-actions{flex-direction:column;align-items:flex-end}.account-identity h1{font-size:18px}}
@media(max-width:560px){.profile-page .page-shell{margin-top:82px;margin-bottom:92px}.auth-shell{min-height:calc(100dvh - 170px);padding:8px 0 34px}.auth-orbit{width:420px;height:420px}.auth-card{padding:20px;border-radius:16px}.auth-links{flex-direction:column;align-items:center}.account-head{padding-top:0}.account-avatar{width:36px;height:36px;border-radius:10px}.account-head-actions .btn{display:none}.account-balance{font-size:9px}.account-tabs{top:72px;margin-left:-2px;margin-right:-2px}.sub-browser-bar{grid-template-columns:minmax(0,1fr) 40px}.sub-browser-tab{max-width:180px}.subscription-workspace{padding:12px;border-radius:13px}.workspace-head{align-items:flex-start}.workspace-orb{display:none}.workspace-title h2{font-size:15px}.workspace-metrics,.device-console-grid,.account-kv{grid-template-columns:1fr 1fr}.workspace-toolbar{display:grid;grid-template-columns:1fr 1fr}.workspace-toolbar>.control-btn,.workspace-toolbar>.quick-create{width:100%}.workspace-toolbar>.quick-create>summary{width:100%}.workspace-toolbar>a:last-child:nth-child(3){grid-column:1/-1}.device-browser-tab{max-width:165px}.device-console{padding:11px}.connection-box{grid-template-columns:minmax(0,1fr) auto}.device-controls{display:grid;grid-template-columns:1fr 1fr}.device-controls>.control-btn,.device-controls>.action-menu,.device-controls>.action-menu>summary{width:100%}.device-controls>.action-menu{grid-column:1/-1}.action-menu-panel,.quick-create-panel{position:fixed;left:10px;right:10px;bottom:82px;top:auto;width:auto;z-index:40;max-height:70dvh;overflow:auto}.menu-action-grid{grid-template-columns:1fr 1fr}.compact-list>div{grid-template-columns:1fr}.account-grid,.history-grid{gap:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}