*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#e0e0e0;min-height:100vh;padding:20px}.container{max-width:1800px;margin:0 auto}header{background:rgba(30,30,50,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px 35px;border-radius:16px;margin-bottom:25px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px}.header-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.period-selector{display:flex;gap:8px;background:hsla(0,0%,100%,.05);padding:6px;border-radius:10px;border:1px solid hsla(0,0%,100%,.1)}.period-btn{padding:8px 16px;background:transparent;color:#a0a0a0;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.period-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.period-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.company-filter{position:relative}.company-select{border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:8px 16px;color:#030303;font-size:14px;font-weight:500;cursor:pointer;min-width:200px;transition:all .3s ease}.company-select:hover{border-color:rgba(102,126,234,.5)}.company-select:focus{outline:none;border-color:rgba(102,126,234,.8);box-shadow:0 0 0 2px rgba(102,126,234,.2)}.last-updated{color:grey;font-size:13px;margin-left:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:20px}.widget{background:rgba(30,30,50,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:25px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all .3s ease}.widget:hover{transform:translateY(-2px);border-color:rgba(102,126,234,.5);box-shadow:0 12px 40px rgba(0,0,0,.4)}.widget-header{justify-content:space-between;margin-bottom:20px}.widget-header,.widget-title{display:flex;align-items:center}.widget-title{font-size:16px;font-weight:600;color:#fff;gap:8px}.widget-subtitle{font-size:12px;color:grey;margin-top:4px}.chart-container{height:350px;width:100%}.widget-full{grid-column:1/-1}.widget-half{grid-column:span 2}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-bottom:10px}.stat-card{background:hsla(0,0%,100%,.05);padding:18px;border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.stat-label{font-size:12px;color:grey;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:32px;font-weight:700;color:#fff;line-height:1}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:grey;font-size:14px}.spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.1);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1400px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.widget-half{grid-column:span 1}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.widget-half{grid-column:span 1}}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444}.error-message,.no-data-message{padding:15px;font-size:14px;margin-bottom:20px}.no-data-message{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#ffc107;text-align:center}.no-data-dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#a0a0a0;font-size:16px;text-align:center}.no-data-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-data-text{margin-bottom:8px}.no-data-subtext{font-size:14px;color:grey}