:root{--bg:var(--ds-bg);--bg-subtle:var(--ds-bg-subtle);--surface:var(--ds-surface);--text:var(--ds-text);--muted:var(--ds-text-muted);--border:var(--ds-border);--primary:var(--ds-primary);--primary-hover:var(--ds-primary-hover);--radius:var(--ds-radius-md)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:"Inter",var(--ds-font-sans);background:var(--ds-bg);color:var(--ds-text);font-size:var(--ds-font-size-sm);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color var(--ds-transition-fast)}a:hover{color:var(--ds-primary)}button,input,select{font:inherit}code{font-family:var(--ds-font-mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ds-border);border-radius:var(--ds-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ds-text-subtle)}::selection{background:var(--ds-primary-soft);color:var(--ds-primary)}.pageTitle{font-size:var(--ds-font-size-2xl);font-weight:700;color:var(--ds-text);margin:0 0 var(--ds-space-2)}.pageSubtitle{font-size:var(--ds-font-size-sm);color:var(--ds-text-muted);margin:0}.pageHeader{margin-bottom:var(--ds-space-6)}.pageHeaderRow{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-4)}.greeting{text-align:center;margin-bottom:var(--ds-space-8)}.greetingDate{font-size:var(--ds-font-size-sm);color:var(--ds-text-muted);margin-bottom:var(--ds-space-1)}.greetingTitle{font-size:var(--ds-font-size-3xl);font-weight:700;color:var(--ds-text);margin:0}.avatar{width:40px;height:40px;border-radius:var(--ds-radius-full);background:var(--ds-primary-soft);color:var(--ds-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--ds-font-size-sm);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatarSm{width:32px;height:32px;font-size:var(--ds-font-size-xs)}.avatarLg{width:56px;height:56px;font-size:var(--ds-font-size-lg)}.avatarXl{width:80px;height:80px;font-size:var(--ds-font-size-xl)}.statusDot{width:8px;height:8px;border-radius:var(--ds-radius-full);display:inline-block}.statusOnline{background:var(--ds-success)}.statusOffline{background:var(--ds-text-subtle)}.statusAway{background:var(--ds-warning)}.transition-all{transition:all var(--ds-transition-base)}.transition-fast{transition:all var(--ds-transition-fast)}.transition-slow{transition:all var(--ds-transition-slow)}