:root{--accent: #0ea5a3;--muted: #64748b;--card-shadow: 0 10px 30px rgba(2,6,23,.07)}body{background:linear-gradient(180deg,#f8fafc,#eef2f6);color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{background:linear-gradient(90deg,#071033,#0b2540);box-shadow:0 6px 20px #02061738}header h1{color:#e6eef8;letter-spacing:.4px}header .text-slate-200{color:#cfe8f6}#kpiSection>div{box-shadow:var(--card-shadow);border:0!important;transition:transform .18s ease,box-shadow .18s ease}#kpiSection>div:hover{transform:translateY(-6px);box-shadow:0 18px 40px #02061714}#dropZone{background:linear-gradient(180deg,#fff,#fbfdff);border-color:#6366f11f!important;box-shadow:0 6px 22px #0f172a0a}.drag-over{box-shadow:0 10px 30px #02061714!important}#previewSection{background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 28px #0206170a}table thead{background:#f8fafc}table th{color:#475569}tbody tr:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0206170a}#importConfirmBtn{box-shadow:0 8px 20px #10b9811f}#importConfirmBtn:disabled{opacity:.7;transform:none}button:hover{transform:translateY(-1px)}#detailsModal>div{box-shadow:0 20px 60px #02061759}input:focus,select:focus,textarea:focus{box-shadow:0 6px 18px #0ea58414}.text-slate-500{color:var(--muted)!important}.text-slate-600{color:#475569!important}.bg-slate-50{background:transparent!important}@media(max-width:768px){#kpiSection{grid-template-columns:repeat(2,1fr)}}:root{--accent: #007aff;--accent-600: #0062d8;--muted: #6b7280;--bg: #f5f6f7;--surface: rgba(255,255,255,.85);--glass: rgba(255,255,255,.6)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:#1c1c1e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(0,0,0,.05)}.card,.kpi-card,.preview-panel,.modal-panel{background:linear-gradient(180deg,var(--surface),#ffffff);border-radius:16px;padding:1.25rem;box-shadow:0 20px 40px #0c121a0f;border:1px solid rgba(15,23,42,.04)}.kpi-card .label{color:#94a3b8;font-size:.75rem;font-weight:600}.kpi-card .value{font-size:1.9rem;font-weight:700;margin-top:.35rem;color:#0f172a}.dropzone{border:1px dashed rgba(15,23,42,.06);background:linear-gradient(180deg,#fff,#fbfdff);padding:3rem;border-radius:14px;text-align:center;transition:box-shadow .18s ease,transform .12s ease,border-color .12s ease}.dropzone .icon{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;background:#007aff0f;border-radius:999px}.dropzone.drag-over{border-color:#007aff47;box-shadow:0 28px 80px #0c121a14;transform:translateY(-4px)}.preview-panel{padding:1rem}.preview-stats{display:flex;gap:1rem}.preview-stat{background:transparent;padding:.6rem;border-radius:10px;flex:1}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-600));color:#fff;padding:.6rem .95rem;border-radius:12px;font-weight:700;box-shadow:0 18px 40px #007aff1f;border:none}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{background:transparent;color:#111;padding:.5rem .8rem;border-radius:10px;border:1px solid rgba(0,0,0,.06)}table{border-collapse:collapse;width:100%;background:transparent}table thead th{text-align:left;font-size:.75rem;text-transform:uppercase;color:#475569;padding:.85rem;background:transparent}tbody td{padding:.85rem;border-top:1px solid rgba(15,23,42,.03);vertical-align:middle}tbody tr{transition:background .12s ease,transform .12s ease,box-shadow .12s ease}tbody tr:hover{background:#ffffffe6;transform:translateY(-3px);box-shadow:0 12px 30px #0c121a0a}#detailsModal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-panel{padding:0;overflow:hidden}.modal-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(15,23,42,.03);display:flex;align-items:center;justify-content:space-between}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 10px 30px #007aff14;border-color:#007aff1f}.muted{color:var(--muted)!important}.small{font-size:.85rem}@media(max-width:768px){.kpi-card .value{font-size:1.25rem}.dropzone{padding:2rem}}