.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;padding-bottom:1rem;margin-bottom:2rem}.logo{display:flex;align-items:center;gap:1rem}.logo h1{font-size:1.5rem;margin:0}nav{display:flex;gap:1rem}.nav-item{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#888;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s}.nav-item:hover{background:#333;color:#fff}.nav-item.active{background:#646cff;color:#fff}.scan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.scan-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.scan-card:hover{transform:translateY(-4px);border-color:#646cff}.scan-info{margin-bottom:1rem}.tag{font-size:.75rem;text-transform:uppercase;padding:.2rem .5rem;border-radius:4px;font-weight:700;margin-bottom:.5rem;display:inline-block}.tag.front{background:#2e7d32;color:#a5d6a7}.tag.back{background:#1565c0;color:#90caf9}.key{font-size:.9rem;font-weight:500;margin:.5rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocr{font-size:.8rem;color:#aaa}.status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#81c784}:root{font-family:Inter,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}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}