*,*:before,*:after{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;height:100%;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa}#root{height:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9e9e9e}::selection{background-color:#1976d233;color:#1976d2}::-moz-selection{background-color:#1976d233;color:#1976d2}*:focus-visible{outline:2px solid #1976d2;outline-offset:2px}@media print{.no-print{display:none!important}.print-only{display:block!important}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.MuiDataGrid-root{border:none!important}.MuiDataGrid-cell:focus{outline:none!important}.MuiDataGrid-columnHeader:focus{outline:none!important}.chart-container{width:100%;height:400px;position:relative}.chart-container .recharts-wrapper{width:100%!important;height:100%!important}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-grid-2{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-grid-3{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background-color:#e8f5e8;color:#2e7d32}.status-badge.inactive{background-color:#ffebee;color:#c62828}.status-badge.pending{background-color:#fff3e0;color:#ef6c00}.status-badge.draft{background-color:#f3e5f5;color:#7b1fa2}.status-badge.published{background-color:#e3f2fd;color:#1565c0}.hover-card{transition:all .2s ease-in-out;cursor:pointer}.hover-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#757575}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9e9e9e}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none}}.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}@media (prefers-contrast: high){.status-badge{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}