body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;padding:.5rem;width:300px}.sidebar-empty{color:var(--text-muted);font-size:.9rem;padding:2rem 1rem;text-align:center}.sidebar-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:.75rem;transition:background .2s}.sidebar-item:hover{background:#21262d}.sidebar-item.active{background:var(--accent);color:#fff}.sidebar-item--spam{border-left:3px solid var(--spam)}.sidebar-item--completed{opacity:.6}.sidebar-content{align-items:center;display:flex;justify-content:space-between;width:100%}.sidebar-text{flex:1 1;overflow:hidden}.sidebar-subject-row{align-items:center;display:flex;gap:.4rem}.subject{font-size:.95rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{border-radius:4px;display:inline-block;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.04em;line-height:1.5;padding:1px 5px}.badge--spam{background:#f8514933;border:1px solid #f8514966;color:var(--spam)}.sidebar-item.active .badge--spam{background:#ffffff26;border-color:#ffffff4d;color:#fff}.badge--done{background:#2ea04333;border:1px solid #2ea04366;color:var(--done)}.spam-reason-label{color:var(--spam);font-size:.7rem;margin:.2rem 0 0;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item.active .spam-reason-label{color:#ffffffb3}.from{margin:.25rem 0}.from,.snippet{color:var(--text-muted);font-size:.8rem}.snippet{display:block;margin:0;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item.active .from,.sidebar-item.active .snippet{color:#fffc}.sidebar-thumb{border:1px solid var(--border);border-radius:6px;flex-shrink:0;height:50px;margin-left:.5rem;object-fit:cover;width:50px}@media (max-width:768px){.sidebar{box-shadow:6px 0 18px #0006;padding:.75rem .5rem 1.5rem}.sidebar-item{padding:.9rem}.subject{font-size:1rem}.from,.snippet{font-size:.75rem}.sidebar-thumb{height:44px;width:44px}}.message-detail{background:var(--bg);color:var(--text);flex:1 1;overflow-y:auto;padding:2rem}.spam-banner{align-items:center;background:#f851491a;border:1px solid #f8514959;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.25rem;padding:.6rem 1rem}.spam-banner__label{color:#f85149;font-size:.85rem;font-weight:700;white-space:nowrap}.spam-banner__reason{color:#f85149;font-size:.82rem;opacity:.85;word-break:break-word}.message-detail .meta{grid-gap:.35rem;color:var(--text-muted);display:grid;font-size:.95rem;gap:.35rem;margin:.75rem 0 1rem}.message-detail .meta p{margin:0}.message-detail .meta strong{color:var(--text)}.message-detail .message-body{line-height:1.6;margin-bottom:1.5rem}.message-detail.empty{align-items:center;color:var(--text-muted);display:flex;justify-content:center}.images{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,140px));justify-items:center;margin-top:1rem}.thumbnail{aspect-ratio:4/3;border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 5px #0006;cursor:zoom-in;object-fit:cover;transition:transform .2s ease;width:140px}.thumbnail:hover{transform:scale(1.05)}.image-overlay{align-items:center;background:#000000f2;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.close-btn{color:#fff;cursor:pointer;font-size:2.5rem;position:absolute;right:25px;top:20px;-webkit-user-select:none;user-select:none}.action-row.floating{align-items:center;bottom:2rem;display:flex;gap:.6rem;position:fixed;right:2rem;z-index:100}.complete-btn,.not-spam-btn.floating,.spam-btn{border:none;border-radius:50px;box-shadow:0 4px 10px #0000004d;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s ease}.complete-btn{background:var(--accent);color:#fff}.complete-btn:hover{background:#3d8cff;transform:scale(1.05)}.complete-btn.completed{background:#2ea043}.complete-btn.completed:hover{background:#3fb950}.spam-btn{background:#f8514926;border:1px solid #f8514959;color:#f85149}.spam-btn:hover{background:#f8514947;transform:scale(1.05)}.not-spam-btn.floating{background:#2ea043;bottom:2rem;color:#fff;position:fixed;right:2rem;z-index:100}.not-spam-btn.floating:hover{background:#3fb950;transform:scale(1.05)}@media (max-width:768px){.message-detail{padding:1.5rem 1.25rem 5rem}.message-detail .meta{font-size:.9rem}.message-detail h2{font-size:1.3rem;margin-bottom:.5rem}.images{gap:.75rem}.action-row.floating,.not-spam-btn.floating{border-radius:12px;bottom:1rem;box-shadow:0 6px 20px #00000059;left:50%;position:fixed;right:auto;transform:translateX(-50%)}.action-row.floating{justify-content:center;width:min(420px,calc(100% - 2.5rem))}.action-row.floating:hover{transform:translateX(-50%)}.not-spam-btn.floating{width:min(420px,calc(100% - 2.5rem))}.not-spam-btn.floating:hover{transform:translateX(-50%) scale(1.03)}.inbox-container.show-sidebar .action-row.floating,.inbox-container.show-sidebar .not-spam-btn.floating{display:none}}*{box-sizing:border-box;margin:0;padding:0}.login-page{align-items:center;background:radial-gradient(circle at top,#161b22 0,#0d1117 100%);color:#c9d1d9;display:flex;font-family:Inter,Segoe UI,Roboto,sans-serif;height:100vh;justify-content:center}.login-card{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#161b22;border:1px solid #30363d;border-radius:16px;box-shadow:0 8px 32px #00000073;padding:2.5rem 2rem;text-align:center;width:min(340px,calc(100vw - 3rem))}.login-card h2{color:#f0f6fc;font-size:1.6rem;letter-spacing:.5px;margin-bottom:1.8rem}.login-card form{align-items:center;display:flex;flex-direction:column}.login-card input{background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#c9d1d9;font-size:.95rem;margin-bottom:1.2rem;max-width:280px;padding:.75rem;transition:all .2s ease;width:100%}.login-card input:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff40;outline:none}.login-card button{background:linear-gradient(90deg,#58a6ff,#1f6feb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:280px;padding:.75rem;transition:all .25s ease;width:100%}.login-card button:hover{background:linear-gradient(90deg,#3d8cff,#1a5fd0);box-shadow:0 4px 12px #388bfd4d;transform:translateY(-1px)}.login-card button:active{box-shadow:none;transform:translateY(1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.login-page{padding:1.5rem 1rem}.login-card{padding:2rem 1.5rem;width:100%}.login-card h2{font-size:1.4rem}.login-card button,.login-card input{max-width:none}}:root{--bg:#0d1117;--panel:#161b22;--text:#c9d1d9;--text-muted:#8b949e;--accent:#58a6ff;--border:#30363d;--spam:#f85149;--done:#2ea043}body{background:#0d1117;background:var(--bg);color:#c9d1d9;color:var(--text);font-family:system-ui,sans-serif;margin:0}.App{display:flex;flex-direction:column;height:100vh}.app-header{align-items:center;background:#161b22;background:var(--panel);border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);display:flex;gap:.75rem;padding:.5rem 1rem}.app-header h1{font-size:1.1rem;margin:0}.menu-btn{background:none;border:none;color:#58a6ff;color:var(--accent);cursor:pointer;display:none;font-size:1.5rem;margin-right:.25rem}.header-filters{display:flex;gap:.5rem;margin-left:auto}.filter-btn{background:none;border:1px solid #58a6ff;border:1px solid var(--accent);border-radius:6px;color:#58a6ff;color:var(--accent);cursor:pointer;font-size:.85rem;padding:.4rem .75rem;transition:background .2s,color .2s}.filter-btn.active,.filter-btn:hover{background:#58a6ff;background:var(--accent);color:#0d1117}.filter-btn.active{font-weight:600}.filter-btn--spam{border-color:#f85149;border-color:var(--spam);color:#f85149;color:var(--spam)}.filter-btn--spam.active,.filter-btn--spam:hover{background:#f85149;background:var(--spam);color:#fff}.inbox-container{display:flex;flex:1 1;min-height:0;overflow:hidden;position:relative}.sidebar-backdrop{cursor:pointer;display:none}.logout-btn{background:none;border:1px solid #f85149;border:1px solid var(--spam);border-radius:6px;color:#f85149;color:var(--spam);cursor:pointer;font-size:.85rem;margin-left:0;padding:.4rem .75rem;transition:background .2s,color .2s}.logout-btn:hover{background:#f85149;background:var(--spam);color:#fff}@media (max-width:768px){.app-header{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem}.app-header h1{flex:1 0 100%;font-size:1rem;margin:0;order:-1}.menu-btn{display:block;order:-2}.header-filters{flex:1 1;margin-left:0}.filter-btn,.logout-btn{flex:1 1;font-size:.8rem;padding:.35rem .5rem;text-align:center}.sidebar{height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:min(320px,85vw);z-index:100}.sidebar-backdrop{background:#00000073;display:block;inset:0;position:fixed;z-index:90}.inbox-container{flex-direction:column}.inbox-container.show-sidebar{overflow:hidden}.inbox-container.show-sidebar .sidebar{left:0}}
/*# sourceMappingURL=main.48827fd1.css.map*/