body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.dashboard-container{padding:0;max-width:100%;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f1f5f9;min-height:100vh}.dashboard-body{padding:32px 24px;max-width:1400px;margin:0 auto}.dashboard-header{background-color:#0f2d52;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;margin-bottom:0;box-shadow:0 4px 6px -1px #0000001a;position:sticky;top:0;z-index:10}.dashboard-header h1{margin:0;color:#fff;font-size:22px;font-weight:600;letter-spacing:-.5px}.header-actions span{color:#f1c400;font-size:14px;font-weight:500;letter-spacing:.3px}.kpi-row{display:flex;gap:24px;margin-bottom:32px}.kpi-card{flex:1;background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border-left:4px solid #0f2d52;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.kpi-card:nth-child(2){border-left-color:#1565c0}.kpi-card:nth-child(3){border-left-color:#f1c400}.kpi-card h3{margin:0 0 12px;color:#64748b;font-size:13px;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.kpi-value{margin:0;font-size:36px;font-weight:700;color:#0f2d52;line-height:1.2}.kpi-trend{font-size:14px;display:block;margin-top:12px;font-weight:500;color:#64748b}.kpi-trend.positive{color:#059669}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chart-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:box-shadow .2s ease}.chart-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{margin-top:0;margin-bottom:24px;color:#0f2d52;font-size:18px;font-weight:600;letter-spacing:-.3px}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#0f2d52;font-weight:500}.skeleton-container{display:flex;flex-direction:column;gap:20px;padding:40px;max-width:1200px;margin:0 auto}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.skeleton-logo{width:150px;height:50px;border-radius:8px}.skeleton-kpi-row{display:flex;gap:20px;margin-bottom:30px}.skeleton-kpi{flex:1;height:120px;border-radius:12px}.skeleton-charts-row{display:flex;gap:20px}.skeleton-chart{flex:1;height:350px;border-radius:12px}.shimmer{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8,#edeef1,#f6f7f8 40%,#f6f7f8);background-repeat:no-repeat;background-size:800px 100%;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear}@keyframes placeholderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}