*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:#ffffff40;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18)}.chart-container{position:relative;height:300px;width:100%}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.kpi-grid{grid-template-columns:1fr;gap:16px}.chart-grid{grid-template-columns:1fr}}@media (max-width: 480px){body{font-size:14px}.dashboard-title{font-size:1.5rem}.kpi-card{padding:12px}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);background-size:400% 100%;animation:loading 1.4s ease infinite}@keyframes loading{0%{background-position:100% 50%}to{background-position:0% 50%}}.alert-success{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.alert-warning{background-color:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.alert-error{background-color:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.alert-info{background-color:#dbeafe;border-left:4px solid #3b82f6;color:#1e40af}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #00000012;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000026}.stat-value{font-size:2.5rem;font-weight:700;line-height:1;margin:8px 0}.stat-label{color:#64748b;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-trend{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:8px}.trend-up{color:#10b981}.trend-down{color:#ef4444}@media print{.no-print{display:none!important}.chart-container{break-inside:avoid;page-break-inside:avoid}body{background:#fff!important;font-size:12pt}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus{outline:2px solid #4f46e5;outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #4f46e5;outline-offset:2px}@media (prefers-contrast: high){.stat-card,.btn-primary{border:2px solid #000}}
