body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.typing-indicator{align-items:center;background-color:#e0e0e0;border-radius:10px;display:flex;gap:6px;max-width:-webkit-fit-content;max-width:fit-content;padding:10px 14px}.typing-dot{animation:bounce 1.3s infinite;background-color:#333;border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.landing-page-container{background-color:#f3f2f1;min-height:100vh;width:100%}.cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);max-width:1800px;padding:0 20px}.dashboard-card{background:#fff;border-radius:8px;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.132),0 .3px .9px 0 rgba(0,0,0,.108);cursor:pointer;display:flex;flex-direction:column;height:280px;overflow:hidden;transition:all .3s ease}.dashboard-card.non-clickable{cursor:default}.dashboard-card:hover{box-shadow:0 6.4px 14.4px 0 rgba(0,0,0,.132),0 1.2px 3.6px 0 rgba(0,0,0,.108);transform:translateY(-4px)}.dashboard-card.non-clickable:hover{box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.132),0 .3px .9px 0 rgba(0,0,0,.108);transform:none}.dashboard-card:focus{outline:2px solid #0078d4;outline-offset:2px}.card-icon-section{height:140px;position:relative}.card-icon-section,.metrics-display{align-items:center;display:flex;justify-content:center}.metrics-display{gap:12px;padding:0 12px;width:100%}.metric-item{align-items:center;display:flex;flex-direction:column;text-align:center;transition:transform .2s ease}.metric-item:hover{transform:scale(1.05)}.pie-chart-container{height:120px;position:relative;width:120px}.pie-chart-label{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.card-icon{filter:brightness(0) invert(1);font-size:64px}.card-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px}@media (max-width:768px){.cards-grid{gap:20px;grid-template-columns:1fr}.dashboard-card{height:auto;min-height:250px}}@media (min-width:769px) and (max-width:1200px){.cards-grid{grid-template-columns:repeat(2,1fr)}}