:root{--primary:#1a3a5c;--primary-light:#2c5780;--accent:#0077b6;--accent-light:#48cae4;--bg:#f0f4f8;--surface:#fff;--surface-alt:#f8fafc;--border:#d1d9e0;--border-light:#e8edf2;--text:#1a2332;--text-secondary:#5a6b7d;--text-muted:#8a9bab;--danger:#d32f2f;--danger-bg:#fde8e8;--warning:#ed6c02;--warning-bg:#fff4e6;--success:#2e7d32;--success-bg:#e8f5e9;--info:#0288d1;--info-bg:#e1f5fe;--purple:#7b1fa2;--purple-bg:#f3e5f5;--shadow:0 1px 3px rgba(0,0,0,.08);--radius:6px;--radius-sm:4px;--header-h:48px;--participant-h:72px;--action-h:40px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;color:var(--text);background:var(--bg);line-height:1.4}
.top-nav{height:var(--header-h);background:var(--primary);display:flex;align-items:center;padding:0 16px;gap:16px;position:sticky;top:0;z-index:100;color:#fff}
.nav-left{display:flex;align-items:center;gap:12px}
.logo{font-size:18px;font-weight:700;letter-spacing:1px}
.nav-badge{font-size:11px;color:var(--accent-light);border:1px solid var(--accent-light);padding:2px 8px;border-radius:10px}
.nav-center{flex:1;display:flex;justify-content:center}
.global-search{width:100%;max-width:400px;padding:6px 12px;border:none;border-radius:20px;font-size:13px;background:rgba(255,255,255,.15);color:#fff;outline:none}
.global-search::placeholder{color:rgba(255,255,255,.6)}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-btn{background:rgba(255,255,255,.1);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;position:relative;display:flex;align-items:center;justify-content:center}
.alert-badge,.task-badge{position:absolute;top:-2px;right:-2px;background:var(--danger);color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.task-badge{background:var(--warning)}
.user-chip{display:flex;align-items:center;gap:8px;c