@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
@layer theme,base,components,utilities;:root{--bg-main:#0b0816;--bg-gradient:radial-gradient(circle at 50% 0%, #1a1236 0%, #0b0816 80%);--bg-sidebar:#0a0816d9;--bg-card:#120e218c;--card-bg:#120e218c;--bg-table-row:#ffffff05;--bg-table-hover:#ffffff0d;--card-border:#ffffff14;--card-border-hover:#ea4c8966;--text-primary:#fbfbfe;--text-secondary:#a49fb6;--text-muted:#6e6785;--status-draft:#6e6785;--status-active:#52c41a;--status-error:#ff4d4f;--status-ended:#fa8c16;--status-pending:#faad14;--accent-pink:#ea4c89;--accent-pink-glow:#ea4c894d;--accent-purple:#9254de;--accent-cyan:#13c2c2;--accent-cyan-glow:#13c2c240;--omni-font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--omni-font-mono:"JetBrains Mono", ui-monospace, monospace;--font-sans:var(--omni-font-sans);--font-mono:var(--omni-font-mono);--shadow-sm:0 4px 12px #00000026;--shadow-md:0 12px 36px #0000004d;--shadow-lg:0 24px 64px #00000080;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--transition-bounce:all .45s cubic-bezier(.175, .885, .32, 1.15)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent-pink)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(8px)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.6}}@layer components{*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.3}h2{font-family:var(--font-sans);color:var(--text-primary);font-size:1.1rem;font-weight:700}p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}code{font-family:var(--font-mono);font-size:.82rem}.table-container{border:1px solid var(--card-border);border-radius:8px;width:100%;overflow-x:auto}.admin-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.admin-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--card-border);background:#0a081699;padding:14px 16px;font-size:.75rem;font-weight:700}.admin-table td{border-bottom:1px solid var(--card-border);color:var(--text-primary);transition:var(--transition-smooth);padding:14px 16px}.admin-table tbody tr{background:var(--bg-table-row)}.admin-table tbody tr:hover{background:var(--bg-table-hover)}.spin-animation{animation:1s linear infinite spin}.shimmer-loading{background:linear-gradient(90deg,#ffffff05 25%,#ffffff0f 50%,#ffffff05 75%) 0 0/200% 100%;animation:1.8s infinite shimmer}.metric-card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.metric-card-item{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;transition:all .15s;display:flex}}