@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f7fa;color:#333;min-height:100vh}.dashboard{padding:16px;max-width:1200px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:24px}.logo-text{font-size:20px;font-weight:700;color:#4285f4}.period-selector select{padding:8px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.driver-filter{display:flex;align-items:center;justify-content:space-between;background:#e3f2fd;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.driver-filter button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:14px}.main-grid{display:grid;grid-template-columns:180px 1fr 280px;gap:16px;margin-bottom:20px}@media (max-width: 900px){.main-grid{grid-template-columns:1fr}}.metrics-column{display:flex;flex-direction:column;gap:12px}.metric-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.metric-title{font-size:12px;color:#666;margin-bottom:8px}.metric-value{font-size:36px;font-weight:300;color:#333}.metric-change{font-size:14px;margin-top:4px}.metric-change.positive{color:#34a853}.metric-change.negative{color:#ea4335}.metric-subtitle{font-size:12px;color:#999;margin-top:4px}.main-chart{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.chart-container{height:300px;position:relative}.drivers-column{display:flex;flex-direction:column;gap:12px}.drivers-column h3{font-size:14px;font-weight:500;color:#333;text-align:center}.drivers-chart{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000001a;height:180px}.clients-table{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.clients-table table{width:100%;font-size:11px;border-collapse:collapse}.clients-table th{text-align:left;padding:8px 4px;border-bottom:1px solid #e0e0e0;font-weight:500;color:#666;background:#f8f9fa}.clients-table td{padding:8px 4px;border-bottom:1px solid #f0f0f0}.clients-table tr:last-child td{border-bottom:none}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 700px){.bottom-grid{grid-template-columns:1fr}}.performance-chart{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;height:250px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;padding:20px;text-align:center}.error-screen button{padding:10px 20px;background:#4285f4;color:#fff;border:none;border-radius:8px;cursor:pointer}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:14px}.spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#4285f4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-track{background:#f0f0f0}