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-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-content{align-items:center;display:flex;justify-content:space-between;width:100%}.sidebar-text{flex:1 1;overflow:hidden}.subject{font-size:.95rem;font-weight:700;margin:0}.from{margin:.25rem 0}.from,.snippet{color:var(--text-muted);font-size:.8rem}.snippet{display:block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-thumb{border:1px solid var(--border);border-radius:6px;height:50px;margin-left:.5rem;object-fit:cover;width:50px}.message-detail{background:var(--bg);color:var(--text);flex:1 1;overflow-y:auto;padding:2rem}.message-detail.empty{align-items:center;color:var(--text-muted);display:flex;justify-content:center}.images{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.thumbnail{border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 5px #0006;cursor:zoom-in;height:120px;object-fit:cover;transition:transform .2s ease;width:180px}.thumbnail:hover{transform:scale(1.05)}.image-overlay{align-items:center;animation:fadeIn .25s ease;background:#000000f2;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.full-image{border-radius:10px;box-shadow:0 0 15px #ffffff4d;max-height:90%;max-width:90%}.close-btn{color:#fff;cursor:pointer;font-size:2.5rem;position:absolute;right:25px;top:20px;-webkit-user-select:none;user-select:none}.complete-btn.floating{background:var(--accent);border:none;border-radius:50px;bottom:2rem;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;position:fixed;right:2rem;transition:all .2s ease;z-index:100}.complete-btn.floating:hover{background:#3d8cff;transform:scale(1.05)}.complete-btn.completed{background:#2ea043}.complete-btn.completed:hover{background:#3fb950}@media (max-width:768px){.complete-btn.floating{bottom:1rem;font-size:.8rem;padding:.6rem 1.2rem;right:1rem}}*{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:340px}.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)}}:root{--bg:#0d1117;--panel:#161b22;--text:#c9d1d9;--text-muted:#8b949e;--accent:#58a6ff;--border:#30363d}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;padding:.5rem 1rem}.menu-btn{border:none;display:none;font-size:1.5rem;margin-right:1rem}.filter-btn,.menu-btn{background:none;color:#58a6ff;color:var(--accent);cursor:pointer}.filter-btn{border:1px solid #58a6ff;border:1px solid var(--accent);border-radius:6px;font-size:.85rem;margin-left:auto;padding:.4rem .75rem;transition:all .2s ease}.filter-btn:hover{background:#58a6ff;background:var(--accent);color:#fff}.inbox-container{display:flex;flex:1 1;overflow:hidden}@media (max-width:768px){.menu-btn{display:block}.sidebar{height:calc(100% - 3.2rem);left:-100%;position:absolute;top:3.2rem;transition:left .3s ease;width:75%;z-index:100}.inbox-container.show-sidebar .sidebar{left:0}}.logout-btn{background:none;border:1px solid #f85149;border-radius:6px;color:#f85149;cursor:pointer;margin-left:1rem;padding:.4rem .75rem;transition:all .2s ease}.logout-btn:hover{background:#f85149;color:#fff}
/*# sourceMappingURL=main.5fcdf8ac.css.map*/