:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#374151;background-color:#f9fafb}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.h-16{height:4rem}.w-64{width:16rem}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-indigo-50{background-color:#eef2ff}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.bg-red-50{background-color:#fef2f2}.bg-green-50{background-color:#f0fdf4}.text-white{color:#fff}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-red-700{color:#b91c1c}.text-green-700{color:#15803d}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-center{text-align:center}.capitalize{text-transform:capitalize}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-transparent{border-color:transparent}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;border:1px solid transparent;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4338ca}.btn-secondary{background-color:#e0e7ff;color:#4f46e5}.btn-secondary:hover:not(:disabled){background-color:#c7d2fe}.btn-outline{background-color:#fff;color:#374151;border-color:#d1d5db}.btn-outline:hover:not(:disabled){background-color:#f9fafb}.form-input{display:block;width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.5;color:#111827;background-color:#fff;transition:border-color .2s}.form-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;overflow:hidden}.nav-link{display:flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;text-decoration:none;transition:all .2s;color:#4b5563}.nav-link:hover{background-color:#f3f4f6}.nav-link.active{background-color:#e0e7ff;color:#4338ca}@media(max-width:768px){.md\:hidden{display:none}.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);transition:transform .3s ease;z-index:50}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}@media(min-width:769px){.lg\:block{display:block}.lg\:hidden{display:none}.sidebar{position:static;transform:none}.main-content{margin-left:0}}svg{flex-shrink:0;max-width:20px!important;max-height:20px!important;width:auto;height:auto}.icon-xs{width:.75rem;height:.75rem}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}.icon-lg{width:1.5rem;height:1.5rem}.icon-xl{width:2rem;height:2rem}button svg,a svg,nav svg{width:16px!important;height:16px!important;max-width:20px!important;max-height:20px!important}button svg+span,a svg+span{margin-left:.375rem}.text-center svg.mx-auto{max-width:2rem;max-height:2rem}.bg-blue-500 svg,.bg-indigo-500 svg,.bg-green-500 svg,.bg-red-500 svg,.bg-yellow-500 svg{width:16px!important;height:16px!important}@media(max-width:640px){.flex.space-x-2{flex-wrap:wrap;gap:.5rem}.flex.space-x-3{flex-wrap:wrap;gap:.75rem}.flex.space-x-4{flex-wrap:wrap;gap:1rem}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.loading{opacity:.6;pointer-events:none}.error{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:1rem;border-radius:.375rem;font-size:.875rem}.success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;padding:1rem;border-radius:.375rem;font-size:.875rem}