/*
 * Datapreter v1.0.0
 * Copyright (c) 2026 Datapreter (datapreter.com)
 * All Rights Reserved.
 *
 * PROPRIETARY AND CONFIDENTIAL
 * Unauthorized copying, modification, distribution, or use of this
 * software, via any medium, is strictly prohibited.
 *
 * This software is protected under applicable copyright and trade
 * secret laws. Violations will be prosecuted to the fullest extent
 * of the law.
 *
 * Build: mmzrfty2 | 2026-03-21T03:20:25.946Z
 */
:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-bg:#eef2ff;--secondary:#8b5cf6;--accent:#06b6d4;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--info:#3b82f6;--info-bg:#eff6ff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius-sm:0.375rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--chart-1:#6366f1;--chart-2:#8b5cf6;--chart-3:#06b6d4;--chart-4:#10b981;--chart-5:#f59e0b;--chart-6:#ef4444;--chart-7:#ec4899;--chart-8:#14b8a6;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{font-size:16px;scroll-behavior:smooth;}body{font-family:var(--font-family);color:var(--gray-800);background:var(--gray-50);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;}a{color:var(--primary);text-decoration:none;}a:hover{color:var(--primary-dark);}img{max-width:100%;display:block;}button{font-family:inherit;cursor:pointer;border:none;background:none;}.top-nav{position:fixed;top:0;left:0;right:0;height:64px;background:white;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;padding:0 var(--space-6);z-index:100;gap:var(--space-6);}.nav-brand{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;}.brand-name{font-size:var(--font-size-xl);font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.brand-tag{font-size:var(--font-size-xs);color:var(--gray-400);display:none;}@media (min-width:1200px){.brand-tag{display:block;}}.nav-links{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center;overflow-x:auto;}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;color:var(--gray-500);transition:all 0.2s;white-space:nowrap;}.nav-link:hover{color:var(--gray-700);background:var(--gray-100);}.nav-link.active{color:var(--primary);background:var(--primary-bg);}.nav-link.disabled{opacity:0.4;pointer-events:none;}.nav-actions{display:flex;align-items:center;gap:var(--space-2);}.btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--gray-500);transition:all 0.2s;}.btn-icon:hover{background:var(--gray-100);color:var(--gray-700);}.main-content{margin-top:64px;min-height:calc(100vh - 64px);padding:var(--space-8);max-width:1400px;margin-left:auto;margin-right:auto;}.page-header{margin-bottom:var(--space-8);}.page-header h1{font-size:var(--font-size-3xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-2);}.page-header p{font-size:var(--font-size-lg);color:var(--gray-500);}.upload-zone{border:2px dashed var(--gray-300);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-8);text-align:center;background:white;transition:all 0.3s;cursor:pointer;position:relative;}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);background:var(--primary-bg);}.upload-zone.dragover{transform:scale(1.01);box-shadow:var(--shadow-lg);}.upload-icon{width:80px;height:80px;margin:0 auto var(--space-6);background:var(--primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);}.upload-zone h2{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-800);margin-bottom:var(--space-2);}.upload-zone p{color:var(--gray-500);margin-bottom:var(--space-4);}.upload-formats{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;}.format-badge{padding:var(--space-1) var(--space-3);background:var(--gray-100);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:600;color:var(--gray-600);text-transform:uppercase;}.upload-input{display:none;}.file-list{margin-top:var(--space-6);}.file-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-3);transition:all 0.2s;}.file-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm);}.file-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;flex-shrink:0;}.file-icon.csv{background:#dcfce7;color:#16a34a;}.file-icon.xlsx{background:#dbeafe;color:#2563eb;}.file-icon.pdf{background:#fce7f3;color:#db2777;}.file-icon.txt{background:#f3e8ff;color:#9333ea;}.file-info{flex:1;min-width:0;}.file-info .name{font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.file-info .meta{font-size:var(--font-size-sm);color:var(--gray-500);}.file-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:600;}.file-status.parsed{background:var(--success-bg);color:var(--success);}.file-status.error{background:var(--danger-bg);color:var(--danger);}.file-status.parsing{background:var(--warning-bg);color:var(--warning);}.file-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--gray-400);transition:all 0.2s;}.file-remove:hover{background:var(--danger-bg);color:var(--danger);}.card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:all 0.2s;}.card:hover{box-shadow:var(--shadow-md);}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);}.card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800);}.card-subtitle{font-size:var(--font-size-sm);color:var(--gray-500);}.insight-card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:all 0.3s;position:relative;overflow:hidden;}.insight-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;}.insight-card.priority-high::before{background:var(--danger);}.insight-card.priority-medium::before{background:var(--warning);}.insight-card.priority-low::before{background:var(--info);}.insight-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}.insight-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--space-3);}.insight-badge.revenue{background:var(--primary-bg);color:var(--primary);}.insight-badge.product{background:#fdf4ff;color:#a855f7;}.insight-badge.customer{background:#ecfdf5;color:#059669;}.insight-badge.pattern{background:#fff7ed;color:#ea580c;}.insight-badge.alert{background:var(--danger-bg);color:var(--danger);}.insight-badge.cashflow{background:#f0fdfa;color:#0d9488;}.insight-title{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2);line-height:1.4;}.insight-body{font-size:var(--font-size-base);color:var(--gray-600);line-height:1.7;margin-bottom:var(--space-4);}.insight-chart{margin-top:var(--space-4);height:200px;position:relative;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-8);}.stat-card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-5);position:relative;overflow:hidden;}.stat-card .stat-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);}.stat-card .stat-value{font-size:var(--font-size-2xl);font-weight:800;color:var(--gray-900);line-height:1.2;}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--gray-500);margin-top:var(--space-1);}.stat-card .stat-change{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:600;margin-top:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-2xl);}.stat-change.positive{background:var(--success-bg);color:var(--success);}.stat-change.negative{background:var(--danger-bg);color:var(--danger);}.stat-change.neutral{background:var(--gray-100);color:var(--gray-500);}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-6);margin-bottom:var(--space-8);}.data-preview{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:white;margin-top:var(--space-6);}.data-preview table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);}.data-preview th{background:var(--gray-50);padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--gray-600);border-bottom:2px solid var(--gray-200);white-space:nowrap;}.data-preview td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);color:var(--gray-700);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.data-preview tr:hover td{background:var(--gray-50);}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;transition:all 0.2s;border:none;cursor:pointer;}.btn-primary{background:var(--primary);color:white;}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);}.btn-secondary{background:white;color:var(--gray-700);border:1px solid var(--gray-300);}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400);}.btn-success{background:var(--success);color:white;}.btn-success:hover{background:#059669;}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);}.executive-summary{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-xl);padding:var(--space-8);color:white;margin-bottom:var(--space-8);position:relative;overflow:hidden;}.executive-summary::after{content:'';position:absolute;top:-50%;right:-10%;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,0.1);}.executive-summary h2{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-4);position:relative;z-index:1;}.executive-summary .summary-text{font-size:var(--font-size-lg);line-height:1.8;opacity:0.95;position:relative;z-index:1;max-width:800px;}.executive-summary .summary-icon{font-size:2rem;margin-bottom:var(--space-4);}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);}.section-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-800);}.section-subtitle{font-size:var(--font-size-sm);color:var(--gray-500);}.chart-wrapper{position:relative;width:100%;}.chart-wrapper canvas{width:100% !important;}.empty-state{text-align:center;padding:var(--space-12) var(--space-8);color:var(--gray-400);}.empty-state svg{margin:0 auto var(--space-6);opacity:0.5;}.empty-state h3{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-600);margin-bottom:var(--space-2);}.empty-state p{font-size:var(--font-size-base);max-width:400px;margin:0 auto;}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:200;display:flex;flex-direction:column;gap:var(--space-3);}.toast{padding:var(--space-4) var(--space-6);background:var(--gray-800);color:white;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-lg);animation:toastIn 0.3s ease;max-width:400px;}.toast.success{background:var(--success);}.toast.error{background:var(--danger);}.toast.warning{background:var(--warning);color:var(--gray-900);}@keyframes toastIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.sample-section{margin-top:var(--space-8);text-align:center;}.sample-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-700);margin-bottom:var(--space-4);}.sample-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);max-width:900px;margin:0 auto;}.sample-card{background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:all 0.2s;text-align:left;}.sample-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px);}.sample-card h4{font-size:var(--font-size-base);font-weight:600;color:var(--gray-800);margin-bottom:var(--space-1);}.sample-card p{font-size:var(--font-size-sm);color:var(--gray-500);}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:300;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s;}.modal{background:white;border-radius:var(--radius-xl);padding:var(--space-8);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl);}.modal h2{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-2);}.modal p{color:var(--gray-500);margin-bottom:var(--space-6);}.mapping-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);}.mapping-label{width:120px;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);flex-shrink:0;}.mapping-select{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:var(--font-size-sm);font-family:inherit;color:var(--gray-700);background:white;}.mapping-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.1);}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200);}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--space-8);}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.actions-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4);background:white;border:1px solid var(--gray-200);border-radius:var(--radius-lg);}.actions-bar .file-count{font-size:var(--font-size-sm);color:var(--gray-500);}.actions-bar .file-count strong{color:var(--gray-800);}.detail-table{width:100%;border-collapse:collapse;}.detail-table th{background:var(--gray-50);padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-600);border-bottom:2px solid var(--gray-200);}.detail-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);font-size:var(--font-size-sm);color:var(--gray-700);}.detail-table tr:hover td{background:var(--gray-50);}.detail-table .amount{font-weight:600;font-variant-numeric:tabular-nums;}.detail-table .positive{color:var(--success);}.detail-table .negative{color:var(--danger);}@media (max-width:768px){.top-nav{padding:0 var(--space-4);}.nav-links{display:none;}.main-content{padding:var(--space-4);}.insights-grid{grid-template-columns:1fr;}.stats-grid{grid-template-columns:repeat(2,1fr);}.executive-summary{padding:var(--space-6);}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr;}}.email-capture{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);text-align:center;}.email-capture h3{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800);margin-bottom:var(--space-2);}.email-capture p{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-4);}.email-form{display:flex;gap:var(--space-3);max-width:500px;margin:0 auto;}.email-form input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-family:inherit;outline:none;}.email-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.1);}.email-form .btn{white-space:nowrap;}.email-success{color:var(--success);font-weight:600;font-size:var(--font-size-sm);}.pro-banner{background:white;border:2px dashed var(--primary-light);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);text-align:center;cursor:pointer;transition:all 0.2s;}.pro-banner:hover{border-color:var(--primary);background:var(--primary-bg);transform:translateY(-2px);box-shadow:var(--shadow-md);}.pro-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-3);}.pro-banner h3{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800);margin-bottom:var(--space-2);}.pro-banner p{font-size:var(--font-size-sm);color:var(--gray-500);max-width:500px;margin:0 auto;}.pro-features-list{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-top:var(--space-4);}.pro-feature-tag{padding:var(--space-1) var(--space-3);background:var(--primary-bg);border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:600;color:var(--primary);}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-6) 0;}.pricing-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;transition:all 0.2s;}.pricing-card.featured{border-color:var(--primary);box-shadow:var(--shadow-lg);position:relative;}.pricing-card .plan-name{font-size:var(--font-size-base);font-weight:700;color:var(--gray-800);margin-bottom:var(--space-2);}.pricing-card .plan-price{font-size:var(--font-size-2xl);font-weight:800;color:var(--primary);margin-bottom:var(--space-1);}.pricing-card .plan-period{font-size:var(--font-size-xs);color:var(--gray-400);margin-bottom:var(--space-4);}.pricing-card .plan-features{text-align:left;font-size:var(--font-size-sm);color:var(--gray-600);line-height:1.8;}.trust-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-6);padding:var(--space-4);flex-wrap:wrap;}.trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--gray-500);}.trust-item svg{color:var(--success);flex-shrink:0;}@media print{.top-nav{display:none;}.main-content{margin-top:0;padding:0;}.insight-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd;}.btn,.upload-zone{display:none;}}