:root{--background:#fff;--foreground:#171717;--primary-color:#3b82f6;--primary-hover:#2563eb;--danger-color:#ef4444;--danger-hover:#dc2626;--border-color:#e5e7eb;--border-highlight:#22c55e}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:#fff;background:var(--background);color:#171717;color:var(--foreground);font-family:Arial,Helvetica,sans-serif;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}.min-h-screen{min-height:100vh}.p-8{padding:2rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.gap-4{gap:1rem}.mb-6{margin-bottom:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mt-6{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-1>*+*{margin-top:.25rem}.block{display:block}.text-sm{font-size:.875rem}.text-2xl{font-size:1.5rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-full{width:100%}.p-2{padding:.5rem}.p-4{padding:1rem}.border{border:1px solid #e5e7eb;border:1px solid var(--border-color)}.rounded{border-radius:.25rem}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.border-green-500{border-color:#22c55e;border-color:var(--border-highlight)}.border-gray-200{border-color:#e5e7eb;border-color:var(--border-color)}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--primary-color)}.focus\:ring-blue-500:focus{--ring-color:var(--primary-color)}.flex{display:flex}button{padding:.5rem 1rem;border-radius:.25rem;font-weight:500;cursor:pointer;border:none;color:#fff;transition:background-color .2s}button.bg-blue-500{background-color:#3b82f6;background-color:var(--primary-color)}button.bg-blue-500:hover{background-color:#2563eb;background-color:var(--primary-hover)}button.bg-red-500{background-color:#ef4444;background-color:var(--danger-color)}button.bg-red-500:hover{background-color:#dc2626;background-color:var(--danger-hover)}input{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;width:100%}input:focus{outline:none;box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--primary-color)}ul{list-style-type:none}