:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#17181d;font-synthesis:none;text-rendering:optimizeLegibility}html,body,#root{margin:0;padding:0;width:100%;height:100%}.app-bg{display:flex;flex-direction:column;height:100vh;justify-content:center;align-items:center}.dashboard-title{margin-bottom:3em;font-size:3rem;font-weight:700}.dashboard-box{display:flex;flex-direction:column;gap:2em;padding:60px 48px 120px;background:#222328;border-radius:5em 5em 0 0;width:60%;height:100%;justify-content:center}.dashboard-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:3em;height:5em;min-width:5em;font-weight:700;color:#fff;text-decoration:none;transition:transform .13s,box-shadow .13s;outline:none;padding:0 4em}.dashboard-item-purple{background:#7868ec}.dashboard-item-red{background:#df6773}.dashboard-item-green{background:#11ac68}.dashboard-item:focus,.dashboard-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 18px #00000024;filter:brightness(1.05)}.dashboard-item-label{font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.dashboard-item-score{font-size:2rem;font-weight:700}