*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Poppins,sans-serif;font-weight:200}body{padding:10px;background:linear-gradient(to top right,#cacaca,#e4e4e4)}.master-title{font-family:Poppins,sans-serif;font-size:36px;font-weight:200;color:#000;margin:20px 0}.topbar{width:100%;height:60px;line-height:60px;background-color:#000;color:#f2f2f2;display:flex;align-items:center;padding:0 20px;border:0;border-radius:40px}.topbar .title{font-size:24px;font-weight:700}.card{background-color:#f2f2f2;border-radius:10px;padding:20px;margin:20px 0}.main-container{display:flex;height:100%}.main-content{padding:10px;width:100%}.loading-bar-container{position:relative;width:100%;height:4px;background-color:#000;overflow:hidden;border-radius:2px;margin:10px 0}.loading-bar-container .loading-bar{position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,#B9FF66,transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-50%}to{left:100%}}.grid{display:flex;flex-wrap:wrap;gap:20px}.grid .grid-element{flex:1 1 300px;max-width:400px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.grid-auto .grid-item{display:flex;flex-direction:column;justify-content:space-between}.grid-container{margin:0 auto}.row{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.col-1{grid-column:span 1;display:flex;flex-direction:column}.col-2{grid-column:span 2;display:flex;flex-direction:column}.col-3{grid-column:span 3;display:flex;flex-direction:column}.col-4{grid-column:span 4;display:flex;flex-direction:column}.col-5{grid-column:span 5;display:flex;flex-direction:column}.col-6{grid-column:span 6;display:flex;flex-direction:column}.col-7{grid-column:span 7;display:flex;flex-direction:column}.col-8{grid-column:span 8;display:flex;flex-direction:column}.col-9{grid-column:span 9;display:flex;flex-direction:column}.col-10{grid-column:span 10;display:flex;flex-direction:column}.col-11{grid-column:span 11;display:flex;flex-direction:column}.col-12{grid-column:span 12;display:flex;flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between}.flex-row{flex-direction:row}.toolbar-button-round{display:flex;align-items:center;justify-content:center;font-size:18px;height:60px;width:60px;border-radius:40px;color:#b9ff66;background-color:#000;text-decoration:none}.toolbar-button-round:hover{background-color:#b9ff66;color:#000;cursor:pointer}.toolbar-button{display:flex;align-items:center;justify-content:center;font-size:18px;height:60px;min-width:60px;padding:0 20px;border-radius:40px;color:#b9ff66;background-color:#000;text-decoration:none}.toolbar-button:hover{background-color:#b9ff66;color:#000;cursor:pointer}