.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;position:relative;transition:all .2s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card-header{margin-bottom:1rem}.card-header h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.card-name-local{font-size:.875rem;color:var(--text-secondary)}.card-info{margin-bottom:1rem;font-size:.875rem}.info-row{display:flex;justify-content:space-between;padding:.25rem 0}.label{color:var(--text-secondary)}.lang{padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.lang-en{background:#3b82f6}.lang-de{background:#f59e0b}.lang-jp{background:#ef4444}.card-prices{background:var(--bg-secondary);border-radius:.5rem;padding:.75rem;margin-bottom:1rem}.price-item{display:flex;justify-content:space-between;font-size:.875rem}.price-item+.price-item{margin-top:.5rem}.price-label{color:var(--text-secondary)}.price-value{font-weight:600;color:var(--success)}.grade-badge{position:absolute;top:1rem;right:1rem;background:var(--warning);color:var(--bg-primary);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.card-actions{display:flex;justify-content:space-between;align-items:center}.quantity-control{display:flex;align-items:center;gap:.75rem}.qty-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.25rem;color:var(--text-primary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.qty-btn:hover{background:var(--bg-primary);border-color:var(--accent)}.quantity{font-weight:600;min-width:3ch;text-align:center}.for-sale-badge{background:var(--danger);color:#fff;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.stats-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1.5rem 2rem;display:flex;gap:3rem;overflow-x:auto}.stat-item{display:flex;align-items:center;gap:1rem;color:var(--text-secondary)}.stat-item svg{flex-shrink:0}.stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:baseline;gap:1rem}.header h1{font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-secondary);font-size:.875rem}.header-actions{display:flex;gap:.5rem}.btn-icon{background:transparent;border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);padding:.5rem;cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg-card);border-color:var(--accent)}.toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 2rem}.search-box{position:relative;max-width:400px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-size:.875rem}.search-input:focus{outline:none;border-color:var(--accent)}.main-content{flex:1;padding:2rem;overflow-y:auto}.loading,.empty-state{text-align:center;padding:4rem;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: #262626;--text-primary: #fafafa;--text-secondary: #a1a1aa;--accent: #f97316;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--border: #3f3f46}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#52525b}
