:root{--ink-navy: #0A3D67;--ink-navy-light: #0F4E82;--paper: #FAF9F8;--surface: #FFFFFF;--surface-sunken: #F3F2F1;--surface-selected: #EDF3FC;--border: #E1DFDD;--text-ink: #201F1E;--text-muted: #605E5C;--text-on-navy: #FFFFFF;--text-on-navy-muted: #B7D3EC;--accent-amber: #2564CB;--accent-amber-hover: #1F52A8;--accent-teal: #107C10;--accent-brick: #C42B1C;--font-display: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, sans-serif;--font-ui: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.625rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-pill: 999px;--rail-width: 64px;--nav-width: 248px;--avatar-1: #C43E1C;--avatar-2: #986F0B;--avatar-3: #498205;--avatar-4: #0B6A0B;--avatar-5: #038387;--avatar-6: #0078D4;--avatar-7: #4F52B2;--avatar-8: #8764B8;--avatar-9: #C239B3}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-ink);background:var(--paper);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;cursor:pointer}a{color:var(--accent-amber)}:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600}.app-shell{display:grid;grid-template-columns:var(--rail-width) var(--nav-width) minmax(280px,1fr) minmax(0,1.6fr);height:100vh}@media (max-width: 900px){.app-shell{grid-template-columns:var(--rail-width) 1fr}.app-shell .nav-col,.app-shell .list-col{display:none}}.module-rail{background:var(--ink-navy);display:flex;flex-direction:column;align-items:center;padding:var(--space-4) 0;gap:var(--space-2)}.module-rail .brand{color:var(--text-on-navy);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-5)}.rail-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-on-navy-muted);border-radius:var(--radius-sm);transition:background .15s,color .15s}.rail-btn:hover{background:var(--ink-navy-light);color:var(--text-on-navy)}.rail-btn.active{color:var(--ink-navy);background:var(--surface)}.rail-spacer{flex:1}.nav-col{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.nav-col-header{padding:var(--space-5) var(--space-4) var(--space-3)}.nav-col-header h2{font-size:var(--text-lg)}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);margin:1px var(--space-2);border-radius:var(--radius-sm);color:var(--text-ink);text-decoration:none;border:none;background:transparent;width:calc(100% - var(--space-4));text-align:left;font-size:var(--text-sm)}.nav-item:hover{background:var(--surface-sunken)}.nav-item.active{background:var(--surface-selected);font-weight:600;color:var(--accent-amber)}.nav-item.active svg{color:var(--accent-amber)}.nav-item .count{font-size:var(--text-xs);color:var(--text-muted)}.nav-item.unread .count{color:#fff;background:var(--accent-amber);padding:0 6px;border-radius:var(--radius-pill)}.list-col{background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.list-col-header{padding:var(--space-4) var(--space-4) var(--space-3);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.list-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:var(--space-3);align-items:flex-start}.list-row:hover{background:var(--surface-sunken)}.list-row.selected{background:var(--surface-selected)}.list-row.unread .list-row-title{font-weight:700}.list-row.unread:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-amber);flex-shrink:0;margin-top:6px}.list-row:not(.unread):before{content:"";width:8px;flex-shrink:0}.list-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-row-top{display:flex;justify-content:space-between;gap:var(--space-2)}.list-row-title{font-size:var(--text-sm)}.list-row-meta{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.list-row-preview{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;flex-shrink:0}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.lg{width:48px;height:48px;font-size:17px}.detail-col{background:var(--surface);overflow-y:auto;padding:var(--space-6)}.detail-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-md)}.detail-toolbar{display:flex;gap:var(--space-2);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border)}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-ink)}.toolbar-btn:hover{background:var(--surface-sunken)}.toolbar-btn.danger:hover{background:#fdf3f2;color:var(--accent-brick);border-color:var(--accent-brick)}.detail-subject{font-size:var(--text-xl);margin-bottom:var(--space-3)}.detail-meta{display:flex;gap:var(--space-3);align-items:flex-start;color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600}.btn-primary{background:var(--accent-amber);color:#fff}.btn-primary:hover{background:var(--accent-amber-hover)}.btn-primary:disabled{background:var(--surface-sunken);color:var(--text-muted)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text-ink)}.btn-ghost:hover{background:var(--surface-sunken)}.btn-danger{background:transparent;color:var(--accent-brick);border-color:var(--accent-brick)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-3)}.field label{font-size:var(--text-xs);color:var(--text-muted)}.field input,.field textarea,.field select{font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.field input:focus,.field textarea:focus{border-color:var(--accent-amber)}.presence-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--text-muted);border:2px solid var(--surface)}.presence-dot.online{background:var(--accent-teal)}.video-stage{background:var(--ink-navy);border-radius:var(--radius-md);height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-2);padding:var(--space-2)}.video-tile{position:relative;background:#000;border-radius:var(--radius-sm);overflow:hidden}.video-tile video{width:100%;height:100%;object-fit:cover}.video-tile .label{position:absolute;bottom:8px;left:8px;color:#fff;font-size:var(--text-xs);background:#0000008c;padding:2px 10px;border-radius:var(--radius-pill)}.video-controls{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-4)}.video-controls button{width:44px;height:44px;border-radius:50%;border:none;background:var(--ink-navy-light);color:#fff}.video-controls button.end-call{background:var(--accent-brick);color:#fff}