:root{--accent: #3D94AB;--accent-dark: #327E92;--black: #111111;--white: #FFFFFF;--border: #E5E8EA;--bg-hover: #F5F9FA;--text-muted: #6B7280;--unread-bg: #F0F8FA}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Helvetica,Arial,sans-serif;background:var(--white);color:var(--black);font-size:13px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;margin:0;color:var(--black)}p,span,div,button,input,td,li{font-size:13px}button{font-family:Helvetica,Arial,sans-serif;cursor:pointer}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d5dbdd;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.app-shell{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:260px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--white)}.sidebar-header{padding:20px 18px 14px;border-bottom:1px solid var(--border)}.sidebar-header h1{color:var(--accent);letter-spacing:.2px}.sidebar-section{padding:14px 18px 6px;text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700;color:var(--text-muted)}.folder-list,.account-list{list-style:none;margin:0;padding:0 8px}.folder-item,.account-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;cursor:pointer;color:var(--black);margin-bottom:2px}.folder-item:hover,.account-item:hover{background:var(--bg-hover)}.folder-item.active,.account-item.active{background:var(--accent);color:var(--white)}.folder-item.active .count,.account-item.active .count{color:var(--white);opacity:.85}.count{font-size:12px;color:var(--text-muted)}.account-domain-group{margin-bottom:4px}.account-domain-label{padding:8px 10px 2px;font-size:11px;font-weight:700;color:var(--accent);text-transform:lowercase}.account-list{max-height:100%;overflow-y:auto;padding-bottom:20px}.sidebar-footer{margin-top:auto;padding:14px 18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.logout-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:6px 12px;color:var(--black)}.logout-btn:hover{border-color:var(--accent);color:var(--accent)}.email-list-panel{width:380px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column}.list-toolbar{padding:16px 18px 10px;border-bottom:1px solid var(--border)}.search-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;outline:none}.search-input:focus{border-color:var(--accent)}.email-items{overflow-y:auto;flex:1}.email-item{padding:12px 18px;border-bottom:1px solid var(--border);cursor:pointer}.email-item:hover{background:var(--bg-hover)}.email-item.selected{background:var(--unread-bg);border-left:3px solid var(--accent)}.email-item.unread .email-from,.email-item.unread .email-subject{font-weight:700}.email-item-top{display:flex;justify-content:space-between;margin-bottom:3px}.email-from{color:var(--black)}.email-time{color:var(--text-muted);font-size:12px}.email-subject{color:var(--black);margin-bottom:2px}.email-snippet{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-tag{display:inline-block;font-size:11px;color:var(--accent);margin-top:4px}.badge-bounce{color:#b54708;font-size:11px;font-weight:700;margin-left:6px}.email-detail-panel{flex:1;overflow-y:auto;padding:24px 32px}.detail-subject{margin-bottom:12px}.detail-meta{padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--text-muted)}.detail-meta strong{color:var(--black)}.detail-body{line-height:1.6}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.login-shell{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--white)}.login-box{width:320px;border:1px solid var(--border);border-radius:10px;padding:28px}.login-box h1{color:var(--accent);margin-bottom:20px}.login-box input{width:100%;padding:9px 10px;margin-bottom:12px;border:1px solid var(--border);border-radius:6px;font-size:13px}.login-box button{width:100%;padding:10px;background:var(--accent);color:var(--white);border:none;border-radius:6px;font-weight:700}.login-error{color:#b42318;font-size:12px;margin-bottom:10px}.loading-row{padding:18px;color:var(--text-muted)}