:root{--ink-navy: #14213D;--ink-navy-light: #1D2E52;--paper: #F7F6F2;--surface: #FFFFFF;--surface-sunken: #EFEDE7;--border: #E2DFD6;--text-ink: #1B1B1E;--text-muted: #6B6A66;--text-on-navy: #E9E7DE;--text-on-navy-muted: #9AA3BD;--accent-amber: #C08A1E;--accent-amber-hover: #A9770F;--accent-teal: #1F6F63;--accent-brick: #B3432B;--font-display: "Newsreader", Georgia, serif;--font-ui: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 4px;--radius-md: 8px;--rail-width: 64px;--nav-width: 248px}*{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:inherit}:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:500}.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-size:var(--text-lg);font-style:italic;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);position:relative;transition:background .15s,color .15s}.rail-btn:hover{background:var(--ink-navy-light);color:var(--text-on-navy)}.rail-btn.active{color:var(--paper);background:var(--ink-navy-light)}.rail-btn.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;background:var(--accent-amber);border-radius:2px}.rail-spacer{flex:1}.nav-col{background:var(--surface-sunken);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-4);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)}.nav-item.active{background:var(--surface);font-weight:600;box-shadow:inset 3px 0 0 var(--accent-amber)}.nav-item .count{font-size:var(--text-xs);color:var(--text-muted)}.nav-item.unread .count{color:var(--surface);background:var(--accent-amber);padding:0 6px;border-radius:10px}.list-col{background:var(--paper);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;flex-direction:column;gap:2px}.list-row:hover{background:var(--surface)}.list-row.selected{background:var(--surface);box-shadow:inset 3px 0 0 var(--accent-amber)}.list-row.unread .list-row-title{font-weight:600}.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}.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-family:var(--font-display);font-style:italic;font-size:var(--text-md)}.detail-subject{font-size:var(--text-xl);margin-bottom:var(--space-2)}.detail-meta{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:500}.btn-primary{background:var(--accent-amber);color:#fff}.btn-primary:hover{background:var(--accent-amber-hover)}.btn-ghost{background:transparent;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(--paper)}.field input:focus,.field textarea:focus{background:var(--surface)}.presence-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--text-muted)}.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:var(--text-on-navy);font-size:var(--text-xs);background:#00000080;padding:2px 8px;border-radius:10px}.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:var(--text-on-navy)}.video-controls button.end-call{background:var(--accent-brick);color:#fff}