:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--border: #2e3248;--text: #e8eaf6;--muted: #8b91b0;--accent: #4f7ef8;--green: #3ecf6b;--red: #f87171;--sidebar-w: 200px;--list-w: 340px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);height:100vh;overflow:hidden}.app{display:grid;grid-template-columns:var(--sidebar-w) var(--list-w) 1fr;height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.sidebar-header{display:flex;align-items:center;gap:8px}.sidebar-header h1{font-size:14px;font-weight:700}.badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.sidebar section{display:flex;flex-direction:column;gap:3px}.sidebar label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}.sidebar select{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:6px;font-size:12px;width:100%}.sidebar button{background:transparent;border:none;color:var(--muted);font-size:12px;text-align:left;padding:5px 8px;border-radius:5px;cursor:pointer}.sidebar button:hover{background:var(--surface2);color:var(--text)}.sidebar button.active{background:var(--accent);color:#fff}.inbox-list{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.inbox-list-header{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);flex-shrink:0}.inbox-list-header button{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:3px 10px;border-radius:4px;font-size:11px;cursor:pointer}.inbox-list-body{flex:1;overflow-y:auto}.empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:13px}.inbox-item{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border);cursor:pointer;border-left:3px solid transparent}.inbox-item:hover{background:var(--surface2)}.inbox-item.selected{background:var(--surface2);border-left-color:var(--accent)}.inbox-item.unread .from-name{font-weight:700;color:var(--text)}.inbox-item.unread .item-preview{color:var(--text)}.type-icon{font-size:15px;flex-shrink:0;padding-top:1px}.item-body{flex:1;min-width:0}.item-meta{display:flex;justify-content:space-between;margin-bottom:2px}.from-name{font-size:13px;font-weight:500}.timestamp{font-size:11px;color:var(--muted)}.item-preview{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-view{display:flex;flex-direction:column;overflow:hidden}.thread-view.empty{justify-content:center;align-items:center;color:var(--muted);font-size:14px}.thread-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-shrink:0}.thread-from{font-size:16px;font-weight:600}.thread-meta{font-size:12px;color:var(--muted);margin-top:2px}.thread-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.thread-actions button{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer}.thread-actions button:disabled{opacity:.35;cursor:default}.thread-actions button:not(:disabled):hover{background:var(--border)}.btn-link{color:var(--accent);text-decoration:none;font-size:12px;padding:4px 10px;border:1px solid var(--accent);border-radius:4px;white-space:nowrap}.thread-content{flex:1;padding:20px;font-size:15px;line-height:1.65;overflow-y:auto;white-space:pre-wrap}.thread-timestamp{padding:8px 20px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);flex-shrink:0}.reply-box{padding:14px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.reply-box textarea{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;line-height:1.5}.reply-box textarea:focus{outline:none;border-color:var(--accent)}.reply-box button{align-self:flex-end;background:var(--accent);border:none;color:#fff;padding:7px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.reply-box button:disabled{opacity:.45;cursor:default}.reply-error{font-size:12px;color:var(--red);background:#f871711a;padding:8px 12px;border-radius:4px}