@tailwind base;@tailwind components;@tailwind utilities;:root{--background:#fff;--foreground:#171717;--color-light:#eaeaea;--color-dark:#252a34;--color-accent:#08d9d6;--color-accent-dark:#06b3ac}@font-face{font-family:Geist Mono;src:url(/_next/static/media/GeistMonoVF.463dafcd.woff) format("woff");font-weight:400;font-style:normal}html{font-family:Geist Mono,Courier New,monospace}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{font-family:GeistMonoVF,sans-serif;background-color:var(--color-dark);color:var(--color-light);margin:0;padding:0;box-sizing:border-box;color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif}button{transition:background-color .3s ease,transform .2s ease}button:hover{transform:scale(1.03)}input[type=file]{border:2px dashed var(--color-light);padding:12px;border-radius:8px;background:var(--color-dark);color:var(--color-light)}h1,h2,h3{font-weight:700}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.shadow{box-shadow:0 4px 8px rgba(0,0,0,.2)}.container{max-width:1200px;margin:0 auto;padding:2rem}.text-center{text-align:center}.text-gray{color:#4b5563}.text-gray-light{color:#6b7280}.text-gray-dark{color:#374151}.btn{display:inline-block;padding:.5rem 1rem;font-weight:600;color:#fff;background-color:#3b82f6;border-radius:.375rem;transition:background-color .2s ease}.btn:hover{background-color:#2563eb}.btn-secondary{color:#3b82f6;background-color:#f3f4f6}.btn-secondary:hover{background-color:#e5e7eb}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.card-title{font-size:1.25rem;font-weight:700;color:#374151;margin-bottom:.5rem}.card-subtitle{font-size:.875rem;color:#6b7280}.card-meta{font-size:.75rem;color:#9ca3af}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);padding:1rem;z-index:50}.modal-content{background-color:#fff;border-radius:.5rem;padding:2rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px rgba(0,0,0,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-close{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer}.modal-close:hover{color:#374151}