:root{--surface: #fff;--canvas: #f4f4f5;--surface-hover: #f1f3f5;--divider: #e7e9ec;--text-primary: #18212b;--text-secondary: #707579;--accent: #2481cc;--accent-strong: #1675b6;--accent-hover: #12649d;--selection-solid: #2b7cb3;--selection-soft: #e8f2fc;--message-outgoing: #e1ffc7;--message-meta: #4a7b50;--danger: #c93636;--success: #24784b;--rail-width: 84px;--radius-control: 8px;--radius-panel: 12px;--shadow-menu: 0 8px 32px #18212b1c, 0 1px 4px #18212b0a;--wallpaper: url(/chat-pattern.svg), radial-gradient(ellipse at 90% 0%, #dce6c7 0, transparent 65%), linear-gradient(145deg, #bad5af, #aecfae 50%, #dce5c5);--wallpaper-size: 420px 420px, cover, cover}*{box-sizing:border-box}body{margin:0;color:var(--text-primary);background:var(--surface);font:14px/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:transparent;color:var(--accent);border-radius:var(--radius-control);padding:10px 14px}button:hover{background:var(--surface-hover)}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{border:1px solid var(--divider);border-radius:var(--radius-control);background:var(--surface);color:var(--text-primary);padding:10px 12px;width:100%;min-width:0}textarea{resize:vertical;min-height:90px}label{display:flex;flex-direction:column;gap:6px;margin:16px 0;color:var(--text-secondary);font-size:13px}h1,h2,h3,p{margin:0}a{color:var(--accent)}.primary{background:var(--accent);color:#fff;font-weight:500}.primary:hover{background:var(--accent-strong)}.muted{color:var(--text-secondary);font-size:13px}.error{color:var(--danger);margin:12px 0}.login-screen{min-height:100dvh;display:grid;place-items:center;background:var(--canvas);padding:24px}.login-card{width:min(100%,360px);background:var(--surface);padding:32px;border-radius:16px;box-shadow:0 3px 20px #18212b0a}.login-card h1{font-size:24px;font-weight:600;text-align:center;margin-top:12px}.login-card>.muted{text-align:center;margin:6px 0 24px}.login-card>.primary{width:100%;margin-top:10px}.login-mark{width:64px;height:64px;margin:auto;background:var(--selection-soft);color:var(--accent);border-radius:50%;display:grid;place-items:center}.login-mark svg{width:32px;height:32px}.connection-error{padding:12px;background:var(--surface);color:var(--danger)}.workspace{display:flex;min-height:100dvh}.rail{width:var(--rail-width);flex-shrink:0;background:#edf2f5;display:flex;flex-direction:column;align-items:center;padding:12px 5px;gap:8px;border-right:1px solid var(--divider)}.rail-page{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;background:var(--selection-soft);padding:12px 4px}.rail-page svg{width:28px;height:28px}.rail-logout{margin-top:auto;color:var(--text-secondary);padding:12px}.board-page{flex:1;min-width:0;padding:20px 24px}.board-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--divider);padding-bottom:14px}.tabs{display:flex;gap:12px}.tabs button{padding:10px 8px;border-radius:0;color:var(--text-secondary);border-bottom:2px solid transparent}.tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.tabs span,.stage h2 span{font-size:12px;font-weight:400;color:var(--text-secondary);margin-left:8px}.search-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}.search-row input{max-width:340px;background:var(--canvas);border-color:transparent}.board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;overflow-x:auto;min-height:calc(100dvh - 165px)}.stage{background:var(--canvas);padding:12px;border-radius:10px}.stage h2{font-size:14px;font-weight:500;padding:0 2px 14px}.placement-card{display:block;width:100%;background:var(--surface);border:1px solid var(--divider);text-align:left;padding:14px;margin-bottom:10px;color:var(--text-primary)}.placement-card:hover{background:var(--surface);border-color:#b8d6ee}.card-identity{display:flex;align-items:stretch;gap:10px}.card-identity>div:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.card-identity strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.card-identity span{font-size:12px;color:var(--text-secondary)}.avatar{flex-shrink:0;width:40px;min-height:40px;border-radius:50%;background:linear-gradient(145deg,#54b7e9,#2481cc);color:#fff;display:grid;place-items:center;font-size:19px;align-self:flex-start}.card-contact{margin-top:14px;color:var(--text-secondary);font-size:13px;overflow-wrap:anywhere}.card-note{margin-top:12px;padding-top:12px;border-top:1px solid var(--divider);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.paused{color:var(--text-secondary);font-size:12px;margin-top:10px}.stage-empty{color:var(--text-secondary);font-size:13px;padding:16px 4px}.archive-list{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}th{color:var(--text-secondary);font-size:12px;font-weight:400}th,td{padding:12px;border-bottom:1px solid var(--divider)}td button{padding:4px 0;text-align:left}.empty{padding:60px;text-align:center;color:var(--text-secondary)}dialog{border:0;border-radius:14px;padding:24px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);color:var(--text-primary);background:var(--surface);box-shadow:var(--shadow-menu)}dialog::backdrop{background:#18212b66}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.modal-header h2{font-size:19px;font-weight:600;overflow-wrap:anywhere}.icon-button{padding:6px;display:flex;color:var(--text-secondary)}.form-section{border-top:1px solid var(--divider);margin-top:24px;padding-top:16px}.form-section h3{font-size:14px;font-weight:500;margin-bottom:4px}.form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.channel-link{overflow-wrap:anywhere;font-size:13px;display:block;margin-bottom:8px}@media(max-width:680px){:root{--rail-width:68px}.board-page{padding:14px 12px}.board-header{align-items:flex-start;gap:8px}.board-header>.primary{font-size:12px;padding:10px}.tabs{gap:4px}.tabs button{padding:8px 4px;font-size:12px}.tabs span{margin-left:4px}.search-row>.muted{display:none}.board{grid-template-columns:repeat(4,240px)}.rail-page{font-size:10px}}