* { scrollbar-width: thin; scrollbar-color: #334155 #020617; }
body { background: radial-gradient(circle at 15% 0%, rgba(34,211,238,.18), transparent 28%), radial-gradient(circle at 85% 15%, rgba(99,102,241,.16), transparent 32%), #050816; }
.glass { background: rgba(15, 23, 42, 0.72); border: 1px solid rgba(148, 163, 184, 0.16); box-shadow: 0 24px 90px rgba(0,0,0,.38); backdrop-filter: blur(18px); }
.card { border-radius: 1.4rem; background: linear-gradient(180deg, rgba(15,23,42,.9), rgba(15,23,42,.68)); border: 1px solid rgba(148,163,184,.16); padding: 1.2rem; box-shadow: 0 20px 60px rgba(0,0,0,.20); }
.card-hover { transition: .18s ease; }
.card-hover:hover { transform: translateY(-2px); border-color: rgba(34,211,238,.38); box-shadow: 0 24px 80px rgba(34,211,238,.08); }
.nav-active { background: linear-gradient(90deg, rgba(34,211,238,.18), rgba(99,102,241,.16)); color: white; border-color: rgba(34,211,238,.42); }
.input { width: 100%; border-radius: 1rem; border: 1px solid rgba(100,116,139,.7); background: rgba(2,6,23,.74); padding: .78rem 1rem; color: white; outline: none; }
.input:focus { border-color: #22d3ee; box-shadow: 0 0 0 3px rgba(34,211,238,.15); }
.btn { border-radius: 1rem; padding: .72rem 1rem; font-weight: 800; transition: .15s ease; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: linear-gradient(135deg,#06b6d4,#6366f1); color: white; }
.btn-muted { background: rgba(30,41,59,.92); color: #e2e8f0; border: 1px solid rgba(148,163,184,.14); }
.btn-danger { background: linear-gradient(135deg,#ef4444,#be123c); color: white; }
.btn-green { background: linear-gradient(135deg,#10b981,#14b8a6); color:white; }
.badge { border: 1px solid rgba(148,163,184,.22); background: rgba(30,41,59,.72); border-radius: 999px; padding: .28rem .7rem; font-size: .75rem; display:inline-flex; gap:.3rem; align-items:center; }
.pill-online { background: rgba(16,185,129,.16); border-color: rgba(16,185,129,.35); color:#86efac; }
.pill-offline { background: rgba(239,68,68,.14); border-color: rgba(239,68,68,.34); color:#fca5a5; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }