*{margin:0;padding:0;box-sizing:border-box}body.admin{font-family:JetBrains Mono,monospace;background:#000;color:#fff;min-height:100vh}body.admin-login{display:flex;align-items:center;justify-content:center}.admin-dashboard{padding:32px 48px;max-width:1200px;margin:0 auto}.admin-login .login-container{background:#111;border:1px solid #333;padding:40px;max-width:400px;width:90%}.admin-login h1{color:#8a2be2;margin-bottom:8px;font-size:24px}.admin-login .subtitle{color:#666;margin-bottom:32px;font-size:12px}.admin-login input{width:100%;padding:12px;background:#000;border:1px solid #333;color:#fff;font-family:inherit;margin-bottom:16px}.admin-login input:focus{outline:none;border-color:#8a2be2}.admin-login button{width:100%;padding:12px;background:#8a2be2;border:none;color:#fff;font-family:inherit;cursor:pointer;font-size:14px}.admin-login button:hover{background:#7b27cc}.admin-login button:disabled{opacity:.5;cursor:not-allowed}.admin-login .message{margin-top:16px;font-size:12px}.admin-login .message.error{color:#f44}.admin-login .message.success{color:#00ff41}.admin-dashboard .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #333}.admin-dashboard h1{color:#8a2be2;font-size:20px}.admin-dashboard .user{color:#666;font-size:12px}.admin-nav{display:flex;gap:16px}.admin-nav a{color:#666;text-decoration:none;font-size:12px;padding:8px 12px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.05em}.admin-nav a:hover{color:#8a2be2;border-color:#8a2be2}.admin-dashboard .logout{background:none;border:1px solid #333;color:#666;padding:8px 16px;cursor:pointer;font-family:inherit;font-size:12px}.admin-dashboard .logout:hover{border-color:#f44;color:#f44}.admin-dashboard .tabs{display:flex;gap:8px;margin-bottom:24px}.admin-dashboard .tab{background:#111;border:1px solid #333;color:#888;padding:8px 16px;cursor:pointer;font-family:inherit;font-size:12px}.admin-dashboard .tab:hover{border-color:#8a2be2}.admin-dashboard .tab.active{border-color:#8a2be2;color:#8a2be2}.admin-dashboard .tab .badge{display:none;margin-left:6px;background:#8a2be2;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.admin-dashboard .tab .badge.has-unread{display:inline-block}.admin-dashboard .emails{display:flex;flex-direction:column;gap:12px}.admin-dashboard .email-card{background:#111;border:1px solid #222;padding:16px;cursor:pointer;transition:border-color .15s}.admin-dashboard .email-card:hover{border-color:#8a2be2}.admin-dashboard .email-card.unread{border-left:3px solid #8A2BE2;background:#1a1a1a}.admin-dashboard .email-card.unread .email-subject{font-weight:700}.admin-dashboard .email-header{display:flex;justify-content:space-between;margin-bottom:8px}.admin-dashboard .email-from{color:#8a2be2;font-size:14px}.admin-dashboard .email-date{color:#666;font-size:11px}.admin-dashboard .email-subject{font-size:14px;margin-bottom:8px}.admin-dashboard .email-preview{color:#888;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dashboard .email-ai-preview{margin-top:8px;font-size:11px;color:#666}.admin-dashboard .email-ai{margin-top:12px;padding-top:12px;border-top:1px solid #222;font-size:11px}.admin-dashboard .ai-label{color:#00ff41}.admin-dashboard .priority-high{color:#f44}.admin-dashboard .priority-medium{color:#fa0}.admin-dashboard .priority-low{color:#888}.admin-dashboard .empty{color:#666;text-align:center;padding:40px}.admin-dashboard .loading{color:#8a2be2}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:#000c}.modal-content{position:relative;background:#111;border:1px solid #333;padding:24px;max-width:700px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;margin-bottom:12px}.modal-from{color:#8a2be2;font-size:14px}.modal-date{color:#666;font-size:11px}.modal-subject{font-size:16px;font-weight:700;margin-bottom:16px}.modal-body{color:#ccc;font-size:13px;white-space:pre-wrap;line-height:1.5;margin-bottom:16px}.thread-message{border:1px solid #222;background:#0b0b0b;padding:12px;margin-bottom:12px}.thread-message.outbound{border-color:#8a2be2;background:#8a2be21f}.thread-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:11px;color:#666}.thread-who{color:#8a2be2}.thread-message.outbound .thread-who{color:#fff}.thread-body{white-space:pre-wrap;line-height:1.5}.modal-ai{padding-top:16px;border-top:1px solid #222;font-size:12px;color:#888}.modal-reply{margin-top:16px;padding-top:16px;border-top:1px solid #222}.reply-toggle{background:#8a2be2;border:none;color:#fff;padding:8px 20px;cursor:pointer;font-family:inherit;font-size:13px}.reply-toggle:hover{background:#7b27cc}.reply-toggle:disabled{opacity:.6;cursor:default}.reply-toggle.hidden,.reply-form.hidden{display:none}.reply-text{width:100%;min-height:120px;background:#000;border:1px solid #333;color:#fff;padding:12px;font-family:inherit;font-size:13px;resize:vertical;margin-bottom:12px}.reply-text:focus{outline:none;border-color:#8a2be2}.reply-actions{display:flex;gap:8px;justify-content:flex-end}.reply-cancel{background:none;border:1px solid #333;color:#888;padding:8px 16px;cursor:pointer;font-family:inherit;font-size:12px}.reply-cancel:hover{border-color:#666;color:#fff}.reply-send{background:#8a2be2;border:none;color:#fff;padding:8px 20px;cursor:pointer;font-family:inherit;font-size:12px}.reply-send:hover{background:#7b27cc}.reply-send:disabled{opacity:.6;cursor:default}