html,body{height: 100%;margin: 0;padding: 0;background: #ebeef0}a{text-decoration:none;cursor:pointer}.btn{}.btn-float{position: fixed;bottom: 84px;right: 18px;width: 56px;height: 56px;border-radius: 50%;background-color: #1a73e8;color: white;border: none;outline: none;box-shadow: 0 4px 8px rgba(0,0,0,0.3);font-size: 24px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 99;transition: background-color 0.3s,box-shadow 0.3s}.btn-float:hover{background-color: #1558b0;box-shadow: 0 6px 12px rgba(0,0,0,0.4)}.btn-hover,.btn-hover.btn-primary{display: block;padding: 10px;min-width: 100px;background-color: transparent !important;color: #1a2035 !important}.btn-hover .hover-show{display: none}.btn-hover:hover{border: solid 1px #e8e8e8;color: #fff !important}.btn-hover.btn-primary:hover{background-color: #0082ff !important;color: #fff !important}.btn-hover:hover .hover-show{display: inline-block}#page-progress-bar{display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background-color:#66666659;z-index:999999909}#page-progress-bar .loader{margin-top:calc(50vh - 20px)}.wrapper{min-height: 100vh;display: flex;flex-direction: column}.main-header{flex-shrink: 0;background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.03);z-index: 999;min-height: 56px;height: 60px;display: flex;align-items: center;position: fixed;top: 0px;left: 0px;right: 0px}.logo-header{min-height: 56px;height: 60px;padding: 0 15px;width: 250px;min-width: 250px;display: flex;align-items: center}.logo-header a:visited,.logo-header a:focus,.logo-header a:active{outline:none;border:none}.logo-header .logo{display: flex;align-items: center;height: 60px}.logo-header .navbar-brand,.logo-header img{height: 36px !important;max-height: 36px !important;width: auto;padding: 0;margin: 0}.navbar-header{min-height: 60px;height: 60px;padding-top: 0;padding-bottom: 0;flex: 1;display: flex;padding: 0}.navbar-header .container-fluid{display: flex;align-items: center;justify-content: space-between;padding: 0 15px;width: 100%}.navbar-header .dropdown-menu a.nav-link{text-decoration:none;font-size:1.1em}#search-nav{display: flex !important;align-items: center;flex: 1}.navbar-nav.topbar-nav{display: flex;align-items: center;margin: 0 0 0 15px;height: 60px;padding:8px}.main-wrapper{display: flex;flex: 1;flex-direction: row;min-height: calc(100vh - 120px);width:100%;padding-top:60px}.side-bar{width: 82px;min-width: 82px;flex-basis: 0 82px;z-index: 1030;transition: transform 0.3s ease;box-shadow: 2px 0 8px rgba(0,0,0,0.05);position: fixed;top:60px;bottom:0px;background-color: #f1f8ff}.nav_hide .side-bar{display:none}.nav_hide .sidenav-toggler{display: none}.nav_hide .toggle-sidebar{display: none}.nav_open .slide-bar{display:block !important}.sidebar-wrapper{height: 100%;width: 100%;display: block;overflow:hidden}.sidebar-wrapper ::-webkit-scrollbar{width: 12px;height: 12px}.sidebar-wrapper ::-webkit-scrollbar-track{background: silver}.sidebar-wrapper ::-webkit-scrollbar-thumb{background-color: #999;border-radius: 6px;border: 3px solid silver}.sidebar-wrapper ::-webkit-scrollbar-thumb:hover{background-color: #777}.sidebar-wrapper{scrollbar-width: thin;scrollbar-color: #999 silver}.sidebar-wrapper:hover{overflow-y: auto}.side-bar .nav-primary{padding: 0;margin: 0;list-style: none}.side-bar .nav-item{width: 100%}.side-bar .nav-link{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 18px 0 10px 0;text-align: center;font-size: 1rem;color:#333;transition: background 0.2s}.side-bar .nav-link i{font-size: 1.5rem;margin-bottom: 6px}.side-bar .nav-link p{margin: 0;font-size: 0.95rem;line-height: 1.2}.side-bar .nav-link:hover,.side-bar .nav-link.active{background: #007cff;color: #ffffff}.sidebar-toggle-btn{display: none;color: #0092ff;border: none;border-radius: 4px;padding: 8px 10px;font-size: 1.3rem}.main-panel{flex: 1 0 auto;display: flex;flex-direction: column;transition: width 0.3s;max-width: calc(100vw - 100px);width: calc(100vw - 100px);margin-left: 84px}.main-panel-nosidebar{flex: 1 0 auto;display: flex;flex-direction: column;transition: width 0.3s;max-width: calc(100vw);width: calc(100vw)}.content{flex: 1 0 auto;padding: 8px 0 0 0;min-height: 0}.page-inner{padding: 10px;border-radius: 8px;min-height: calc(100vh - 110px);width:100%}.footer{flex-shrink: 0;color: #222;text-align: center;font-size:0.8em;border-top:solid 1px #eee;height:70px;padding-top:16px}.circle-small-top-avatar{width: 32px;height: 32px;border-radius: 50%;object-fit: cover;vertical-align: middle;border: 2px solid rgba(255,255,255,0.2)}#dropdown_usermenu{display: flex;align-items: center;gap: 8px;padding: 4px 12px;height: 40px}#dropdown_usermenu:hover .circle-small-top-avatar{border-color: rgba(255,255,255,0.4)}#dropdown_usermenu .bi-person-circle{font-size: 32px}.navbar-nav .dropdown-menu{margin-top: 0;right: 0;left: auto}.breadcrumbs{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;flex-wrap: wrap;background-color: #f8f9fa;padding: 12px 16px;border-radius: 6px;font-size: 14px;color: #6c757d}.breadcrumbs li{display: flex;align-items: center}.breadcrumbs a{color: #007bff;text-decoration: none;padding: 4px 8px;border-radius: 4px;transition: all 0.2s ease;display: flex;align-items: center}.breadcrumbs a:hover{color: #0056b3;background-color: #e9ecef;text-decoration: none}.nav-home a{padding: 6px;width: 32px;height: 32px;justify-content: center}.nav-home i{font-size: 16px}.separator{margin: 0 8px;color: #adb5bd;display: flex;align-items: center}.separator i{font-size: 12px}.breadcrumbs li:last-child a{color: #495057;font-weight: 500;pointer-events: none}@media (max-width: 768px){.breadcrumbs{padding: 8px 12px;font-size: 13px}.separator{margin: 0 6px}.nav-home a{width: 28px;height: 28px}.nav-home i{font-size: 14px}}.breadcrumbs.compact{background-color: transparent;padding: 8px 0;border-bottom: 1px solid #e9ecef;border-radius: 0}.breadcrumbs.compact a{padding: 2px 6px}.breadcrumbs.dark{background-color: #343a40;color: #adb5bd}.breadcrumbs.dark a{color: #17a2b8}.breadcrumbs.dark a:hover{color: #20c997;background-color: #495057}.breadcrumbs.dark .separator{color: #6c757d}.breadcrumbs.dark li:last-child a{color: #f8f9fa}@media (max-width: 768px){.page-inner{padding: 12px}.content{padding: 12px 0 0 0}.footer{padding: 12px 0}.main-header,.logo-header,.navbar-header{min-height: 44px;height: 44px}.logo-header .navbar-brand,.logo-header img{height: 28px !important;max-height: 28px !important}.breadcrumbs{display:none}}@media (max-width: 991px){.main-header{height: auto;min-height: 60px}.navbar-header .container-fluid{flex-wrap: nowrap}#search-nav{flex-wrap: nowrap;overflow: hidden}}.help-panel{display:none}.bg-grey2{background-color:#c2c2c232}.btn-circle{border: 1px solid #ffffff00;text-align: center;width: 36px;height: 36px;font-size: 18px;border-radius: 100%;display: inline-block;line-height: 12px;padding:8px !important}.btn-circle.btn-danger{background-color: transparent;border: 1px solid #ffffff00;color: #ff000d}.btn-circle i{margin:0px}.btn-circle:hover{border: 1px solid #e0e0e0;background-color:#0076ffff;color:#fff}.btn-circle.btn-danger:hover{border: 1px solid #ff000d;background-color: #ff000d;color: #fff}.login-form{background: #ffffff;padding: 30px;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.1);margin-top: 40px}.login-form h1{font-size: 24px;text-align: center;margin-bottom: 30px;color: #333}.login-form .form-control{height: 45px;padding: 10px 15px;font-size: 14px;border: 1px solid #ddd;border-radius: 6px;transition: all 0.3s ease}.login-form .form-control:focus{border-color: #4d90fe;box-shadow: 0 0 0 0.2rem rgba(77,144,254,0.15)}.login-form .input-group{margin-bottom: 20px}.login-form .btnSubmit{height: 44px;font-size: 15px;font-weight: 500;background: var(--accent-500,#2563eb);border: none;color: white;border-radius: 6px;cursor: pointer;transition: background-color 0.16s ease;text-decoration:none}.login-form .btnSubmit:hover{background: var(--accent-600,#1d4ed8)}.login-form .btnOther{height: 44px;font-size: 15px;font-weight: 500;background: #fff;color: var(--text-primary,#1f2937);border: 1px solid var(--border-default,#d1d6de);border-radius: 6px;cursor: pointer;transition: background-color 0.16s ease;text-decoration: none}.login-form .btnOther:hover{background: var(--n-50,#f6f8fb);border-color: var(--border-strong,#9ca3af)}.btn-social{height: 45px;border-radius: 6px;font-size: 14px;font-weight: 500;transition: all 0.3s ease;border: 1px solid #ddd;background: #fff}.btn-facebook{color: #1877f2;border-color: #1877f2}.btn-facebook:hover{background: #1877f2;color: #fff}.social-icon{width: 24px;height: 24px}.login-form h3{font-size: 14px;color: #666;margin: 20px 0;position: relative}.login-form h3:before,.login-form h3:after{content: "";position: absolute;height: 1px;width: 45%;background: #ddd;top: 50%}.login-form h3:before{left: 0}.login-form h3:after{right: 0}.ForgetPwd{color: #666;font-size: 14px;text-decoration: none;transition: color 0.3s ease}.ForgetPwd:hover{color: #4d90fe;text-decoration: underline}.has-error{border-color: #dc3545 !important}.form-group.has-error input,.form-group.has-error select{border-color: #dc3545 !important}.text-danger{color: #dc3545;margin: 5px 0}#toggle-password-visible{color: #666;cursor: pointer;padding: 10px}#toggle-password-visible:hover{color: #333}@media (max-width: 768px){.login-form{padding: 20px;margin-top: 20px}.container{padding: 0 15px}}.exam-details-container{display: flex;gap: 20px;min-height: 600px}.exam-nav-panel{width: 250px;min-width: 250px;background: #f8f9fa;border-radius: 8px;border: 1px solid rgba(0,0,0,0.1)}.exam-nav-list{list-style: none;padding: 0;margin: 0}.exam-nav-item{border-bottom: 1px solid rgba(0,0,0,0.1);cursor:pointer}.exam-nav-item:last-child{border-bottom: none}.exam-nav-item a{display: flex;align-items: center;padding: 15px 20px;color: #495057;text-decoration: none;transition: all 0.3s ease}.exam-nav-item a i{margin-right: 10px;width: 20px;text-align: center}.exam-nav-item:hover a{background: rgba(77,144,254,0.1);color: #4d90fe}.exam-nav-item.active a{background: #4d90fe;color: #fff}.exam-content-panel{flex: 1;background: #fff;border-radius: 8px;border: 1px solid rgba(0,0,0,0.1);padding: 20px}#exam-content-area{min-height: 400px}.bi-arrow-clockwise.fa-spin{color: #4d90fe}@media (max-width: 768px){.exam-details-container{flex-direction: column}.exam-nav-panel{width: 100%;margin-bottom: 20px}.exam-nav-item a{padding: 12px 15px}}.upload-container{display: flex;flex-direction: column;align-items: center;justify-content: center;border: 2px dashed #0056b3;border-radius: 10px;padding: 20px;background-color: #f8f9fa;transition: background-color 0.3s ease}.upload-container:hover{background-color: #e6e2ea}.upload-label{display: flex;flex-direction: column;align-items: center;cursor: pointer;color: #007bff;font-size: 18px;font-weight: bold;text-align: center}.upload-label i{font-size: 48px;margin-bottom: 10px}.upload-input{display: none}.is-loading:after,.loader{display: block;width: 2rem;height: 2rem;background: 0 0;border: 3px solid #6861ce;border-bottom-color: transparent;border-radius: 50%;animation: 1s spin linear infinite;margin: auto}.is-loading-lg:after,.loader-lg{width: 2rem;height: 2rem;border-width: 5px}.is-loading-sm:after,.loader-sm{width: 1rem;height: 1rem;border-width: 2px}.is-loading{position: relative;color: transparent !important}.is-loading>*{opacity: .2 !important}.is-loading:after{position: absolute;top: calc(50% - 1.5rem/2);left: calc(50% - 1.5rem/2);content: ''}.is-loading-lg:after{top: calc(50% - 2rem/2);left: calc(50% - 2rem/2)}.is-loading-sm:after{top: calc(50% - 1rem/2);left: calc(50% - 1rem/2)}@keyframes spin{from{transform: rotate(0)}to{transform: rotate(360deg)}}.search-label{width:100px !important}.form-group{padding: 8px}.control-label,.form-label{font-weight: 600}.modal .modal-lg{max-width: 98%;margin-top: 0.5rem;width: calc(100% - 1rem);height: calc(100% - 1rem)}.modal .modal-md{max-width: 98%;max-height: 98%;margin-top: 0.5rem;width: 800px;height: 600px}.circle-avatar{border-radius:100%}.page-caption{font-size: 1.5rem;padding-top: 10px}.action-col{width:40px}.action-col-2{width: 60px}h3.page-caption{font-size: 1.2rem;padding-top: 10px}.tag{border-radius:25px !important}.selectgroup{display: flex;flex-wrap: wrap;gap: 4px}.selectgroup-item{margin: 0}.selectgroup-input:checked + .selectgroup-button{background-color: #0d6efd;color: white;border-color: #0d6efd}.selectgroup-button{border: 1px solid #dee2e6;padding: 6px 12px;border-radius: 4px;background: white;cursor: pointer;font-size: 0.875rem}.selectgroup-item input{display: none}#image-dialog{display: flex;align-items: center;justify-content: center;padding: 24px}#image-dialog>.card{display: flex;flex-direction: column;width: min(900px,100%) !important;height: auto !important;max-height: 90vh !important;margin: auto !important;border: 0;border-radius: 14px;box-shadow: 0 18px 60px rgba(17,24,39,.28);overflow: hidden}#image-dialog>.card>.card-header{align-items: center;padding: .9rem 1.25rem;font-size: 1.05rem;font-weight: 600;border-bottom: 1px solid #eef0f3}#image-dialog>.card>.card-header .btn-circle{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 50%;color: #6b7280;cursor: pointer}#image-dialog>.card>.card-header .btn-circle:hover{background: #f1f3f5;color: #111827}#image-dialog>.card>.card-body{flex: 1 1 auto;min-height: 0;overflow: auto;padding: 1.25rem}#image-dialog .nav-tabs{border-bottom: 0;gap: .35rem;margin-bottom: 1rem}#image-dialog .tab-content.border{border: 1px solid #eef0f3 !important;border-radius: 10px;padding: 1.25rem}#image-dialog .selectgroup{justify-content: center;margin-bottom: 1.25rem}#image-dialog #image-search-page .d-flex>.form-control{width: min(560px,100%) !important;height: 44px;display: flex;align-items: center;border-radius: 24px;padding: 0 1rem}#image-dialog #image-search-page .d-flex>.form-control:focus-within{border-color: #b9c4ff;box-shadow: 0 0 0 .2rem rgba(77,144,254,.15)}#image-dialog #image-search-keyword,#image-dialog #image-search-keyword:focus{height: 100%;flex: 1 1 auto;background: transparent;border: 0;border-radius: 0;box-shadow: none !important;outline: 0;padding: 0}#image-dialog #image-search-page .d-flex>.form-control .bi-search{top: 50% !important;right: 14px !important;transform: translateY(-50%);color: #9aa1ab}#image-dialog #image-search-list .image-item img{cursor: pointer;border-radius: 8px}#image-dialog #local-image-result,#image-dialog #url-image-result{max-width: 100%;max-height: 320px;width: auto;height: auto;object-fit: contain}#image-dialog .card-footer{border-top: 1px solid #eef0f3;padding: .9rem 1.25rem}.tool-container{position: relative}.tool-container .tools{opacity: 0}.tool-container:hover .tools{display: block;opacity: 1;transition: 0.5s all}.tool-container .tools-up{background-color: #000000;top: -5px;right: 0px;transform: translateY(-100%);position: absolute;border-radius: 10px;padding: 10px;color: #fff !important}.tool-container .tools-up a{color: #fff !important}.tool-container .tools-up::after{width: 0;height: 0;border-left: 8px solid transparent;border-right: 12px solid transparent;border-top: 10px solid #000000;transform: translateY(18px);content: '';display: block;position: relative;left: calc(100% - 40px)}.card-stats p.card-category{margin-bottom: 0px}.card-stats h4.card-title{margin-bottom: 8px}.card-stats .progress{margin-bottom: 8px;height: 20px}.spliter-container{display: flex;height: 100%;margin-bottom: 10px}.has-controls .spliter-container{margin-bottom:0px}.left-pane,.right-pane{flex: 1;overflow: auto;padding: 10px;max-height: calc(100vh - 100px)}.has-controls .left-pane,.has-controls .right-pane{max-height: calc(100vh - 150px)}.left-pane .qs-paragraph{border-bottom: none}.resizer{width: 4px;background-color: #ccc;cursor: col-resize;position: relative}.resizer::after{content: '⟵ ⟶';position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%,-50%);width: 12px;height: 40px;background-color: #888;border-radius: 2px;color: white;font-size: 8px;font-weight: bold;display: flex;align-items: center;justify-content: center;font-family: monospace;letter-spacing: 1px;border-radius: 6px}.right-pane .text-editor-holder{height: 100%;overflow: auto;display: flex;flex-direction: column}.right-pane .text-editor{height: auto;overflow: auto;flex-grow: 1}@media (max-width: 768px){.spliter-container{display: block}.left-pane,.right-pane{width: 100%;flex: none;max-height: auto}.resizer{display: none}}.card-selected{background-color:#1877f2 !important;color:#fff}.card-selected i{color: #fff}.notify-circle{background-color: #f25961;color: #fff;display: block;position: absolute;top: 2px;right: 2px;width: 16px;height: 16px;font-size: 8px;text-align: center;vertical-align: middle;line-height: 16px;border-radius: 50%}.candidate-box>.card{border: solid 1px #10101064}.candidate-box[data-status='0']>.card{border-color: #979797 !important}.candidate-box[data-status='0'] .cell-status i{color: #979797 !important}.candidate-box[data-status='1']>.card{border-color: #008fbe !important}.candidate-box[data-status='1'] .cell-status i{color: #008fbe !important}.candidate-box[data-status='2']>.card{border-color: #0092ff !important}.candidate-box[data-status='2'] .cell-status i{color: #0092ff !important}.candidate-box[data-status='3']>.card{border-color: #31ce36 !important}.candidate-box[data-status='3'] .cell-status i{color: #31ce36}.candidate-box[data-status='4']>.card{border-color: #31ce36 !important}.candidate-box[data-status='4'] .cell-status i{color: #31ce36 !important}.candidate-box[data-status='5']>.card{border-color: #1b0000 !important}.candidate-box[data-status='5'] .cell-status i{color: #1b0000 !important}.candidate-box[data-status='99']>.card{border-color: #ff0000}.candidate-box[data-status='99']>.cell-status i{color: #ff0000 !important}.candidate-status{border-radius: 10px;min-height: 30px;min-width: 100px;text-align: center;border: solid 1px #bebebe;margin: auto}.candidate-status-0{color: #696969;overflow:hidden}.candidate-status-0.selected{background-color: #696969;color: #fff}.candidate-status-1{color: #008fbe;overflow: hidden}.candidate-status-1.selected{background-color: #008fbe;color: #fff;overflow: hidden}.candidate-status-2{color: #0092ff;overflow: hidden}.candidate-status-2.selected{background-color: #0092ff;color: #fff;overflow: hidden}.candidate-status-3{color: #31ce36;overflow: hidden}.candidate-status-3.selected{background-color: #31ce36;color: #fff;overflow: hidden}.candidate-status-4{color: #ffad46;overflow: hidden}.candidate-status-4.selected{background-color: #ffad46;color: #fff;overflow: hidden}.candidate-status-5{color: #1b0000;overflow: hidden}.candidate-status-5.selected,#candidate-list .candidate-status-5{background-color: #1b0000;color: #fff;overflow: hidden}.candidate-status-99{color: #c1000a;overflow: hidden}.candidate-status-99.selected{background-color: #c1000a;color: #fff;overflow: hidden}.candidate-total{color: #0f2238;overflow: hidden}.candidate-total.selected{background-color: #0f2238;color: #fff;overflow: hidden}.room-tool button{border: #e2e2e2 1px solid;border-radius: 6px;padding: 4px 8px 4px 8px;height: 34px}.room-tool>div>*{margin-right: 8px}.room-tool>div>*:last-child{margin-right: 0px}.room-tool button:last-child{margin-right: 0px !important}.room-view.selected{background-color: #0090fe;color: #fff}.room-view.selected:hover{background-color: #3aaaff;color: #fff}.nav-video-item{padding: 4px;border-top: 0.5px solid #343434}.nav-video-item a.dropdown-toggle{color: #fff}.nav-video-item:first-child{border-top: none}.text-grey{color: #939393}.cell-video{position: relative;border-radius: 4px;border: solid 1px #999;margin: 4px;padding: 2px;width: 320px}.cell-video video{display: block;width: 100%;height: 240px;object-fit: cover;background-color: #000}.cell-video button{background-color: transparent;color: #fff;border: solid 1px transparent;border-radius: 4px}.cell-video button:hover{background-color: #00000080;color: #fff;border: solid 1px #005596}.candidate-status{cursor: pointer}.cell-avatar{cursor: pointer}.candidate-error{color: #ff000d !important;display: inline-block;border: #ff000d solid 1px;border-radius: 6px;flex-wrap: nowrap;padding: 4px 6px 4px 6px;height: 34px}.candidate-error .form-switch{}.candidate-error label{margin: 0px !important;white-space: nowrap;color: #ff000d !important}.candidate-error:hover label{color: #fff !important}.candidate-error:hover,.candidate-error.selected{color: #fff;background-color: #ff000d}.candidate-warning{color: #ffad46;display: inline-block;border: #ffad46 solid 1px;border-radius: 6px;flex-wrap: nowrap;padding: 4px 6px 4px 6px;height: 34px}.candidate-warning .form-switch{}.candidate-warning label{margin: 0px !important;white-space: nowrap;color: #ffad46 !important}.candidate-warning:hover label{color: #fff !important}.candidate-warning:hover,.candidate-warning.selected{color: #fff;background-color: #ffad46}.breadcrumb-holder{width:100%;display:flex}.page-title{margin-bottom: 0px;padding: 12px}@media (max-width: 760px){.side-bar{transform: translateX(-100%);display: none;width: 82px;overflow:auto}.nav-open .side-bar{transform: translateX(0%);display: block;width: 82px}.breadcrumb-holder{display: none !important}.navbar-nav.topbar-nav{padding: 0px}.side-bar.active{transform: translateX(0)}.main-panel{margin-left: 0px !important;width: unset;max-width: 100vw !important}.main-header{display:flex !important;justify-items:stretch}.sidebar-toggle-btn{display: inline-block}.logo-header{width: unset !important;min-width: unset !important}}@media (max-width: 390px){.logo-header img{display:none}.logo-header .logo{height: 36px;width: 36px;display: block;margin:auto;background-image: url('/images/logo-color-small.png');background-position: center;background-size: cover}}.empty-state-container{background-color: #ffffff;border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,0.08);padding: 40px;text-align: center;max-width: 500px;width: 90%;margin: 20px}.empty-state-icon{width: 80px;height: 80px;margin-bottom: 25px;color: #007bff}.empty-state-icon svg{width: 100%;height: 100%}.empty-state-title{font-size: 28px;font-weight: 700;margin-bottom: 15px;color: #333}.empty-state-message{font-size: 17px;line-height: 1.6;margin-bottom: 30px;color: #555}.create-button{display: inline-block;background-color: #007bff;color: #ffffff;padding: 14px 28px;border-radius: 8px;text-decoration: none;font-size: 18px;font-weight: 500;transition: background-color 0.3s ease,transform 0.2s ease;border: none;cursor: pointer}.create-button:hover{background-color: #0056b3;transform: translateY(-2px);color:#fff}.create-button:active{transform: translateY(0)}.help-link{display: block;margin-top: 25px;font-size: 15px;color: #007bff;text-decoration: none;transition: color 0.3s ease}.help-link:hover{color: #0056b3;text-decoration: underline}@media (max-width: 600px){.empty-state-container{padding: 30px 20px}.empty-state-title{font-size: 24px}.empty-state-message{font-size: 15px}.create-button{padding: 12px 24px;font-size: 16px}}.q-figure-img canvas{max-width: 100%;height: auto !important}@media (max-width: 576px){.q-figure-img{float: none !important;width: auto !important;margin: 8px 0 !important;text-align: center}}