@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;--success:#059669;--warning:#d97706;--danger:#dc2626;--bg-gradient:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);--card-bg:#ffffffe6;--card-border:#fffc;--text-main:#0f172a;--text-muted:#64748b;--radius-lg:12px;--radius-md:10px;--radius-sm:6px;--shadow-premium:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-hover:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.dashboard{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.title-group h1{color:var(--text-main);letter-spacing:-.05em;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.title-group p{color:var(--text-muted);font-size:1.125rem;font-weight:500}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.stat-card{border-radius:var(--radius-md);box-shadow:var(--shadow-premium);background:#fff;border:1px solid #f1f5f9;padding:1.5rem;transition:all .3s}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.75rem;font-weight:700}.stat-value{color:var(--text-main);font-size:2rem;font-weight:800}.upload-container{justify-content:center;align-items:center;min-height:500px;display:flex}.upload-zone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;width:100%;max-width:700px;box-shadow:var(--shadow-premium);background:#fff;border:2px dashed #e2e8f0;padding:5rem 3rem;transition:all .3s}.upload-zone:hover{border-color:var(--primary);background:#f8fafc;transform:scale(1.005)}.upload-icon-wrapper{width:80px;height:80px;color:var(--primary);background:#f1f5f9;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 2rem;transition:all .3s;display:flex}.upload-zone:hover .upload-icon-wrapper{background:var(--primary);color:#fff;transform:rotate(5deg)}.card{border-radius:var(--radius-md);box-shadow:var(--shadow-premium);background:#fff;border:1px solid #f1f5f9;overflow:hidden}.table-controls{background:#fcfcfd;border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;flex:1;padding:.875rem 1rem .875rem 3rem;font-size:1rem;transition:all .2s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e514}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;text-align:left;background:#f8fafc;border-bottom:2px solid #f1f5f9;padding:1rem 1.25rem;font-size:.7rem;font-weight:800}td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem;font-size:.9rem}tr:hover td{background:#fcfcfd}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{color:var(--text-main);background:#fff;border:1px solid #e2e8f0}.btn-outline:hover{background:#f8fafc}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:.4rem .8rem;font-size:.65rem;font-weight:800}.badge-pending{color:#c2410c;background:#fff7ed}.badge-success{color:#065f46;background:#ecfdf5}.badge-settled{color:#0369a1;background:#e0f2fe}select{appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right .5rem center/.8rem no-repeat;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 2rem .5rem .75rem;font-size:.85rem;font-weight:600}.loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:4px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;margin-bottom:1.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.settlement-bar{border-radius:var(--radius-md);box-shadow:var(--shadow-premium);border-left:4px solid var(--primary);background:#fff;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}body{color:#0f172a;-webkit-font-smoothing:antialiased;background-color:#f1f5f9;margin:0;font-family:Plus Jakarta Sans,sans-serif}.app-wrapper.svelte-1n46o8q{flex-direction:column;min-height:100vh;display:flex}.top-nav.svelte-1n46o8q{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 2rem;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.nav-content.svelte-1n46o8q{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.dashboard.svelte-1n46o8q{box-sizing:border-box;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.site-footer.svelte-1n46o8q{background:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:2rem}.footer-content.svelte-1n46o8q{color:#64748b;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;font-size:.9rem;display:flex}.footer-links.svelte-1n46o8q{gap:1.5rem;display:flex}.btn.svelte-1n46o8q{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary.svelte-1n46o8q{color:#fff;background:#4f46e5;box-shadow:0 4px 12px #4f46e533}.btn-primary.svelte-1n46o8q:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 16px #4f46e54d}.btn-outline.svelte-1n46o8q{color:#475569;background:#fff;border:1px solid #cbd5e1}.btn-outline.svelte-1n46o8q:hover{background:#f8fafc;border-color:#94a3b8}.card.svelte-1n46o8q{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.stats-grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card.svelte-1n46o8q{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.stat-label.svelte-1n46o8q{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.stat-value.svelte-1n46o8q{color:#0f172a;font-size:1.75rem;font-weight:800}.settlement-bar.svelte-1n46o8q{background:#fff;border:1px solid #4f46e5;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 12px #4f46e51a}.table-controls.svelte-1n46o8q{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-input.svelte-1n46o8q{color:#0f172a;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.6rem 1rem .6rem 2.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.search-input.svelte-1n46o8q:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}select.svelte-1n46o8q{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem 2rem .6rem 1rem;font-size:.9rem;font-weight:500}.table-container.svelte-1n46o8q{margin:0 -1.5rem -1.5rem;overflow-x:auto}table.svelte-1n46o8q{border-collapse:separate;border-spacing:0;width:100%}th.svelte-1n46o8q{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;z-index:10;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:1rem;font-size:.75rem;font-weight:700;position:sticky;top:0}td.svelte-1n46o8q{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.9rem}tr.svelte-1n46o8q:hover td:where(.svelte-1n46o8q){background:#f8fafc}.badge.svelte-1n46o8q{border-radius:999px;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pending.svelte-1n46o8q{color:#d97706;background:#fef3c7}.badge-settled.svelte-1n46o8q{color:#16a34a;background:#dcfce3}.upload-container.svelte-1n46o8q{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:4rem 2rem;display:flex}.upload-zone.svelte-1n46o8q{text-align:center;cursor:pointer;background:#fff;border:2px dashed #cbd5e1;border-radius:16px;width:100%;max-width:600px;padding:4rem 2rem;transition:all .2s}.upload-zone.svelte-1n46o8q:hover{background:#f8fafc;border-color:#4f46e5}.upload-icon-wrapper.svelte-1n46o8q{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.loading-overlay.svelte-1n46o8q{z-index:100;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.spinner.svelte-1n46o8q{border:3px solid #f3f3f3;border-top-color:#4f46e5;border-radius:50%;width:40px;height:40px;animation:1s linear infinite svelte-1n46o8q-spin}@keyframes svelte-1n46o8q-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay.svelte-1n46o8q{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal.svelte-1n46o8q{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:2.5rem;box-shadow:0 20px 25px -5px #0000001a}
