@tailwind base;@tailwind components;@tailwind utilities;@layer base{input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #27272a inset!important;-webkit-text-fill-color:#ffffff!important;transition:background-color 5000s ease-in-out 0s,-webkit-text-fill-color 0s!important;caret-color:#fff!important;color:#fff!important}input[autocomplete]{color:#fff}input:focus,input:focus-visible{color:#fff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#18181b}::-webkit-scrollbar-thumb{background-color:#52525b;border-radius:6px;border:3px solid #18181b}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#52525b,#a1a1aa)}*{scrollbar-width:thin;scrollbar-color:#52525b #18181b}@supports not (scrollbar-width: thin){*{scrollbar-width:auto;scrollbar-color:initial}}:focus-visible{outline:2px solid #a78bfa;outline-offset:3px;border-radius:6px}@media (prefers-color-scheme: light){:root{--bg-base: #f4f4f5;--text-base: #3f3f46}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background-color:#a1a1aa;border-color:var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#a1a1aa,#d4d4d8)}*{scrollbar-color:#a1a1aa var(--bg-base)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f4f4f5 inset!important;-webkit-text-fill-color:#3f3f46!important;transition:background-color 5000s ease-in-out 0s,-webkit-text-fill-color 0s!important;caret-color:#3f3f46!important;color:#3f3f46!important}input[autocomplete]{color:#3f3f46}input:focus,input:focus-visible{color:#3f3f46}}}@media (max-width: 639px){.responsive-table thead{display:none}.responsive-table tr{display:block;margin-bottom:.5rem;border:1px solid #27272a;border-radius:.5rem;background-color:#27272a80;box-shadow:0 1px 2px #0000000d;transition:all .2s ease-in-out}.responsive-table td{display:block;text-align:right;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;position:relative;border-bottom:1px solid #27272a}.responsive-table tr:last-child,.responsive-table td:last-child{border-bottom-width:0}.responsive-table td:before{content:attr(data-label);position:absolute;left:.5rem;font-weight:600;color:#a1a1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responsive-table .actions-cell{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}}@media (min-width: 640px){.responsive-table td{text-align:left;padding:1rem 1.5rem;vertical-align:middle}.responsive-table .actions-cell{gap:1rem}}.form-input{display:block;width:100%;padding:.375rem 1rem;background-color:#27272a;border:1px solid #3f3f46;border-radius:.375rem;color:#fff;transition-property:background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.form-input::placeholder{color:#a1a1aa}.form-input:focus{outline:none;--tw-ring-color: #6366f1;box-shadow:0 0 0 1px #09090b,0 0 0 3px var(--tw-ring-color)}@media (min-width: 640px){.form-input{padding:.5rem 1.25rem;font-size:.875rem}}.form-button-primary,.form-button-secondary,.form-button-danger{padding:.75rem 1.5rem;color:#fff;font-weight:500;border-radius:.375rem;transition-property:background-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.form-button-primary:focus,.form-button-secondary:focus,.form-button-danger:focus{outline:none;box-shadow:0 0 0 2px #09090b,0 0 0 4px var(--tw-ring-color)}.form-button-primary:disabled,.form-button-secondary:disabled,.form-button-danger:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.form-button-primary{background-color:#4f46e5;--tw-ring-color: #8b5cf6}.form-button-primary:hover:not(:disabled){background-color:#4338ca;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.form-button-secondary{background-color:#3f3f46;--tw-ring-color: #71717a}.form-button-secondary:hover:not(:disabled){background-color:#52525b;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.form-button-secondary:disabled{background-color:#27272a;color:#71717a}.form-button-danger{background-color:#dc2626;--tw-ring-color: #f87171}.form-button-danger:hover:not(:disabled){background-color:#b91c1c;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@media (min-width: 640px){.form-button-primary,.form-button-secondary,.form-button-danger{padding:.625rem 1.25rem}}.console-output{scroll-behavior:smooth}.console-log-level-info{color:#86efac}.console-log-level-error{color:#f87171}.console-log-level-warn{color:#facc15}.console-log-level-debug{color:#93c5fd}.console-command{color:#c4b5fd;font-weight:600}.console-string{color:#fca5a5}.console-number{color:#67e8f9}@keyframes slide-in-up-fade{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-down-fade{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-down-fade{animation:slide-in-down-fade .4s ease-out forwards}.animate-fade-in{animation:fade-in .2s ease-out forwards}.animate-slide-in-up-fade{animation:slide-in-up-fade .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes login-glow{50%{opacity:.5}}.login-background-glow{animation:login-glow 6s cubic-bezier(.4,0,.6,1) infinite;will-change:opacity}@media (prefers-reduced-motion: reduce){.login-background-glow{animation:none}}.toast-success{border-color:#166534;background-color:#05190f99;color:#86efac}.toast-error{border-color:#991b1b;background-color:#1e070799;color:#fca5a5}.toast-info{border-color:#1d4ed8;background-color:#0a0e2699;color:#93c5fd}.status-pill{display:inline-flex;align-items:center;border-radius:9999px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-width:1px}.status-pill-normal{padding:.25rem .75rem;font-size:.875rem}.status-pill-small{padding:.125rem .5rem;font-size:.75rem}.status-pill-dot{border-radius:9999px}.status-pill-dot-normal{width:.5rem;height:.5rem;margin-right:.5rem}.status-pill-dot-small{width:.375rem;height:.375rem;margin-right:.375rem}.status-pill-ONLINE{background-color:#22c55e33;color:#86efac;border-color:#22c55e4d}.status-pill-ONLINE .status-pill-dot{background-color:#4ade80}.status-pill-OFFLINE{background-color:#ef444433;color:#fca5a5;border-color:#ef44444d}.status-pill-OFFLINE .status-pill-dot{background-color:#f87171}.status-pill-STARTING,.status-pill-STOPPING,.status-pill-RESTARTING{background-color:#eab30833;color:#fde047;border-color:#eab3084d;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-pill-STARTING .status-pill-dot,.status-pill-STOPPING .status-pill-dot,.status-pill-RESTARTING .status-pill-dot{background-color:#facc15}.status-pill-UNKNOWN{background-color:#71717a33;color:#d4d4d8;border-color:#71717a4d}.status-pill-UNKNOWN .status-pill-dot{background-color:#a1a1aa}.role-pill{padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;white-space:nowrap;border-width:1px}.role-pill-vip{background-color:#eab30833;color:#fde047;border-color:#eab3084d}.role-pill-mod{background-color:#3b82f633;color:#93c5fd;border-color:#3b82f64d}.role-pill-admin{background-color:#a855f733;color:#d8b4fe;border-color:#a855f74d}.role-pill-legendary{background-color:#ef444433;color:#fca5a5;border-color:#ef44444d}.role-pill-guardian{background-color:#22d3ee33;color:#67e8f9;border-color:#22d3ee4d}.role-pill-default{background-color:#3f3f46cc;color:#d4d4d8;border-color:#52525b80}.account-pill-paid{background-color:#eab30833;color:#fde047;border-color:#eab3084d}.account-pill-free{background-color:#3f3f46cc;color:#d4d4d8;border-color:#52525b80}.kbd{background-color:#3f3f46;border:1px solid #52525b;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.875rem;color:#d4d4d8}.code{background-color:#27272a;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.875rem;color:#a1a1aa}
