:root{color-scheme:dark;--bg:#0d0f14;--side:#151821;--panel:#1a1e28;--panel2:#222735;--line:#303746;--line2:#3b4354;--text:#f5f7fb;--muted:#99a3b7;--soft:#c6ccda;--accent:#776df5;--accent2:#9d96ff;--accent-soft:#776df520;--ok:#70d6a2;--warn:#e4bd70;--bad:#ff7c89;--shadow:0 22px 64px #0007}
html[data-accent="blue"]{--accent:#4f83ff;--accent2:#7aa2ff;--accent-soft:#4f83ff24}html[data-accent="indigo"]{--accent:#5967e9;--accent2:#8290ff;--accent-soft:#5967e924}html[data-accent="violet"]{--accent:#776df5;--accent2:#9d96ff;--accent-soft:#776df524}html[data-accent="pink"]{--accent:#d65ea5;--accent2:#ef8ac5;--accent-soft:#d65ea524}html[data-accent="red"]{--accent:#d65d69;--accent2:#ef8790;--accent-soft:#d65d6924}html[data-accent="orange"]{--accent:#d77b39;--accent2:#f3a267;--accent-soft:#d77b3924}html[data-accent="amber"]{--accent:#c79c27;--accent2:#e4bd52;--accent-soft:#c79c2724}html[data-accent="green"]{--accent:#3e9e6d;--accent2:#6bc596;--accent-soft:#3e9e6d24}html[data-accent="teal"]{--accent:#2b9a91;--accent2:#60c2ba;--accent-soft:#2b9a9124}html[data-accent="cyan"]{--accent:#278fb5;--accent2:#61b8d7;--accent-soft:#278fb524}html[data-accent="slate"]{--accent:#667085;--accent2:#9aa3b3;--accent-soft:#66708524}
html[data-theme="light"]{color-scheme:light;--bg:#f4f6fa;--side:#fff;--panel:#fff;--panel2:#f5f7fb;--line:#dce1ea;--line2:#cdd4df;--text:#171a22;--muted:#667085;--soft:#374151;--shadow:0 18px 48px #66708520}
@media(prefers-color-scheme:light){html[data-theme="system"]{color-scheme:light;--bg:#f4f6fa;--side:#fff;--panel:#fff;--panel2:#f5f7fb;--line:#dce1ea;--line2:#cdd4df;--text:#171a22;--muted:#667085;--soft:#374151;--shadow:0 18px 48px #66708520}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.5 Inter,"Segoe UI",system-ui,-apple-system,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.muted{color:var(--muted)}
/* public auth */.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:var(--side)}.brand{font-weight:900;color:var(--text);text-decoration:none;font-size:19px;letter-spacing:-.03em}.topbar nav{display:flex;gap:22px}.topbar nav a{color:var(--soft);text-decoration:none}.auth-layout{min-height:calc(100vh - 70px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.7fr);max-width:1280px;margin:auto;padding:clamp(36px,6vw,82px);gap:clamp(36px,7vw,90px);align-items:center}.auth-intro h1{font-size:clamp(44px,6vw,76px);line-height:1.02;margin:12px 0 22px;letter-spacing:-.055em}.auth-intro>p{font-size:19px;color:var(--muted);max-width:650px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent2);font-weight:900}.benefits{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.benefits span{border:1px solid var(--line);background:var(--panel);padding:8px 11px;border-radius:999px;color:var(--soft);font-size:12px}.auth-card{width:100%;max-width:510px;justify-self:end;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.auth-title h2{font-size:29px;line-height:1.15;margin:0 0 7px}.auth-title p,.legal{color:var(--muted)}.auth-title a,.form-row a,.back-link,.text-link{color:var(--accent2);text-decoration:none}.stack{display:grid;gap:14px}.stack label{display:grid;gap:6px;font-weight:700}.stack input{width:100%;height:46px;border:1px solid var(--line2);border-radius:10px;background:var(--bg);color:var(--text);padding:0 12px;outline:none}.stack input:focus,.member-form input:focus,.member-form select:focus,.member-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.stack small{font-size:11px;color:var(--muted);font-weight:500}.primary,.secondary,.google,.dangerbtn{min-height:42px;border-radius:9px;border:0;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;font-weight:800;text-decoration:none;cursor:pointer}.primary{background:var(--accent);color:#fff}.primary:hover{filter:brightness(1.08)}.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line2)}.google{height:46px;background:#fff;color:#15171d;gap:10px}.gmark{font-size:20px;color:#4285f4}.or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:11px}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.back-link{display:inline-block;margin-top:18px}.legal{font-size:11px;line-height:1.55;margin:20px 0 0}.flash{border-radius:10px;padding:11px 13px;margin:0 0 18px;font-size:13px;border:1px solid var(--line2);background:var(--panel2)}.flash.ok{border-color:#31775d;background:#173127}.flash.error{border-color:#8e424c;background:#351c22}.flash.warn{border-color:#8b733c;background:#332d1b}
/* member shell */.member-shell{min-height:100vh;display:grid;grid-template-columns:282px minmax(0,1fr)}.member-side{height:100vh;position:sticky;top:0;overflow:auto;background:var(--side);border-right:1px solid var(--line);padding:18px 14px 14px;display:flex;flex-direction:column}.member-logo{height:42px;display:flex;align-items:center;gap:10px;text-decoration:none;padding:0 9px 12px}.member-logo-mark{width:31px;height:31px;border-radius:9px;background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:950}.member-logo strong{font-size:18px}.member-card-mini{display:flex;gap:12px;align-items:center;padding:14px 10px 18px;border-bottom:1px solid var(--line);margin-bottom:11px}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff;display:grid;place-items:center;font-size:18px;font-weight:900;overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.tiny{width:31px;height:31px;font-size:12px}.preset-glyph{font-size:23px}.member-card-mini>div:last-child{min-width:0;display:flex;flex-direction:column}.member-card-mini b,.member-card-mini small,.member-card-mini em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-card-mini small{color:var(--muted);font-size:11px}.member-card-mini em{color:var(--accent2);font-style:normal;font-size:10px;margin-top:2px}.member-nav{display:grid;gap:2px}.nav-group-label{font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--muted);padding:15px 12px 5px}.member-nav a{min-height:38px;display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:9px;color:var(--soft);text-decoration:none;font-size:12px;font-weight:650}.member-nav a i{width:20px;text-align:center;font-style:normal;color:var(--muted)}.member-nav a:hover,.member-nav a.on{background:var(--accent-soft);color:var(--text)}.member-nav a.on i{color:var(--accent2)}.side-bottom{margin-top:auto;padding:14px 10px 4px;border-top:1px solid var(--line);display:grid;gap:7px}.side-bottom a{font-size:11px;color:var(--muted);text-decoration:none}.side-bottom a:hover{color:var(--text)}.member-main{min-width:0}.member-top{height:70px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:0 clamp(20px,4vw,52px)}.mobile-brand{display:none;font-weight:900}.member-search{height:39px;width:min(460px,46vw);border:1px solid var(--line);background:var(--panel);border-radius:20px;display:flex;align-items:center;gap:7px;padding:0 12px}.member-search span{color:var(--muted)}.member-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%}.mini-profile{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--soft);font-size:11px}.member-content{padding:34px clamp(22px,4vw,56px) 70px;max-width:1480px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:2px 0 5px;font-size:31px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted)}.status-pill{padding:7px 10px;border-radius:999px;background:#17372a;border:1px solid #2c7655;color:#88dfb5;font-size:10px;font-weight:900;text-transform:uppercase}.mutedpill{background:var(--panel2);border-color:var(--line2);color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.panel h2{margin:0 0 14px;font-size:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head a{font-size:11px;color:var(--accent2);text-decoration:none}.profile-hero{display:flex;align-items:center;gap:16px;margin-bottom:14px}.hero-avatar{width:72px;height:72px;font-size:26px}.profile-hero-copy{min-width:0;flex:1}.profile-hero-copy h2{font-size:22px;margin:0 0 2px}.profile-hero-copy p{margin:0;color:var(--muted)}.hero-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hero-chips span{font-size:10px;color:var(--soft);border:1px solid var(--line);background:var(--panel2);padding:5px 8px;border-radius:999px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px}.metric b{display:block;font-size:26px;letter-spacing:-.03em}.metric span{font-size:11px;color:var(--muted)}.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rowline,.device-row,.activity-row,.release-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.rowline:last-child,.device-row:last-child,.activity-row:last-child,.release-row:last-child{border-bottom:0}.rowline>div,.device-row>div,.activity-row>div,.release-row>div{min-width:0;flex:1;display:flex;flex-direction:column}.rowline small,.device-row small,.activity-row small,.release-row small{color:var(--muted);font-size:10px}.rowline>span,.device-row>span{color:var(--soft);font-size:10px;white-space:nowrap}.goodtext{color:var(--ok)!important}.warntext{color:var(--warn)!important}.timeline-row{display:flex;gap:10px;padding:9px 0}.timeline-row i,.activity-row i{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:7px;flex:0 0 auto}.timeline-row div{display:flex;flex-direction:column}.timeline-row small{color:var(--muted);font-size:10px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-grid a{border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:11px;color:var(--soft);text-decoration:none;font-size:11px}.quick-grid a:hover{border-color:var(--accent);color:var(--text)}.smallbtn{width:auto;min-height:38px;height:auto;padding:8px 13px}.dangerbtn{background:#351c22;border:1px solid #71424b;color:#ffc1c8}.linkbutton{display:inline-flex;text-decoration:none;margin-right:8px}.device-row form{margin:0}.danger-panel{border-color:#4d3037}
/* profile */.profile-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}.profile-photo-panel{text-align:center}.profile-avatar{width:112px;height:112px;margin:6px auto 14px;font-size:40px}.profile-photo-panel h2{margin:0}.profile-photo-panel p{margin:3px 0 18px;color:var(--muted);word-break:break-all}.upload-form{display:grid;gap:8px}.upload-btn{position:relative;overflow:hidden}.upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-form small{color:var(--muted);font-size:10px}.member-form{display:grid;gap:13px}.member-form label{display:grid;gap:6px;font-size:11px;font-weight:750}.member-form input,.member-form select,.member-form textarea{width:100%;background:var(--bg);border:1px solid var(--line2);border-radius:9px;color:var(--text);padding:10px 11px;outline:none}.member-form textarea{resize:vertical}.member-form small{font-weight:400;color:var(--muted)}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}
/* appearance */.appearance-stack{display:grid;gap:14px}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:12px}.theme-card,.avatar-choice,.accent-choice{position:relative;cursor:pointer}.theme-card input,.avatar-choice input,.accent-choice input{position:absolute;opacity:0;pointer-events:none}.theme-card{display:grid;gap:8px}.theme-preview{height:105px;border-radius:13px;border:2px solid var(--line);padding:12px;display:grid;grid-template-columns:34% 1fr;grid-template-rows:18px 1fr;gap:7px;background:#171a22}.theme-preview.system{background:linear-gradient(110deg,#171a22 50%,#f3f5f8 50%)}.theme-preview.light{background:#f3f5f8}.theme-preview.dark{background:#171a22}.theme-preview i{display:block;border-radius:5px;background:#676f80}.theme-preview i:first-child{grid-row:1/3;background:#353b49}.theme-card input:checked+.theme-preview{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.theme-card b{font-size:11px}.accent-grid{display:flex;gap:12px;flex-wrap:wrap}.accent-choice span{display:block;width:52px;height:52px;border-radius:50%;border:3px solid transparent;box-shadow:inset 0 0 0 18px color-mix(in srgb,var(--choice) 62%,#111)}.accent-choice[data-color="blue"]{--choice:#4f83ff}.accent-choice[data-color="indigo"]{--choice:#5967e9}.accent-choice[data-color="violet"]{--choice:#776df5}.accent-choice[data-color="pink"]{--choice:#d65ea5}.accent-choice[data-color="red"]{--choice:#d65d69}.accent-choice[data-color="orange"]{--choice:#d77b39}.accent-choice[data-color="amber"]{--choice:#c79c27}.accent-choice[data-color="green"]{--choice:#3e9e6d}.accent-choice[data-color="teal"]{--choice:#2b9a91}.accent-choice[data-color="cyan"]{--choice:#278fb5}.accent-choice[data-color="slate"]{--choice:#667085}.accent-choice input:checked+span{border-color:var(--text);outline:2px solid var(--accent);outline-offset:3px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px}.avatar-choice{display:grid;place-items:center;gap:5px}.avatar-choice .avatar{width:66px;height:66px;font-size:30px;background:var(--panel2);border:3px solid transparent}.avatar-choice input:checked+.avatar{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.avatar-choice em{font-size:9px;color:var(--muted);font-style:normal}
/* apps membership sync */.app-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.app-account-card{display:grid;grid-template-columns:52px 1fr;gap:14px}.app-badge{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent2);display:grid;place-items:center;font-size:22px;font-weight:900}.app-account-card h2{margin:0 0 3px}.app-account-card p{margin:0 0 12px;color:var(--muted);font-size:11px}.license-line{display:flex;justify-content:space-between;gap:15px;padding:6px 0;border-top:1px solid var(--line);font-size:10px}.license-line span{color:var(--muted)}.membership-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.membership-card h2{font-size:26px;margin:3px 0}.membership-card p{margin:0;color:var(--muted)}.toggle-list{display:grid}.toggle-list>label{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.toggle-list>label>div{display:flex;flex-direction:column}.toggle-list small{color:var(--muted)}.toggle-list input[type=checkbox]{width:42px;height:22px;accent-color:var(--accent)}
@media(max-width:1100px){.member-shell{grid-template-columns:240px 1fr}.member-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.profile-layout{grid-template-columns:1fr}.profile-photo-panel{display:grid;grid-template-columns:120px 1fr;align-items:center;text-align:left}.profile-avatar{grid-row:1/4;margin:0}.upload-form{grid-column:1/3}.theme-options{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr;padding:32px 18px}.auth-intro h1{font-size:42px}.auth-card{justify-self:stretch;max-width:none}.member-shell{grid-template-columns:1fr}.member-side{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line)}.member-card-mini{display:none}.member-nav{display:flex;overflow-x:auto;padding-bottom:6px}.nav-group-label{display:none}.member-nav a{white-space:nowrap}.side-bottom{display:none}.member-top{height:58px;padding:0 14px;justify-content:space-between}.mobile-brand{display:block}.member-search{width:min(290px,62vw)}.mini-profile span{display:none}.member-content{padding:24px 14px 50px}.metric-grid{grid-template-columns:1fr 1fr}.form-grid.two{grid-template-columns:1fr}.page-head{align-items:flex-start}.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-hero .secondary{margin-left:88px}.theme-options{grid-template-columns:1fr}.profile-photo-panel{display:block;text-align:center}.profile-avatar{margin:0 auto 12px}.upload-form{display:grid}.membership-card{align-items:flex-start}.member-grid{grid-template-columns:1fr}}