:root{--color-primary: #0075F2;--color-navy: #070A61;--color-accent: #FDB322;--color-green: #0a8e4a;--color-bg: #ffffff;--color-surface: #f3f9ff;--color-border: #070a6114;--color-text: #070A61;--color-muted: #34495E;--color-online: #0a8e4a;--color-away: #FDB322;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--font-body: "Inter", system-ui, sans-serif;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--sidebar-w: 240px;--header-h: 56px;--transition: .15s ease}@media (prefers-color-scheme: dark){:root{--color-bg: #0f1629;--color-surface: #1a2240;--color-border: #2a3355;--color-text: #e8ecf4;--color-muted: #8b97b8;--color-navy: #c0ccf0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;height:100vh}.app-shell app-header{grid-column:1/-1}.app-shell app-sidebar{grid-row:2;overflow-y:auto}.app-shell main{grid-row:2;overflow-y:auto}.muted{color:var(--color-muted)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:var(--transition);background:var(--color-surface);color:var(--color-text)}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600;border-radius:var(--radius-full)}.btn--primary:hover{opacity:.9}.btn--icon{padding:var(--space-xs);border-color:transparent;background:transparent}.btn--icon:hover{background:var(--color-border)}.btn--ghost{border-color:transparent;background:transparent;color:var(--color-muted)}.btn--ghost:hover{color:var(--color-navy);background:var(--color-border)}input,textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);transition:var(--transition)}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0075f218}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;flex-shrink:0}.avatar--sm{width:28px;height:28px;font-size:.75rem}.avatar--lg{width:48px;height:48px;font-size:var(--text-lg)}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--color-bg)}.status-dot--online{background:var(--color-online)}.status-dot--away{background:var(--color-away)}.status-dot--offline{background:var(--color-muted)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,rgba(0,117,242,.0941176471) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-load 1.4s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-load{0%{background-position:200% 0}to{background-position:-200% 0}}