:root{
  --accent:#7a6ff0;
  --accent-rgb:122,111,240;
  --accent-soft:rgba(122,111,240,.12);
  --surface-3:#1b1f29;
}
html[data-theme="light"]{
  --bg:#f3f5fa;
  --bg2:#edf1f7;
  --surface:#ffffff;
  --surface2:#f7f9fc;
  --surface-3:#eef2f8;
  --text:#141824;
  --muted:#687083;
  --line:rgba(18,24,36,.10);
  --soft:rgba(18,24,36,.04);
  --shadow:0 18px 44px rgba(45,60,90,.09);
}
body:before{background:radial-gradient(circle at 82% -10%, color-mix(in srgb,var(--accent) 15%, transparent), transparent 36%),radial-gradient(circle at 8% 18%, rgba(255,255,255,.04), transparent 24%)}
.brand{gap:12px}.brand-copy b{font-weight:800;letter-spacing:-.04em}.brand-copy small{letter-spacing:.18em}
.account-chip{min-height:48px;padding:4px 12px 4px 5px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface2));display:inline-flex;align-items:center;gap:10px}.account-chip:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.account-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));font-weight:800}.account-avatar img{width:100%;height:100%;object-fit:cover}
.account-chip-copy{display:grid;line-height:1.05}.account-chip-copy small{margin-top:4px;color:var(--muted)}
.notification-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.notification-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(420px,calc(100vw - 24px));background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--accent) 3%));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.notification-popover-head,.notification-popover-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.notification-popover-foot{border-bottom:0;border-top:1px solid var(--line)}
.notification-popover-head small,.notification-popover-foot a{color:var(--muted)}
.notification-popover-list{max-height:360px;overflow:auto}.notification-popover-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 16px;border-top:1px solid var(--line)}.notification-popover-item:first-child{border-top:0}.notification-popover-item span,.notification-popover-item small{display:block;color:var(--muted)}.notification-popover-item button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--soft);cursor:pointer;color:var(--muted)}
.hero h1{max-width:10.5ch;letter-spacing:-.07em}.hero-copy{max-width:700px}.hero-core{background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 72%, #ffffff 28%));}
.primary-btn{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff 12%),var(--accent))}.primary-btn,.ghost-btn{white-space:normal;text-align:center}.ghost-btn{background:color-mix(in srgb,var(--surface) 86%,var(--accent) 2%)}
.profile-link-v109{padding:0;color:inherit;font-weight:700}.profile-link-v109:hover{color:var(--accent)}
.message-list-v109{display:grid;gap:14px}.message-row-v109{padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.message-row-top{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:10px}.message-row-v109 h3{margin:0 0 8px}.message-row-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-size:.92rem}.message-row-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}
.chat-v109{padding:0;overflow:hidden}.chat-header-v109{padding:22px 24px;border-bottom:1px solid var(--line);align-items:center}.chat-title-v109{font-size:1.55rem;margin:4px 0 0}.chat-search-v109 input{background:var(--surface2)}
.staff-chat-tools-v109{padding:18px 22px;background:linear-gradient(180deg,var(--soft),transparent)}.assign-bar-v109{align-items:end}
.chat-messages-v109{padding:20px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.01))}
.chat-bubble-v109{max-width:min(78ch,85%);padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--accent) 3%));box-shadow:none}.chat-bubble-v109.mine{margin-left:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),color-mix(in srgb,var(--accent) 13%,var(--surface)))}
.chat-meta-v109{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.chat-meta-main{display:grid;gap:4px}.chat-meta-name-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chat-meta-sub{font-size:.8rem;color:var(--muted)}.staff-role-chip{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);font-size:.76rem;color:var(--text)}
.message-actions-v109{gap:12px;flex-wrap:wrap;opacity:1;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--line) 85%,transparent)}
.chat-compose-v109{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:18px 20px;border-top:1px solid var(--line);background:var(--bg2)}.chat-compose-v109 textarea{min-height:124px;resize:vertical}.compose-actions-v109{display:grid;gap:10px;align-content:end;justify-items:stretch;min-width:190px}.file-btn-v109{position:relative;overflow:hidden}.file-btn-v109 input{position:absolute;inset:0;opacity:0;cursor:pointer}
.telegram-page-title-v109{font-size:clamp(2.2rem,7vw,3.6rem);max-width:12ch}.telegram-state-wrap-v109{margin-top:24px}.telegram-linked-panel-v109,.telegram-link-pending-v109{padding:28px}.telegram-benefits-v109{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.mini-feature{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.mini-feature b{display:block;margin-bottom:6px}.mini-feature span{color:var(--muted);font-size:.92rem}
.notifications-head-v109{align-items:start}.notification-page-list-v109{padding:10px}.notification-row-v109{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:16px;border:1px solid transparent}.notification-row-v109.unread{background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.notification-row-v109 a{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.notification-row-v109 small{color:var(--muted)}
.profile-quick-modal[hidden]{display:none}.profile-quick-modal{position:fixed;inset:0;z-index:2200}.profile-quick-backdrop{position:absolute;inset:0;background:rgba(4,7,12,.56);backdrop-filter:blur(6px)}.profile-quick-dialog{position:relative;z-index:1;width:min(560px,calc(100vw - 24px));margin:8vh auto 0;padding:26px}.profile-quick-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--soft);color:var(--text);cursor:pointer}.profile-quick-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:start}.profile-quick-avatar{width:92px;height:92px;border-radius:22px;overflow:hidden;background:var(--soft);display:grid;place-items:center;font-size:2rem;font-weight:800}.profile-quick-avatar img{width:100%;height:100%;object-fit:cover}.profile-quick-lines{display:grid;gap:10px}.profile-quick-meta{display:grid;gap:6px;color:var(--muted)}.profile-quick-role{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.profile-quick-role .status-pill{margin:0}
@media(max-width:900px){.message-row-v109{grid-template-columns:1fr}.message-row-actions{justify-content:flex-start}.telegram-benefits-v109{grid-template-columns:1fr}}
@media(max-width:720px){
  .desktop-nav{display:none}
  .brand-copy small{display:none}
  .account-chip{padding-right:10px;max-width:150px}.account-chip-copy b{font-size:.9rem}
  .message-row-v109{padding:16px}.message-row-actions{flex-direction:column;align-items:stretch}.message-row-actions .primary-btn,.message-row-actions .ghost-btn{width:100%}
  .chat-header-v109{padding:18px}.chat-search-v109{width:100%}.chat-title-v109{font-size:1.28rem}
  .chat-messages-v109{padding:14px}.chat-bubble-v109{max-width:100%}
  .chat-compose-v109{grid-template-columns:1fr;padding:14px}.compose-actions-v109{min-width:0}
  .telegram-linked-panel-v109,.telegram-link-pending-v109{padding:20px}
  .notification-row-v109,.notification-row-v109 a{grid-template-columns:1fr;display:grid}
  .profile-quick-card{grid-template-columns:1fr}.profile-quick-avatar{width:74px;height:74px;border-radius:18px}
}