html{margin:0;padding:0}body{color:#1f2937;background:#f3f6fa;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{min-height:100vh;position:relative}#root:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#0000000e 1px,#0000 1px),linear-gradient(90deg,#0000000e 1px,#0000 1px);background-size:45px 45px;position:fixed;inset:0}#root>*{z-index:1;position:relative}.app-container{width:min(1150px,100% - 32px);margin:0 auto;padding:48px 0 60px}.navbar{-webkit-backdrop-filter:blur(28px)saturate(190%)brightness(1.08);background:linear-gradient(135deg,#ffffff47 0%,#ffffff1f 35%,#fff3 65%,#ffffff4d 100%);border:1px solid #ffffffb8;border-radius:20px;width:calc(100% - 32px);max-width:1150px;margin:16px auto 0;position:static;overflow:hidden;box-shadow:0 24px 55px #0f172a1a,0 10px 25px #0f172a0f,inset 0 1px #fffffffa,inset 0 -1px #ffffff47,inset 1px 0 #ffffff8c,inset -1px 0 #ffffff52}.navbar:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#fff9 0%,#ffffff40 35%,#ffffff05 100%);border-radius:0 0 50% 50%;height:55%;position:absolute;top:0;left:4%;right:4%}.navbar:after{content:"";opacity:.95;pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000,#fff,#ffffffd9,#fff,#0000);height:1px;position:absolute;top:1px;left:10%;right:10%}.navbar-inner{z-index:2;justify-content:space-between;align-items:center;width:100%;min-height:64px;margin:0 auto;padding:0 14px 0 22px;display:flex;position:relative}.brand-button{color:#1f2937;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-size:21px;font-weight:700;display:flex}.navbar-logo{object-fit:contain;width:32px;height:32px;display:block}.brand-button:hover{background:#ffffff40;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3}.nav-links{align-items:center;gap:6px;display:flex}.nav-button{color:#667085;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:10px 17px;font-size:14px;font-weight:600;transition:background .25s,color .25s,box-shadow .25s,transform .2s;position:relative}.nav-button:hover{color:#1f2937;background:#ffffff52;border-color:#ffffff8c;transform:translateY(-1px);box-shadow:inset 0 1px #fffc,inset 0 -1px #ffffff26,0 4px 14px #0f172a0d}.nav-button.active{color:#fff;-webkit-backdrop-filter:blur(10px);background:#2d323af2;border:1px solid #ffffff47;border-radius:14px;box-shadow:inset 0 1px 1px #ffffff38,inset 0 -2px 4px #00000059,0 4px 10px #00000040}.nav-button.active:before,.nav-button.active:after{content:none!important;display:none!important}.nav-button.active:hover{color:#fff;background:linear-gradient(135deg,#1f2937f0,#111827d1)}.page-content{width:100%;max-width:600px;margin:0 auto}.page-content h1,.students-heading h1{margin:0 0 4px;font-size:32px;font-weight:700;line-height:1.2}.page-description,.students-heading p{color:#667085;margin:0;font-size:16px}.students-heading{margin-bottom:28px}.register-page{justify-content:center;width:100%;min-height:calc(100vh - 60px);display:flex}.register-container{width:100%;max-width:600px;margin:40px auto}.registration-form,.totp-card{background:#ffffffeb;border:1px solid #e1e5eb;border-radius:16px;margin-top:28px;padding:26px;box-shadow:0 2px 6px #1018280a}.registration-form{width:100%}.totp-card{width:100%;max-width:500px}.totp-card h2{margin:0 0 6px;font-size:23px}.totp-card p{color:#667085;margin:0 0 24px}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-group label{color:#344054;margin-bottom:7px;font-size:14px;font-weight:600}.form-group input,.form-group select,.search-input{color:#1f2937;background:#fff;border:1px solid #d0d5dd;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 13px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.search-input:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.registration-form>button,.totp-card>button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:8px;width:100%;min-height:44px;margin-top:8px;font-weight:600;transition:background .2s,opacity .2s}.registration-form>button:hover,.totp-card>button:hover{background:#1f2937}.registration-form>button:disabled,.totp-card>button:disabled{opacity:.6;cursor:not-allowed}.totp-card form button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;width:100%;min-height:44px;margin-top:8px;padding:10px 16px;font-size:15px;font-weight:600;transition:background .2s,opacity .2s}.totp-card form button:hover{background:#1f2937}.totp-card form button:disabled{color:#6b7280;cursor:not-allowed;background:#d1d5db}.message{border-radius:8px;margin:14px 0;padding:12px 14px;font-size:14px}.message.error{color:#dc2626;background:#fff1f1;border:1px solid #fecaca}.message.success{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.logout-button{cursor:pointer;color:#606060;text-shadow:0 1px #fff;background-image:linear-gradient(#fdfdfd 0%,#fff 20%,#d8d9db 100%);border:1px solid #8f9092;border-radius:30px;outline:none;justify-content:center;align-items:center;width:150px;height:50px;margin-top:10px;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.logout-button:hover{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 3px 3px #cecfd1}.logout-button:active,.logout-button:focus{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 5px 3px #999,inset 0 0 30px #aaa}.table-card{background:#fff;border:1px solid #e1e5eb;border-radius:15px;overflow:hidden}.table-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;min-height:90px;padding:22px 24px;display:flex}.table-header h2{margin:0 0 4px;font-size:20px}.table-header p{color:#667085;margin:0;font-size:14px}.table-actions{align-items:center;gap:12px;display:flex}.search-input{width:280px}.refresh-button{color:#fff;cursor:pointer;background:#222;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 20px;font-weight:600;transition:background .2s,opacity .2s;display:inline-flex}.refresh-button:hover{background:#333}.refresh-button:disabled{opacity:.7;cursor:not-allowed}.refresh-icon{width:18px;height:18px}.refresh-icon.spinning{animation:.8s linear infinite refresh-spin}@keyframes refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f8fafc}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:15px 20px}th{color:#667085;font-size:13px;font-weight:600}td{color:#1f2937;font-size:14px}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{background:#f1f5f9}.delete-button{color:#dc2626;cursor:pointer;background:#fee2e2;border:0;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .2s}.delete-button:hover{background:#fecaca}.empty-state{text-align:center;color:#667085;padding:40px 24px}.loading-card{justify-content:center;align-items:center;min-height:300px;display:flex}.loader{--bg-color:#fff;color:#7c7c7c;box-sizing:content-box;align-items:center;height:40px;font-family:Poppins,sans-serif;font-size:25px;font-weight:500;line-height:40px;display:flex}.loader p{margin:0;line-height:40px}.words{height:40px;line-height:40px;position:relative;overflow:hidden}.words:after{content:"";background:linear-gradient(var(--bg-color) 10%, transparent 30%, transparent 70%, var(--bg-color) 90%);z-index:20;position:absolute;inset:0}.word{color:#070707;height:40px;padding-left:6px;line-height:40px;animation:4s ease-in-out infinite spin_4991;display:block}@keyframes spin_4991{0%,45%{transform:translateY(0%)}50%,95%{transform:translateY(-100%)}to{transform:translateY(0%)}}.spinner{width:40px;height:40px;position:relative}.spinner-blade{transform-origin:50% -9px;background:0 0;border-radius:4px;width:4px;height:11px;animation:1s linear infinite spinner-fade;position:absolute;bottom:0;left:18px}.spinner-blade:first-child{animation-delay:0s;transform:rotate(0)}.spinner-blade:nth-child(2){animation-delay:83ms;transform:rotate(30deg)}.spinner-blade:nth-child(3){animation-delay:.166s;transform:rotate(60deg)}.spinner-blade:nth-child(4){animation-delay:.249s;transform:rotate(90deg)}.spinner-blade:nth-child(5){animation-delay:.332s;transform:rotate(120deg)}.spinner-blade:nth-child(6){animation-delay:.415s;transform:rotate(150deg)}.spinner-blade:nth-child(7){animation-delay:.498s;transform:rotate(180deg)}.spinner-blade:nth-child(8){animation-delay:.581s;transform:rotate(210deg)}.spinner-blade:nth-child(9){animation-delay:.664s;transform:rotate(240deg)}.spinner-blade:nth-child(10){animation-delay:.747s;transform:rotate(270deg)}.spinner-blade:nth-child(11){animation-delay:.83s;transform:rotate(300deg)}.spinner-blade:nth-child(12){animation-delay:.913s;transform:rotate(330deg)}@keyframes spinner-fade{0%{background:#69717d}to{background:0 0}}@media (width<=700px){.app-container{width:calc(100% - 24px);padding-top:30px}.navbar{border-radius:16px;width:calc(100% - 24px);margin:10px auto 0;position:static}.navbar-inner{min-height:58px;padding:0 10px 0 12px}.brand-button{padding:8px 10px;font-size:19px}.nav-links{gap:3px}.nav-button{padding:9px 12px;font-size:13px}.page-content h1,.students-heading h1{font-size:27px}.register-container{width:100%;margin:25px auto}.registration-form,.totp-card{padding:20px}.table-header{flex-direction:column;align-items:stretch}.table-actions{flex-direction:column;width:100%}.search-input,.refresh-button{width:100%}.logout-button{width:130px;height:45px}}.navbar{z-index:10;margin:16px auto 0;position:static!important;inset:auto!important;transform:none!important}@media (width<=700px){.navbar{margin:10px auto 0;position:static!important;inset:auto!important;transform:none!important}}.about-page{width:100%;min-height:100vh}.about-member{box-sizing:border-box;width:100%;min-height:100vh;padding:120px 0 110px}.about-layout{grid-template-columns:180px 320px minmax(0,1fr);align-items:start;column-gap:45px;width:min(1250px,100% - 64px);margin:0 auto;display:grid}.about-left{min-width:0}.about-label{color:#4b5563;letter-spacing:.25em;white-space:nowrap;padding-top:10px;font-size:12px;font-weight:600}.about-skills{width:100%;margin-top:320px}.about-detail{border-bottom:1px solid #1f29371f;align-items:center;gap:12px;min-height:48px;display:flex}.about-detail span{color:#a3aab4;letter-spacing:.06em;flex-shrink:0;font-size:11px}.about-detail p{color:#7b8492;white-space:nowrap;margin:0;font-size:13px}.about-image-column{width:320px}.about-image{object-fit:cover;border:1px solid #1118271a;border-radius:12px;width:320px;height:440px;display:block;box-shadow:0 12px 35px #0f172a14}.about-content{width:100%;min-width:0;padding-top:0}.about-heading{letter-spacing:-.055em;width:100%;max-width:none;margin:0;font-size:clamp(44px,4vw,62px);font-weight:700;line-height:.98}.about-light{color:#1f293747;display:inline}.about-name{color:#111827;margin:3px 0 10px;display:block}.about-description{color:#7b8492;width:100%;max-width:650px;margin:45px 0 0;font-size:16px;line-height:1.5}.about-page{position:relative}.about-page:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#0000000b 1px,#0000 1px),linear-gradient(90deg,#0000000b 1px,#0000 1px);background-size:45px 45px;position:fixed;inset:0}.about-member+.about-member{padding-top:120px}@media (width>=1400px){.about-layout{grid-template-columns:200px 360px minmax(0,1fr);column-gap:55px;width:min(1350px,100% - 100px)}.about-image-column{width:360px}.about-image{width:360px;height:480px}.about-heading{font-size:64px}.about-description{font-size:17px}}@media (width<=1000px){.about-member{padding:90px 0}.about-layout{grid-template-columns:130px 280px minmax(0,1fr);column-gap:30px;width:min(850px,100% - 40px)}.about-image-column{width:280px}.about-image{width:280px;height:400px}.about-heading{font-size:clamp(38px,5vw,52px)}.about-skills{margin-top:280px}.about-detail p{font-size:12px}}@media (width<=750px){.about-member{min-height:auto;padding:70px 0}.about-layout{grid-template-columns:1fr;row-gap:28px;width:calc(100% - 32px)}.about-left{flex-direction:column;gap:25px;display:flex}.about-label{padding-top:0}.about-skills{grid-template-columns:1fr 1fr;gap:0 20px;margin-top:0;display:grid}.about-image-column{width:100%}.about-image{width:100%;height:460px}.about-content{width:100%}.about-heading{font-size:clamp(42px,10vw,58px)}.about-description{margin-top:32px;font-size:15px}}@media (width<=480px){.about-member{padding:55px 0}.about-layout{width:calc(100% - 24px)}.about-image{border-radius:10px;height:400px}.about-heading{font-size:42px}.about-skills{grid-template-columns:1fr}.about-detail p{font-size:13px}}.hello{color:red}.hello1{color:#00f}.navbar{-webkit-backdrop-filter:none!important;background:#f3f6fabf!important;box-shadow:0 14px 35px #0f172a2e,0 5px 12px #0f172a1f!important}.navbar:before,.navbar:after{display:none!important}.query-page{width:min(100%,720px);margin:45px auto 80px}.query-heading{margin-bottom:24px}.query-heading h1{color:#1f2937;margin:0 0 6px;font-size:36px;line-height:1.1}.query-heading p{color:#64748b;margin:0;font-size:16px}.query-card{-webkit-backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #94a3b859;border-radius:18px;padding:28px;box-shadow:0 20px 45px #0f172a1f,0 4px 12px #0f172a14}.query-field{margin-bottom:18px}.query-field label{color:#334155;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.query-field input,.query-field textarea{box-sizing:border-box;color:#1e293b;background:#fffc;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.query-field input{height:46px;padding:0 14px}.query-field textarea{resize:vertical;min-height:130px;padding:12px 14px}.query-field input:focus,.query-field textarea:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b1f}.query-error,.query-success{border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:14px}.query-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.query-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.query-submit{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:9px;width:100%;height:48px;font-size:15px;font-weight:700;transition:transform .2s,background .2s}.query-submit:hover{background:#1f2937}.query-submit:active{transform:scale(.99)}.query-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=700px){.query-page{margin:30px auto 60px}.query-card{border-radius:15px;padding:20px}.query-heading h1{font-size:30px}.navbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:calc(100% - 24px);margin:10px auto 0;position:relative!important;overflow:auto hidden!important}.navbar::-webkit-scrollbar{display:none}.navbar-inner{gap:8px;min-height:58px;flex-shrink:0!important;justify-content:flex-start!important;width:max-content!important;min-width:100%!important}.brand-button,.nav-links,.nav-button{white-space:nowrap!important;flex-shrink:0!important}.nav-links{margin-left:auto}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{color:#1f2937;background:#f3f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select{font:inherit}