.dc-shell{align-items:flex-start;gap:var(--dc-sp-6);padding:var(--dc-sp-6);background:var(--dc-canvas);min-height:100vh;display:flex}.dc-side{width:256px;top:var(--dc-sp-6);max-height:calc(100vh - (var(--dc-sp-6) * 2));padding:22px var(--dc-sp-3) var(--dc-sp-3);background:var(--dc-surface-shell);-webkit-backdrop-filter:var(--dc-blur-shell);backdrop-filter:var(--dc-blur-shell);border-radius:var(--dc-r-shell);box-shadow:var(--dc-sh-shell);font-family:var(--dc-font);flex-direction:column;flex:none;display:flex;position:sticky;overflow-y:auto}.dc-side__brand{align-self:flex-start;width:auto;height:28px;margin:0 10px 14px}.dc-side__group{font-size:var(--dc-fs-label);font-weight:var(--dc-fw-semibold);letter-spacing:var(--dc-ls-label);text-transform:uppercase;color:var(--dc-muted);padding:var(--dc-sp-3) var(--dc-sp-3) var(--dc-sp-1)}.dc-side__group:first-of-type{padding-top:10px}.dc-side__item{padding:7px var(--dc-sp-3);border-radius:var(--dc-r-xs);font-size:var(--dc-fs-sm);font-weight:var(--dc-fw-medium);color:var(--dc-ink-2);transition:background var(--dc-t-base), transform var(--dc-t-base), color var(--dc-t-base);justify-content:space-between;align-items:center;gap:10px;text-decoration:none;display:flex}.dc-side__item:hover{background:var(--dc-wash);transform:var(--dc-slide-sm);color:var(--dc-ink)}.dc-side__item--on{background:var(--dc-grad-dark);color:var(--dc-cream);font-weight:var(--dc-fw-semibold);box-shadow:var(--dc-sh-raised);padding:var(--dc-sp-2) var(--dc-sp-3)}.dc-side__item--on:hover{background:var(--dc-grad-dark);color:var(--dc-cream);transform:none}.dc-side__label{align-items:center;gap:10px;min-width:0;display:flex}.dc-side__label>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dc-side__icon{color:var(--dc-ring-ghost);transition:color var(--dc-t-fast) ease;flex:none}.dc-side__item:hover .dc-side__icon{color:var(--dc-muted)}.dc-side__item--on .dc-side__icon,.dc-side__item--on:hover .dc-side__icon{color:var(--dc-cream)}.dc-side__icon--live,.dc-side__item:hover .dc-side__icon--live{color:var(--dc-ok)}.dc-side__item--on .dc-side__icon--live,.dc-side__item--on:hover .dc-side__icon--live{color:var(--dc-ok-lite)}.dc-side__icon--live path{animation:2.4s ease-in-out infinite dc-broadcast}.dc-side__icon--live path:nth-of-type(2),.dc-side__icon--live path:nth-of-type(3){animation-delay:.35s}@keyframes dc-broadcast{0%,70%,to{opacity:.3}25%{opacity:1}}@media (prefers-reduced-motion:reduce){.dc-side__icon--live path{opacity:1;animation:none}}.dc-side__badge{font-size:var(--dc-fs-micro);font-weight:var(--dc-fw-bold);border-radius:var(--dc-r-pill);flex:none;padding:1px 7px}.dc-side__badge--brand{background:var(--dc-brand);color:var(--dc-surface-solid)}.dc-side__badge--warn{background:var(--dc-warn);color:var(--dc-ink)}.dc-side__count{flex:none;align-items:center;gap:6px;display:flex}.dc-side__iconwrap{flex:none;display:inline-flex;position:relative}.dc-side__waiting-dot{border-radius:var(--dc-r-pill);background:var(--dc-warn);width:8px;height:8px;box-shadow:0 0 0 2px var(--dc-surface-solid);animation:1.8s ease-in-out infinite dc-waiting;position:absolute;top:-3px;right:-4px}.dc-side__item--on .dc-side__waiting-dot{box-shadow:0 0 0 2px var(--dc-ink)}@keyframes dc-waiting{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.dc-side__waiting-dot{animation:none}}.dc-side__account{padding:10px var(--dc-sp-3);border-radius:var(--dc-r-md);background:var(--dc-wash-soft);align-items:center;gap:10px;margin-top:14px;display:flex}.dc-side__who{flex-direction:column;flex:1;min-width:0;display:flex}.dc-side__name{font-size:var(--dc-fs-chip);font-weight:var(--dc-fw-semibold);color:var(--dc-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dc-side__mail{font-size:var(--dc-fs-micro);color:var(--dc-brand);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dc-side__out{padding:var(--dc-sp-1);cursor:pointer;color:var(--dc-muted);border-radius:var(--dc-r-xs);transition:color var(--dc-t-base);background:0 0;border:0;flex:none;line-height:1}.dc-side__out:hover{color:var(--dc-ink)}.dc-pushside{z-index:1;gap:var(--dc-sp-2);padding:var(--dc-sp-3);border-radius:var(--dc-r-md);background:var(--dc-surface-solid);box-shadow:var(--dc-sh-md);flex-direction:column;margin-top:14px;display:flex;position:sticky;bottom:0}.dc-pushside__title{font-size:var(--dc-fs-chip);font-weight:var(--dc-fw-semibold);color:var(--dc-ink)}.dc-pushside__sub{font-size:var(--dc-fs-meta);color:var(--dc-ink-2);margin:0}.dc-pushside__actions{justify-content:flex-end;gap:var(--dc-sp-2);display:flex}.dc-pushside-line{gap:var(--dc-sp-2);padding:0 var(--dc-sp-1) 0 var(--dc-sp-3);flex-direction:column;margin-top:14px;display:flex}.dc-pushside-line__row{justify-content:space-between;align-items:center;gap:var(--dc-sp-2);display:flex}.dc-pushside-line__text{min-width:0;font-size:var(--dc-fs-meta);color:var(--dc-muted)}.dc-page{gap:var(--dc-sp-5);flex-direction:column;flex:1;min-width:0;display:flex}.dc-page>:has(.dc-drop__menu){z-index:2;position:relative}