@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&family=Tangerine:wght@700&display=swap";html,body,#root{width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}.navbar{z-index:1000;background:#000;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 35px;display:flex;position:fixed;top:0;left:0}.logo{font-size:34px;font-weight:700}.logo span{color:#8b5cf6}.nav-right{align-items:center;gap:25px;display:flex}.language{align-items:center;gap:10px;display:flex}.language select{color:#fff;background:#000;border:none;outline:none;font-size:16px}.nav-btn{color:#fff;border:1px solid #fff;border-radius:5px;padding:10px 25px;text-decoration:none;transition:all .3s}.nav-btn:hover,.register{color:#000;background:#fff}.logo-image{object-fit:contain;width:auto;height:48px}.landing-page{background-image:url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=2000&q=80);background-position:50%;background-size:cover;width:100%;height:calc(100vh - 60px);margin-top:60px}.landing-overlay{background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.landing-content{width:92%;max-width:1500px}.landing-heading{text-align:center;color:#fff;margin-bottom:45px}.landing-heading h1{margin-bottom:15px;font-size:50px;font-weight:800}.landing-heading p{color:#d6d6d6;font-size:19px}.portal-container{gap:35px;display:flex}.portal-card{background:#fff;border-radius:16px;flex:1;text-decoration:none;transition:all .35s;overflow:hidden;box-shadow:0 15px 35px #0006}.portal-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #00000073}.portal-header{color:#fff;padding:18px 25px;font-size:24px;font-weight:700}.admin-header{background:#0f4c81}.student-header{background:#0f9d58}.portal-card img{object-fit:cover;width:100%;height:330px}.portal-info{padding:30px}.portal-info h3{color:#111;margin-bottom:12px;font-size:26px}.portal-info p{color:#666;margin-bottom:30px;font-size:16px;line-height:1.8}.portal-info button{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s}.admin-card button{background:#0f4c81}.student-card button{background:#0f9d58}.portal-info button:hover{transform:scale(1.05)}@media (width<=950px){.portal-container{flex-direction:column}.landing-page{height:auto}.portal-card{margin-bottom:25px}}.login-page{background-image:url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=2000&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:calc(100vh - 60px);margin-top:60px}.login-overlay{background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.login-container{gap:40px;width:90%;max-width:1200px;display:flex}.login-card,.info-card{background:#fff;border-radius:8px;flex:1;padding:35px;box-shadow:0 12px 30px #00000059}.login-card h2,.info-card h2{color:#22395d;margin-bottom:20px;font-size:34px}.login-card hr{margin-bottom:30px}input{border:1px solid #dcdcdc;border-radius:6px;width:100%;margin-bottom:18px;padding:15px;font-size:16px}.login-btn{color:#fff;cursor:pointer;background:#5b5bf7;border:none;border-radius:6px;margin-bottom:15px;padding:15px;font-size:17px;transition:all .3s}.login-btn:hover{background:#4646dc}.login-links{flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:30px;display:flex}.login-links a{color:#2563eb;font-weight:600;text-decoration:none}.login-links a:hover{text-decoration:underline}@media (width<=900px){.login-container{flex-direction:column}.login-page{height:auto;padding:40px 0}.login-links{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0;font-family:Manrope,sans-serif}.register-page{background-image:url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=2000&q=80);background-position:50%;background-size:cover;width:100%;height:calc(100vh - 60px);margin-top:60px}.register-overlay{background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.register-container{gap:40px;width:90%;max-width:1200px;display:flex}.register-card,.info-card{background:#fff;border-radius:8px;flex:1;padding:35px;box-shadow:0 10px 30px #00000059}.register-card h2,.info-card h2{color:#23395d;margin-bottom:20px;font-size:34px}.register-card hr{margin-bottom:30px}form{flex-direction:column;display:flex}input{border:1px solid #ddd;border-radius:5px;margin-bottom:18px;padding:14px 16px;font-size:16px}input:focus{border-color:#5b5bf7;outline:none}.register-btn{color:#fff;cursor:pointer;background:#5b5bf7;border:none;border-radius:5px;margin-bottom:15px;padding:15px;font-size:17px;transition:all .3s}.register-btn:hover{background:#4343df}.back-btn{color:#fff;cursor:pointer;background:#9aa1a9;border:none;border-radius:5px;width:100%;padding:15px;transition:all .3s}.back-btn:hover{background:#7c838b}.info-card p{color:#444;margin-bottom:22px;font-size:18px;line-height:1.8}@media (width<=900px){.register-container{flex-direction:column}}.admin-header{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.header-left h2{color:#111;margin:0;font-size:24px;font-weight:500}.header-left p{color:#777;margin-top:4px;font-size:14px}.profile-section{position:relative}.profile-icon{cursor:pointer;color:#000;justify-content:center;align-items:center;transition:all .25s;display:flex}.profile-icon:hover{color:#444}.profile-dropdown{z-index:999;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:220px;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 10px 25px #0000001f}.profile-details{padding:18px}.profile-details h4{color:#111;margin:0;font-size:17px;font-weight:500}.profile-dropdown hr{border:none;border-top:1px solid #ededed;margin:0}.logout-btn{cursor:pointer;color:#111;background:#fff;border:none;align-items:center;gap:12px;width:100%;padding:15px 18px;font-size:15px;font-weight:400;transition:background .25s;display:flex}.logout-btn:hover{background:#f5f5f5}.sidebar{color:#fff;background:#000;border-right:1px solid #1f1f1f;flex-direction:column;width:250px;height:100vh;padding:18px 14px;display:flex}.sidebar-logo{border-bottom:1px solid #222;justify-content:center;align-items:center;margin-bottom:35px;padding-bottom:18px;display:flex}.sidebar-logo img{object-fit:contain;width:130px}.sidebar-logo h2{color:#fff;letter-spacing:1px;font-size:20px;font-weight:500}.sidebar-heading{color:#8b8b8b;text-transform:uppercase;letter-spacing:1px;margin:18px 12px 8px;font-size:11px;font-weight:400}.sidebar a{color:#fff;border-radius:6px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 14px;font-size:14px;font-weight:400;text-decoration:none;transition:all .25s;display:flex}.sidebar a svg{flex-shrink:0;width:18px;height:18px}.sidebar a:hover{color:#fff;background:#1a1a1a}.sidebar a.active{color:#000;background:#fff;font-weight:400}.sidebar a.active svg{color:#000}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.sidebar::-webkit-scrollbar-track{background:#000}.search-course-container{background:#f5f5f5;min-height:100vh;padding:30px}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.top-bar h2{color:#111;font-size:28px;font-weight:600}.top-bar input{background:#fff;border:1px solid #d9d9d9;border-radius:8px;outline:none;width:350px;padding:12px 18px;font-size:15px;transition:all .3s}.top-bar input:focus{border-color:#000}.course-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 3px 12px #00000014}.course-table thead{color:#fff;background:#000}.course-table thead th{text-align:left;white-space:nowrap;padding:16px;font-size:14px;font-weight:500}.course-table tbody tr{border-bottom:1px solid #ececec;transition:all .3s}.course-table tbody tr:hover{background:#f8f8f8}.course-table tbody td{color:#333;vertical-align:middle;padding:15px;font-size:14px}.course-table tbody tr:last-child{border-bottom:none}.no-data{text-align:center;color:#888;padding:35px;font-size:15px}.assign-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .3s}.assign-btn:hover{background:#222}@media (width<=1200px){.search-course-container{overflow-x:auto}.course-table{min-width:1200px}}@media (width<=768px){.top-bar{flex-direction:column;align-items:flex-start}.top-bar input{width:100%}}.page{max-width:1100px;margin:40px auto;padding:20px;font-family:Arial,sans-serif}.title{margin-bottom:5px;font-size:24px}.subtitle{color:#666;margin-bottom:20px;font-size:14px}.form{flex-direction:column;gap:18px;display:flex}.row{align-items:center;gap:12px;display:flex}.input{border:1px solid #ccc;border-radius:6px;flex:1;padding:10px;font-size:14px}.input:focus{border-color:#000;outline:none}.upload{justify-content:space-between}.table{border-collapse:collapse;width:100%;margin-top:10px;font-size:14px}.table th,.table td{border:1px solid #ddd;padding:8px}.table th{text-align:left;background:#f5f5f5}.btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;padding:10px}.btn:disabled{background:gray}.meta{color:#444;font-size:13px}.course-info-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;margin-bottom:25px;padding:25px}.course-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.course-header h2{color:#000;margin:0;font-size:28px;font-weight:600}.course-type{color:#fff;background:#000;border-radius:20px;padding:6px 14px;font-size:13px}.course-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px;display:grid}.info-box{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;padding:15px}.info-box label{color:#666;margin-bottom:8px;font-size:13px;display:block}.info-box p{color:#000;margin:0;font-size:16px;font-weight:500}.description-box{border-top:1px solid #e5e5e5;padding-top:20px}.description-box label{color:#666;margin-bottom:10px;font-size:14px;display:block}.description-box p{color:#333;margin:0;font-size:15px;line-height:1.6}@media (width<=768px){.course-header{flex-direction:column;align-items:flex-start;gap:12px}.course-grid{grid-template-columns:1fr}}.uploadCard{background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-top:20px;padding:20px;box-shadow:0 4px 18px #00000014}.uploadHeader h3{color:#222;margin:0;font-size:18px;font-weight:600}.uploadHeader p{color:#777;margin:5px 0 15px;font-size:13px}.uploadButtons{gap:10px;margin-bottom:12px;display:flex}.chooseBtn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .2s}.chooseBtn:hover{background:#333}.uploadBtn{color:#fff;cursor:pointer;background:#1a8f3a;border:none;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .2s}.uploadBtn:hover{background:#157a31}.uploadBtn:disabled{cursor:not-allowed;background:#9cccaa}.fileInfo{margin-top:8px}.fileName{color:#333;font-size:13px;font-weight:500}.noFile{color:#999;font-size:13px}.status{color:#444;background:#f4f6f8;border-radius:6px;margin-top:10px;padding:8px 10px;font-size:13px}.hint{color:#888;margin-top:10px;font-size:12px}.admin-layout{background:#f5f7fb;height:100vh;display:flex}.admin-right{flex-direction:column;flex:1;display:flex}.admin-content{flex:1;padding:25px;overflow-y:auto}.survey-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.survey-modal{background:#fff;border-radius:10px;width:800px;max-width:95%;overflow:hidden}.survey-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:18px 25px;display:flex}.close-btn{cursor:pointer;background:0 0;border:none;font-size:20px}.course-title{padding:20px 25px;font-size:18px;font-weight:600}.survey-body{max-height:500px;padding:0 25px 20px;overflow-y:auto}.question-card{border:1px solid #ddd;border-radius:8px;margin-bottom:18px;padding:18px}.question-card label{margin-bottom:10px;font-weight:500;display:block}.radio-option{align-items:center;gap:8px;margin-bottom:8px;font-weight:400!important;display:flex!important}.question-card textarea{border:1px solid #ccc;border-radius:5px;width:100%;padding:10px}.survey-footer{border-top:1px solid #ddd;justify-content:flex-end;gap:10px;padding:18px 25px;display:flex}.cancel-btn{cursor:pointer;background:#fff;border:1px solid #000;padding:10px 20px}.submit-btn{color:#fff;cursor:pointer;background:#000;border:none;padding:10px 20px}.loading,.error{padding:25px}.cert-page-wrapper{background:#eee;flex-direction:column;align-items:center;min-height:100vh;padding:20px;display:flex}.cert-download-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;margin-bottom:16px;padding:12px 28px;font-size:15px}.cert-container{box-sizing:border-box;background:url(/assets/fullback-BP1QBf-t.jpeg) 50%/cover no-repeat,#fff;border:3mm solid #111;align-items:stretch;width:297mm;height:210mm;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000040}.cert-container:before,.cert-container:after{content:"";z-index:10;background:#fffaeb8c;border:1px solid #00000014;width:29mm;height:10mm;position:absolute;top:-5mm;box-shadow:0 2px 5px #00000040}.cert-container:before{left:12mm;transform:rotate(-6deg)}.cert-container:after{right:12mm;transform:rotate(6deg)}.cert-left{box-sizing:border-box;background:#0e4d90;width:30%;height:100%;position:relative;overflow:hidden}.cert-face-art{object-fit:cover;object-position:center top;z-index:1;width:100%;height:100%;margin:0;display:block;position:absolute;inset:0}.cert-logo{z-index:3;filter:drop-shadow(0 2px 5px #00000073);width:46mm;height:auto;margin:0;position:absolute;top:6mm;left:50%;transform:translate(-50%)}.cert-footnote{z-index:3;color:#f2f5fb;background:linear-gradient(#09204a00 0%,#061232bf 35%,#061232eb 100%);margin:0;padding:8mm 6mm 5mm;font-size:6.5px;line-height:1.5;position:absolute;bottom:0;left:0;right:0}.cert-right{box-sizing:border-box;background:linear-gradient(135deg,#fff0 35%,#0a2b6b0d 50%,#fff0 65%),radial-gradient(circle at 85% 8%,#fffffff2 0%,#fff0 55%),repeating-linear-gradient(135deg,#00000005 0 1px,#0000 1px 16px),#ffffffe6;flex-direction:column;width:70%;height:100%;padding:8mm 12mm;display:flex;position:relative;overflow:hidden}.cert-banner{background:linear-gradient(120deg,#123a8f 0%,#0e4d90 55%,#0a2b6b 100%);flex-shrink:0;align-items:flex-end;margin:15mm -12mm 0;padding:4mm 12mm 6mm;display:flex;box-shadow:0 2px 6px #0003}.cert-title{color:#fff;text-align:center;letter-spacing:1px;text-shadow:0 2px 4px #00000059;width:100%;margin:0;font-family:UnifrakturMaguntia,Playfair Display,Georgia,serif;font-size:15mm;font-weight:400;line-height:1}.cert-subtitle{text-align:right;color:#0e4d90;flex-shrink:0;margin:3mm 0 5mm;font-family:Tangerine,Brush Script MT,cursive;font-size:14mm;font-weight:700}.cert-body{z-index:2;flex-shrink:0;position:relative}.cert-body p{color:#1a1a1a;text-align:justify;margin:0 0 8px;font-size:13.5px;line-height:1.75}.cert-field{margin-top:13px!important}.cert-line{text-align:center;border-bottom:1.5px dotted #333;max-width:100%;padding:0 4px;font-weight:600;display:inline-block}.cert-congrats{color:#0e4d90;flex-shrink:0;margin:3mm 0 0;font-family:Tangerine,Brush Script MT,cursive;font-size:16mm;font-weight:700}.cert-signature{text-align:right;color:#1a1a1a;z-index:2;flex-shrink:0;margin-top:auto;font-size:11px;font-weight:600;line-height:1.6;position:relative}.cert-sign-img{width:auto;height:25mm;margin-bottom:3px;margin-left:auto;display:block}.cert-signatory-name{margin-bottom:2px}@media print{.no-print{display:none!important}html,body{margin:0;padding:0}body *{visibility:hidden}.cert-page-wrapper,.cert-page-wrapper *{visibility:visible;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;accent-color:exact!important}.cert-page-wrapper{background:#fff;width:100%;margin:0;padding:0;position:absolute;top:0;left:0}.cert-container{box-shadow:none;page-break-inside:avoid;break-inside:avoid;width:297mm;height:210mm;margin:0}.cert-container:before,.cert-container:after{display:none}@page{size:297mm 210mm;margin:0}}.student-layout{background:#f8f8f8;height:100vh;display:flex}.student-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.student-content{background:#fff;flex:1;padding:25px;overflow-y:auto}