:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#f1f1f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}:root{--login-primary-bg: #213447;--page-primary-bg: #314ea1;--text-primary-color: #f4b51a;--login-primary-bg-new: #314ea1;--box-shadow: 10px 10px 8px 10px #cccccc;--header-height: 3rem;--sidebar-width: 250px}.blueBackground{background-color:var(--page-primary-bg)}.pageContainer{display:flex}.sicebarComponent{box-sizing:border-box;padding-top:var(--header-height);height:100vh;display:flex;flex-direction:column}.page{width:fit-content;padding-top:calc(1rem + var(--header-height));padding-left:2rem;padding-right:2rem;margin:0 auto}.dynamicBckgroundColor{animation:waveBackground 10s infinite alternate ease-in-out}.center{padding-top:10%;justify-self:center}.contents{box-sizing:border-box;height:100vh;flex:1;overflow-y:auto;overflow-x:auto}@keyframes waveBackground{0%{background-color:#edede9}25%{background-color:#e4ddd6}50%{background-color:#d6d1cd}75%{background-color:#d6d2ce}to{background-color:#cfc3bc}}.landingPageticket-booking-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:Arial,sans-serif}.landingPageheader-section{text-align:center;margin-bottom:40px}.landingPagewelcome-title{font-size:2.5rem;color:#333;margin-bottom:10px}.landingPagesubheading{font-size:1.2rem;color:#666}.landingPagebutton-section{display:flex;gap:20px}.landingPagebooking-card{width:300px;padding:20px;border-radius:10px;box-shadow:0 4px 10px #00000080;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;background-color:#6b7580}.landingPagebooking-card:hover{transform:translateY(-10px);box-shadow:0 6px 15px #000c}.landingPagelocal-card{background-color:#007bff;color:#fff}.landingPagelocal-card .landingPagecard-button{background-color:#fff;color:#007bff}.landingPageonline-card{background-color:#28a745;color:#fff}.landingPageonline-card .landingPagecard-button{background-color:#fff;color:#28a745}.landingPagecard-content{text-align:center}.landingPagecard-title{font-size:1.5rem;margin-bottom:10px}.landingPagecard-description{font-size:1rem;color:#eaf2ff;margin-bottom:20px}.landingPagecard-button{padding:10px 20px;border:none;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease}.landingPagecard-button:hover{opacity:.9}.fullscreen{display:grid;height:100vh;justify-content:center;align-items:center;position:relative;overflow:visible}@media (max-width: 992px){.landingPageticket-booking-container{height:fit-content}.landingPagebooking-card{width:250px}}@media (max-width: 500px){.landingPagebutton-section{display:flex;flex-direction:column;gap:5vh}}.fullscreen-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/assets/loginBg.jpg) no-repeat center center fixed;background-size:cover;z-index:-1}.backgroundImg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/assets/localTicketsBg.jpg) no-repeat center center fixed;background-size:cover;z-index:-9}.backgroundImg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:-8}.fullscreen-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0009}.loginForm-container{background-color:var(--login-primary-bg);border-radius:10px;width:400px;display:grid;justify-items:center;color:#f5f5f5}.loginForm{display:grid;grid-template-columns:1fr;width:300px;margin:60px 0}.language-selector{position:fixed!important;top:20px!important;right:20px!important;z-index:9999!important}.language-menu{z-index:10000!important}.language-menu .MuiPaper-root{background-color:#fffffffa!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 32px #0000001a!important;border-radius:12px!important;min-width:150px!important}.loginInputs{display:grid;gap:20px}.input-holder{display:flex;align-items:center;gap:10px}.input{width:300px;height:30px;padding:0 10px;border-radius:5px;border:1px solid #ccc}.PlatformConfiguration-container{display:grid;justify-self:center;align-content:center;grid-template-columns:1fr;height:100vh}.PlatformConfiguration{display:grid;grid-template-columns:1fr;width:fit-content;justify-content:end}.firstSectionInfo{display:grid;gap:5px;justify-content:center}.loggedinUser{display:flex;justify-content:center;gap:15px;grid-template-columns:1fr 1fr}.loggedinUser-svg{margin-top:0}.notes{justify-self:center}.PlatformConfiguration-centerItems{display:grid;grid-template-columns:1fr 1fr;gap:20px;box-shadow:var(--box-shadow);justify-items:center;background-color:var(--page-primary-bg)}.PlatformConfiguration-form{padding:50px;border-radius:5px;display:grid;grid-template-columns:1fr;gap:20px;background-color:var(--page-primary-bg)}.createAdmin{width:fit-content}.messobLoginImage{width:300px;justify-self:center}.image-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-color:var(--page-primary-bg);display:flex;justify-content:center;align-items:center}.image-background img{max-width:50%;max-height:50%;object-fit:contain}.nowserving-yellow{font-size:4rem;font-weight:700;color:#ebf505;padding-right:50px}.loginForm-image{display:grid;justify-items:center;align-items:center}.loginHr{width:300px;height:1px}.pagenotFound{display:grid;grid-template-columns:1fr;justify-self:center;align-items:center;height:100vh;width:fit-content;text-align:center}.pagenotFoundTitle{margin:0;font-size:3rem;font-weight:700;color:#33336b;text-align:center}.pagenotFoundDescription{color:#33336b}.pagenotFoundImage{width:300px;justify-self:center}.mesobname{color:#fff}.mesobname h1{margin-bottom:0}.mesobname h4{margin-top:0}@media screen and (max-width: 768px){.loginForm-image{display:none;visibility:hidden}}@media screen and (max-width: 480px){.loginForm-container{width:350px}}.headerContainer{display:"grid";grid-template-columns:1fr;background-color:green;position:fixed;z-index:1000;top:0;left:0;right:0}.headerItems{height:var(--header-height);display:grid;grid-template-columns:1fr 4fr 1fr;justify-items:center;align-content:center;margin-bottom:0;width:100%;box-sizing:"0px 2px 5px rgba(0, 0, 0, 0.2)";background-color:var(--page-primary-bg)}.headerTitle{color:var(--text-primary-color)}.platformName2{display:none}.accountsHeader{align-items:center;gap:8px;cursor:pointer}.headerLogoContainer{display:block;display:flex;align-items:center;justify-content:center}.headerLogo{display:none;width:30px;height:35px;display:inline-block}.languageSwitcher{display:flex;align-items:center;gap:10px}.languageIcon{transition:all .2s ease-in-out}.languageIcon:hover{transform:scale(1.1)}@media (max-width: 768px){.accountsHeader{display:none}}@media (max-width: 560px){.accountsHeader,.platformName{display:none}.platformName2{display:inline}}.sidebar-container{flex:1;display:grid;padding:5px;box-sizing:border-box;z-index:9}.sidebar{width:var(--sidebar-width);border-radius:25px;background-color:var(--login-primary-bg);color:var(--text-primary-color);transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.sidebar.collapsed{width:60px;align-items:center}.sidebarLoggedInUser{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:5px;width:100%}.managerImage{height:90px;width:90px;border-radius:50%;object-fit:cover;display:block;padding-top:20px;margin-bottom:4px}.managerImageLine{width:60%;border:1px solid #ccc;margin-top:4px;margin-left:0;margin-right:0;display:block;position:relative}.managerImageLine:before,.managerImageLine:after{content:"";position:absolute;width:15px;height:2px;background-color:#bdcfb7;border-radius:50%;top:50%;transform:translateY(-50%)}.managerImageLine:before{left:0}.managerImageLine:after{right:0}.user-managerImage{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:100%;overflow:hidden}.user-managerImage span{font-weight:700;margin-bottom:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.sidebar ul{list-style-type:none;padding:0;margin:0;width:100%}.sidebar li{padding:10px;border-bottom:1px solid #444;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar button{background-color:transparent;border:none;color:#fff;font-size:20px;padding:10px;cursor:pointer;width:100%;text-align:left}.CollabsableIcons{background-color:transparent;border:none;color:#fff;font-size:20px;padding:6px;cursor:pointer;width:100%;display:flex;justify-content:center;margin-top:2px;position:relative;z-index:9}.SidebarChoise-list{margin-top:10000px}.SidebarChoise{display:flex;flex-direction:column;width:100%}.SidebarChoises{padding:10px;border-bottom:1px solid #444;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.sidebarInteractionButtons{width:100%;display:grid;grid-template-columns:1fr}@media (max-width: 998px){.accountManagementButton{left:5%}}@media (max-width: 768px){.sidebar.collapsed{width:50px}.sidebar ul{padding-top:0}.sidebar li{padding:8px 10px;font-size:14px}.CollabsableIcons{font-size:18px}.accountManagementButton{left:5%}}@media (max-width: 560px){.sidebar.collapsed{width:50px}}@media (min-width: 768px) and (max-width: 1024px){.sidebar.collapsed{width:70px}.sidebar li{padding:12px}.CollabsableIcons{font-size:18px}}.AdminPage{display:grid;grid-template-columns:1fr;gap:15px;scroll-behavior:smooth}.adminFields{display:grid;grid-template-columns:1fr 1fr;gap:50px;width:400px}.minireports{display:flex;flex-direction:row;flex-wrap:wrap}.report-container{display:grid;grid-template-columns:1fr;gap:20px;width:fit-content}.miniCardsreports-container{justify-self:center}.timeReportcard{width:300px;border-radius:.5rem;background-color:#fff;box-shadow:0 1px 2px #0000000d;border:1px solid transparent;display:grid;justify-items:center}.timeReportContainer{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap}.timeReportimage{object-fit:cover;width:190px;height:180px}.timeReporttitle{color:#111827;font-size:1.125rem;line-height:1.75rem;font-weight:600}.timeReportdesc{margin-top:.5rem;color:#6b7280;font-size:.875rem;line-height:1.25rem}.timeReportaction{display:inline-flex;margin-top:1rem;color:#fff;font-size:.875rem;line-height:1.25rem;font-weight:500;align-items:center;gap:.25rem;background-color:var(--page-primary-bg);padding:4px 8px;border-radius:4px}.timeReportaction span{transition:.3s ease}.timeReportaction:hover span{transform:translate(4px)}.ticketSummary h4{color:#6b7280}.ticketCount{color:#111827}.msg-popup-container{position:fixed;top:60px;right:5%;z-index:9999;display:flex;flex-direction:column;gap:10px}.msg-popup-message{padding:10px 20px;border-radius:5px;font-size:16px;color:#fff;box-shadow:0 2px 10px #0003;opacity:.9;transition:opacity .3s ease}.msg-popup-message.success{background-color:#4caf50}.msg-popup-message.error{background-color:#f44336}.msg-popup-message.warning{background-color:#ff9800}.msg-popup-message.info{background-color:#2196f3}.error__icon{margin-bottom:-5px}.roomQueueBigCard{display:flex;justify-self:center;padding:20px;flex-direction:column;align-items:center;margin-top:15%}.roomqueuemanagement-allCtrl{display:grid;grid-template-columns:1fr;gap:70px;justify-items:center}.roomqueuemanagement{display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;justify-self:center;margin-top:5%;justify-content:center;width:100%}.queue-button{line-height:1;text-decoration:none;display:inline-flex;border:none;cursor:pointer;align-items:center;gap:.75rem;background-color:var(--clr);color:#fff;border-radius:10rem;font-weight:600;padding:.75rem 1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .3s}.queue-button__icon-wrapper{flex-shrink:0;width:25px;height:25px;position:relative;color:var(--clr);background-color:#fff;border-radius:50%;display:grid;place-items:center;overflow:hidden}.queue-button:hover{background-color:#289e4c}.queue-button:hover .queue-button__icon-wrapper{color:#000}.queue-button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}.queue-button:hover .queue-button__icon-svg:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}.queue-button:hover .queue-button__icon-svg--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}.remove{background-color:#7808d0}.absent{background-color:#971e1e}.absent:hover{background-color:#127e4c}.hold{background-color:#b4ee93;color:#000}.hold:hover{color:#fff}.startQueuing{background-color:green}.startJob{background-color:#f7b500}.startJob:hover{background-color:red}@media (max-width: 768px){.roomQueueBigCard{padding:15px}.roomqueuemanagement{flex-direction:column;gap:20px;margin-top:3%}.queue-button{padding:.5rem 1rem;font-size:14px}.queue-button__icon-wrapper{width:20px;height:20px}.queue-button__icon-svg{width:12px;height:12px}}.center{justify-items:center}@media (max-width: 480px){.roomQueueBigCard{width:100px}.queue-button{padding:.5rem .75rem;font-size:12px}.queue-button__icon-wrapper{width:18px;height:18px}.queue-button__icon-svg{width:10px;height:10px}}.room-tickets-page{font-family:Arial,sans-serif;padding:20px}.rooms-section{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.room-card{width:300px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease}.room-card:hover{transform:scale(1.05)}.room-card-header h2{margin:0 0 10px;font-size:1.5rem;text-align:center}.room-card-header p{margin:0;color:#666}.room-card-body p{margin:10px 0;color:#333}.tickets-section{margin-top:40px}.ticket-list-container{margin-bottom:20px}.ticket-list{list-style-type:none;padding:0}.ticket-item{padding:10px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.ticket-item strong{display:block;font-size:1rem;margin-bottom:5px}.listofroomspage{margin-top:3%;display:grid;grid-template-columns:.8fr 1fr;justify-self:center;width:100%}.video-section{display:grid;align-items:start;padding-top:40px}.room-tickets-table{width:100%;border-collapse:collapse;height:100px}.room-tickets-table th{background-color:#3fb9ff;font-size:30px;font-weight:700}@keyframes scrollText{0%{transform:translate(100%)}to{transform:translate(-100%)}}.scrollContainer{width:100%;overflow:hidden;position:relative;white-space:nowrap;display:flex;align-items:center;gap:70px;margin-top:-15px;margin-bottom:-120px}.scrollWrapper{display:flex;width:max-content;animation:scrollText 35s linear infinite}.boldBig{color:#33336b;font-weight:700;font-size:25px}.room-tickets-table{width:100%;max-width:900px;border-collapse:collapse;margin-top:20px}.room-tickets-table th,.room-tickets-table td{padding:12px;border:1px solid #ddd;text-align:center}.room-tickets-table th{background-color:#33336b;color:#fff;font-size:2rem}.rooms-section{width:100%;max-width:900px;margin:20px 0}.video-section{width:100%;display:flex;justify-content:center;margin-top:20px}.video-section video{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 6px #0000001a}.whiteBG{background-color:#c5c6c7}.ratingDiv{display:grid;grid-template-columns:1fr;height:fit-content;justify-self:center}.raingStars{display:grid;justify-items:center}.emoji-rating{display:flex;justify-content:center;gap:10px;margin:10px 0}.emoji-button{border:none;background:none;font-size:30px;cursor:pointer;transition:transform .2s ease}.emoji-button span{display:block;font-size:14px;color:#555}.emoji-button.selected{transform:scale(1.2);font-weight:700;outline:1px dashed red;border-radius:15px;background-color:#f1f1f1}.room-tickets-container{height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.room-tickets-table{width:100%;max-height:100%}@media screen and (max-width: 768px){.room-tickets-table{font-size:.9rem}.room-tickets-table th,.room-tickets-table td{padding:8px}.room-tickets-table th,.boldBig{font-size:1rem}.video-section{align-self:start;width:100%;padding:10px}}@media screen and (max-width: 480px){.room-tickets-table{font-size:.8rem}.room-tickets-table th,.room-tickets-table td{padding:6px}.room-tickets-table th{font-size:.8rem}.boldBig{font-size:.9rem}.video-section{width:100%;padding:5px}.listofroomspage{display:grid;grid-template-columns:1fr}}.whole{background-color:#0d12c7;color:#fff;font-family:sans-serif;overflow:hidden;margin:0;padding:0}.qos-page.blueBackground{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#0d12c7;position:relative}.particle-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.gridCenter{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2}.clientCustomerQueue{height:100vh;display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;align-items:center}.clientCustomerQueue-content{display:flex;justify-content:center;align-items:center;width:100%;max-width:1600px;gap:60px;padding:40px 20px;flex-wrap:nowrap}.profile-section,.company-section{flex:1;display:flex;justify-content:center;align-items:center}.content{flex:2;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.content h1{font-size:3.5rem;margin-top:70px;margin-bottom:-20px;color:#ebf505}.content h2{font-size:2.5rem;margin:4px 0;color:#ebf505}.ticket-button{font-size:8rem;padding:20px 30px;background-color:#fff;color:#0d12c7;border:none;border-radius:16px;font-weight:700;height:200px;width:350px;margin-bottom:40px;cursor:pointer}.big-profile{width:350px;height:350px;border-radius:50%;object-fit:cover;transition:transform .2s,box-shadow .2s;cursor:pointer;border:none}.big-profile:hover{transform:scale(1.08);box-shadow:0 12px 40px #00000059}.big-company{width:350px;height:350px;border-radius:30px;object-fit:contain;background:transparent;transition:transform .2s,box-shadow .2s;cursor:pointer;border:none;margin-right:20px}.big-company:hover{transform:scale(1.08);box-shadow:0 12px 40px #00000059}.closed-style{background:linear-gradient(to right,#ff4b4b,#8b0000);border-radius:15px;padding:40px 60px;text-align:center;color:#fff;font-family:Arial,sans-serif;box-shadow:0 0 20px #0000004d;width:fit-content;min-width:200px;border:5px solid #0033cc;background-clip:padding-box}.closed-style h2{font-size:32px;font-weight:700;margin:0 0 10px}.carousel-container{width:100vw;overflow:hidden;position:relative;height:100px;background-color:#f0f8ff}.carousel-track{display:flex;width:max-content;animation:scroll 40s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.carousel-item{height:80px;max-width:120px;width:auto;flex-shrink:0;object-fit:contain;margin:0 20px;z-index:5}.loading-indicator{position:absolute;top:10px;right:10px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;z-index:10}.last-updated{position:absolute;top:10px;left:10px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;z-index:10}.company-placeholder{width:350px;height:350px}.no-room-message{text-align:center;color:#fff;margin-top:50px;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width: 1200px){.big-profile,.big-company{width:300px;height:300px}.content h1{font-size:3rem}.content h2{font-size:2rem}.ticket-button{font-size:6rem;height:180px;width:300px}}@media (max-width: 1024px){.big-profile,.big-company{width:250px;height:250px}.clientCustomerQueue-content{gap:40px}}@media (max-width: 768px){.clientCustomerQueue-content{flex-direction:column;gap:20px;padding:20px 10px}.profile-section,.company-section{flex:none}.content{flex:none;order:2}.big-profile,.big-company{width:200px;height:200px}.content h1{font-size:2rem;margin-top:20px;margin-bottom:0}.content h2{font-size:1.5rem}.ticket-button{width:100%;font-size:4.5rem;padding:15px;height:150px;margin-bottom:20px}.carousel-item{height:60px}.closed-style{padding:20px 30px}.closed-style h2{font-size:24px}}@media (max-width: 480px){.big-profile,.big-company{width:150px;height:150px}.content h1{font-size:1.8rem}.content h2{font-size:1.2rem}.ticket-button{font-size:3.5rem;height:120px}}._fullscreen-bg_rsaiy_9{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/assets/loginBg.jpg) no-repeat center center fixed;background-size:cover;z-index:-1;padding-top:50px}._maindiv_rsaiy_37{background-color:var(--login-primary-bg-new);width:fit-content;border-radius:10px;text-align:center;display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-content:center;align-self:center;margin:0 100px}._image_rsaiy_67{display:block;width:200px;margin:10px 0 0 20px}._input-holder_rsaiy_81{display:flex;align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;margin-bottom:15px;padding:10px}._input_rsaiy_81{flex:1;border:none;outline:none;font-size:16px;padding:8px}._usericonholder_rsaiy_119{display:flex;justify-content:center;align-items:center;width:35px;height:35px;background-color:silver;border-radius:5px}._button_rsaiy_141{background-color:green;color:#fff;width:100%;max-width:200px;height:40px;border-radius:5px;border:none;font-size:16px;cursor:pointer;transition:background .3s}._button_rsaiy_141:hover{background-color:#006400}@media screen and (max-width: 768px){._maindiv_rsaiy_37{width:fit-content;background-color:transparent}._image_rsaiy_67{width:100px}._input-holder_rsaiy_81{flex-direction:row}._button_rsaiy_141{width:100%;margin-left:0}}@media screen and (max-width: 480px){._maindiv_rsaiy_37{padding:20px;width:100px}._image_rsaiy_67{width:80px}._input_rsaiy_81{font-size:14px}._button_rsaiy_141{font-size:14px;height:35px}}.logo{width:333px}.Minioperations{margin-top:8%;display:grid;align-items:center;justify-items:center}.chooise{padding:"20px";font-family:"Arial, sans-serif";display:grid;justify-items:center}.clientCustomerQueue.ratingDiv.search-container{align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;max-width:600px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center}.emoji-rating .button{font-size:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:10px}.emoji-rating span{font-size:24px;font-weight:700}.searchRatingContainer{margin-top:5%}.chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.circle-chart{width:300px;height:300px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.pie-chart canvas{width:100%!important;height:100%!important}