*{box-sizing:border-box}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f5f7fb;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#111827;align-content:start;gap:16px;height:100vh;padding:24px 18px;display:grid;position:sticky;top:0}.brand-mark{background:#2563eb;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.sidebar h1,.sidebar p{margin:0}.sidebar h1{letter-spacing:0;font-size:20px}.sidebar p{color:#9ca3af;margin-top:3px;font-size:12px}.sidebar nav{gap:6px;margin-top:18px;display:grid}.sidebar a{color:#d1d5db;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.sidebar a:hover{color:#fff;background:#1f2937}main{align-content:start;gap:24px;padding:28px;display:grid}.hero{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;padding:26px;display:grid}.eyebrow{color:#2563eb;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:inline-flex}.hero h2,.section-heading h2,.manual-panel h2{letter-spacing:0;margin:0}.hero h2{max-width:900px;font-size:clamp(28px,4vw,46px);line-height:1.08}.hero p,.section-heading p,.manual-panel p,.upload-panel p{color:#64748b;margin:8px 0 0;line-height:1.65}.connection{color:#c2410c;white-space:nowrap;background:#fff7ed;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.connection.connected{color:#047857;background:#ecfdf5}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card,.section,.manual-panel,.upload-panel,.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.stat-card{gap:14px;min-height:118px;padding:18px;display:flex}.stat-card strong{margin-top:5px;font-size:24px;display:block}.stat-card span,table span{color:#64748b;margin-top:4px;font-size:12px;line-height:1.45;display:block}.stat-label{color:#64748b;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.stat-icon{border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.stat-icon.blue{color:#2563eb;background:#eff6ff}.stat-icon.green{color:#059669;background:#ecfdf5}.stat-icon.amber{color:#d97706;background:#fffbeb}.stat-icon.red{color:#e11d48;background:#fff1f2}.section,.manual-panel{gap:18px;padding:22px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.card-registry-layout{grid-template-columns:360px minmax(0,1fr);gap:14px;display:grid}.card-form,.credit-card-row,.unknown-cards{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px}.card-form{align-content:start;gap:14px;padding:16px;display:grid}.section-heading.compact{display:block}.section-heading.compact h3{margin:0;font-size:18px}.card-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card-form-grid label{color:#475569;gap:6px;font-size:12px;font-weight:800;display:grid}.card-list{align-content:start;gap:10px;display:grid}.credit-card-row{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px;display:grid}.credit-card-icon{color:#2563eb;background:#eff6ff;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.credit-card-main p,.credit-card-metrics span{color:#64748b;margin:5px 0 0;font-size:12px;line-height:1.45}.credit-card-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.credit-card-title span{color:#334155;background:#e2e8f0;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900;display:inline-flex}.credit-card-title .auto-card-badge{color:#c2410c;background:#fff7ed}.usage-bar{background:#e2e8f0;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.usage-bar div{border-radius:inherit;background:#2563eb;height:100%}.credit-card-metrics{text-align:right;min-width:150px}.credit-card-metrics strong{display:block}.icon-button{color:#e11d48;background:#fff1f2;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.unknown-cards{color:#9a3412;background:#fff7ed;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.unknown-cards span{background:#fed7aa;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.upload-panel{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:18px;display:grid}.upload-panel h3{margin:0}.upload-icon{color:#2563eb;background:#eff6ff;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.upload-panel select,.file-button{grid-column:1/-1}select,input{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:40px;padding:9px 11px}select:focus,input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.file-button,.primary-button,.ghost-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:800;display:inline-flex}.file-button,.primary-button{color:#fff;background:#111827}.file-button input{display:none}.primary-button{width:fit-content;padding:0 18px}.ghost-button{color:#334155;background:#f1f5f9;padding:0 12px}.manual-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.manual-grid label{color:#475569;gap:6px;font-size:12px;font-weight:800;display:grid}.manual-grid .wide{grid-column:span 2}.table-card{overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:13px}th{color:#64748b;text-transform:uppercase;background:#f8fafc;font-size:11px;font-weight:900}td strong{color:#172033;display:block}.status{text-transform:uppercase;border-radius:999px;justify-content:center;min-width:86px;padding:5px 8px;font-size:11px;font-weight:900;display:inline-flex}.status.matched{color:#047857;background:#dcfce7}.status.review{color:#b45309;background:#fef3c7}.status.unmatched{color:#be123c;background:#ffe4e6}.search-box{min-width:290px;position:relative}.search-box svg{color:#64748b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{padding-left:38px}@media (width<=1180px){.stats-grid,.manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:16px}.hero,.section-heading{grid-template-columns:1fr}.hero{display:grid}.connection{width:fit-content}.hero-actions{justify-content:flex-start}.upload-grid,.card-registry-layout,.stats-grid,.manual-grid,.card-form-grid,.credit-card-row{grid-template-columns:1fr}.credit-card-metrics{text-align:left}.manual-grid .wide{grid-column:span 1}.table-card{overflow-x:auto}table{min-width:820px}.search-box{width:100%;min-width:0}}