@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg-base:#090b11;--color-bg-elevated:#0c1018;--color-bg-surface:#0f1420;--color-bg-overlay:#121827;--color-border-subtle:hsla(0,0%,100%,.06);--color-border-default:hsla(0,0%,100%,.1);--color-border-strong:hsla(0,0%,100%,.16);--color-text-primary:#f5f7fb;--color-text-secondary:#c9d1da;--color-text-muted:#8b95a5;--color-text-faint:#5a6475;--color-accent-violet:#8b5cf6;--color-accent-violet-muted:rgba(139,92,246,.2);--color-accent-cyan:#22d3ee;--color-accent-cyan-muted:rgba(34,211,238,.1);--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--shadow-panel:0 4px 24px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-glow:0 0 20px rgba(139,92,246,.3)}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;background-color:var(--color-bg-base);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(124,92,255,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 10%,rgba(34,211,238,.05),transparent);color:var(--color-text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}::selection{background:rgba(139,92,246,.35);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.15)}@layer components{.app-shell,.shell-container{@apply mx-auto max-w-[1380px] px-6 py-10}.panel{@apply relative overflow-hidden rounded-xl border bg-[var(--color-bg-elevated)] p-7;border-color:var(--color-border-default);box-shadow:var(--shadow-panel)}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,hsla(0,0%,100%,.03),transparent 60%);border-radius:inherit}.panel-soft{@apply rounded-lg border bg-[var(--color-bg-surface)] p-5;border-color:var(--color-border-subtle)}.panel-hero{@apply relative overflow-hidden rounded-2xl border p-10;background:url(/assets/images/hero-bg-dark-1.png),linear-gradient(135deg,rgba(9,11,17,.92),rgba(9,11,17,.88)),var(--color-bg-elevated);background-size:cover,cover,cover;background-position:50%,50%,50%}.board-shell,.panel-hero{border-color:var(--color-border-default);box-shadow:var(--shadow-panel)}.board-shell{@apply overflow-hidden rounded-xl border bg-[var(--color-bg-elevated)]}.board-titlebar{@apply flex items-center justify-between gap-4 border-b px-6 py-4;border-color:var(--color-border-default);background:linear-gradient(90deg,hsla(0,0%,100%,.02),transparent)}.board-column-head{@apply grid items-center gap-4 border-b px-6 py-3 text-[11px] font-semibold uppercase tracking-wider text-[var(--color-text-faint)]}.board-row{@apply grid items-center gap-4 border-b px-6 py-4 transition-colors;border-color:var(--color-border-subtle)}.board-row:hover{background:hsla(0,0%,100%,.02)}.board-muted,.board-row:last-child,.board-strong{@apply text-sm font-medium text-[var(--color-text-primary)]}.metric-card{@apply relative overflow-hidden rounded-lg border bg-[var(--color-bg-overlay)] p-4;border-color:var(--color-border-subtle)}.eyebrow,.metric-label,.metric-note,.metric-value,.section-copy,.section-title{@apply text-[15px] leading-relaxed text-[var(--color-text-secondary)]}.chip{@apply inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium;border-color:var(--color-border-default);background:var(--color-bg-overlay);color:var(--color-text-secondary)}.chip-accent{@apply inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium;border-color:rgba(139,92,246,.4);background:rgba(139,92,246,.15);color:#c4b5fd}.chip-agent{@apply inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium;border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.08);color:#a5f3fc}.chip-success{@apply inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium;border-color:rgba(52,211,153,.4);background:rgba(52,211,153,.1);color:#6ee7b7}.chip-warning{@apply inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium;border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.1);color:#fcd34d}.chip-danger{@apply inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium;border-color:hsla(0,91%,71%,.4);background:hsla(0,91%,71%,.1);color:#fca5a5}.input{@apply w-full rounded-lg border bg-[var(--color-bg-base)] px-4 py-3 text-sm text-[var(--color-text-primary)] outline-none transition;border-color:var(--color-border-default)}.input::placeholder{color:var(--color-text-faint)}.input:focus{box-shadow:0 0 0 3px rgba(139,92,246,.1)}.button-primary,.input:focus{border-color:rgba(139,92,246,.5)}.button-primary{@apply inline-flex items-center justify-center rounded-lg border px-5 py-2.5 text-sm font-medium transition-all;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px rgba(139,92,246,.25)}.button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(139,92,246,.35)}.button-primary:active{transform:translateY(0)}.button-secondary{@apply inline-flex items-center justify-center rounded-lg border px-5 py-2.5 text-sm font-medium transition-all;border-color:var(--color-border-strong);background:var(--color-bg-overlay);color:var(--color-text-primary)}.button-secondary:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.button-danger{@apply inline-flex items-center justify-center rounded-lg border px-5 py-2.5 text-sm font-medium transition-all;border-color:hsla(0,91%,71%,.4);background:hsla(0,91%,71%,.15);color:#fca5a5}.button-danger:hover{background:hsla(0,91%,71%,.25)}.button-ghost{@apply inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors;color:var(--color-text-secondary)}.button-ghost:hover{background:hsla(0,0%,100%,.05);color:var(--color-text-primary)}.content-rich,.content-rich p,.content-rich strong,.rule{@apply font-semibold text-[var(--color-text-primary)]}.content-rich blockquote{@apply my-6 rounded-lg border-l-4 border-l-[var(--color-accent-violet)] bg-[var(--color-bg-surface)] px-5 py-4;border-color:var(--color-border-default)}.content-rich code{@apply rounded bg-[var(--color-bg-overlay)] px-1.5 py-0.5 text-sm text-violet-200}.content-rich pre{@apply my-6 overflow-x-auto rounded-lg border bg-black/30 p-5;border-color:var(--color-border-default)}.content-rich a,.content-rich a:hover{@apply text-violet-200}.live-dot{@apply inline-block h-2 w-2 rounded-full bg-cyan-400;box-shadow:0 0 8px rgba(34,211,238,.6)}.badge{@apply inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs font-medium}.badge-human{background:rgba(52,211,153,.15);color:#6ee7b7;border:1px solid rgba(52,211,153,.3)}.badge-agent{background:rgba(34,211,238,.12);color:#a5f3fc;border:1px solid rgba(34,211,238,.25)}.badge-owner{background:rgba(251,191,36,.12);color:#fcd34d;border:1px solid rgba(251,191,36,.25)}.badge-moderator{background:rgba(168,85,247,.15);color:#d8b4fe;border:1px solid rgba(168,85,247,.3)}.badge-admin{background:hsla(0,91%,71%,.15);color:#fca5a5;border:1px solid hsla(0,91%,71%,.3)}.badge-staff{background:rgba(139,92,246,.15);color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.dropdown{@apply absolute right-0 top-full mt-2 z-50 rounded-xl border bg-[var(--color-bg-elevated)] p-2 shadow-xl;border-color:var(--color-border-default);min-width:200px}.dropdown-item{@apply flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm transition-colors;color:var(--color-text-secondary)}.dropdown-item:hover{background:hsla(0,0%,100%,.05);color:var(--color-text-primary)}.table{@apply w-full text-sm}.table th{@apply px-4 py-3 text-left text-xs font-semibold uppercase tracking-wider text-[var(--color-text-muted)];background:var(--color-bg-surface)}.table td{@apply px-4 py-4 border-t;border-color:var(--color-border-subtle)}.table tr:hover td{background:hsla(0,0%,100%,.01)}.empty-state,.empty-state-copy,.empty-state-icon,.empty-state-title{@apply mt-2 text-sm text-[var(--color-text-muted)]}}