#root{margin:0;padding:0;text-align:center;min-height:100vh}*{box-sizing:border-box;transition:color .3s ease,background-color .3s ease,border-color .3s ease}body{margin:0;background-color:var(--color-background);min-height:100vh;font-family:Poppins,sans-serif}a{text-decoration:none}ul{list-style:none}.users .empty{min-height:calc(100vh - 100px);display:flex;justify-content:center;align-items:center;flex-direction:column}.users .empty h1{color:var(--color-green-1);margin-bottom:0}.users .empty p{font-size:var(--text-lg);color:#fff}.users .empty a{background:var(--color-green-1);padding:15px 30px;font-size:1.2rem;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease;color:#fff}.users .empty a:hover{background-color:var(--color-green-3)}:root{color-scheme:light dark;--color-background: light-dark(#ebf0eb, #151a17);--color-surface: light-dark(#FFFFFF, #1E1E1E );--color-text: light-dark(#212121, #ffffff);--color-heading: light-dark(#212121, #f7f4f4);--color-card: light-dark(#f3f8f3, #2C2C2C);--color-border: light-dark(#1E1E1E, #F5F5F5);--color-green-1: #66BB6A;--color-green-2: #43A047;--color-green-3: #2E7D32;--color-green-4: #1B5E20;--color-success: #4CAF50;--color-error: #FF5252}:root{--base-font-size: 1rem;--text-xs: calc(var(--base-font-size) * 1);--text-sm: calc(var(--base-font-size) * 1.125);--text-md: calc(var(--base-font-size) * 1.25);--text-lg: calc(var(--base-font-size) * 1.5);--text-xl: calc(var(--base-font-size) * 2)}@media(max-width:1024px){:root{--text-xs: calc(var(--base-font-size) * .875);--text-sm: calc(var(--base-font-size) * 1);--text-md: calc(var(--base-font-size) * 1.125);--text-lg: calc(var(--base-font-size) * 1.25);--text-xl: calc(var(--base-font-size) * 1.5)}}@media(max-width:768px){:root{--text-xs: calc(var(--base-font-size) * .75);--text-sm: calc(var(--base-font-size) * .875);--text-md: calc(var(--base-font-size) * 1);--text-lg: calc(var(--base-font-size) * 1.125);--text-xl: calc(var(--base-font-size) * 1.25)}}.dark{color-scheme:dark}.light{color-scheme:light}.loader{display:flex;justify-content:center;align-items:center;pointer-events:none;background-color:var(--color-background);width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3;transition:opacity .75s,visibility .75s}.loader:after{content:"";width:75px;height:75px;border:15px solid var(--color-heading);border-top-color:var(--color-green-1);border-radius:50%;animation:loading .75s ease infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.navbar{background-color:var(--color-green-3);padding:0 50px;min-height:100px;max-height:100px;display:flex;justify-content:space-between;position:relative;align-items:center;border-bottom:1px solid #eee}.navbar .logo{cursor:pointer}.navbar .logo a{color:#fff}.navbar .links{flex-grow:1;display:flex;justify-content:flex-end;align-items:center;gap:30px}.navbar .links .link{color:#fff;cursor:pointer}.navbar .links .link a{color:#fff}.navbar .links .link.theme{height:40px;width:40px;padding:0;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.navbar .links .link.theme .icon{color:var(--green-1);font-size:var(--text-md);transition:opacity .3s ease,visibility .3s ease;position:absolute}.navbar .links .link.theme .icon:first-child{opacity:1;visibility:visible}.navbar .links .link.theme .icon:last-child{opacity:0;visibility:hidden}.navbar .links .link.search{position:relative;flex-grow:1;padding-right:15px;padding-left:15px}.navbar .links .link.search form{cursor:default!important;width:100%}.navbar .links .link.search input{width:100%;padding:15px;margin:12px 0;background-color:#1e1e1e;border-radius:22px;border:none;font-size:var(--text-xs);color:#e0e0e0;overflow:hidden}.navbar .links .link.search input:focus{outline:none}.navbar .links .link.search input:focus~.icon{display:none}.navbar .links .link.search .icon{position:absolute;right:5%;top:50%;transform:translateY(-50%);color:var(--color-green-1);cursor:text}.navbar .links .link.icon{font-size:var(--text-md)}@media(max-width:1024px){.navbar .links{gap:15px}.navbar .links .link.search .icon{right:8%}.navbar .links .link.theme{height:35px;width:35px}}@media(max-width:768px){.navbar .links{display:none}.navbar .links .link.theme{height:40px;width:40px}.navbar .links .link.search .icon{right:15%}}.users .mobile-nav-toggle{display:none;position:fixed;top:10px;right:10px;z-index:1001;background:var(--color-surface);color:var(--color-heading);border:none;border-radius:8px;padding:10px;cursor:pointer;font-size:20px}.dark .users .navbar .links .link.theme .icon{transition:opacity .3s ease,visibility .3s ease;position:absolute}.dark .users .navbar .links .link.theme .icon:first-child{opacity:0;visibility:hidden;display:block}.dark .users .navbar .links .link.theme .icon:last-child{opacity:1;visibility:visible;display:block}@media(max-width:768px){.navbar{display:flex;flex-direction:column;width:100%;height:100vh;top:0;left:0;position:fixed;transform:translate(-100%);transition:transform .3s ease-in-out;background-color:var(--color-green-2);z-index:1000;padding:0;min-height:unset;max-height:unset}.navbar.active{background-color:var(--color-green-2);transform:translate(0)}.navbar.active .links{position:absolute;top:100%;left:0;margin-top:0;z-index:4;padding:15px;width:100%;display:flex!important;flex-direction:column;border-top:1px solid #eee;background-color:var(--color-green-2)}.navbar .links{top:10%!important}.navbar .logo{width:100%;display:flex;justify-content:center;align-items:center}.users .mobile-nav-toggle{display:block}}.footer{padding:0 5px;background-color:var(--color-background);color:var(--color-heading);overflow:auto}.footer a{color:var(--color-green-3)}.hero{display:flex;justify-content:center;align-items:center;height:calc(100vh - 100px);background:linear-gradient(-45deg,var(--color-green-1),var(--color-green-2),var(--color-green-3),var(--color-green-4));background-size:400% 400%;animation:gradient 15s ease infinite;color:#fff;text-align:center}.hero .hero-content{max-width:600px;padding:20px}.hero h1{font-size:3rem;margin-bottom:20px}.hero p{font-size:1.2rem;margin-bottom:30px}.hero p span{color:#69e471}.hero a{background:#45d14f;color:#fff;padding:15px 30px;font-size:1.2rem;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.hero a:hover{background:#14961c}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.quizzes-page{max-width:80%;min-height:calc(100vh - 100px);overflow:hidden;margin:auto}.quizzes-page .page-header{margin-bottom:2.5em;display:flex;align-items:center;justify-content:space-between}.quizzes-page .page-header .page-title{text-align:center;color:var(--color-heading)}.quizzes-page .page-header .sort{border:1px solid #c4bbbb;border-radius:4px;padding:10px;background-color:var(--color-card);font-size:var(--text-sm);color:var(--color-text)}.quizzes-page .quiz-container{display:flex;align-items:center;margin-bottom:20px;padding:20px;border-radius:10px;background-color:var(--color-green-1);color:#fff;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.quizzes-page .quiz-container:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.quizzes-page .quiz-container.easy{background-color:var(--color-green-3)}.quizzes-page .quiz-container.medium{background-color:#ff9800}.quizzes-page .quiz-container.hard{background-color:var(--color-error)}.quizzes-page .quiz-container .difficulty-circle{height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-md);margin-right:20px}.quizzes-page .quiz-container .quiz-details{flex:1}.quizzes-page .quiz-container .quiz-details .quiz-title{margin:0 0 10px;font-size:var(--text-lg)}.quizzes-page .quiz-container .quiz-details .quiz-description{margin:auto;font-size:var(--text-md);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:700px}@media(max-width:1024px){.quizzes-page{max-width:90%}.quizzes-page .page-header .sort{max-width:220px!important}.quizzes-page .quiz-container .quiz-details .quiz-description{max-width:500px}}@media(max-width:768px){.quizzes-page .page-header .sort{max-width:200px!important}.quizzes-page .quiz-container{display:flex;flex-direction:column;gap:10px}.quizzes-page .quiz-container .difficulty-circle{display:none;height:30px}.quizzes-page .quiz-container .quiz-details .quiz-description{max-width:450px}}@media(max-width:550px){.quizzes-page .quiz-container .quiz-details .quiz-description{max-width:275px}}.pagination{display:flex;align-items:center;justify-content:space-around}.pagination .box{color:#fff;background-color:var(--color-green-2);padding:15px;min-width:50px;border-radius:16px}.quiz-info-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);background:var(--color-background)}.quiz-info-container .quiz-info-card{background:var(--color-card);border-radius:24px;box-shadow:0 8px 32px #0000004d;padding:48px;max-width:900px;width:90%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-wrap:break-word}.quiz-info-container .quiz-info-card .quiz-title{font-size:var(--text-xl);margin:0 0 24px;color:var(--color-heading);font-weight:700}.quiz-info-container .quiz-info-card .quiz-description{font-size:var(--text-lg);color:var(--color-text);margin-bottom:32px;line-height:1.6}.quiz-info-container .quiz-info-card .quiz-details{display:flex;justify-content:space-around;margin-bottom:32px}.quiz-info-container .quiz-info-card .quiz-details .detail-item{font-size:1.2rem;color:var(--color-heading)}.quiz-info-container .quiz-info-card .quiz-details .detail-item .difficulty{font-weight:700;text-transform:capitalize;padding:4px 12px;border-radius:8px}.quiz-info-container .quiz-info-card .quiz-details .detail-item .difficulty.difficulty.easy{background-color:#2e7d3233;color:#2e7d32}.quiz-info-container .quiz-info-card .quiz-details .detail-item .difficulty.difficulty.medium{background-color:#ff980033;color:#ff9800}.quiz-info-container .quiz-info-card .quiz-details .detail-item .difficulty.difficulty.hard{background-color:#ff525233;color:#ff5252}.quiz-info-container .quiz-info-card .quiz-details .detail-item .questions-count{font-weight:700;padding:4px 12px;border-radius:8px;background-color:#3f51b533;color:#3f51b5}.quiz-info-container .quiz-info-card .quiz-details .detail-item .status{font-weight:700;padding:4px 12px;border-radius:8px}.quiz-info-container .quiz-info-card .quiz-details .detail-item .status.completed{background-color:#2e7d3233;color:#2e7d32}.quiz-info-container .quiz-info-card .quiz-details .detail-item .status.not-completed{background-color:#ff525233;color:#ff5252}.quiz-info-container .quiz-info-card a{display:inline-block;background-color:var(--color-green-1);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:1.5rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 12px #0003}.quiz-info-container .quiz-info-card a:hover{background-color:var(--color-green-2);transform:translateY(-2px)}.quiz-info-container .quiz-info-card a:active{transform:translateY(0)}@media(max-width:1024px){.quiz-info-container{margin:0}.quiz-info-container .quiz-info-card{padding:32px}.quiz-info-container .quiz-info-card .quiz-details{gap:15px}.quiz-info-container .quiz-info-card .quiz-details .detail-item{font-size:1rem;padding:8px 0}}@media(max-width:768px){.quiz-info-container .quiz-info-card{padding:24px}.quiz-info-container .quiz-info-card .quiz-details{flex-direction:column;gap:20px}.quiz-info-container .quiz-info-card .quiz-details .detail-item{padding:8px 0}}@media(max-width:550px){.quiz-info-container .quiz-info-card{padding:24px 12px}}.profile{padding:2rem;min-height:100vh;background-color:var(--color-background);color:var(--color-text)}@media(max-width:768px){.profile{padding:1rem}}.profile .user-profile-container{max-width:800px;margin:0 auto}.profile .user-profile-container .user-profile-card{background-color:var(--color-surface);border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.profile .user-profile-container .user-profile-card .user-profile-title{font-size:var(--text-xl);color:var(--color-heading);margin-bottom:1.5rem;border-bottom:2px solid var(--color-green-1);padding-bottom:.5rem}.profile .user-profile-container .user-profile-card .user-detail{margin:1.5rem 0;font-size:var(--text-md);display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-card);border-radius:6px}@media(max-width:768px){.profile .user-profile-container .user-profile-card .user-detail{flex-direction:column;align-items:flex-start;gap:.5rem}}.profile .user-profile-container .user-profile-card .user-detail .detail-label{font-weight:600;color:var(--color-green-2)}.profile .user-profile-container .user-profile-card .user-detail .detail-value{color:var(--color-text)}.profile .user-profile-container .user-profile-card .actions{display:flex;gap:10px;justify-content:space-around}@media(max-width:768px){.profile .user-profile-container .user-profile-card .actions{flex-direction:column}}.profile .user-profile-container .user-profile-card .actions .link{padding:15px 30px;font-size:var(--text-md);border-radius:8px;margin-top:1.5rem;cursor:pointer;display:inline-block;color:#fff;transition:transform .2s ease,background-color .3s ease}.profile .user-profile-container .user-profile-card .actions .link:hover{transform:translateY(-5px)}.profile .user-profile-container .user-profile-card .actions .link.submissions{background-color:#ff9800}.profile .user-profile-container .user-profile-card .actions .link.submissions:hover{background-color:#fb8a00ec}.profile .user-profile-container .user-profile-card .actions .link.update{background-color:#45d14f}.profile .user-profile-container .user-profile-card .actions .link.update:hover{background-color:var(--color-green-2)}.profile .user-profile-container .user-profile-card .actions .link.logout{background-color:var(--color-error);border:none}.profile .user-profile-container .user-profile-card .actions .link.logout .icon{font-size:var(--text-sm);margin-right:10px}.profile .user-profile-container .user-profile-card .actions .link.logout:hover{background-color:#cc5252}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay .modal{background:var(--color-surface);padding:20px;border-radius:8px;box-shadow:0 4px 16px #0003;max-width:400px;width:80%;text-align:center}.modal-overlay .modal p{font-size:var(--text-md);color:var(--color-text);margin-bottom:20px}.modal-overlay .modal .modal-actions{display:flex;justify-content:center;gap:10px}.modal-overlay .modal .modal-actions .modal-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:var(--text-sm);transition:background .3s ease}.modal-overlay .modal .modal-actions .modal-button.confirm{background:var(--color-error);color:#fff}.modal-overlay .modal .modal-actions .modal-button.confirm:hover{background:#ff1a1a}.modal-overlay .modal .modal-actions .modal-button.confirm:disabled{opacity:.6;cursor:not-allowed}.modal-overlay .modal .modal-actions .modal-button.cancel{background:var(--color-card);color:var(--color-text)}.modal-overlay .modal .modal-actions .modal-button.cancel::hover{background:var(--color-border)}.dashboard{display:flex;gap:20px;min-height:100vh}.dashboard .dashboard-content{margin-top:30px;width:100%;padding:0 60px}.dashboard .dashboard-content .page-header{text-align:left}.dashboard .dashboard-content .page-header .upper-header{font-size:var(--text-lg);color:var(--color-text)}.dashboard .dashboard-content .page-header .upper-header .link{color:var(--color-green-1)}.dashboard .dashboard-content .page-header .upper-header .slash{padding:0 10px}.dashboard .dashboard-content .page-header .lower-header{display:flex;justify-content:space-between;align-items:center;color:var(--color-heading)}.dashboard .dashboard-content .page-header .lower-header .title{font-size:var(--text-xl)}.dashboard .dashboard-content .page-header .lower-header .new{color:#fff;text-transform:uppercase;background-color:var(--color-green-2);padding:8px 20px;border-radius:4px;transition:transform .2s ease,background-color .3s ease}.dashboard .dashboard-content .page-header .lower-header .new:hover{transform:translateY(-5px);background-color:var(--color-green-3)}.dashboard .dashboard-content .table .page-header{display:flex;justify-content:space-between;align-items:center}.dashboard .dashboard-content .table .page-header .sort{border:1px solid #c4bbbb;border-radius:4px;padding:10px;background-color:var(--color-card);font-size:var(--text-sm);color:var(--color-text)}.dashboard .dashboard-content .table .page-header .search{position:relative}.dashboard .dashboard-content .table .page-header .search form{cursor:default;width:100%}.dashboard .dashboard-content .table .page-header .search form input{padding:15px;background-color:var(--color-card);font-size:var(--text-sm);color:var(--color-text);border-radius:22px;border:none;overflow:hidden}.dashboard .dashboard-content .table .page-header .search form input:focus{outline:none}.dashboard .dashboard-content .table .page-header .search form input:focus~.icon{display:none}.dashboard .dashboard-content .table .page-header .search form .icon{position:absolute;right:10%;top:50%;transform:translateY(-50%);color:var(--color-green-1);cursor:text}.dashboard .empty{min-height:calc(100vh - 230px);display:flex;justify-content:center;align-items:center;flex-direction:column}.dashboard .empty h1{color:var(--color-green-1);margin-bottom:0}.dashboard .empty p{font-size:var(--text-lg);color:#fff}.dashboard .empty a{background:var(--color-green-1);padding:15px 30px;font-size:1.2rem;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease;color:#fff}.dashboard .empty a:hover{background-color:var(--color-green-3)}@media(max-width:1024px){.dashboard .dashboard-content{padding:0 30px}}@media(max-width:768px){.dashboard .dashboard-content{padding:0 10px}}.dashboard .left-nav{width:30%;transition:all .2s;background:var(--color-surface);box-shadow:0 8px 16px #00000026;z-index:2;min-height:100%}.dashboard .left-nav ul{padding:0;margin:0}.dashboard .left-nav .nav-container{transition:all .2s;box-shadow:0 8px 16px #00000026;height:100%}.dashboard .left-nav .nav-container .header{margin:0;padding:25px;color:var(--color-text);font-size:12.6px;font-weight:700;text-transform:uppercase;letter-spacing:3px}.dashboard .left-nav .nav-container .leftnav-item{position:relative;color:var(--color-heading)}.dashboard .left-nav .nav-container .leftnav-item.active{background:var(--color-green-3);color:#fff}.dashboard .left-nav .nav-container .leftnav-item.active .arrow{transform:rotate(-90deg)}.dashboard .left-nav .nav-container .leftnav-item.active .category-options{display:block}.dashboard .left-nav .nav-container .leftnav-item .category{cursor:pointer;width:100%;display:flex;padding:12px 24px;transition:all .1s;text-align:center}.dashboard .left-nav .nav-container .leftnav-item .icon{width:24px;height:24px;margin-right:16px}.dashboard .left-nav .nav-container .leftnav-item .arrow{width:10px;transition:all .3s;position:absolute;top:14px;right:10px}.dashboard .left-nav .nav-container .leftnav-item .category-options{display:none;position:relative;background:var(--color-card);box-shadow:inset 4px -2px 5px #00000013;font-size:var(--text-sm)}.dashboard .left-nav .nav-container .leftnav-item .category-options .cat-option.active{color:#fff;background:var(--color-green-1)}.dashboard .left-nav .nav-container .leftnav-item .category-options .cat-option{cursor:pointer;width:100%;display:flex;padding:10px 24px;transition:all .1s;text-align:center;color:var(--color-text)}.dashboard .left-nav .nav-container .theme{padding-top:20px;border-top:1px solid var(--color-border);position:relative}.dashboard .left-nav .nav-container .theme span{height:40px;width:40px;padding:0;border-radius:50%;display:flex;justify-content:center;cursor:pointer}.dashboard .left-nav .nav-container .theme span .icon{color:var(--green-1);font-size:var(--text-md);transition:opacity .3s ease,visibility .3s ease;position:absolute}.dashboard .left-nav .nav-container .theme span .icon:first-child{opacity:1;visibility:visible}.dashboard .left-nav .nav-container .theme span .icon:last-child{opacity:0;visibility:hidden}.dashboard .left-nav .nav-container .log-out{padding-top:20px}.dashboard .left-nav .nav-container .log-out .icon{color:var(--color-error)}.dashboard .left-nav .nav-container .log-out span{color:var(--color-error);display:inline-block}.dashboard .mobile-nav-toggle{display:none;position:fixed;top:10px;left:10px;z-index:1000;background:var(--color-surface);color:var(--color-heading);border:none;border-radius:8px;padding:10px;cursor:pointer;font-size:20px}.dark .dashboard .left-nav .nav-container .theme .category .icon{transition:opacity .3s ease,visibility .3s ease;position:absolute}.dark .dashboard .left-nav .nav-container .theme .category .icon:first-child{opacity:0;visibility:hidden;display:block}.dark .dashboard .left-nav .nav-container .theme .category .icon:last-child{opacity:1;visibility:visible;display:block}@media(max-width:768px){.dashboard .left-nav{width:100%;position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);transition:transform .3s ease-in-out}.dashboard .left-nav.active{transform:translate(0)}.dashboard .left-nav h6{padding:15px}.dashboard .left-nav leftnav-item .category{padding:8px 16px}.dashboard .left-nav .log-out{padding-top:20px}.dashboard .left-nav .log-out .icon{color:var(--color-error)}.dashboard .left-nav .log-out span{color:var(--color-error);display:flex;justify-content:center}.dashboard .mobile-nav-toggle{display:block}}.dashboard-hero{margin-top:50px;width:100%}.dashboard-hero .header{margin:0 0 30px;text-align:left;font-weight:700;font-size:var(--text-xl);color:var(--color-green-1)}.dashboard-hero .page-header{display:flex;justify-content:space-between;align-items:center}.dashboard-hero .page-header .title{font-size:var(--text-lg);color:var(--color-green-1);font-weight:700}.dashboard-hero .page-header .info{font-size:var(--text-md);color:var(--color-text);font-weight:700}.dashboard-hero .cards{display:flex;justify-content:space-between;margin-top:60px}.dashboard-hero .cards .card{padding:24px;max-width:25%;box-shadow:0 0 15px #00000026;background-color:var(--color-card);color:var(--black-1);border-radius:16px}.dashboard-hero .cards .card .card-text{margin-bottom:10px}.dashboard-hero .cards .card .card-text .counter{margin-top:10px;margin-bottom:0;color:var(--color-green-1)}.dashboard-hero .cards .card .card-text span{font-size:var(--text-sm);color:var(--color-text)}@media(max-width:800px){.dashboard-hero .cards{flex-direction:column;gap:20px;margin-bottom:20px}.dashboard-hero .cards .card{max-width:100%}}.dashboard .table{width:min(900px,100% -3rem);margin-inline:auto}.dashboard .table .page-header{display:flex;justify-content:space-between;align-items:center}.dashboard .table .page-header .sort{border:1px solid #c4bbbb;border-radius:4px;padding:10px;background-color:var(--color-card);font-size:var(--text-sm);color:var(--color-text)}.dashboard .table .page-header .search{position:relative}.dashboard .table .page-header .search form{cursor:default;width:100%}.dashboard .table .page-header .search form input{padding:15px;background-color:var(--color-card);font-size:var(--text-sm);color:var(--color-text);border-radius:22px;border:none;overflow:hidden}.dashboard .table .page-header .search form input:focus{outline:none}.dashboard .table .page-header .search form input:focus~.icon{display:none}.dashboard .table .page-header .search form .icon{position:absolute;right:10%;top:50%;transform:translateY(-50%);color:var(--color-green-1);cursor:text}.dashboard .table .count{color:var(--color-text)}.dashboard .table table{border:1px solid var(--color-green-1);width:100%;margin-bottom:2em;border-collapse:separate;border-radius:4px;color:var(--color-heading)}.dashboard .table table thead th{text-align:center;padding:.7em 1em;background-color:var(--color-card)}.dashboard .table table thead span{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.dashboard .table table tbody{background-color:var(--color-surface);text-align:center}.dashboard .table table tbody td{padding:.7em 1em;min-height:3.25em;border-top:1px solid var(--gray-2);border:0}.dashboard .table table tbody .actions .icons-wrapper{display:flex;justify-content:space-around;align-items:center}.dashboard .table table tbody .actions .icons-wrapper .edit{color:var(--color-success)}.dashboard .table table tbody .actions .icons-wrapper .delete{color:var(--color-error)}.dashboard .table table tbody .info-title a{color:var(--color-green-1);text-decoration:underline}@media(max-width:1024px){.dashboard .list{padding:0 30px}.dashboard .list .page-header .upper-header{font-size:var(--text-md)}.dashboard .list .page-header .lower-header .title{font-size:var(--text-lg)}.dashboard .list .page-header .lower-header .new{padding:8px 15px}}@media(max-width:800px){.dashboard .table thead th{display:none}.dashboard .table tbody td{display:block}.dashboard .table tbody td:before{content:attr(data-info);margin-right:5px;font-weight:700;color:var(--color-green-1)}}@media(max-width:450px){.dashboard .table .page-header{flex-direction:column;gap:20px}}.form{width:70%;margin:10px auto auto;text-align:left}.form .container{color:var(--color-heading);background-color:var(--color-surface);width:100%;border-radius:12px;padding:20px 48px 40px}.form .container .header{margin-bottom:20px;display:flex;justify-content:center;flex-direction:column}.form .container .header a{color:var(--color-green-2);text-decoration:underline}.form .container h1{margin:0}.form .container form{display:flex;justify-content:center;flex-direction:column}.form .container form div{display:flex;justify-content:center;flex-direction:column;width:100%;font-size:var(--text-md);margin:20px 0}.form .container form div label{color:var(--color-green-1)}.form .container form div input{display:block;width:100%;border:1px solid #c4bbbb;border-radius:4px;line-height:40px;margin-top:10px;padding:0 30px;outline:none;font-size:var(--text-xs)}.form .container form div textarea{font-family:inherit;line-height:1.5;margin-top:10px;width:100%;border:1px solid #c4bbbb;border-radius:4px;padding:10px;font-size:var(--text-xs);resize:vertical;min-height:100px}.form .container form div select{margin-top:10px;width:100%;border:1px solid #c4bbbb;border-radius:4px;padding:10px;font-size:var(--text-md);background-color:var(--color-surface);color:var(--color-text)}.form .container form div input[type=checkbox]{width:auto;margin-right:10px;display:inline-block;accent-color:var(--color-green-2)}.form .container form .error{margin:10px 0 0;color:var(--color-error)}.form .container form .question-card{background:var(--color-card);padding:1.5rem;margin:1rem 0;border-radius:8px;position:relative}.form .container form .question-card .katex{font-size:1.1em!important;color:var(--color-text)!important;display:inline!important;margin:0 2px!important;line-height:normal!important;vertical-align:baseline!important}.form .container form .question-card .math-preview{border:1px solid var(--color-border);border-radius:8px;display:inline;background:transparent;vertical-align:baseline;padding:0 12px;color:var(--color-text)}.form .container form .question-card .math-preview .katex{display:inline!important;vertical-align:text-top!important}.form .container form .question-card .math-content{word-wrap:normal;display:flex;justify-content:start;align-items:center;flex-direction:row;gap:5px}.form .container form .question-card .math-content .katex-display{display:inline-block!important;margin:0!important}.form .container form .question-card .math-content .katex-display>.katex{display:inline!important;white-space:nowrap}.form .container form .question-card:not(:last-of-type):after{content:"";position:absolute;bottom:-15px;left:0;width:100%;height:2px;background:var(--color-green-1)}.form .container form .question-card .question-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form .container form .question-card .question-header h3{margin:0}.form .container form .question-card .question-header h3.delete{display:flex;justify-content:center;align-items:center;cursor:pointer;width:50px;height:50px;border-radius:50%;background-color:var(--color-surface);color:var(--color-error)}.form .container form .question-card h4{margin:10px}.form .container form .question-card .upload-box{margin-top:20px;height:300px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;border-radius:5px;border:2px dashed #afafaf;transition:.6s ease}.form .container form .question-card .upload-box.error{border:2px dashed var(--color-error);transition:.6s ease}.form .container form .question-card .upload-box.error p{display:none}.form .container form .question-card .upload-box.success{border:2px dashed var(--color-green-1);transition:.6s ease}.form .container form .question-card .upload-box.success p{display:none}.form .container form .question-card .upload-box.active{border:2px dashed rgb(35,241,231);transition:.6s ease}.form .container form .question-card .upload-box p{margin-top:20px;font-size:var(--text-lg)}.form .container form .question-card .upload-box img{max-width:100%;height:100%;object-fit:cover;border-radius:5px}.form .container form .question-card .answers-section{margin-top:1rem;padding-left:1rem;border-left:2px solid var(--color-green-1)}.form .container form .question-card .answer-input{display:flex;flex-direction:column;gap:8px;margin:12px 0;position:relative}.form .container form .question-card .answer-input:not(:last-of-type):after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:2px;background:var(--color-green-3)}.form .container form .question-card .answer-input input[type=checkbox]{margin-left:8px}.form .container form .question-card input[type=file]{display:none}.form .container form button{display:inline-block;line-height:40px;padding:0 40px;background:var(--color-green-2);color:#fff;margin-top:20px;width:100%;box-shadow:2.828px 2.828px 15px #0000001a;border:1px solid var(--color-green-2);border-radius:255px;font-size:var(--text-sm);font-weight:600;cursor:pointer;min-width:172px}.form .container form button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.form{width:80%}}@media(max-width:768px){.form{width:90%}.form .container{padding:20px}}@media(max-width:500px){.form .container{padding:20px 14px 40px}}