:root{--fri-green-dark:#1a5632;--fri-green:#2d8b4e;--fri-green-light:#4caf50;--fri-yellow:#f9a825;--fri-yellow-light:#ffc107;--fri-orange:#ff8f00;--white:#fff;--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;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--font-family:"Segoe UI",system-ui,-apple-system,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;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9fafb;background-color:var(--gray-50);color:#1f2937;color:var(--gray-800);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.5}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#1a5632,#2d8b4e);background:linear-gradient(135deg,var(--fri-green-dark) 0,var(--fri-green) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6)}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.header-title{align-items:center;display:flex}.header-title{gap:.75rem;gap:var(--spacing-3)}.header-title h1{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600}.header-subtitle{font-size:.875rem;font-size:var(--font-size-sm);opacity:.9}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:1.5rem;padding:var(--spacing-6);width:100%}.card{background:#fff;background:var(--white);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow:hidden}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);justify-content:space-between;padding:1rem 1.25rem;padding:var(--spacing-4) var(--spacing-5)}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#1f2937;color:var(--gray-800);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:.5rem;gap:var(--spacing-2)}.card-title svg{color:#2d8b4e;color:var(--fri-green)}.card-body{padding:1.25rem;padding:var(--spacing-5)}.dashboard-grid{grid-gap:1.25rem;grid-gap:var(--spacing-5);display:grid;gap:1.25rem;gap:var(--spacing-5);grid-template-columns:repeat(12,1fr)}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}@media (max-width:1024px){.col-span-3,.col-span-4{grid-column:span 6}.col-span-6,.col-span-8{grid-column:span 12}}@media (max-width:640px){.col-span-3,.col-span-4,.col-span-6{grid-column:span 12}}.metric-card{background:#fff;background:var(--white);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-2);padding:1.25rem;padding:var(--spacing-5)}.metric-card.accent-green{border-left:4px solid #2d8b4e;border-left:4px solid var(--fri-green)}.metric-card.accent-yellow{border-left:4px solid #f9a825;border-left:4px solid var(--fri-yellow)}.metric-card.accent-orange{border-left:4px solid #ff8f00;border-left:4px solid var(--fri-orange)}.metric-label{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.metric-value{color:#1f2937;color:var(--gray-800);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700}.metric-subtext{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-size:var(--font-size-sm)}.upload-zone{background:#fff;background:var(--white);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;padding:2.5rem;padding:var(--spacing-10);text-align:center;transition:all .2s ease}.upload-zone.drag-over,.upload-zone:hover{background:#2d8b4e0d;border-color:#2d8b4e;border-color:var(--fri-green)}.upload-zone svg{color:#9ca3af;color:var(--gray-400);height:48px;margin-bottom:1rem;margin-bottom:var(--spacing-4);width:48px}.upload-zone h3{color:#374151;color:var(--gray-700);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.upload-zone p{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-size:var(--font-size-sm)}.upload-zone input[type=file]{display:none}.btn{align-items:center;border:none;border-radius:.375rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--spacing-2);justify-content:center;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease}.btn-primary{background:#2d8b4e;background:var(--fri-green);color:#fff;color:var(--white)}.btn-primary:hover{background:#1a5632;background:var(--fri-green-dark)}.btn-secondary{background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background:#e5e7eb;background:var(--gray-200)}.tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:.25rem;gap:var(--spacing-1);margin-bottom:1.25rem;margin-bottom:var(--spacing-5)}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease}.tab:hover{color:#374151;color:var(--gray-700)}.tab.active{border-bottom-color:#2d8b4e;border-bottom-color:var(--fri-green);color:#2d8b4e;color:var(--fri-green)}.select-wrapper{position:relative}.select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);min-width:150px;padding:.5rem 2rem .5rem .75rem;padding:var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-3)}.select:focus{border-color:#2d8b4e;border-color:var(--fri-green);box-shadow:0 0 0 3px #2d8b4e1a;outline:none}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);text-align:left}.table th{background:#f9fafb;background:var(--gray-50);color:#6b7280;color:var(--gray-500);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table td{color:#374151;color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm)}.table tr:hover td{background:#f9fafb;background:var(--gray-50)}.progress-bar{background:#e5e7eb;background:var(--gray-200);height:8px;overflow:hidden}.progress-bar,.progress-bar-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-bar-fill{background:linear-gradient(90deg,#2d8b4e,#4caf50);background:linear-gradient(90deg,var(--fri-green) 0,var(--fri-green-light) 100%);height:100%;transition:width .3s ease}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.badge-green{background:#2d8b4e1a;color:#2d8b4e;color:var(--fri-green)}.badge-yellow{background:#f9a8251a;color:#ff8f00;color:var(--fri-orange)}.chart-container{height:300px;width:100%}.loading{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;justify-content:center;padding:2.5rem;padding:var(--spacing-10)}.spinner{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-top-color:#2d8b4e;border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--fri-green);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#6b7280;color:var(--gray-500);padding:2.5rem;padding:var(--spacing-10);text-align:center}.empty-state svg{height:64px;margin-bottom:1rem;margin-bottom:var(--spacing-4);opacity:.5;width:64px}.tooltip{background:#1f2937;background:var(--gray-800);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3)}.recharts-cartesian-axis-tick-value{fill:#6b7280;fill:var(--gray-500);font-size:12px}.recharts-legend-item-text{color:#4b5563!important;color:var(--gray-600)!important;font-size:13px}@media (max-width:768px){.header-content{flex-direction:column;gap:.75rem;gap:var(--spacing-3);text-align:center}.main-content{padding:1rem;padding:var(--spacing-4)}.dashboard-grid{gap:1rem;gap:var(--spacing-4)}}
/*# sourceMappingURL=main.5d2438db.css.map*/