:root{--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-error:#dc2626;--color-success:#16a34a;--color-warning:#d97706;--radius:6px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;color:var(--color-text);background:var(--color-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body,html,#root{height:100%;margin:0}button{cursor:pointer;font:inherit;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);padding:.5rem 1rem}button:disabled{opacity:.6;cursor:not-allowed}input{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;padding:.5rem .75rem}input:focus{outline:2px solid var(--color-primary);outline-offset:1px}a{color:var(--color-primary);text-decoration:none}.login-page{background:linear-gradient(#eff6ff 0%,#f8fafc 100%);place-items:center;min-height:100vh;display:grid}.login-card{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:2rem}.login-header h1{margin:0 0 .25rem;font-size:1.5rem}.login-header p{color:var(--color-text-muted);margin:0 0 1.5rem}.login-form{gap:1rem;display:grid}.login-form label{gap:.25rem;font-size:.875rem;display:grid}.login-form em{color:var(--color-error);font-size:.8rem;font-style:normal}.login-form button{background:var(--color-primary);color:#fff;border-color:var(--color-primary);padding:.625rem;font-weight:600}.login-form button:hover:not(:disabled){background:var(--color-primary-hover)}.login-error{color:var(--color-error);border-radius:var(--radius);background:#fef2f2;padding:.5rem .75rem;font-size:.875rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);align-items:center;gap:2rem;padding:.75rem 1.5rem;display:flex}.app-header .brand{color:var(--color-primary);font-size:1.125rem;font-weight:700}.app-header nav{flex:1;gap:1rem;display:flex}.app-header nav a{color:var(--color-text-muted);border-radius:var(--radius);padding:.25rem .5rem}.app-header nav a.active{color:var(--color-primary);background:#eff6ff}.app-header .user-menu{color:var(--color-text-muted);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.app-main{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:1.5rem}.page h1{margin:0 0 .25rem}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-header .muted{color:var(--color-text-muted);margin:0}.page-actions{gap:.5rem;display:flex}.muted{color:var(--color-text-muted)}.strong{font-weight:600}button.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}button.primary:hover:not(:disabled){background:var(--color-primary-hover)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.25rem}.card h3{margin-top:0}.placeholder-card{background:#fafbfc;border-style:dashed}.empty{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);text-align:center;color:var(--color-text-muted);padding:3rem 1.5rem}.empty.error{color:var(--color-error);background:#fef2f2;border-color:#fecaca}.empty h3{color:var(--color-text);margin:0 0 .5rem}.banner{border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.banner.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.breadcrumb{color:var(--color-text-muted);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.breadcrumb a{color:var(--color-text-muted)}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem .875rem;font-size:.9rem}.data-table th{color:var(--color-text-muted);background:#f8fafc;font-weight:600}.data-table tbody tr:hover{background:#f8fafc}.badge{letter-spacing:.02em;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-blue{color:#1e40af;background:#dbeafe}.badge-amber{color:#92400e;background:#fef3c7}.badge-purple{color:#5b21b6;background:#ede9fe}.badge-teal{color:#115e59;background:#ccfbf1}.badge-slate{color:#334155;background:#e2e8f0}.badge-gray{color:#64748b;background:#f1f5f9}.scenarios{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.modal-backdrop{z-index:50;background:#0f172a80;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow-md);overflow:hidden}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h2{margin:0;font-size:1.125rem}.modal-body{gap:.875rem;padding:1.25rem;display:grid}.modal-body label{gap:.25rem;font-size:.875rem;display:grid}.modal-body em{color:var(--color-error);font-size:.8rem;font-style:normal}.modal-body select{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:.5rem .75rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.icon-btn{color:var(--color-text-muted);background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.pivot{gap:.75rem;display:grid}.pivot-toolbar{justify-content:space-between;align-items:center;display:flex}.toggle{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.toggle input{width:auto}.pivot-scroll{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);max-height:540px;overflow:auto}.pivot-table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:.85rem}.pivot-table th,.pivot-table td{border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.5rem .75rem}.pivot-table thead th{z-index:2;text-align:left;border-bottom:1px solid var(--color-border);background:#f8fafc;font-weight:600;position:sticky;top:0}.pivot-table tbody td:first-child,.pivot-table tbody td:nth-child(2),.pivot-table thead th:first-child,.pivot-table thead th:nth-child(2){background:var(--color-surface);z-index:1;position:sticky}.pivot-table thead th:first-child{z-index:3;background:#f8fafc;left:0}.pivot-table thead th:nth-child(2){z-index:3;background:#f8fafc;left:200px}.pivot-table tbody td:first-child{min-width:200px;left:0}.pivot-table tbody td:nth-child(2){min-width:140px;left:200px}.pivot-table tbody tr:hover td{background:#f8fafc}.cell-num{text-align:right;font-variant-numeric:tabular-nums}.cell-product{min-width:180px}.small{font-size:.78rem}.stf-overlay{color:#b45309;font-size:.72rem;font-weight:500}.chart-container{gap:.75rem;display:grid}.chart-toolbar label{gap:.25rem;max-width:360px;display:grid}.chart-toolbar select{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:.4rem .6rem}.chart-wrap{width:100%}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius);text-align:center;background:#fafbfc;padding:2rem;transition:background .12s}.dropzone.over{border-color:var(--color-primary);background:#eff6ff}.dropzone.has-file{background:#ecfdf5;border-style:solid;border-color:#6ee7b7}.dropzone p{color:var(--color-text-muted);margin:0 0 .75rem}.file-pick input{display:none}.file-pick span{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;padding:.5rem 1rem;font-weight:500;display:inline-block}.file-pick span:hover{border-color:var(--color-primary);color:var(--color-primary)}.ingest-form{flex-wrap:wrap;align-items:end;gap:1rem;margin-top:1rem;display:flex}.ingest-form label{gap:.25rem;min-width:180px;display:grid}.ingest-form select,.ingest-form input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font:inherit;padding:.5rem .75rem}.schema-tips{border-radius:var(--radius);background:#f8fafc;margin-top:1rem;padding:.5rem .75rem}.banner.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.num{text-align:right;font-variant-numeric:tabular-nums}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.stat-value{margin-top:.25rem;font-size:1.5rem;font-weight:600}.stat-teal{border-left:4px solid #14b8a6}.stat-amber{border-left:4px solid #f59e0b}.stat-red{border-left:4px solid #ef4444}.stat-gray{border-left:4px solid #94a3b8}.badge-error{color:#991b1b;background:#fee2e2}.mono{font-family:ui-monospace,SFMono-Regular,monospace}.payload{text-overflow:ellipsis;max-width:480px;overflow:hidden}