*{box-sizing:border-box}:root{--bg:#f1f5f9;--bg-strong:#e2e8f0;--panel:#fff;--ink:#0f172a;--ink-soft:#64748b;--brand:#2563eb;--brand-strong:#1d4ed8;--text:var(--ink-soft);--text-h:var(--ink);--border:#e2e8f0;--code-bg:#f8fafc;--accent:var(--brand);--accent-bg:#eff6ff;--accent-border:#bfdbfe;--social-bg:#fff;--shadow:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px #0f172a12, 0 2px 4px #0f172a0a;--color-bg-subtle:#f8fafc;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--font-display:"Inter", "Segoe UI", system-ui, sans-serif;color:var(--ink);background:var(--bg);font:15px/1.5 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);margin:0}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink);margin:0;font-weight:600}p{margin:0}a{color:var(--brand-strong);text-decoration:none}button{font-family:inherit}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1.25rem;width:100%;max-width:380px;padding:2rem 2rem 1.5rem;display:flex}.auth-brand{text-align:center}.auth-brand__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.3rem;font-size:.7rem;font-weight:600;display:block}.auth-brand__title{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:700}.auth-card__heading{color:var(--ink);text-align:center;margin:0;font-size:1rem;font-weight:600}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-field{flex-direction:column;gap:.3rem;display:flex}.auth-label{color:var(--ink-soft);font-size:.8rem;font-weight:500}.auth-input{border:1px solid var(--border);background:var(--bg);color:var(--ink);font:inherit;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.9rem;transition:border-color .12s}.auth-input:focus{border-color:var(--brand)}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:5px;margin:0;padding:.5rem .7rem;font-size:.82rem}.auth-info{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--brand-strong);border-radius:5px;margin:0;padding:.5rem .7rem;font-size:.82rem}.auth-submit{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:6px;margin-top:.2rem;padding:.55rem 1rem;font-size:.9rem;font-weight:600;transition:opacity .12s}.auth-submit:hover{opacity:.88}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-toggle{text-align:center;color:var(--ink-soft);margin:0;font-size:.82rem}.auth-toggle__btn{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;text-decoration:underline}.app-shell{flex-direction:column;gap:1rem;min-height:100vh;padding:1.1rem 1.25rem 1.5rem;display:flex}.app-shell__header{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:6px;justify-content:space-between;align-items:end;gap:1rem;padding:.85rem 1.15rem;display:flex}.app-shell__brand{flex-direction:column;gap:.25rem;display:flex}.app-shell__brand h1{letter-spacing:-.03em;font-size:1.5rem}.app-shell__eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--brand);font-size:.7rem;font-weight:600}.app-shell__content{flex:1;display:flex}.page-container{background:0 0;flex-direction:column;gap:.75rem;width:100%;min-height:0;padding:.75rem 0;display:flex}h1{color:var(--text-h);margin:0;font-size:1.3rem;font-weight:600}.module-nav{align-items:center;gap:.35rem;margin-left:auto;display:flex}.module-nav-btn{border:1px solid var(--border);color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border-radius:5px;padding:.35rem .85rem;font-size:.8rem;font-weight:500;transition:all .12s}.module-nav-btn:hover{background:var(--accent-bg);color:var(--ink);border-color:var(--accent-border)}.module-nav-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.module-title-row{align-items:flex-start;gap:1rem;display:flex}.module-subtitle{color:var(--ink-soft);margin:.2rem 0 0;font-size:.875rem}.batch-progress-bar{background:var(--bg);border:1px solid var(--border);border-radius:4px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.batch-progress-label{color:var(--text-h);white-space:nowrap;font-size:.75rem;font-weight:600}.batch-nav-arrows{gap:.25rem;display:flex}.batch-arrow-btn{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:4px;padding:.4rem .7rem;font-size:.9rem;transition:all .2s}.batch-arrow-btn:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.batch-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.btn-primary,.btn-secondary,.btn-browse{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:5px;padding:.4rem .85rem;font-size:.8rem;font-weight:500;transition:opacity .12s,background .12s}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{opacity:.88}.btn-secondary{background:var(--panel);color:var(--text-h);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-strong)}.btn-browse{background:var(--accent);color:#fff;border-color:var(--accent);padding:.55rem 1.2rem}.btn-browse:hover{opacity:.88}.view-mode-tabs{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.view-tab{border:1px solid var(--border);background:var(--panel);color:var(--ink-soft);cursor:pointer;border-radius:5px;padding:.35rem .85rem;font-size:.8rem;font-weight:500;transition:all .12s}.view-tab:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg)}.view-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.tab-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.upload-zone{border:2px dashed var(--border);text-align:center;background:var(--accent-bg);cursor:pointer;border-radius:6px;padding:2rem 1.5rem;transition:all .2s}.upload-zone:hover,.upload-zone.dragging{border-color:var(--accent);background:var(--accent-bg)}.upload-zone p{color:var(--text-h);margin:.3rem 0;font-size:.9rem}.upload-zone .small{color:var(--text);font-size:.75rem}.upload-btn-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.content-layout{grid-template-columns:220px 1fr;gap:.75rem;min-height:600px;display:grid}.sidebar{flex-direction:column;gap:.5rem;display:flex}.sidebar-section{border:1px solid var(--border);background:var(--bg);border-radius:6px;overflow:hidden}.sidebar-section-header{background:var(--color-bg-subtle);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.sidebar-section h3{color:var(--text-h);margin:0;font-size:.75rem;font-weight:600}.toggle-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:1rem;transition:all .2s;display:flex}.toggle-btn:hover{color:var(--accent)}.metadata-list{flex-direction:column;max-height:650px;padding:0;display:flex;overflow-y:auto}.metadata-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:.5rem;padding:.4rem .6rem;font-size:.75rem;display:flex}.metadata-row:last-child{border-bottom:none}.metadata-row.highlight{background:var(--accent-bg);font-weight:600}.metadata-row.aggregate{background:var(--accent-bg);border-bottom:1px solid var(--border);font-weight:600}.meta-label{color:var(--text);flex-shrink:0;font-weight:500}.meta-value{color:var(--text-h);text-align:right;font-weight:600}.main-content{border:1px solid var(--border);background:var(--bg);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.table-wrapper{flex:1;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.75rem}.data-table th,.data-table td{border:1px solid var(--border);text-align:left;padding:.4rem .6rem}.data-table th{background:var(--color-bg-subtle);color:var(--text-h);white-space:nowrap;font-size:.7rem;font-weight:600}.data-table tr:nth-child(2n),.data-table tr:hover{background:var(--accent-bg)}.loading{text-align:center;color:var(--accent);padding:1rem;font-weight:500}.error{color:#c41e3a;background:#fff5f5;border:1px solid #f5a8a8;border-radius:6px;padding:1rem;font-weight:500}.module-title-row{justify-content:space-between;align-items:end;gap:1rem;display:flex}.module-subtitle{color:var(--text);margin-top:.25rem;font-size:.9rem}.table-toolbar{flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem;padding:.5rem 0;display:flex}.table-toolbar .btn-secondary.active{background:var(--accent);color:#fff}.table-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;margin-bottom:.75rem;display:grid}.summary-chip{border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:6px;flex-direction:column;gap:.25rem;padding:.7rem .8rem;display:flex}.summary-chip span{color:var(--text);font-size:.7rem}.summary-chip strong{color:var(--text-h);font-size:.95rem}.product-name-cell{min-width:260px;max-width:420px}.sort-btn{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:.55rem;line-height:1;display:block}.sort-btn:hover{color:var(--accent)}.aggregates-panel{border:1px solid var(--border);background:var(--bg);border-radius:6px;margin-bottom:.75rem}.aggregates-header{background:var(--color-bg-subtle);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.aggregates-header h3{color:var(--text-h);margin:0;font-size:.75rem;font-weight:600}.aggregates-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;padding:.75rem;display:grid}.aggregate-card{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:4px;flex-direction:column;gap:.25rem;padding:.5rem .75rem;display:flex}.agg-label{color:var(--text);white-space:normal;word-break:break-word;font-size:.7rem;font-weight:500}.agg-value{color:var(--text-h);font-size:.85rem;font-weight:600}@media (width<=900px){.app-shell{padding:.85rem}.app-shell__header{flex-direction:column;align-items:stretch}}@media print{.app-shell__header,.view-mode-tabs,.batch-progress-bar,.module-title-row,.upload-zone,.table-toolbar,.table-toolbar-row,.aggregates-panel,.content-layout .sidebar,.table-summary,.tab-actions{display:none!important}.app-shell,.page-container{gap:0;padding:0}}.collapse-controls{flex-wrap:wrap;flex-shrink:0;gap:.4rem;display:flex}.table-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.col-picker-wrapper{flex-shrink:0;display:inline-block;position:relative}.col-picker-btn{white-space:nowrap;align-items:center;gap:.35rem;display:flex}.col-picker-count{background:#ffffff2e;border-radius:999px;justify-content:center;align-items:center;min-width:2rem;padding:.1rem .4rem;font-size:.78rem;font-weight:700;display:inline-flex}.col-picker-overlay{z-index:50;position:fixed;inset:0}.col-picker-dropdown{z-index:51;border:1px solid var(--border);background:var(--panel);min-width:200px;max-height:320px;box-shadow:var(--shadow-md);border-radius:6px;padding:.5rem 0;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.col-picker-item{cursor:pointer;align-items:center;gap:.6rem;padding:.42rem 1rem;font-size:.88rem;transition:background .1s;display:flex}.col-picker-item:hover{background:#a35d3d12}.col-picker-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft,#888);border-top:1px solid var(--border,#00000014);padding:.5rem 1rem .2rem;font-size:.7rem;font-weight:700}.col-picker-group-label:first-child{border-top:none}.col-picker-item input[type=checkbox]{width:14px;height:14px;accent-color:var(--brand-strong,#a85d3d);cursor:pointer;flex-shrink:0}.download-wrapper{display:inline-block;position:relative}.download-overlay{z-index:50;position:fixed;inset:0}.download-panel{z-index:51;border:1px solid var(--border);background:var(--panel);width:210px;box-shadow:var(--shadow-md);border-radius:6px;flex-direction:column;gap:.65rem;padding:.75rem;display:flex;position:absolute;top:calc(100% + 6px);left:0}.dl-section{flex-direction:column;gap:.35rem;display:flex}.dl-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft,#888);font-size:.68rem;font-weight:700}.dl-format-toggle{gap:.3rem;display:flex}.dl-fmt-btn{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:6px;flex:1;padding:.3rem 0;font-size:.8rem;font-weight:500;transition:all .15s}.dl-fmt-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.dl-hint{color:var(--ink-soft,#888);margin:0;font-size:.68rem;font-style:italic}.dl-checkboxes{flex-direction:column;gap:.25rem;display:flex}.dl-check-item{cursor:pointer;align-items:center;gap:.5rem;padding:.15rem 0;font-size:.82rem;display:flex}.dl-check-item input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.dl-go-btn{width:100%;padding:.45rem 0;font-size:.82rem}.app-user-bar{align-items:center;gap:.75rem;margin-left:auto;display:flex}.app-user-bar__credits{color:var(--brand-strong);background:var(--accent-bg);border:1px solid var(--accent-border);white-space:nowrap;border-radius:4px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.app-user-bar__email{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.78rem;overflow:hidden}.app-user-bar__signout{border:1px solid var(--border);font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .6rem;font-size:.78rem;transition:border-color .12s,color .12s}.app-user-bar__signout:hover{border-color:var(--ink-soft);color:var(--ink)}