.authentication{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80dvh;font-size:14px;font-weight:500}.authentication .heading{font-size:30px;font-weight:600;margin-top:24px;color:#101828}.authentication .details{font-size:16px;font-weight:400;margin-top:12px;color:#667085}.toast-title{font-weight:bold;color:#f89406 !important}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#ffffff}.toast-message a:hover{color:#cccccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#ffffff;-webkit-text-shadow:0 1px 0 #ffffff;text-shadow:0 1px 0 #ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:hover,.toast-close-button:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-0.3em;float:left;right:0.3em}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:80px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999999;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#ffffff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000000;-webkit-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303;border-radius:10px !important}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000000;opacity:0.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}#toast-container .rtl .toast-close-button{left:-0.2em;right:0.2em}}@media all and (min-width: 241px) and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}#toast-container .rtl .toast-close-button{left:-0.2em;right:0.2em}}@media all and (min-width: 481px) and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}.logo{margin:10px auto}.logo img{width:160px;height:40px}input{border-radius:8px;border:1px solid #D0D5DD;background:#FFF;box-shadow:0px 1px 2px 0px rgba(16,24,40,0.05);padding:10px 14px;align-self:stretch;font-size:16px}input[type=checkbox]{cursor:pointer;accent-color:#7F56D9}.primary-button{cursor:pointer;background-color:#7F56D9;color:white;border:unset;border-radius:8px;box-shadow:0px 1px 2px 0px rgba(16,24,40,0.05);padding:8px 10px;height:fit-content;font-size:14px}.primary-button i{color:white}.primary-button:active{background-color:rgba(127,86,217,0.8)}.secondary-button{cursor:pointer;background-color:white;color:#344054;border:1px solid #D0D5DD;border-radius:8px;box-shadow:0px 1px 2px 0px rgba(16,24,40,0.05);padding:8px 10px;height:fit-content;font-size:14px}.secondary-button i{color:#344054}.secondary-button:active{background-color:rgba(236,239,243,0.8)}.btn-group{border-radius:8px;overflow:hidden;margin-bottom:30px}.btn-group .button{color:#344054;background-color:#FFF;border:1px solid #D0D5DD;padding:10px 24px;cursor:pointer;font-size:14px;float:left;box-shadow:0px 1px 2px 0px rgba(16,24,40,0.05)}.btn-group .button:is(:first-child){border-radius:8px 0 0 8px}.btn-group .button:is(:last-child){border-radius:0 8px 8px 0}.btn-group .button:not(:last-child){border-right:none}.btn-group .button:is(:only-child){border-radius:8px}.btn-group .button:hover{background-color:#F9FAFB}.btn-group .active{background-color:#F9FAFB !important}.form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:360px;margin-top:30px}.form .input-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px;align-self:stretch;color:#344054;font-size:14px}.form .input-group label{font-size:14px;text-transform:capitalize}.form .input-group input{font-size:16px;color:#667085;font-weight:400;font-family:"Inter"}.form .input-group .custom-select{min-width:300px;max-width:300px;height:100%}.form .input-group .custom-select .secondary-button{width:auto;padding:10px 14px;font-size:14px;display:flex;justify-content:space-between}.form .input-group .custom-select .secondary-button .selected{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;color:#667085;font-weight:400}.form .input-group .custom-select .dropdown{position:absolute;top:unset;right:unset;min-width:300px;max-width:300px;max-height:240px}@media (max-width: 1180px){.form .input-group .custom-select{min-width:160px;max-width:160px}.form .input-group .custom-select .secondary-button .selected{font-size:12px}.form .input-group .custom-select .dropdown{min-width:160px;max-width:160px}.form .input-group .custom-select .dropdown label{font-size:12px}}.form select{border-radius:8px;border:1px solid #D0D5DD;background:#FFF;box-shadow:0px 1px 2px 0px rgba(16,24,40,0.05);padding:10px 14px;align-self:stretch;font-size:16px}.form .checkbox{display:flex;align-items:center;gap:10px;color:#344054;font-size:14px}.form .side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px;margin-top:24px}.page-heading{font-size:30px;margin-bottom:50px}.page-heading .description{font-size:16px;color:#667085;margin-top:5px}.dropdown{position:absolute;right:120px;background-color:#FFF;width:180px;border-radius:8px;box-shadow:0px 4px 6px -2px rgba(16,24,40,0.05),0px 12px 16px -4px rgba(16,24,40,0.1);text-align:start;overflow:auto;margin-top:-5px}.dropdown .item{all:unset;display:block;padding:10px 16px;font-size:14px;font-weight:400;cursor:pointer}.dropdown label{display:flex;gap:20px;align-items:center}.dropdown label input[type=checkbox]{width:fit-content !important}.dropdown .active,.dropdown .item:hover{background-color:#F9F5FF;color:#6941C6}.error{color:#e01e1e;margin-top:5px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 100px;border-bottom:1px solid #E4E7EC}.navbar .navigations{display:flex;align-items:center;gap:20px}.navbar .navigations .logo{padding:5px !important}.navbar .navigations a{padding:8px 12px;color:#344054;border-radius:6px;font-size:16px;font-weight:600}.navbar .navigations .active{background:#F9F5FF;color:#6941C6}.navbar .user-actions{cursor:pointer}.navbar .user-actions .profile-picture{padding:10px 13px;border-radius:50%;color:#7F56D9;width:fit-content;background-color:#f4eeff}.navbar .item{width:100%}@media (max-width: 1180px){.navbar{padding:0 40px}}.card{display:flex;padding:10px 14px;gap:16px;align-self:stretch;border-radius:8px;border:1px solid #D6BBFB}.card .card-content{width:100%}.card .card-content .heading{padding-bottom:8px;border-bottom:1px solid #B692F6;width:100%}.card .card-content .heading a{display:block;color:#6941C6;font-size:14px;font-weight:500;width:100%}.card .card-content .body{padding-top:16px;display:grid;grid-template-columns:50% 50%;gap:20px}.card .card-content .body .field{display:flex;gap:40px;font-size:12px;margin-bottom:8px;max-width:750px}.card .card-content .body .field .title{min-width:141px;font-weight:500;color:#344054;font-size:14px}.card .card-content .body .field .value{color:#667085;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .card-actions .menu{cursor:pointer}.card .card-actions .menu i{color:#98A2B3;padding:0 6px}.project .header{display:flex;justify-content:space-between;align-items:center}.project .header .page-heading{margin:0}.project .header .flex{gap:32px}.project .header .actions{gap:10px}.project .header .actions .menu i{padding:0 5px !important}.project .sticky{position:sticky;top:0;z-index:1000;background:white;padding:1rem 0;background-color:#f8f8f8}.project .form{max-width:unset}.project .footer{position:fixed;left:0;bottom:0;display:flex;justify-content:space-between;width:100%;box-sizing:border-box;padding:12px 112px;background-color:#FFF;border-top:2px solid #F2F4F7}.project .content{padding:40px 40px 80px}.project .content .selectors{display:flex;gap:50px}.project .content .selectors .year-select{display:flex}.project .content .selectors .year-select .secondary-button{display:flex;gap:10px}.project .content .selectors .year-select .years-list{position:absolute;margin-top:40px;background-color:white;width:150px}.project .content .selectors .year-select .dropdown{margin-top:40px !important;top:unset;right:unset}.project .content .empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60dvh;gap:20px}.project .content .empty .icon{width:fit-content}.project .content .empty .icon svg{background:#F4EBFF;padding:5px 6px;border:10px solid #F9F5FF;border-radius:28px}.project .content .empty .text{font-size:18px}.project .content .empty .actions{width:320px;display:flex;flex-direction:column;text-align:center;gap:10px}.project .form-container{display:flex;gap:32px}.project .form-container .heading{font-size:36px;font-weight:600;width:25%}.project .form-container .heading .description{margin-top:24px;color:#667085;size:14px;font-size:14px;font-weight:400;line-height:20px}.project .form-container .form{margin-top:0;width:70%;max-width:unset}.project .form-container .form .custom-select{min-width:100%;max-width:100%}.project .form-container .form .custom-select .dropdown{min-width:30%;max-width:30%}@media screen and (max-width: 1180px){.project .form-container .heading{font-size:27px;font-weight:600}.project .content{padding:20px 0 80px}.project .page-heading{font-size:26px}.graph-container{display:flex;gap:100px;margin-right:80px}}.graph-container{display:flex;gap:100px}.flex-column{display:flex;flex-direction:column;min-width:48%}.graph-contain{display:flex;justify-content:center;align-items:center}.training-container{margin-top:32px;margin-bottom:18px}.training-span{border:1px solid #D0D5DD;border-radius:8px;padding:10px 16px;background:#FFF;box-shadow:0px 1px 2px 0px rgba(16,24,40,0.05);color:#667085;font-size:14px;font-weight:500}.custom-seperator-continer{display:flex;align-items:center;justify-content:space-evenly;padding:0px 60px;margin-bottom:32px}.custom-seperator-continer .end-tick{height:8px;width:1px;background-color:#D0DFDD}.custom-seperator-continer .custom-seperator{height:1px;width:100%;margin:32px 0px !important;background-color:#D0DFDD;display:flex;align-items:center;justify-content:center}.custom-seperator-continer .custom-seperator span{position:absolute;border:16px solid white;padding:2px 10px;border-radius:64px}.male{background-color:#EEF4FF;color:#444CE7}.countries{background-color:#FEF3F2;color:#D92D20}.female{background-color:#FDF2FA;color:#DD2590}.principal{background-color:#FFF1F3;color:#E31B54}.deputy-principal{background-color:#F0F9FF;color:#0086C9}.language-arts{background-color:#F9F5FF;color:#7F56D9}.science{background-color:#FFF6ED;color:#EC4A0A}.social-studies{background-color:#EEF4FF;color:#444CE7}.mathematics{background-color:#ECFDF3;color:#039855}.no-data-container{display:flex;justify-content:center;align-items:center;min-height:55vh}.no-data{border:1px solid #D0D5DD;border-radius:8px;padding:20px 146px;background-color:#F9FAFB}.primary-button-margin{margin-right:20px}.w-full{width:100%}.custom-overlay{z-index:2;position:fixed;left:0;top:0;display:flex;height:100vh;width:100vw;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.5);padding-top:2.5rem;padding-bottom:2.5rem}.custom-container{padding-left:50px;padding-right:50px;max-height:100%;width:100%;max-width:36rem;overflow-y:auto;border-radius:1rem;background-color:#ffffff}.custom-wrapper{margin:2rem;margin-top:5rem;margin-bottom:5rem;max-width:25rem;margin-left:auto;margin-right:auto}.mb-8{margin-bottom:2rem}.custom-heading{margin-bottom:1rem;font-size:18px;font-weight:500;color:black}.button-container{display:flex;justify-content:center;align-items:center}.modal-button{padding-left:20px;padding-right:20px}.mr-40{margin-right:40px}.components .title{font-size:18px;font-weight:500;padding-bottom:20px;border-bottom:1px solid #E4E7EC;margin-bottom:30px;cursor:pointer}.components .title i{margin-left:20px}.components .title .objective{font-size:14px;color:#667085;margin-top:10px}.components .questions .statement{font-size:14px;margin:32px 0}.components .questions .options{border-radius:8px;border:1px solid var(--gray-200, #E4E7EC);background:var(--White, #fff);overflow:hidden;margin:20px 0}.components .questions .options table{border-spacing:0px;width:100%}.components .questions .options table .head{background-color:#F9FAFB}.components .questions .options table .head th,.components .questions .options table .head td{border-top:unset !important}.components .questions .options table .head .option{width:80px}.components .questions .options table th,.components .questions .options table td{padding:12px 24px;font-size:12px;text-align:left;border-top:1px solid #E4E7EC;color:#667085;text-wrap:nowrap}.components .questions .options table td{font-size:14px;color:#667085}.components .questions .options table td input{width:-webkit-fill-available;font-size:14px}.components .questions .options table td input::placeholder{color:#bbbdc1}.components .questions .options table td input:focus-visible{outline:1px solid #B692F6}.components .questions .options table td label{display:flex;gap:10px;align-items:center;cursor:pointer}.components .questions .options table td label input[type=radio]{width:fit-content !important;accent-color:#7F56D9;margin:0}.components .questions .options table tr .input-group{display:table-cell}.components .questions .options table .radio-buttons{display:flex;gap:30px;align-items:center;padding:21px 24px}@media (max-width: 1180px){.components th,.components td{font-size:12px !important;padding:6px 12px !important;max-width:170px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.col-span-4{grid-column:"span 4/span 4"}.grid{display:grid}.gap-6{gap:1.5rem}.py-16{padding-bottom:4rem;padding-bottom:4rem}.right{right:0}.w-8{width:2rem;border:none;margin-top:40px}.drawer-container{background-color:white;position:fixed;top:0;right:1px;height:-webkit-fill-available;z-index:2;padding:1.5rem;width:33.333333%}.mr1{padding-left:350px;top:127px}.mb-20{margin-bottom:20px;overflow-y:auto}.list-container{display:flex;flex-direction:column;justify-content:space-between;height:90vh}.submit-container{display:flex;flex-direction:row;justify-content:space-around}.notes-button{width:235.5px;height:44px;font-size:14px;font-weight:500;line-height:24px}.notes-secondary-button{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:white;color:#344054;border:1px solid #D0D5DD;border-radius:8px;box-shadow:0px 1px 2px 0px rgba(16,24,40,0.05);padding:8px 10px;height:fit-content;font-size:14px}.notes-form{height:100%;display:flex;flex-direction:column;justify-content:space-between;height:88vh;overflow-y:hidden}.notes-form .text-area-container{position:relative;grid-column:"span 4/span 4"}.notes-form .text-area{padding:0.75rem;width:70%;border-radius:8px;height:128px;width:487px;border:1px solid #D0D5DD;padding:10px 14px 10px 14px}.add-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:487px;height:24px;border-radius:8px;background-color:#6941C6;color:white;font-weight:500}.note-container{max-width:487px;border:1px solid #E4E7EC;border-radius:8px;padding:16px;gap:20px;margin-top:24px;margin-bottom:16px}.note-container .heading{max-width:455px;font-size:14px;color:#667085;line-height:20px;margin-bottom:8px}.note-container .description{max-width:455px;font-size:18px;line-height:28px;font-weight:500;color:#101828;gap:8px;word-wrap:break-word;margin-bottom:8px}.note-container .name{max-width:455px;font-weight:600;font-size:14px;line-height:20px;color:#667085;gap:8px}.note-container .date{font-size:14px;color:#667085;font-weight:400;line-height:20px}.drawer{position:fixed;top:0;left:0;right:80%;height:100%;width:100%;background-color:#344054;opacity:0.6;z-index:1}.notes-flex{display:flex;justify-content:flex-start;align-items:flex-start}.mr15{margin-right:15px}.cross-button{background-color:transparent;font-size:0.875rem;line-height:1.25rem;width:1.5rem;border:none;margin-top:30px;height:1.5rem;position:absolute;top:0.625rem;right:1.5rem;color:#667085}.drawer-heading{font-size:24px;line-height:32px;font-weight:500;color:#101828}.pb-20{padding-bottom:20px}.pt-20{padding-top:20px}.disabled-button{pointer-events:none;background-color:rgba(105,65,198,0.5)}.toggle{position:relative;width:60px;height:34px;border-radius:34px;background-color:#ccc;transition:background-color 0.3s;margin:20px;cursor:pointer}.toggle .thumb{position:absolute;top:4px;width:26px;height:26px;background-color:white;border-radius:50%;background-size:20px 20px;background-repeat:no-repeat;background-position:center;transition:left 0.3s, background-color 0.3s}.toggle.locked{background-color:#2ecc71}.toggle.locked .thumb{left:4px;background-image:url(/assets/locked.png)}.toggle.unlocked{background-color:#3498db}.toggle.unlocked .thumb{left:30px;background-image:url(/assets/unlocked.png)}.toggle.unavailable{background-color:#bdc3c7;opacity:0.6;cursor:not-allowed}.toggle.unavailable .thumb{left:17px;background-image:url(/assets/unavailable.png)}.statement-wrapper{width:80%}.question-wrapper{display:flex;justify-content:space-between}select.select-items{padding:8px 16px;border-radius:6px;border:1px solid #d0d5dd;background-color:white;color:#344054;font-size:14px;cursor:pointer}select.select-items i{position:absolute;right:120px;color:#344054;transition:transform 0.3s ease}select.select-items option{padding:8px 16px;cursor:pointer;color:#344054}.dropdown-container{display:flex;justify-content:end;gap:1rem}.dashboard-dropdown{position:relative;display:inline-block;font-family:sans-serif}.dashboard-dropdown-button{padding:8px 16px;border:1px solid #d0d5dd;border-radius:6px;background-color:#fff;color:#344054;font-size:14px;cursor:pointer;transition:background 0.2s}.dashboard-dropdown-button:hover{background-color:#f9f9f9}.dashboard-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;border:1px solid #d0d5dd;border-radius:6px;background-color:#fff;padding:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);min-width:120px;max-height:200px;overflow-y:auto}.dashboard-dropdown-menu label{display:block;margin-bottom:6px;font-size:14px;color:#344054;cursor:pointer}.dashboard-dropdown-menu label input[type=checkbox]{margin-right:6px}.hidden{display:none}.help-hero{background:linear-gradient(135deg, #7F56D9 0%, #9E77ED 100%);color:#fff;padding:40px 40px;border-radius:16px;margin-bottom:24px}.help-layout{display:grid;grid-template-columns:260px 1fr;gap:24px}@media (max-width: 1024px){.help-layout{grid-template-columns:1fr}}.help-toc{position:sticky;top:20px;background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}.help-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;margin-bottom:16px}.help-accordion .item{border-bottom:1px solid #eee;padding:12px 0}.help-accordion .item:last-child{border-bottom:none}.help-accordion .title{cursor:pointer;display:flex;align-items:center;gap:8px}.help-accordion .content{margin-top:8px}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;background:#000}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.video-grid{grid-template-columns:1fr 1fr}}.tutorial-hero{background:radial-gradient(1200px 300px at 20% 0%, #9E77ED 0%, rgba(126,86,217,0.6) 40%, rgba(126,86,217,0) 100%),linear-gradient(135deg, #7F56D9 0%, #9E77ED 100%);color:#fff;padding:56px 40px;border-radius:20px;margin-bottom:28px}.tutorial-layout{display:grid;grid-template-columns:320px 1fr;gap:28px}@media (max-width: 1100px){.tutorial-layout{grid-template-columns:1fr}}.tutorial-toc{position:sticky;top:20px;background:#fff;border:1px solid #eee;border-radius:14px;padding:18px}.tutorial-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:22px;margin-bottom:18px}.tutorial-step{display:flex;gap:14px;align-items:flex-start}.tutorial-step .num{background:#7F56D9;color:#fff;border-radius:8px;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.tutorial-step .body{flex:1}.tutorial-video-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.tutorial-video-grid{grid-template-columns:1fr 1fr}}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;background:#000}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}body{height:100dvh;font-family:Inter;margin:0;color:#101828}body .container{padding:50px 100px 0}@media (max-width: 1180px){body .container{padding:40px;padding-bottom:0}}a{text-decoration:none}.hidden{display:none}.logoutdiv{overflow:hidden}.flex{display:flex;gap:20px}