*{box-sizing:border-box}body{margin:0;background:#0f172a;color:#e5e7eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-container{min-height:100vh;background:radial-gradient(circle at top,rgba(59,130,246,.12),transparent 30%),linear-gradient(180deg,#0f172a,#111827);color:#fff}.sidebar{position:sticky;top:0;z-index:1000;width:100%;background:#0f172ad1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.18);box-shadow:0 10px 30px #0f172a38;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px;flex-wrap:wrap}.sidebar-header{padding:18px 0;flex-shrink:0}.brand{color:#f8fafc;text-decoration:none;font-size:1rem;font-weight:700;letter-spacing:-.02em}.sidebar-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;flex-wrap:wrap;padding:12px 0}.nav-links,.nav-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nav-actions{margin-left:auto}.sidebar-nav a{color:#cbd5e1;text-decoration:none;padding:10px 14px;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:500;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.sidebar-nav a:hover{color:#f8fafc;background:#1e293be6;border-color:#94a3b82e;transform:translateY(-1px)}.sidebar-nav a.active{color:#eff6ff;background:linear-gradient(135deg,#2563ebe6,#3b82f6bf);border-color:#60a5fa59;box-shadow:0 10px 20px #2563eb38}.sidebar-auth{display:flex;flex-direction:row;align-items:center;gap:10px}.sidebar-nav .profile-link{display:flex;align-items:center;gap:8px;padding:8px 12px;max-width:100%}.sidebar-nav .profile-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.auth-link{color:#cbd5e1}.auth-link:hover{background:#1e293be6}.main-container{width:100%;padding:32px 24px 40px}.top-header,.auth-section,.top-header .auth-link,.top-header .profile-link{display:none}main{padding:32px 24px 40px;max-width:960px;margin:0 auto}@media (max-width: 768px){.sidebar{align-items:flex-start;padding:0 16px 14px}.sidebar-header,.sidebar-nav,.nav-links,.nav-actions,.sidebar-auth{width:100%}.sidebar-nav,.nav-links,.nav-actions,.sidebar-auth{justify-content:flex-start}.nav-actions{margin-left:0}.main-container{padding:16px}main{padding:32px 16px}}