:root{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#1e2130;--bg-hover:#252840;--border:#2d3748;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#6366f126;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f1117;background:var(--bg-primary);color:#e2e8f0;color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f1117;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#2d3748;background:var(--border);border-radius:3px}.spinner{animation:spin .8s linear infinite;border:3px solid #2d3748;border-top-color:#6366f1;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.layout{display:flex;min-height:100vh}.sidebar{background:#1a1d27;background:var(--bg-secondary);border-right:1px solid #2d3748;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;left:0;padding:0;position:fixed;top:0;width:240px;z-index:100}.sidebar-logo{align-items:center;border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:24px 20px}.sidebar-logo-icon{align-items:center;background:#6366f1;background:var(--accent);border-radius:10px;color:#fff;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;font-size:20px;font-weight:700}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;text-decoration:none;transition:all .15s;width:100%}.nav-item:hover{background:#252840;background:var(--bg-hover);color:#e2e8f0;color:var(--text-primary)}.nav-item.active{background:#6366f126;background:var(--accent-light);color:#6366f1;color:var(--accent)}.nav-item svg{flex-shrink:0;height:20px;width:20px}.sidebar-profile{align-items:center;border-top:1px solid #2d3748;border-top:1px solid var(--border);display:flex;gap:10px;padding:16px}.main-content{flex:1 1;margin-left:240px;max-width:calc(100% - 240px);min-height:100vh}.avatar{align-items:center;background:#252840;background:var(--bg-hover);border-radius:50%;color:#6366f1;color:var(--accent);display:flex;flex-shrink:0;font-weight:600;justify-content:center;object-fit:cover}.card{background:#1e2130;background:var(--bg-card);border:1px solid #2d3748;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:20px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .15s;white-space:nowrap}.btn-primary{background:#6366f1;background:var(--accent);color:#fff}.btn-primary:hover{background:#4f46e5;background:var(--accent-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#252840;background:var(--bg-hover);border:1px solid #2d3748;border:1px solid var(--border);color:#e2e8f0;color:var(--text-primary)}.btn-secondary:hover{background:#2d3748;background:var(--border)}.btn-ghost{background:#0000;color:#94a3b8;color:var(--text-secondary)}.btn-ghost:hover{background:#252840;background:var(--bg-hover);color:#e2e8f0;color:var(--text-primary)}.btn-danger{background:#ef444426;color:#ef4444;color:var(--error)}.btn-danger:hover{background:#ef444440}.btn-sm{font-size:13px;padding:6px 12px}.btn-lg{font-size:16px;padding:12px 24px}.input{background:#0f1117;background:var(--bg-primary);border:1px solid #2d3748;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#e2e8f0;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.input:focus{border-color:#6366f1;border-color:var(--accent)}.input::placeholder{color:#64748b;color:var(--text-muted)}textarea.input{min-height:80px;resize:vertical}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:500}.form-error{color:#ef4444;color:var(--error);font-size:12px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px}.badge-accent{background:#6366f126;background:var(--accent-light);color:#6366f1;color:var(--accent)}.badge-success{background:#10b98126;color:#10b981;color:var(--success)}.badge-count{align-items:center;background:#ef4444;background:var(--error);border-radius:9px;color:#fff;display:inline-flex;font-size:11px;height:18px;justify-content:center;min-width:18px;padding:0 4px}.online-dot{background:#10b981;background:var(--success);border:2px solid #1e2130;border:2px solid var(--bg-card);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.auth-page{align-items:center;background:radial-gradient(ellipse at 50% 0,#6366f126 0,#0000 60%);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{border:1px solid #2d3748;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 24px #0006;box-shadow:var(--shadow);max-width:420px;padding:40px;width:100%}.auth-card,.post-card{background:#1e2130;background:var(--bg-card)}.post-card{border:1px solid #2d3748;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:hidden;transition:border-color .15s}.post-card:hover{border-color:#3d4a60}.post-media{max-height:500px;object-fit:cover;width:100%}.feed-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 300px;margin:0 auto;max-width:900px;padding:24px}.message-bubble{border-radius:16px;font-size:14px;line-height:1.5;max-width:70%;padding:10px 14px}.message-bubble.sent{background:#6366f1;background:var(--accent);border-bottom-right-radius:4px;color:#fff;margin-left:auto}.message-bubble.received{background:#252840;background:var(--bg-hover);border-bottom-left-radius:4px;color:#e2e8f0;color:var(--text-primary)}.divider{border:none;border-top:1px solid #2d3748;border-top:1px solid var(--border);margin:16px 0}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{font-size:48px;opacity:.4}.empty-state h3{font-size:18px;font-weight:600}.empty-state p{color:#64748b;color:var(--text-muted);font-size:14px}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.main-content{margin-left:0;max-width:100%}.feed-layout{grid-template-columns:1fr;padding:16px}}
/*# sourceMappingURL=main.b2d7a644.css.map*/