*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fffe;margin:0;padding:0;overflow-x:hidden}#root{min-height:100vh;width:100vw;overflow-x:hidden}.dashboard-container{display:flex;min-height:100vh;width:100%;position:relative}.main-content{flex:1;padding:4px;margin-left:80px;transition:margin-left .3s ease;width:calc(100% - 80px)}.main-content.sidebar-closed{margin-left:0;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4px;margin-bottom:12px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:4px;margin-bottom:12px}.full-width-chart{grid-column:1 / -1}.stat-card{padding:24px;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.secondary{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stat-card.success{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.stat-card.warning{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.stat-card.info{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{font-size:1rem;opacity:.9;font-weight:500}.chart-container{padding:24px;background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a}.chart-title{font-size:1.25rem;font-weight:600;margin-bottom:20px;color:#333}.loading-container{display:flex;justify-content:center;align-items:center;height:200px}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;color:#f44336}.sidebar{width:240px;background:white;box-shadow:2px 0 8px #0000001a;position:fixed;height:100vh;left:0;top:0;z-index:1000;transition:transform .3s ease;overflow-y:auto}.sidebar.closed{transform:translate(-100%)}.sidebar-header{padding:24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.sidebar-title{font-size:1.5rem;font-weight:700;margin:0}.sidebar-subtitle{font-size:.875rem;opacity:.8;margin-top:4px}.sidebar-nav{padding:16px 0}.nav-item{display:flex;align-items:center;padding:12px 24px;color:#666;text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;cursor:pointer}.nav-item:hover{background-color:#f5f5f5;color:#1976d2}.nav-item.active{background-color:#e3f2fd;color:#1976d2;border-right:3px solid #1976d2}.nav-icon{margin-right:12px;font-size:1.25rem}.nav-text{font-weight:500}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0}.header-title{font-size:2rem;font-weight:700;color:#333;margin:0}.header-subtitle{font-size:1rem;color:#666;margin-top:4px}.refresh-button{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.main-content{margin-left:0;padding:16px}.stats-grid,.chart-grid{grid-template-columns:1fr;gap:16px}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.header-title{font-size:1.5rem}}.table-container{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-header{padding:24px;border-bottom:1px solid #e0e0e0}.table-title{font-size:1.25rem;font-weight:600;color:#333;margin:0}.status-badge{padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.completed{background-color:#e8f5e8;color:#2e7d32}.status-badge.pending{background-color:#fff3e0;color:#f57c00}.status-badge.active{background-color:#e3f2fd;color:#1976d2}