:root{--bg-color: #121214;--surface: #202024;--primary: #FFD700;--text: #E1E1E6}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--surface);border-radius:8px;padding:1.5rem;margin-bottom:1rem;border:1px solid #333}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.btn-primary{background:var(--primary);color:#000}.btn-success{background:#04d361;color:#fff}.btn-danger{background:#cc2937;color:#fff}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid #333;padding-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface);padding:2rem;border-radius:8px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto}img.doc-preview{width:100%;max-height:300px;object-fit:contain;background:#000;border:1px solid #555;margin:10px 0}input{width:100%;padding:12px;margin-bottom:10px;background:#121214;border:1px solid #555;color:#fff}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}