*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#0f0f0f;color:#e0e0e0;height:100vh;overflow:hidden}#root{height:100vh}.login-wrap{display:flex;align-items:center;justify-content:center;height:100vh;background:#0f0f0f}.login-box{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:40px;width:380px}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:20px;font-weight:700;color:#fff}.login-box h2{color:#888;font-weight:400;font-size:15px;margin-bottom:28px}.login-box input{display:block;width:100%;background:#111;border:1px solid #333;border-radius:8px;padding:10px 14px;font-size:14px;color:#fff;margin-bottom:12px;outline:none;font-family:inherit}.login-box input:focus{border-color:#e91e8c}.login-box button{width:100%;background:#e91e8c;color:#fff;border:none;border-radius:8px;padding:11px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.login-box button:hover{background:#c41874}.error{color:#f87171;font-size:13px;margin-bottom:10px}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;background:#141414;border-right:1px solid #222;display:flex;flex-direction:column;padding:20px 0;flex-shrink:0;overflow-y:auto}.sidebar-header{display:flex;align-items:center;gap:10px;padding:0 16px 20px;border-bottom:1px solid #222;margin-bottom:12px}.sidebar-title{font-weight:700;font-size:16px;color:#fff}.sidebar-section-label{font-size:11px;font-weight:600;color:#555;letter-spacing:.08em;padding:0 16px 6px}.sidebar-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;color:#aaa;padding:8px 16px;font-size:14px;cursor:pointer;border-radius:0;font-family:inherit;transition:background .1s;position:relative}.sidebar-item:hover,.sidebar-item.active{background:#1e1e1e;color:#fff}.dept-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.badge{margin-left:auto;background:#e91e8c;color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px}.logout-btn{margin:auto 16px 0;background:none;border:1px solid #333;color:#666;padding:8px;border-radius:8px;cursor:pointer;font-size:13px;font-family:inherit}.logout-btn:hover{border-color:#e91e8c;color:#e91e8c}.logo-dot{width:10px;height:10px;background:#e91e8c;border-radius:50%;flex-shrink:0}.email-list{flex:1;overflow-y:auto;background:#111;min-width:0}.list-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid #1e1e1e;position:sticky;top:0;background:#111;z-index:1}.list-header h1{font-size:18px;font-weight:600;color:#fff}.refresh-btn{background:none;border:1px solid #333;color:#888;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-family:inherit}.refresh-btn:hover{border-color:#555;color:#fff}.loading,.empty{padding:40px 24px;color:#555;text-align:center;font-size:14px}.email-row{padding:14px 24px;border-bottom:1px solid #1a1a1a;cursor:pointer;transition:background .1s}.email-row:hover{background:#161616}.email-row.selected{background:#1a1a1a;border-left:3px solid #e91e8c}.email-row.unread .from{color:#fff;font-weight:600}.email-row.unread .email-row-subject{color:#e0e0e0;font-weight:500}.email-row-top{display:flex;justify-content:space-between;margin-bottom:4px}.from{font-size:14px;color:#ccc}.date{font-size:12px;color:#555}.email-row-subject{font-size:13px;color:#888;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-row-bottom{display:flex;align-items:center;gap:8px}.dept-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.confidence{font-size:11px;color:#555}.new-dot{width:7px;height:7px;background:#e91e8c;border-radius:50%;margin-left:auto}.email-view{width:420px;background:#141414;border-left:1px solid #222;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.view-header{padding:16px 20px;border-bottom:1px solid #222;display:flex;gap:12px;align-items:flex-start}.close-btn{background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:0;line-height:1;flex-shrink:0;margin-top:2px}.close-btn:hover{color:#fff}.view-header h2{font-size:15px;font-weight:600;color:#fff;line-height:1.4}.view-meta{padding:12px 20px;border-bottom:1px solid #1e1e1e;display:flex;flex-direction:column;gap:4px}.view-meta span{font-size:13px;color:#777}.view-meta strong{color:#aaa}.view-actions{padding:12px 20px;border-bottom:1px solid #1e1e1e;display:flex;gap:8px}.view-actions select{flex:1;background:#1e1e1e;border:1px solid #333;border-radius:6px;color:#ccc;padding:6px 10px;font-size:13px;font-family:inherit;cursor:pointer;outline:none}.view-actions select:focus{border-color:#e91e8c}.view-body{flex:1;overflow-y:auto;padding:20px}.view-body p{font-size:14px;color:#bbb;line-height:1.7;min-height:1.7em}