body{margin:0;overflow-x:hidden;padding:0}#app{background-color:var(--background);min-height:100vh}.dashboard-body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;overflow:hidden}.dashboard-container{display:flex;width:100%;height:100vh;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.18);overflow:hidden}.dashboard-content{flex:1;padding:40px;overflow-y:auto}.dashboard-header{margin-bottom:30px}.dashboard-header h1{font-size:32px;font-weight:600;margin-bottom:8px}.dashboard-header p{font-size:16px;opacity:.8}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:30px}.info-card{border-radius:20px;padding:24px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease;color:#fff;text-decoration:none}.info-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.card-icon{width:50px;height:50px;background:var(--primary-color);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.card-icon svg{width:22px;height:22px}.card-info h3{font-size:24px;font-weight:600;margin-bottom:4px}.card-info p{font-size:14px;opacity:.8}.day-card{border-radius:10px;height:auto;min-height:140px;position:relative;color:#fff}.day-card-content{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;padding:10px}.day-card-content>*,.day-weather-temperature{color:#fff;text-align:center}.day-weather-icon{width:2.5em;height:2.5em;stroke:currentColor;margin:0 auto;text-shadow:2px 2px 2px rgba(0,0,0,.1)}.day-weather-icon.sunny{color:rgb(253,216,53)}.day-weather-icon.cloudy{color:rgb(220,220,220)}.day-weather-icon.rainy{color:rgb(100,180,255)}.day-weather-icon.stormy{color:rgb(100,100,120)}.day-weather-icon.snowy{color:rgb(255,255,255)}.quick-access-scroll-container{display:flex;overflow-x:auto;gap:16px;padding-bottom:16px;scrollbar-width:none}.quick-access-scroll-container::-webkit-scrollbar{display:none}.quick-access-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#fff;font-size:12px;transition:transform .2s ease;flex-shrink:0}.quick-access-item:hover{transform:scale(1.1)}.quick-access-icon{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15)}.quick-access-icon svg{width:24px;height:24px}#all-apps-section .quick-access-icon{color:white}@media (max-width:1024px){.dashboard-content{padding:30px}.card-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container{flex-direction:column;height:auto}.dashboard-content{padding:20px}.card-container{grid-template-columns:1fr}}