.dashboard{padding:20px;max-width:1400px;margin:0 auto;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fafafa;min-height:100vh;position:relative}.toast-notification{position:fixed;top:24px;right:24px;background-color:#202124;color:white;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);font-size:14px;font-weight:500;z-index:1000;animation:slideIn .3s ease,fadeOut .3s ease 2.7s}@keyframes slideIn{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px}.dashboard-header h1{color:#202124;margin:0;font-size:2.125rem;font-weight:400}.time-controls{display:flex;align-items:center;gap:24px}.time-buttons{display:flex;background:white;border-radius:8px;border:1px solid #dadce0;padding:4px;box-shadow:0 1px 2px 0 rgba(60,64,67,.1)}.time-btn{background:none;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;color:#5f6368;cursor:pointer;transition:all .2s ease;min-width:48px}.time-btn.active{background-color:#1a73e8;color:white;box-shadow:0 1px 3px rgba(0,0,0,.12)}.time-btn:hover:not(.active){background-color:#f8f9fa;color:#202124}.auto-refresh{display:flex;align-items:center;gap:8px;color:#5f6368;font-size:14px}.refresh-indicator{color:#34a853;animation:pulse 2s infinite}@keyframes pulse{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.metrics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.metric-card{background:white;padding:24px;border-radius:8px;border:1px solid #dadce0;position:relative;transition:box-shadow .3s ease}.metric-card:hover{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.metric-card h3{margin:0 0 8px;color:#5f6368;font-size:14px;font-weight:500;text-transform:none}.metric-value{font-size:2.5rem;font-weight:400;color:#202124;margin:8px 0;line-height:1}.metric-value.success{color:#34a853}.metric-value.error{color:#ea4335}.metric-trend{font-size:14px;font-weight:500;margin-top:8px;color:#34a853}.metric-trend:contains("↘"){color:#ea4335}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#5f6368;font-size:16px;gap:16px}.loading-spinner{width:24px;height:24px;border:3px solid #f3f4f6;border-top-color:#1a73e8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.charts-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:32px}.chart-section{background:white;padding:24px;border-radius:8px;border:1px solid #dadce0;transition:box-shadow .3s ease}.chart-section:hover{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.chart-section h2{margin:0 0 24px;color:#202124;font-size:1rem;font-weight:500}.scraping-controls{background:white;padding:24px;border-radius:8px;border:1px solid #dadce0}.scraping-controls h2{margin:0 0 20px;color:#202124;font-size:1.125rem;font-weight:500}.scrape-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.scrape-btn{background-color:#1a73e8;color:white;border:none;padding:12px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:8px;justify-content:center}.scrape-btn:hover{background-color:#1765cc;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.scrape-btn:active{background-color:#1557b0}.scrape-btn:disabled{background-color:#dadce0;color:#80868b;cursor:not-allowed;box-shadow:none}.scrape-icon{font-size:16px}@media (max-width:768px){.dashboard{padding:16px}.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.charts-grid,.scrape-buttons{grid-template-columns:1fr}.time-controls{flex-direction:column;align-items:flex-start;gap:12px}}