:root{--primary-bg:#f8f9fa;--secondary-bg:linear-gradient(0deg,#f3e7e9 0%,#e3eeff 99%,#e3eeff);--sidebar-bg:#082c65;--navbar-bg:#082c65;--navbar-logo-bg:#0b3880;--nav-hover-bg:#87bcf1;--nav-text:#495057;--text-light:#212529;--text-light-hover:#ecb548;--text-sidebar-text:#fff;--text-sidebar-text-pc-item:#d9ff86;--text-dark:#000;--submenu-bg:rgba(0,123,255,0.08);--submenu-hover-bg:rgba(0,123,255,0.548);--submenu-border:#ccc;--card-blue:#007bff;--card-green:#28a745;--card-orange:#fd7e14;--card-red:#dc3545;--maximize-btn:#f67e79;--maximize-hover:#7f76ff;--footer-bg:#e9ecef;--footer-text:#212529;--table-head-bg:linear-gradient(90deg,aliceblue,#e0f7ff);--table-border:#ccc;--active-menu-bg:#87bcf1;--highlight:#ffc107;--content-bg:#ffffff;--hover-text:#ff5722;--danger:red;--btn-bg:white;--hover-danger:#dc3545;--hover-bg-light:#ffffff;--header-blue:#0d6efd;--scroll:#7275c7;--scroll-hover:#b10707;--user-deatils:#c5bfff;--navbar-btn:#337ab7;--text-fff:#fff;--atag-active:#000;--devcardnested:white;--devcardnestedHeader:#edefff}body.dark{--primary-bg:#2b354c;--secondary-bg:#2a3650;--sidebar-bg:#1b1b20;--navbar-bg:#2b354c;--navbar-logo-bg:#2b354c;--nav-hover-bg:#4c5b7a;--nav-text:#4c5b7a;--text-light:#fff;--text-light-hover:#ecb548;--text-sidebar-text:#fff;--text-sidebar-text-pc-item:#a1d335;--text-dark:#030303;--submenu-bg:rgba(78,149,149,0.25);--submenu-hover-bg:rgba(22,37,37,0.753);--submenu-border:#ffffff54;--card-blue:#542ca7;--card-green:#542ca7;--card-orange:#401d86;--card-red:#4c347c;--maximize-btn:#f67e79;--maximize-hover:#7f76ff;--footer-bg:#2b354c;--footer-text:#fff;--table-head-bg:aliceblue;--table-border:#ddd;--active-menu-bg:#4c5b7a;--highlight:#F8BE12;--content-bg:#606a83;--hover-text:#F8BE12;--danger:red;--btn-bg:white;--hover-danger:red;--hover-bg-light:white;--header-blue:#401d86;--scroll:#ff0000;--scroll-hover:#b10707;--user-deatils:#2d364f;--navbar-btn:#384360;--text-fff:#fff;--atag-active:#fff;--devcardnested:#000;--devcardnestedHeader:#242827}:root{--font-xs:clamp(10px,0.8vw,12px);--font-sm:clamp(12px,1vw,14px);--font-md:clamp(14px,1.2vw,16px);--font-lg:clamp(16px,1.4vw,18px);--font-xl:clamp(18px,1.8vw,22px);--font-xxl:clamp(22px,2.2vw,28px)}body{font-size:var(--font-md);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;position:relative;min-height:100%}.h1,h1{font-size:var(--font-xxl);font-weight:700}.h2,h2{font-size:var(--font-xl)}.h2,.h3,h2,h3{font-weight:600}.h3,h3{font-size:var(--font-lg)}.h4,h4{font-size:var(--font-md)}.h4,.h5,h4,h5{font-weight:500}.h5,h5{font-size:var(--font-sm)}.h6,h6{font-weight:500}.h6,.text-xs,h6{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.card .card-title,.devcard .devcard-card-title{font-size:var(--font-md);font-weight:700}.btn,.card .card-body,.devcard .list-group-item,.footer,.footer .footer-links li a,.form-label,.sidebar-nav .submenu-item a,.sidebar-nav li a,.table td,.table th,.tableRes td,.tableRes th,button,input,select,textarea{font-size:var(--font-sm)}.no-color{background-color:transparent!important}a{transition:background .2s,color .2s}a:focus,a:hover{text-decoration:none}#wrapper{padding-left:0;position:relative}#sidebar-wrapper,#wrapper{transition:all .5s ease;min-height:100%}#sidebar-wrapper{z-index:1000;position:fixed;left:250px;width:0;margin-left:-250px;overflow-y:auto;overflow-x:hidden;background:var(--sidebar-bg)}#wrapper.toggled #sidebar-wrapper{width:250px}.sidebar-brand{position:absolute;top:0;height:83px;width:245px;font-size:18px;text-align:left;padding-left:15px;padding-top:11px;background-color:var(--navbar-logo-bg)}.sidebar-brand h2{margin:0;font-weight:600;font-size:24px;color:var(--text-light)}.sidebar-nav{position:absolute;top:75px;width:250px;margin:0;padding:0;list-style:none}.sidebar-nav>li{margin-top:5px;text-indent:4px;line-height:30px}.sidebar-nav>li a{display:block;font-size:14px;text-decoration:none;color:var(--text-fff);font-weight:600;margin:0 5px;border-radius:12px}.sidebar-nav>li.active>a,.sidebar-nav>li>a:hover{text-decoration:none;color:var(--text-light);background:var(--nav-hover-bg);margin:0 5px;border-radius:12px}.sidebar-nav>li>a i.fa{width:27px}.mainmenu{display:block;font-size:15px;text-decoration:none;color:var(--text-fff);font-weight:600;margin:0 5px;border-radius:12px}#navbar-wrapper{width:100%;position:absolute;z-index:2}#wrapper.toggled #navbar-wrapper{position:absolute;margin-right:-250px}#navbar-wrapper .navbar{border-width:0;position:fixed;background-color:var(--navbar-bg);font-size:25px;margin-bottom:0;border-radius:0;width:100%}#navbar-wrapper .navbar a{color:#757575}#navbar-wrapper .navbar a:hover{color:var(--hover-text)}#content-wrapper{width:100%;position:absolute;padding:15px;top:100px;background-color:var(--content-bg)}#wrapper.toggled #content-wrapper{position:absolute;margin-right:-250px}@media (min-width:992px){#wrapper{padding-left:250px}#wrapper.toggled{padding-left:0}#sidebar-wrapper{width:250px}#wrapper.toggled #sidebar-wrapper{width:0}#wrapper.toggled #content-wrapper,#wrapper.toggled #navbar-wrapper{position:absolute;margin-right:-190px}#content-wrapper,#navbar-wrapper{position:relative}#content-wrapper{background-color:var(--content-bg);min-height:800px;top:60px}#wrapper.toggled #content-wrapper,#wrapper.toggled #navbar-wrapper{position:relative;margin-right:60px}}@media (min-width:768px) and (max-width:991px){#wrapper{padding-left:0}#sidebar-wrapper{width:0}#wrapper.toggled #content-wrapper,#wrapper.toggled #navbar-wrapper{position:absolute;margin-right:-250px}#navbar-wrapper{position:relative}#wrapper.toggled{padding-left:250px}#content-wrapper{position:relative;top:60px}#wrapper.toggled #content-wrapper,#wrapper.toggled #navbar-wrapper{position:relative;margin-right:250px}}@media (max-width:767px){#wrapper{padding-left:0}#sidebar-wrapper{width:0}#wrapper.toggled #sidebar-wrapper{width:250px;margin-top:60px}#wrapper.toggled #content-wrapper,#wrapper.toggled #navbar-wrapper{position:absolute;margin-right:-250px}#navbar-wrapper{position:relative}#wrapper.toggled{padding-left:0}#content-wrapper{border:none!important;box-shadow:none!important;min-height:800px;position:relative;padding:1px;top:60px}#wrapper.toggled #content-wrapper,#wrapper.toggled #navbar-wrapper{position:relative;margin-right:250px}}@media (max-width:320px){#wrapper.toggled #sidebar-wrapper{width:250px;margin-top:68px}}.sidebar-nav ul{padding-left:0}.sidebar-nav .submenu-item,.sidebar-nav ul{list-style-type:none}.sidebar-nav .submenu-item a{text-decoration:none;padding:0 6px;display:flex;align-items:center;color:var( --text-fff);background-color:var(--submenu-bg);border-radius:0}.sidebar-nav .submenu-item a i{font-size:9pt}.sidebar-nav .submenu-item:hover{background-color:var(--submenu-hover-bg)}.sidebar-nav .submenu-item a:hover{color:var(--text-light-hover)}.sidebar-nav .nav-item a{display:flex;justify-content:flex-start;align-items:center;color:var(--text-sidebar-text)}.sidebar-nav .nav-item a i.fa-caret-down{transition:transform .5s ease-in-out;transform-origin:center}.sidebar-nav .nav-item a i.fa-caret-down.rotate{transform:rotate(180deg)}.submenu{overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;max-height:0;opacity:0}.submenu.show{max-height:500px;opacity:1}.pc-item{color:var(--text-sidebar-text-pc-item);display:block;padding:0 6px 2px!important;padding-top:24px;text-transform:capitalize;position:relative;line-height:1.34;font-size:14px;font-weight:500}.card .card-body{padding:.5rem;border-radius:5px}.devcard{background:var(--secondary-bg)!important;color:var(--text-light)!important}.card .value{font-size:1rem;font-weight:700}.card .stat{font-size:1rem;margin-top:0}.fullscreen{position:fixed!important;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:var(--hover-bg-light);overflow:auto;width:100%;height:100%;margin:0;border-radius:0}.card-header .header-buttons{display:flex;justify-content:flex-end;align-items:center}.card-header .btn-close,.card-header .btn-maximize{border:none;cursor:pointer}.card-header .btn-closes{color:var(--danger);background-color:var(--btn-bg)}.card-header .btn-closes:hover{color:var(--text-light);background-color:var(--hover-danger)}.card-header .btn-maximize{color:var(--text-light);background-color:var(--maximize-btn)}.card-header .btn-maximize:hover{color:var(--text-light);background-color:var(--maximize-hover)}.card-headerSetup{background-color:var(--header-blue)!important;padding:.5rem;display:flex;align-items:center;justify-content:space-between;width:100%}.card-headerSetup h4{padding-top:10px;color:var(--text-light)}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-buttons{display:flex;gap:10px}.footer{margin-top:60px;background-color:var(--footer-bg);color:var(--footer-text);padding:20px 0;position:relative;bottom:0;width:100%}.footer .container{max-width:1200px;margin:0 auto}.footer .row{display:flex;justify-content:space-between;align-items:center}.footer .footer-links{list-style-type:none;padding:0;margin:0}.footer .footer-links li{display:inline;margin-left:20px}.footer .footer-links li a{color:var(--footer-text);text-decoration:none}.footer .footer-links li a:hover{text-decoration:underline}.table thead th{position:-webkit-sticky;position:sticky;top:0;background-color:var(--table-head-bg);z-index:0;color:var(--text-dark)}.tableRes{width:100%;border-collapse:collapse;overflow:auto}.table td,.tableRes th{text-align:left;padding:8px}.tableRes thead th{position:-webkit-sticky;position:sticky;top:0;background-color:var(--table-head-bg);z-index:0;border:1px solid var(--table-border);color:var(--text-dark)}.tableRes tbody tr{border-bottom:1px solid var(--table-border)}@media (max-width:768px){.table td,.tableRes th{font-size:14px;word-wrap:break-word;white-space:normal}.tableRes td{display:block;width:100%;text-align:right;position:relative;padding-left:50%;box-sizing:border-box}.tableRes td:before{content:attr(data-label);position:absolute;left:10px;top:8px;font-weight:700}.tableRes td:first-child,.tableRes th:first-child{display:none}.tableRes td:hover{border-bottom:1px solid #000}.tableRes th{display:none}}@media (max-width:480px){.table td,.tableRes th{font-size:12px;padding:6px}.tableRes td:hover{border-bottom:1px solid #000}}.table>thead{vertical-align:bottom;background:linear-gradient(90deg,rgb(192,167,250),#bed5f7)}.form-label{font-size:13px;margin-bottom:0!important;padding-left:5px}.card.blue{background-color:var(--card-blue)}.card.blue,.card.green{color:var(--text-light)}.card.green{background-color:var(--card-green)}.card.orange{background-color:var(--card-orange)}.card.orange,.card.red{color:var(--text-light)}.card.red{background-color:var(--card-red)}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-5px);cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.2)}.active-menu{background-color:var(--active-menu-bg)!important;color:var(--text-light)!important;font-weight:700}.active-menu a{color:var( --atag-active)!important}.active-menu i{color:var(--text-light)!important}.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--hover-bg-light);z-index:50}.card{box-shadow:none!important}.card,.card .card-body{border:none!important}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1000}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:26px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:20px;width:20px;left:4px;bottom:3px;background-color:white;border-radius:50%}input:checked+.slider{background-color:#2196F3}input:checked+.slider:before{transform:translateX(24px)}.icon-wrapper{width:35px;text-align:left}.label-wrapper{flex:1 1;line-height:19px}.btntoggle{background-color:var(--navbar-logo-bg)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--scroll)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}.devcard .devcard-card-title{color:var(--text-light);font-weight:700}.devcard .list-group-item{background-color:var(--sidebar-bg);color:var(--text-light);border:none;border-bottom:1px solid #ccc;transition:background-color .3s,color .3s}.list-group-item a{color:var(--text-fff)}.devcard .list-group-item:hover{background-color:var(--active-menu-bg);color:var(--text-light);cursor:pointer}.section-title{font-weight:600;border-left:4px solid var(--primary);padding-left:12px}.certificate-card:hover,.stat-box:hover{transform:translateY(-2px);transition:.2s ease-in-out;background-color:#f9f9f9}.dak{border:2px solid red!important}.attention-card{transition:transform .2s ease,background-color .2s ease}.attention-card:hover{background-color:#ffe8e8;transform:scale(1.02);cursor:pointer}.devcard-user-details{color:var(--text-light)!important}.devcard-personal-work,.devcard-user-details{background-color:var(--user-deatils)}.nav-bar-btn{background-color:var(--navbar-btn)!important;color:var(--text-fff)!important}.impnotices{background-color:var(--devcardnested)}.devcardnested{background-color:var(--devcardnested)!important;color:var(--text-light)!important}.devcardnestedHeader{background-color:var(--devcardnestedHeader)!important;color:var(--text-light)!important}.dropdown-menu{font-size:.92rem;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.submenubg{background-color:var(--navbar-bg)}.personal-details-tab{position:fixed;top:320px;right:0;z-index:1050}.toggle-btn{writing-mode:vertical-rl;transform:rotate(180deg);background:linear-gradient(180deg,#007bff,#0056b3);color:#fff;border:none;padding:16px 6px;border-radius:0 10px 10px 0;cursor:pointer;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:background .3s ease}.toggle-btn:hover{background:linear-gradient(180deg,#0056b3,#003d80)}.drawer{position:fixed;top:0;right:-320px;width:320px;height:100vh;background:rgb(164 155 235/20%);box-shadow:-3px 0 15px rgba(0,0,0,.2);z-index:1060;transition:right .3s ease-in-out;padding:24px 20px;overflow-y:auto;border-radius:8px 0 0 8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-left:1px solid rgba(255,255,255,.3)}.drawer.open{right:0}.drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1040}.drawer .list{list-style:none;padding:0;margin:0}.drawer .list li{margin-bottom:12px}.drawer .list li a{display:flex;align-items:center;padding:10px 12px;background:rgb(112 108 193/40%);border-radius:6px;text-decoration:none;font-size:15px;color:#fff;transition:all .2s ease-in-out;box-shadow:0 2px 6px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.drawer .list li a i{margin-right:8px;font-size:20px;color:#ffffff;min-width:20px;text-align:center}.drawer .list li a:hover{background:rgba(255,255,255,.3);color:#000000;transform:translateX(4px)}.drawer-title{margin-bottom:16px;font-size:18px;font-weight:600;color:var(--text-light);text-align:center;background:rgba(255,255,255,.1);padding:12px 0;border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.responsive-wrapper{width:100%}@media (min-width:984px){.responsive-wrapper{width:calc(100% - 250px)}}@media (min-width:1440px){.centertext{padding-left:250px!important}}.custom-checkbox{transform:scale(1.5);border:.5px solid #3ca648}.user-details-wrapper{top:50px;left:0;right:0;z-index:100;padding:10px 0}.filter-bar,.user-details-wrapper{position:-webkit-sticky;position:sticky}.filter-bar{top:80px;z-index:1;background:#e5edfd}@media (max-width:425px){.filter-bar{top:60px}}@media (max-width:320px){.filter-bar{top:65px}}.main-container{padding:20px}.header{text-align:center;margin-bottom:20px}.main-title{font-size:22px;font-weight:700;color:#333}.content-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow-y:auto}.section-title{font-size:16px;font-weight:700;margin-bottom:20px;background:#f0f5ff;padding:10px;border-radius:6px}.checklist{list-style:none;padding:0;margin:0}.checklist-item{display:flex;align-items:flex-start;margin-bottom:15px;font-size:14px}.check-icon{font-size:18px;margin-right:10px;color:green}.checklist-item .description{font-size:12px;color:#666;margin:2px 0 0}.scroll-indicator{text-align:center;font-size:12px;color:#999;margin-top:15px}.process-container{display:flex;flex-direction:column;align-items:center}.flow-step{width:100%;border:1px solid #dcdcdc;border-radius:10px;padding:12px 16px;margin-bottom:15px;background:#fafafa}.flow-step.start-end{background:#e6fff2;border:1px solid #b2f5d6}.step-header,.step-icon{display:flex;align-items:center}.step-icon{width:40px;height:40px;border-radius:50%;background:#e0e7ff;color:#3f51b5;justify-content:center;font-weight:700;margin-right:12px}.step-content{flex:1 1}.step-title{font-size:14px;font-weight:700}.step-description{font-size:12px;color:#555}.arrow-mini{text-align:center;font-size:14px;color:#999;margin:6px 0}@media (max-width:768px){.content-wrapper{grid-template-columns:1fr}}