:root{--bg-main:#f8fafc;--bg-card:#fff;--text-primary:#111827;--text-secondary:#6b7280;--primary:#0f7a5c;--primary-hover:#0b5c46;--primary-light:#d1fae5;--success:#16a34a;--danger:#dc2626;--warning:#ca8a04;--info:#1d4ed8;--border-color:#e5e7eb;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 20px #0000000d;--shadow-lg:0 10px 30px #00000014;--radius-md:12px;--radius-lg:20px}html{font-size:22px}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:skala migalla,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin:0;font-weight:700}p{margin:0}.dashboard-container{max-width:1600px;margin:0 auto;padding:2rem}.dashboard-header{background:linear-gradient(135deg, #022c22 0%, var(--primary) 100%);border-radius:var(--radius-lg);color:#fff;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2.5rem 3rem;display:flex;box-shadow:0 10px 25px -5px #0f7a5c4d}.dashboard-title{color:#fff;margin-bottom:.5rem;font-size:2.2rem}.dashboard-subtitle{color:#bae6fd;font-size:1.1rem;font-weight:400}.export-btn{color:var(--primary);border-radius:var(--radius-md);cursor:pointer;background-color:#fff;border:none;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 10px #0000001a}.export-btn:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.export-btn:active{transform:translateY(0)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #e2e8f099;flex-direction:column;padding:1.8rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.kpi-card{border-top:4px solid var(--primary)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.charts-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1200px){.charts-grid{grid-template-columns:1fr 1fr}}.kpi-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;display:flex}.kpi-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:600}.kpi-value{color:var(--text-primary);margin-bottom:.8rem;font-size:2.5rem;font-weight:800;line-height:1.1}.kpi-comparison{background-color:var(--bg-main);border-radius:8px;align-items:center;gap:.4rem;width:fit-content;margin-bottom:.4rem;padding:.4rem .6rem;font-size:.95rem;font-weight:600;display:flex}.kpi-benchmark{color:var(--text-secondary);margin-left:.2rem;font-size:.8rem;font-weight:500}.trend-up{color:var(--success);background-color:#10b9811a}.trend-down{color:var(--danger);background-color:#ef44441a}.trend-neutral{color:var(--warning);background-color:#f59e0b1a}.filters-bar{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #e2e8f099;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:1.2rem 2rem;display:flex}.filter-group{flex-direction:column;gap:.6rem;min-width:200px;display:flex}.filter-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.filter-select{border:2px solid var(--border-color);background-color:var(--bg-main);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2rem;border-radius:10px;outline:none;padding:.75rem 2.5rem .75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s}.filter-select:focus,.filter-select:hover{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);background-color:#fff}.upload-container{flex-direction:column;justify-content:center;align-items:center;height:80vh;padding:2rem;display:flex}.upload-box{border:2px dashed var(--primary);border-radius:var(--radius-lg);text-align:center;background-color:var(--bg-card);cursor:pointer;width:100%;max-width:600px;box-shadow:var(--shadow-lg);padding:4rem;transition:all .3s}.upload-box:hover{background-color:var(--primary-light);border-color:var(--primary-hover);transform:scale(1.02)}.upload-icon{width:64px;height:64px;color:var(--primary);margin-bottom:1.5rem}@media print{body,html,#root,.dashboard-container{background:#fff!important;height:auto!important;overflow:visible!important}.filters-bar,.export-btn{display:none!important}.card,.kpi-card{break-inside:avoid;box-shadow:none!important;border:1px solid #e5e7eb!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}