body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center;background:url(/Big-Data-Algorithms-2024-Fall-Rutgers/assets/backgroundImg-CRE1TcMS.jpg) no-repeat center center fixed;background-size:cover}.questionContainer{padding:15px;width:800px;height:300px;display:grid;place-items:center;background:#ffffff29;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7.1px);-webkit-backdrop-filter:blur(7.1px);border:1px solid rgba(255,255,255,.66);text-align:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;gap:10px}#question{height:70px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#647663;height:10px;width:40px;border-radius:15px}#ratingInput[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:15rem;height:10px;border-radius:15px;background:#cddadf}.ratingValue,#ratingValue{font-size:18px;min-height:1.5em;margin:10px 0 0;display:block}.btn{padding:10px;width:160px;background:transparent;border:2px #647663 solid;color:#647663;transition:.3s}.btn:hover{background-color:#647663;color:#fff}.chartBlock{display:grid;gap:12px;padding:12px 16px 24px;max-width:1400px;margin:0 auto;box-sizing:border-box}.dashboardHeader{margin-bottom:4px}.dashboardHeader h2{margin:0;font-size:1.35rem}.dashboardHeader p{margin:4px 0 0;font-size:.9rem}.insightCards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 700px){.insightCards{grid-template-columns:1fr}}.insightCard{background:#ffffff29;border-radius:12px;border:1px solid rgba(255,255,255,.66);padding:12px;display:grid;gap:6px}.insightCard h4{margin:0;font-size:14px}.insightCard p{margin:0;font-size:17px;font-weight:700}.insightCard span{opacity:.8;font-size:12px}.dashboardControls{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.dashboardControls label{display:grid;gap:8px;font-size:14px}.dashboardControls select{width:140px;padding:7px}.dashboardControls input[type=range]{width:260px}.recommendationList{display:grid;gap:6px;max-height:180px;overflow-y:auto;overflow-x:hidden}.recommendationItem{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.66);background:#ffffff29;border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer}.recommendationItem.active{border-color:#647663;background:#64766333}.chartContainer{display:grid;grid-template-columns:1fr;gap:14px;margin:8px 0 0;width:100%}.chartContainer .mainRadarCard,.chartContainer .mainRadarCard .skills{grid-column:1 / -1}.chartGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}@media (max-width: 1000px){.chartGrid{grid-template-columns:1fr}}.chartCard{position:relative;background:#ffffff29;border-radius:12px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7.1px);-webkit-backdrop-filter:blur(7.1px);border:1px solid rgba(255,255,255,.66);padding:12px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.chartCard h3{margin:0;font-size:.95rem;font-weight:600;color:inherit;line-height:1.3}.chartBadge{position:absolute;top:12px;right:12px;font-size:11px;padding:4px 8px;background:#6476634d;border-radius:8px;border:1px solid rgba(100,118,99,.5)}.chartWrapper{position:relative;width:100%;height:240px;min-height:200px;overflow:hidden;flex-shrink:0}.chartGrid .chartWrapper{height:220px;min-height:180px}.chartWrapperMain{height:340px;min-height:300px;max-height:42vh}.chartWrapper canvas{display:block}.skills,.education,.occupationsData,.skillChartData{background:#ffffff14;border-radius:12px;padding:8px}