:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-bg: #f5f6fa;--primary-text: #222;--header-bg: #e5e7eb;--table-border: #e5e7eb;--button-blue: #2563eb;--button-blue-hover: #1d4ed8;--button-yellow: #f59e42;--button-yellow-hover: #d97706;--button-purple: #a78bfa;--button-purple-hover: #7c3aed;--button-green: #22c55e;--button-green-hover: #16a34a;--button-red: #ef4444;--button-red-hover: #b91c1c;--row-pin: #dbeafe;--row-hover: #f1f5f9}body,.min-h-screen{background:var(--primary-bg)!important;color:var(--primary-text)!important;font-family:Segoe UI,sans-serif}#root{width:80%;margin:0 auto;background:var(--primary-bg)!important}.min-h-screen{min-height:100vh}.bg-gray-50,.bg-white{background:var(--primary-bg)!important}.p-6{padding:1.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.mb-6{margin-bottom:1.5rem}.text-gray-500{color:#6b7280!important}.text-red-500{color:var(--button-red)!important}.text-green-600{color:var(--button-green)!important}.text-gray-800,.font-medium{color:var(--primary-text)!important}.font-semibold{font-weight:600}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.shadow{box-shadow:0 1px 2px #0000000d}.min-w-full{min-width:100%}.border,.border-gray-200{border-color:var(--table-border)!important}.bg-gray-100{background:var(--header-bg)!important}.p-3{padding:.75rem}.text-left{text-align:left}.input-search{width:100%;padding:1rem 1.25rem;font-size:1.125rem;border:1px solid #D1D5DB;border-radius:.5rem;box-shadow:0 1px 2px #0000000a;outline:none;transition:box-shadow .2s,border .2s;color:var(--primary-text);background:#fff}.input-search:focus{border-color:var(--button-blue);box-shadow:0 0 0 3px #3b82f64d}.input-search::placeholder{color:#9ca3af}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--header-bg)!important}.login-form{background:#fff!important;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 8px #00000014;width:20rem}.login-form h2{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.login-form label{display:block;font-weight:500;margin-bottom:.25rem}.login-form input{width:100%;padding:.5rem;border:1px solid #D1D5DB;border-radius:.375rem;margin-bottom:1rem;outline:none}.login-form input:focus{border-color:var(--button-blue);box-shadow:0 0 0 2px #3b82f64d}.login-form button{background-color:var(--button-blue);color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;width:100%;transition:background-color .2s ease;cursor:pointer}.login-form button:hover:not(:disabled){background-color:var(--button-blue-hover)}.login-form button:disabled{opacity:.5;cursor:not-allowed}.login-form .error-message{color:var(--button-red);margin-bottom:.5rem}.bg-blue-500{background:var(--button-blue)!important;color:#fff!important}.bg-blue-600,.hover\:bg-blue-600:hover{background:var(--button-blue-hover)!important}.bg-yellow-500{background:var(--button-yellow)!important;color:#fff!important}.bg-yellow-600,.hover\:bg-yellow-600:hover{background:var(--button-yellow-hover)!important}.bg-purple-500{background:var(--button-purple)!important;color:#fff!important}.bg-purple-600,.hover\:bg-purple-600:hover{background:var(--button-purple-hover)!important}.bg-green-500{background:var(--button-green)!important;color:#fff!important}.bg-green-600,.hover\:bg-green-600:hover{background:var (--button-green-hover)!important}.bg-red-500{background:var(--button-red)!important;color:#fff!important}.bg-red-600,.hover\:bg-red-600:hover{background:var(--button-red-hover)!important}.bg-blue-50{background:var(--row-pin)!important}.bg-blue-50:hover{background:#dbeafe!important}.hover\:bg-gray-50:hover{background:var(--row-hover)!important}button.p-1{padding:.25rem}button.rounded{border-radius:.25rem}button.hover\:bg-gray-200:hover{background-color:#e5e7eb}@media (max-width: 768px){#root{width:95%;margin:0 auto}.login-container{padding:1rem;height:auto}.login-form{width:100%;max-width:400px;margin:2rem auto}.text-3xl{font-size:1.5rem}.p-6{padding:1rem}}@media (max-width: 640px){.flex{flex-wrap:wrap;gap:.5rem}table{font-size:.8rem}.flex.gap-2>button{width:100%}.input-search{width:95%}}