.authentication{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa;padding:20px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.authentication .logo{text-align:center;margin-bottom:40px}.authentication .logo img{width:200px;height:auto;margin-bottom:24px}.authentication .heading{font-size:32px;font-weight:700;margin:0 0 8px 0;color:#1a1a1a;text-align:center}.authentication .details{font-size:20px;font-weight:400;margin:0 0 32px 0;color:#6b7280;text-align:center}.authentication .form{background:white;padding:40px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.05);width:100%;max-width:400px;border:1px solid #e5e7eb;margin:0 auto}.authentication .form .input-group{margin-bottom:24px}.authentication .form .input-group .form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.authentication .form .input-group .form-control{width:100%;max-width:300px;margin:0 auto;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color 0.2s ease;background:white;display:block}.authentication .form .input-group .form-control:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,0.1)}.authentication .form .input-group .form-control::placeholder{color:#9ca3af}.authentication .form .checkbox{display:flex;align-items:center;justify-content:flex-start;margin-bottom:24px;max-width:300px;margin-left:auto;margin-right:auto}.authentication .form .checkbox input[type=checkbox]{width:16px;height:16px;margin-right:8px;accent-color:#8b5cf6}.authentication .form .checkbox label{font-size:14px;color:#374151;cursor:pointer}.authentication .form .primary-button{width:100%;max-width:300px;margin:0 auto;background:#8b5cf6;color:white;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.2s ease;display:block}.authentication .form .primary-button:hover{background:#7c3aed}.authentication .form .primary-button:active{background:#6d28d9}@media (max-width: 480px){.authentication{padding:16px}.authentication .form{padding:24px}.authentication .heading{font-size:28px}}body.login-page{background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;margin:0;padding:2rem}.auth-container{width:100%;max-width:400px}.login-card{background:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.1);padding:3rem;text-align:center}.logo-section{margin-bottom:2.5rem}.org-logo{max-width:200px;height:auto}.form-header{margin-bottom:2.5rem;text-align:center}.login-title{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:0.5rem}.login-subtitle{font-size:1rem;color:#718096;margin:0}.login-form{text-align:left}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:0.875rem;font-weight:600;color:#374151;margin-bottom:0.5rem}.input-wrapper{position:relative}.form-input,.form-select,.form-textarea{width:100%;padding:0.875rem 1rem;padding-right:3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#f9fafb;transition:all 0.2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#8b5cf6;background:white;box-shadow:0 0 0 3px rgba(139,92,246,0.1)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#9ca3af}.input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1.2rem}.checkbox-group{display:flex;align-items:center;margin-bottom:2rem}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:0.875rem;color:#374151}.checkbox-input{margin-right:0.5rem;width:1rem;height:1rem;accent-color:#8b5cf6}.btn-primary{background:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);color:white;border:none;border-radius:12px;padding:0.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.btn-primary:hover{background:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);transform:translateY(-1px);box-shadow:0 8px 25px rgba(139,92,246,0.3)}.btn-full{width:100%}.forgot-password{margin-top:1.5rem;text-align:center}.forgot-password-link{color:#8b5cf6;text-decoration:none;font-size:0.875rem;font-weight:500}.forgot-password-link:hover{color:#7c3aed;text-decoration:underline}@media (max-width: 480px){body{padding:1rem}.login-card{padding:2rem}.login-title{font-size:1.5rem}.org-logo{max-width:150px}}@media (max-width: 768px){.auth-container{max-width:350px}.login-card{padding:2.5rem}}.form-input:focus,.form-select:focus,.form-textarea:focus,.checkbox-input:focus,.btn-primary:focus{outline:2px solid #8b5cf6;outline-offset:2px}.btn-primary:disabled{opacity:0.6;cursor:not-allowed;transform:none}.form-input.error,.error.form-select,.error.form-textarea{border-color:#ef4444;background:#fef2f2}.error-message{color:#ef4444;font-size:0.75rem;margin-top:0.25rem}.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 a{display:block;color:#6941C6;font-size:14px;font-weight:500;width:100%}.card .card-content .heading{padding-bottom:8px;border-bottom:1px solid #B692F6;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}.btn{padding:0.75rem 1.5rem;border:none;border-radius:8px;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem}.btn:hover{text-decoration:none}.btn.btn-primary{background:transparent;color:white;border:1px solid white}.btn.btn-primary:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px);color:white;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.btn.btn-outline{background:transparent;color:white;border:1px solid white}.btn.btn-outline:hover{background:rgba(255,255,255,0.1);color:white;transform:translateY(-1px)}.btn.btn-secondary{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.btn.btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748}.btn.btn-sm{padding:0.5rem 1rem;font-size:0.875rem}.btn.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn.btn-icon{width:36px;height:36px;padding:0;background:#f7fafc;border:1px solid #e2e8f0;color:#6b7280}.btn.btn-icon:hover{background:#edf2f7;color:#4299e1}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn:disabled:hover{transform:none;box-shadow:none}.btn-group{display:flex;gap:0.75rem;flex-wrap:wrap}.btn-group.btn-group-vertical{flex-direction:column}.btn-group.btn-group-center{justify-content:center}.btn-group.btn-group-full .btn{flex:1}.card{background:white;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid #e2e8f0;overflow:hidden;transition:all 0.2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.card .card-header{padding:1.5rem;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem}.card .card-header .header-icon{width:48px;height:48px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:8px;display:flex;align-items:center;justify-content:center}.card .card-header .header-icon i{font-size:1.5rem;color:white}.card .card-header .header-content{flex:1}.card .card-header .header-content .card-title{font-size:1.25rem;font-weight:700;color:#1a202c;margin:0 0 0.25rem 0}.card .card-header .header-content .card-subtitle{font-size:0.875rem;color:#718096;margin:0}.card .card-body{padding:1.5rem}.card .card-footer{padding:1rem 1.5rem;background:#f7fafc;border-top:1px solid #e2e8f0}.card-elevated{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.card-flat{box-shadow:none;border:1px solid #e2e8f0}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.info-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.info-grid .info-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all 0.2s ease}.info-grid .info-item:hover{border-color:#cbd5e0;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.info-grid .info-item .info-label{font-size:0.875rem;font-weight:600;color:#4a5568;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.05em}.info-grid .info-item .info-value{font-size:1rem;font-weight:500;color:#1a202c;margin-bottom:0.25rem}.info-grid .info-item .info-meta{font-size:0.75rem;color:#718096;font-style:italic}.security-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all 0.2s ease}.security-item:hover{border-color:#cbd5e0;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.security-item .security-icon{width:48px;height:48px;background:#48bb78;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.security-item .security-icon i{font-size:1.5rem;color:white}.security-item .security-content{flex:1}.security-item .security-content .security-title{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:0.25rem}.security-item .security-content .security-description{font-size:0.875rem;color:#718096;line-height:1.5}.security-item .security-status .status-badge{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600}.security-item .security-status .status-badge.status-secure{background:#c6f6d5;color:#22543d}.security-item .security-status .status-badge.status-protected{background:#bee3f8;color:#2a4365}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:0.9rem;font-weight:600;color:#4a5568;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.05em}.form-input,.form-select,.form-textarea{width:100%;padding:0.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color 0.2s ease;background:white}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,0.1)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#a0aec0}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.form-input.form-input-error,.form-input-error.form-select,.form-input-error.form-textarea{border-color:#e53e3e}.form-input.form-input-error:focus,.form-input-error.form-select:focus,.form-input-error.form-textarea:focus{box-shadow:0 0 0 3px rgba(229,62,62,0.1)}.form-textarea{min-height:120px;resize:vertical}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;appearance:none}.form-checkbox{display:flex;align-items:center;gap:0.5rem}.form-checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:#4299e1}.form-checkbox label{font-size:0.875rem;color:#4a5568;cursor:pointer}.form-radio{display:flex;align-items:center;gap:0.5rem}.form-radio input[type=radio]{width:1rem;height:1rem;accent-color:#4299e1}.form-radio label{font-size:0.875rem;color:#4a5568;cursor:pointer}.form-error{color:#e53e3e;font-size:0.875rem;margin-top:0.25rem;display:flex;align-items:center;gap:0.25rem}.form-error i{font-size:0.75rem}.form-success{color:#38a169;font-size:0.875rem;margin-top:0.25rem;display:flex;align-items:center;gap:0.25rem}.form-success i{font-size:0.75rem}.form-help{color:#718096;font-size:0.875rem;margin-top:0.25rem}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section .form-section-title{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.form-section .form-section-title i{color:#4299e1}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.form-actions button,.form-actions .btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border:none;border-radius:8px;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;text-decoration:none}.form-actions button:hover,.form-actions .btn:hover{text-decoration:none}.form-actions button.btn-primary,.form-actions .btn.btn-primary{background:#3b82f6;color:white}.form-actions button.btn-primary:hover,.form-actions .btn.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.form-actions button.btn-secondary,.form-actions .btn.btn-secondary{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.form-actions button.btn-secondary:hover,.form-actions .btn.btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748}@media (max-width: 768px){.form-actions{flex-direction:column}.form-actions button,.form-actions .btn{width:100%;justify-content:center}}.form-row{display:grid;gap:1rem}@media (min-width: 768px){.form-row{grid-template-columns:repeat(2, 1fr)}}.form-full-width{grid-column:1/-1}:root{--header-bg: #8b5cf6;--body-bg: #ffffff;--text-primary: #495057;--text-secondary: #6c757d;--border-color: #dee2e6;--bg-light: #f8f9fa;--success-green: #28a745;--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--bg-light);min-height:100vh;padding:2rem;line-height:1.6;color:var(--text-primary)}.profile-container{max-width:900px;margin:0 auto;background:var(--body-bg);border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);overflow:hidden}.profile-header{background:var(--header-bg);color:white;padding:2rem}.profile-header .header-content .page-title{font-size:1.75rem;font-weight:600;margin:0 0 0.5rem 0}.profile-header .header-content .page-subtitle{font-size:1rem;color:rgba(255,255,255,0.9);margin:0 0 2rem 0}.welcome-section{display:flex;justify-content:space-between;align-items:center;gap:2rem}.welcome-section .user-info .welcome-message{font-size:1.2rem;color:rgba(255,255,255,0.9);margin-bottom:0.5rem}.welcome-section .user-info .user-name{font-size:1.4rem;font-weight:600;color:white;margin-bottom:0.25rem}.welcome-section .user-info .user-email{font-size:1rem;color:rgba(255,255,255,0.8);margin-bottom:0.5rem}.welcome-section .user-info .user-role{display:inline-block;padding:0.25rem 0.75rem;background:rgba(255,255,255,0.2);color:white;border-radius:9999px;font-size:0.85rem;font-weight:600;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.5px}.welcome-section .user-info .member-since{font-size:0.9rem;color:rgba(255,255,255,0.7)}.welcome-section .action-buttons{display:flex;gap:1rem;flex-direction:column}.profile-content{padding:2rem;background:var(--body-bg)}.profile-grid{display:grid;gap:2rem;grid-template-columns:1fr}.account-section{margin-bottom:2rem}.account-section .section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.account-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem}.account-section .info-grid .info-item{background:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.account-section .info-grid .info-item .info-label{font-size:0.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem}.account-section .info-grid .info-item .info-value{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:0.25rem}.account-section .info-grid .info-item .info-meta{font-size:0.9rem;color:var(--text-secondary)}.security-section{margin-bottom:2rem}.security-section .section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.security-section .security-item{display:flex;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.security-section .security-item:last-child{border-bottom:none}.security-section .security-item .security-icon{width:40px;height:40px;background:var(--success-green);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem}.security-section .security-item .security-icon i{color:white;font-size:1.2rem}.security-section .security-item .security-content{flex:1}.security-section .security-item .security-content .security-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:0.25rem}.security-section .security-item .security-content .security-description{font-size:0.9rem;color:var(--text-secondary)}.security-section .security-item .security-status .status-badge{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600;background:var(--success-green);color:white}.security-section .security-item .security-status .status-badge i{margin-right:0.25rem}.security-section .security-item .security-action .btn{padding:0.5rem 1rem;font-size:0.875rem;background:var(--header-bg);color:white;border:none}.security-section .security-item .security-action .btn:hover{background:#7c3aed}.help-section{background:var(--bg-light);padding:1.5rem;border-top:1px solid var(--border-color);text-align:center}.help-section .footer-content{display:flex;justify-content:space-between;align-items:center}.help-section .footer-content .footer-info{display:flex;align-items:center;gap:0.5rem;color:var(--text-secondary);font-size:0.9rem}.help-section .footer-content .footer-links{display:flex;gap:1rem}.help-section .footer-content .footer-links .footer-link{color:var(--text-secondary);text-decoration:none;font-size:0.9rem}.help-section .footer-content .footer-links .footer-link:hover{color:var(--text-primary)}.alert{padding:1rem;margin-bottom:1rem;border-radius:8px;position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.alert.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.alert.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}@media (max-width: 768px){body{padding:1rem}.profile-header{padding:1.5rem}.profile-header .page-title{font-size:1.5rem}.welcome-section{flex-direction:column;text-align:center;gap:1.5rem}.welcome-section .action-buttons{flex-direction:row;justify-content:center}.welcome-section .action-buttons .btn{flex:1;max-width:200px}.profile-content{padding:1rem}.account-section .info-grid{grid-template-columns:1fr}.security-item{flex-direction:column;gap:1rem;align-items:flex-start;text-align:left}.help-section .footer-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){body{padding:0.5rem}.profile-header{padding:1rem}.profile-header .page-title{font-size:1.25rem}.welcome-section .user-info .user-name{font-size:1.2rem}.welcome-section .action-buttons{flex-direction:column}.welcome-section .action-buttons .btn{max-width:none}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.btn:focus,.btn-icon:focus,.footer-link:focus{outline:2px solid #4299e1;outline-offset:2px}@media (prefers-contrast: high){.card{border:2px solid #4a5568}.btn{border:2px solid currentColor}}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}