:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}body{margin:0}:root{--color-primary:#4f46e5;--color-primary-dark:#3730a3;--color-primary-light:#818cf8;--color-bg:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-success:#059669;--color-success-hover:#047857;--color-danger:#dc2626;--color-danger-bg:#dc26261a;--color-info:#2563eb;--color-info-bg:#2563eb14;--color-warning:#d97706;--color-shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--color-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--color-table-head:#1e293b;--color-table-stripe:#f8fafc;--color-table-hover:#eef2ff;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition:.2s ease}[data-theme=dark]{--color-primary:#818cf8;--color-primary-dark:#6366f1;--color-primary-light:#a5b4fc;--color-bg:#0f172a;--color-surface:#1e293b;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#334155;--color-border-light:#1e293b;--color-success:#10b981;--color-success-hover:#059669;--color-danger:#f87171;--color-danger-bg:#f8717126;--color-info:#60a5fa;--color-info-bg:#60a5fa1a;--color-warning:#fbbf24;--color-shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--color-shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--color-table-head:#0f172a;--color-table-stripe:#1e293b;--color-table-hover:#334155}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);transition:background var(--transition), color var(--transition);font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app{max-width:1560px;min-height:100vh;margin:0 auto}.app-header{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--color-shadow-lg);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;padding:20px 28px;display:flex;position:sticky;top:0}.app-header .brand{align-items:center;gap:16px;display:flex}.app-header .brand-icon{border-radius:var(--radius-md);background:#ffffff26;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.app-header .brand-text h1{letter-spacing:.4px;font-size:22px;font-weight:700}.app-header .brand-text .subtitle{color:#ffffffb3;font-size:13px;font-weight:500}.upload-bar{align-items:center;gap:10px;display:flex}.file-input{display:none}.upload-btn,.clear-btn,.theme-toggle,.view-toggle{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.upload-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff26}.upload-btn:hover{background:#ffffff40;transform:translateY(-1px)}.clear-btn{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #dc262633}.clear-btn:hover{background:var(--color-danger);color:#fff;transform:translateY(-1px)}.theme-toggle{color:#fff;background:#ffffff1f;border:1px solid #ffffff26;padding:8px 12px;font-size:18px}.theme-toggle:hover{background:#ffffff38;transform:translateY(-1px)}.body-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--color-shadow);border:1px solid var(--color-border);transition:background var(--transition), border var(--transition);margin:0 20px 24px;padding:24px 28px}.tabs{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);gap:0;margin-bottom:20px;padding:4px;display:flex}.tabs button{border-radius:calc(var(--radius-md) - 2px);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition);background:0 0;border:none;flex:1;padding:11px 18px;font-size:14px;font-weight:600}.tabs button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--color-shadow);border:1px solid var(--color-border)}.tabs button:not(.active):hover{color:var(--color-text);background:var(--color-border-light)}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px;display:grid}.summary-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition);padding:16px 18px}.summary-card:hover{box-shadow:var(--color-shadow);border-color:var(--color-primary-light);transform:translateY(-2px)}.summary-card .label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.summary-card .value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;display:block}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:18px;display:flex}.customer-search{align-items:center;gap:6px;margin-right:auto;display:flex;position:relative}.customer-search input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);min-width:220px;color:var(--color-text);transition:all var(--transition);padding:9px 14px;font-family:inherit;font-size:13px}.customer-search input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51f}.clear-customer-btn{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition);background:0 0;border:none;padding:4px 8px;font-size:16px;line-height:1}.clear-customer-btn:hover{color:var(--color-danger)}.toolbar button{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;padding:9px 16px;font-size:13px;font-weight:600}.btn-export{background:var(--color-success);color:#fff}.btn-export:hover{background:var(--color-success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn-save{color:#fff;background:#7c3aed}.btn-save:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.btn-load{background:var(--color-info);color:#fff}.btn-load:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.customer-report{margin-bottom:16px}.customer-header{background:linear-gradient(135deg, var(--color-info-bg) 0%, #818cf814 100%);border-radius:var(--radius-md);border:1px solid #4f46e526;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;padding:18px;display:flex}.customer-info-top{align-items:center;gap:14px;margin-bottom:10px;display:flex}.customer-info h3{color:var(--color-text);font-size:18px;font-weight:700}.btn-certificate{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;padding:7px 14px;font-size:12px;font-weight:600}.btn-certificate:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.btn-print{background:var(--color-success);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;padding:7px 14px;font-size:12px;font-weight:600}.btn-print:hover{background:var(--color-success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.customer-details{color:var(--color-text-secondary);flex-wrap:wrap;gap:8px 18px;font-size:13px;display:flex}.customer-details strong{color:var(--color-text)}.customer-totals{flex-shrink:0;gap:12px;display:flex}.ct-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;min-width:100px;padding:10px 14px}.ct-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.ct-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;display:block}.customer-type-section{margin-bottom:20px}.customer-type-section>h4{color:var(--color-text);border-bottom:2px solid var(--color-border);margin-bottom:12px;padding-bottom:8px;font-size:15px;font-weight:700}.date-range{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;display:flex}.date-range label{color:var(--color-text-secondary);white-space:nowrap;font-size:13px;font-weight:700}.date-range input[type=date]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);min-width:160px;transition:all var(--transition);padding:8px 14px;font-family:inherit;font-size:13px}.date-range input[type=date]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51f}.clear-date-btn{background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1px solid #dc262633;padding:7px 14px;font-size:12px;font-weight:600}.clear-date-btn:hover{background:var(--color-danger);color:#fff}.date-section{margin-bottom:24px}.section-header{border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 0;display:flex}.section-header h2{color:var(--color-text);font-size:16px;font-weight:700}.section-header .count{color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}thead{background:var(--color-table-head)}th{text-align:left;color:#fff;white-space:nowrap;letter-spacing:.4px;text-transform:uppercase;border-right:1px solid #ffffff14;padding:12px 10px;font-size:11px;font-weight:700}th:last-child{border-right:none}td{border-bottom:1px solid var(--color-border);white-space:nowrap;color:var(--color-text);padding:9px 10px}tbody tr:nth-child(2n){background:var(--color-table-stripe)}tbody tr:hover{background:var(--color-table-hover)}td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:600}.empty-state{text-align:center;padding:90px 24px}.empty-state .empty-icon{opacity:.5;margin-bottom:18px;font-size:52px}.empty-state h2{color:var(--color-text);margin-bottom:10px;font-size:22px}.empty-state p{color:var(--color-text-muted);max-width:420px;margin:0 auto;font-size:14px;line-height:1.6}.pivot-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:20px;padding:18px 20px}.pivot-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.pivot-controls label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:12px;font-weight:700}.pivot-controls select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition);min-width:180px;padding:8px 14px;font-family:inherit;font-size:13px}.pivot-controls select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51f}.pivot-metrics{flex-wrap:wrap;gap:8px;display:flex}.pivot-metric-chip{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.pivot-metric-chip .metric-val{color:var(--color-primary);font-weight:700}.pivot-total-row{font-weight:700;background:var(--color-info-bg)!important}.pivot-total-row td{color:var(--color-primary);border-top:2px solid var(--color-primary)}@media (width<=768px){.app-header{text-align:center;flex-direction:column;align-items:stretch;padding:16px 18px}.app-header .brand{justify-content:center}.upload-bar{flex-wrap:wrap;justify-content:center}.body-card{margin:0 10px 18px;padding:18px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:8px}.date-range{flex-wrap:wrap}.date-range input[type=date]{flex:1;min-width:0}.toolbar{justify-content:center}.customer-search{width:100%;margin-bottom:8px;margin-right:0}.customer-search input{width:100%;min-width:0}}@media print{.app-header{-webkit-print-color-adjust:exact;print-color-adjust:exact;position:static;background:var(--color-primary-dark)!important}thead{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:var(--color-table-head)!important}th{color:#fff!important}tbody tr:nth-child(2n){-webkit-print-color-adjust:exact;print-color-adjust:exact;background:var(--color-table-stripe)!important}.clear-btn,.toolbar,.upload-bar,.date-range,.theme-toggle,.tabs{display:none!important}}