@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{background:#0f1117;color:#e6e6e6;font-family:Inter,sans-serif;height:100%;width:100%}.App{align-items:center;background:linear-gradient(135deg,#0f1117,#151925);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;width:100vw}.App,.header{text-align:center}.header{margin-bottom:40px}.header h1{color:#7eb6ff;font-size:32px;font-weight:600;margin-bottom:15px;text-shadow:0 0 15px #7eb6ff4d}.status-indicator{align-items:center;color:#8b949e;display:flex;font-size:18px;gap:10px;justify-content:center}.status-dot{border-radius:50%;height:12px;width:12px}.status-dot.online{background:#3fb950;box-shadow:0 0 10px #3fb95080}.status-dot.idle{background:#d29922;box-shadow:0 0 10px #d2992280}.status-dot.dnd{background:#f85149;box-shadow:0 0 10px #f8514980}.status-dot.offline{background:#8b949e;box-shadow:0 0 10px #8b949e80}.activities-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:30px;max-width:900px;width:100%}.activity-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161b22b3;border:1px solid #ffffff1a;border-radius:16px;max-width:400px;padding:25px;text-align:left;transition:all .3s ease;width:100%}.activity-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px}.activity-icon{height:36px;width:36px}.activity-header h3{color:#e6e6e6;font-size:20px;font-weight:500}.activity-content{min-height:80px}.activity-content p{color:#8b949e;font-size:16px;line-height:1.6;word-break:break-word}.footer{color:#8b949e;font-size:14px;margin-top:20px;text-align:center}.footer p{margin:8px 0}.copyright{color:#7eb6ff;font-size:14px;margin-top:15px}#loading{align-items:center;display:flex;flex-direction:column;gap:15px}.spinner{animation:spin 1s linear infinite;border:3px solid #7eb6ff33;border-radius:50%;border-top-color:#7eb6ff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.App{padding:15px}.header h1{font-size:26px}.activities-container{gap:20px}.activity-item{border-radius:12px;padding:20px}.activity-header{flex-direction:column;gap:10px;text-align:center}.activity-header h3{font-size:18px}.activity-content p{font-size:14px;text-align:center}.footer{margin-top:30px}}
/*# sourceMappingURL=main.ebbc363b.css.map*/