:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-light: #334155;--border-medium: #475569;--border-dark: #1e293b}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.badge-sm{padding:.125rem .5rem;font-size:.75rem}.badge-lg{padding:.375rem 1rem;font-size:1rem}.badge-role-super-admin{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.badge-role-super-admin:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.badge-role-admin{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 2px 8px #0ea5e94d}.badge-role-admin:hover{box-shadow:0 4px 12px #0ea5e966;transform:translateY(-1px)}.badge-role-editor{background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff;box-shadow:0 2px 8px #eab3084d}.badge-role-editor:hover{box-shadow:0 4px 12px #eab30866;transform:translateY(-1px)}.badge-role-viewer{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;box-shadow:0 2px 8px #94a3b84d}.badge-role-viewer:hover{box-shadow:0 4px 12px #94a3b866;transform:translateY(-1px)}.badge-role-user{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 2px 8px #6b72804d}.badge-role-user:hover{box-shadow:0 4px 12px #6b728066;transform:translateY(-1px)}.badge-prompt-step{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 2px 8px #f43f5e4d}.badge-prompt-step:hover{box-shadow:0 4px 12px #f43f5e66;transform:translateY(-1px)}.badge-prompt-universal{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.badge-prompt-universal:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.badge-prompt-voice{background:linear-gradient(135deg,#84cc16,#65a30d);color:#fff;box-shadow:0 2px 8px #84cc164d}.badge-prompt-voice:hover{box-shadow:0 4px 12px #84cc1666;transform:translateY(-1px)}.badge-prompt-transformer{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.badge-prompt-transformer:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.badge-prompt-step-universal{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;box-shadow:0 2px 8px #14b8a64d}.badge-prompt-step-universal:hover{box-shadow:0 4px 12px #14b8a666;transform:translateY(-1px)}.badge-status-active{background-color:#22c55e;color:#fff;box-shadow:0 2px 6px #22c55e4d}.badge-status-inactive{background-color:#6b7280;color:#fff;box-shadow:0 2px 6px #6b72804d}.badge-status-pending{background-color:#f97316;color:#fff;box-shadow:0 2px 6px #f973164d}.badge-status-error{background-color:#ef4444;color:#fff;box-shadow:0 2px 6px #ef44444d}.badge-status-success{background-color:#10b981;color:#fff;box-shadow:0 2px 6px #10b9814d}.badge-status-warning{background-color:#f59e0b;color:#fff;box-shadow:0 2px 6px #f59e0b4d}.badge-status-banned{background-color:#dc2626;color:#fff;box-shadow:0 2px 6px #dc26264d}.badge-status-suspended{background-color:#ea580c;color:#fff;box-shadow:0 2px 6px #ea580c4d}.badge-role-user{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 8px #3b82f64d}.badge-role-admin{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 8px #10b9814d}.badge-role-super-admin{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 8px #f59e0b4d}.badge-role-banned{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 8px #ef44444d}.badge-plan{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:capitalize;box-shadow:0 2px 6px #00000026;transition:all .2s ease}.badge-plan:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0003}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:.5rem;transition:all .2s ease;box-shadow:0 2px 8px #22c55e4d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #22c55e66;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600;padding:.5rem 1.5rem;border-radius:.5rem;border:1px solid var(--border-light);transition:all .2s ease}.btn-secondary:hover:not(:disabled){background-color:var(--bg-primary);border-color:var(--border-light)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:.5rem;transition:all .2s ease;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ef444466;transform:translateY(-1px)}.statbox{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.statbox-link{cursor:pointer}.statbox-link:hover{transform:translateY(-2px);border-color:var(--border-medium)}.statbox-glow{position:relative}.statbox-glow:hover{box-shadow:0 0 20px currentColor}.statbox-coming-soon{opacity:.6;cursor:not-allowed;position:relative}.statbox-coming-soon:after{content:"Coming Soon";position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.badge svg,.badge i{width:1em;height:1em;flex-shrink:0}.transition-smooth{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}.transition-slow{transition:all .3s cubic-bezier(.4,0,.2,1)}.text-gradient{background:linear-gradient(135deg,#6cb6f5,#3fba88,#ff9d4d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glow-hover-green:hover{box-shadow:0 0 24px #22c55e99,0 4px 16px #22c55e4d}.glow-hover-blue:hover{box-shadow:0 0 24px #3b82f699,0 4px 16px #3b82f64d}.glow-hover-purple:hover{box-shadow:0 0 24px #8b5cf699,0 4px 16px #8b5cf64d}.glow-hover-orange:hover{box-shadow:0 0 24px #f9731699,0 4px 16px #f973164d}.glow-hover-cyan:hover{box-shadow:0 0 24px #06b6d499,0 4px 16px #06b6d44d}.glow-hover-pink:hover{box-shadow:0 0 24px #ec489999,0 4px 16px #ec48994d}.glow-hover-teal:hover{box-shadow:0 0 24px #14b8a699,0 4px 16px #14b8a64d}.glow-hover-indigo:hover{box-shadow:0 0 24px #6366f199,0 4px 16px #6366f14d}.glow-hover-red:hover{box-shadow:0 0 24px #ef444499,0 4px 16px #ef44444d}.glow-hover-yellow:hover{box-shadow:0 0 24px #eab30899,0 4px 16px #eab3084d}.glow-hover{transition:box-shadow .2s ease}.glow-hover:hover{box-shadow:0 0 20px currentColor}.card-interactive{cursor:pointer;transition:all .2s ease}.card-interactive:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.badge:focus-visible,.card-interactive:focus-visible{outline:2px solid #6cb6f5;outline-offset:2px}html.light{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}html.light body{background-color:#f8fafc}html.light .card-interactive:hover{box-shadow:0 10px 25px #0000001f}html.light .statbox{box-shadow:0 1px 3px #00000014}html.light .statbox:hover{box-shadow:0 4px 12px #0000001f}html.light .bg-gradient-to-r{opacity:.9}html.light .badge-role-super-admin,html.light .badge-role-admin,html.light .badge-role-editor,html.light .badge-role-viewer,html.light .badge-role-user,html.light .badge-prompt-step,html.light .badge-prompt-universal,html.light .badge-prompt-voice,html.light .badge-prompt-transformer,html.light .badge-prompt-step-universal{box-shadow:0 2px 4px #00000026}html.dark{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6)}html.dark body{background-color:#0f172a}html.dark .card-interactive:hover{box-shadow:0 10px 25px #00000080}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@media(min-width:1280px){body.compact-sidebar-preference aside.sidebar-initial:not(.alpine-ready){width:5rem!important}body.compact-sidebar-preference aside.sidebar-initial:not(.alpine-ready) [x-show=isExpanded]{display:none!important}body:not(.compact-sidebar-preference) aside.sidebar-initial:not(.alpine-ready){width:16rem!important}body:not(.compact-sidebar-preference) aside.sidebar-initial:not(.alpine-ready) [x-show="!isExpanded"]{display:none!important}}@media(max-width:1279px){aside.sidebar-initial:not(.alpine-ready){width:5rem!important}aside.sidebar-initial:not(.alpine-ready) [x-show=isExpanded]{display:none!important}}aside.sidebar-initial:not(.alpine-ready) nav.custom-scrollbar{-ms-overflow-style:none;scrollbar-width:none}aside.sidebar-initial:not(.alpine-ready) nav.custom-scrollbar::-webkit-scrollbar{display:none}@media(min-width:1280px){body.compact-sidebar-preference aside.sidebar-initial:not(.alpine-ready) [data-sidebar-logout-row]{justify-content:center}body.compact-sidebar-preference aside.sidebar-initial:not(.alpine-ready) [data-sidebar-logout-btn]{justify-content:center;width:100%}body.compact-sidebar-preference aside.sidebar-initial:not(.alpine-ready) [data-sidebar-logout-icon]{width:100%}body:not(.compact-sidebar-preference) aside.sidebar-initial:not(.alpine-ready) [data-sidebar-logout-row]{justify-content:space-between}body:not(.compact-sidebar-preference) aside.sidebar-initial:not(.alpine-ready) [data-sidebar-logout-btn]{padding-left:.75rem;padding-right:1.25rem}body:not(.compact-sidebar-preference) aside.sidebar-initial:not(.alpine-ready) [data-sidebar-logout-icon]{width:2rem}}@media(max-width:1279px){aside.sidebar-initial:not(.alpine-ready) [data-sidebar-logout-row]{justify-content:center}aside.sidebar-initial:not(.alpine-ready) [data-sidebar-logout-btn]{justify-content:center;width:100%}aside.sidebar-initial:not(.alpine-ready) [data-sidebar-logout-icon]{width:100%}}