.monitoring-page{--bg-color:#171717;--text-main:#ffffff;--text-muted:#a3a3a3;--accent-purple:#8b5cf6;--accent-purple-hover:#7c3aed;--accent-yellow:#facc15;--card-bg-dark:#262626;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;padding-bottom:4rem}.monitoring-page h1{font-size:3.5rem;line-height:1.1;font-weight:700;letter-spacing:-.02em}.monitoring-page p{color:var(--text-muted)}.monitoring-card{border-radius:1.5rem;overflow:hidden;position:relative}.monitoring-card-yellow{background-color:var(--accent-yellow);color:#000}.monitoring-card-yellow p{color:#3f3f46}.monitoring-card-purple{background-color:var(--accent-purple);color:#fff}.monitoring-card-purple p{color:#e5e5e5}.monitoring-card-dark{background-color:var(--card-bg-dark);color:#fff}.monitoring-pill-outline{border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:9999px;gap:.5rem}.monitoring-pill-glass,.monitoring-pill-outline{padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center}.monitoring-pill-glass{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:white;border-radius:9999px}.monitoring-pill-white{background:white;color:var(--accent-purple);padding:.25rem .75rem;font-size:.75rem}.monitoring-btn-primary,.monitoring-pill-white{border-radius:9999px;font-weight:600;display:inline-flex;align-items:center}.monitoring-btn-primary{background-color:var(--accent-purple);color:white;padding:.75rem 1.5rem;gap:.5rem;transition:background-color .2s}.monitoring-btn-primary:hover{background-color:var(--accent-purple-hover)}.monitoring-btn-secondary{background-color:white;color:black;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s}.monitoring-btn-secondary:hover{background-color:#f5f5f5}.monitoring-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem}.monitoring-text-area{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:center;padding-right:2rem}.monitoring-avatar-group{display:flex;align-items:center}.monitoring-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;border:2px solid var(--bg-color);margin-left:-.75rem;background-color:#555;object-fit:cover}.monitoring-avatar:first-child{margin-left:0}.monitoring-play-btn{width:3rem;height:3rem;background:rgba(255,255,255,.3);backdrop-filter:blur(4px);border-radius:9999px;display:flex;align-items:center;justify-content:center;color:white}