:root{--identity-bg:#f5f7fb;--identity-card:#fff;--identity-text:#14213d;--identity-muted:#64748b;--identity-border:#dbe3ef;--identity-primary:#2f5bea}
html[data-theme="dark"]{--identity-bg:#0d1424;--identity-card:#151f34;--identity-text:#eef4ff;--identity-muted:#9aabc4;--identity-border:#2a3852;--identity-primary:#6f8fff;color-scheme:dark}
@media(prefers-color-scheme:dark){html[data-theme="auto"]{--identity-bg:#0d1424;--identity-card:#151f34;--identity-text:#eef4ff;--identity-muted:#9aabc4;--identity-border:#2a3852;--identity-primary:#6f8fff;color-scheme:dark}}
.identity-ui{background:var(--identity-bg);color:var(--identity-text);font-family:Vazirmatn,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.identity-ui .profile-card{background:var(--identity-card);border:1px solid var(--identity-border);border-radius:18px;box-shadow:0 16px 42px rgba(20,33,61,.08)}
.identity-logo{display:grid;place-items:center;width:56px;height:56px;margin-inline:auto;border-radius:17px;background:linear-gradient(135deg,#2764e7,#13a6b4);color:#fff;font-size:28px;font-weight:800}.identity-logo.small{width:38px;height:38px;margin:0;border-radius:12px;font-size:19px}.language-bar{position:fixed;inset-block-start:20px;inset-inline-end:24px;display:flex;gap:5px;z-index:2}.language-bar a{padding:7px 9px;border-radius:9px;color:var(--identity-muted);text-decoration:none}.language-bar a[aria-current="page"]{background:var(--identity-card);color:var(--identity-primary)}
.identity-button{display:block;text-align:center;margin-block:22px}.identity-divider{display:flex;align-items:center;color:var(--identity-muted);gap:12px;margin-block:20px}.identity-divider:before,.identity-divider:after{content:"";height:1px;background:var(--identity-border);flex:1}.workspace-header{display:flex;align-items:center;gap:28px;padding:14px clamp(18px,4vw,64px);background:var(--identity-card);border-bottom:1px solid var(--identity-border)}.brand{display:flex;align-items:center;gap:10px;color:var(--identity-text);text-decoration:none;font-weight:750}.workspace-nav{display:flex;gap:18px;flex:1}.workspace-nav a,.localized-nav-grid a{color:var(--identity-muted);text-decoration:none}.workspace-nav a[aria-current="page"]{color:var(--identity-primary)}.profile-menu{display:flex;align-items:center;gap:10px}.profile-menu img{width:34px;height:34px;border-radius:50%;object-fit:cover}.link-button{border:0;background:transparent;color:var(--identity-primary);cursor:pointer;font:inherit}
.identity-shell{width:min(1050px,calc(100% - 32px));margin:38px auto 80px}.profile-heading{display:flex;align-items:center;gap:18px;margin-bottom:26px}.profile-heading h1{margin:0}.profile-heading p{color:var(--identity-muted)}.profile-avatar{width:78px;height:78px;border-radius:24px;object-fit:cover}.profile-avatar.fallback{display:grid;place-items:center;background:var(--identity-primary);color:#fff;font-size:30px;font-weight:800}.identity-status,.preference-form{padding:24px;margin-block:18px}.identity-status dl{display:grid;gap:10px}.identity-status dl div{display:grid;grid-template-columns:minmax(130px,220px) 1fr;gap:12px}.identity-status dt{color:var(--identity-muted)}.identity-status dd{margin:0;overflow-wrap:anywhere}.status{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--identity-border)}.status.connected{color:#087f5b;background:#d3f9d8}.inline-form{display:inline-block;margin-inline-start:12px}
.preference-form{display:grid;gap:18px}.preference-form label{display:grid;gap:8px}.preference-form small{color:var(--identity-muted)}.preference-form input,.preference-form select{width:100%;box-sizing:border-box;border:1px solid var(--identity-border);border-radius:11px;padding:12px;background:var(--identity-bg);color:var(--identity-text)}.preference-form .btn{justify-self:start}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-block:24px}.metric-grid article{padding:22px;display:grid;gap:8px}.metric-grid strong{font-size:28px}.metric-grid span{color:var(--identity-muted)}.localized-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px;margin-bottom:24px}
@media(max-width:800px){.workspace-header{align-items:flex-start;flex-wrap:wrap}.workspace-nav{order:3;width:100%;overflow:auto}.profile-menu span{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.localized-nav-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.language-bar{position:static;justify-content:center;padding:12px}.metric-grid,.localized-nav-grid{grid-template-columns:1fr}.identity-status dl div{grid-template-columns:1fr}.workspace-header{gap:14px}}