@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{font-family:Montserrat,sans-serif;height:100%;margin:0;padding:0}.box8{align-items:center;background:url(/static/media/u1.7019bbca65ab99f60782.jpg) 50% no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.box8:before{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0003;content:"";height:100%;position:absolute;width:100%;z-index:1}.logo-container{margin-bottom:40px;position:relative;text-align:center;z-index:2}.logo{width:120px}.login-panels{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;z-index:2}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border-radius:15px;box-shadow:0 10px 25px #2b2b2b33;display:flex;flex-direction:column;justify-content:space-between;min-height:450px;padding:40px 30px;transition:transform .3s ease,background-color .3s ease;width:350px}.panel:hover{background-color:#ffffff40;transform:translateY(-5px)}.panel h2{font-size:34px;font-weight:700;margin-bottom:25px;text-align:center}.panel input{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-bottom:20px;padding:12px 10px;width:100%}.panel button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:.3s ease;width:100%}.admin-btn{background-color:#0070dc;color:#fff}.admin-btn:hover{background-color:#005bb5}.student-btn{background-color:#22c55e;color:#fff}.student-btn:hover{background-color:#15803d}.student-text{color:#222;font-size:26px;font-weight:700;margin-bottom:20px;text-align:center}.error-text{color:red;font-size:12px;margin-bottom:10px;text-align:center}@media (max-width:768px){.login-panels{align-items:center;flex-direction:column}.panel{min-height:auto;width:90%}}#root,body,html{height:100%;margin:0;padding:0}.dashboard-background{background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid red;filter:brightness(.6);height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}.dashboard-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#f9f9fbcc;border-radius:12px;box-shadow:1px 1px 30px 20px #acc7ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:249px auto;max-width:507px;padding:30px 25px;position:relative;z-index:1}.dashboard-title{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:30px;text-align:center}.dashboard-menu-list{display:flex;flex-direction:column;gap:18px;list-style:none;margin:0;padding:0}.dashboard-menu-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.dashboard-link{border-radius:8px;color:#1f2937;cursor:pointer;display:block;font-weight:600;padding:14px 20px;text-decoration:none;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.dashboard-link:hover{background-color:#3b82f6;box-shadow:0 4px 12px #3b82f666;color:#fff}.userlist-page{background:linear-gradient(60deg,#0a1d0f,#fff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.userlist-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(93deg,#151515,#c8ffd9);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 10px 30px #f9f9f91a;color:#2c3e50;margin:50px auto;max-width:960px;padding:40px 30px}.userlist-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.userlist-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.userlist-filters label{color:#fff;font-weight:600;margin-right:6px}.userlist-input{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:10px 14px;transition:border-color .3s,box-shadow .3s}.userlist-input:focus{border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d}.pageSize-input{text-align:center;width:70px}.userlist-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:background .3s,transform .2s}.userlist-button:disabled{background:#a3bffa;cursor:not-allowed}.userlist-button:not(:disabled):hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px)}.userlist-ul{background-color:#ffffffe6;border:2px solid #e0e7ff;border-radius:10px;box-shadow:inset 0 2px 4px #0000000d;list-style:none;max-height:550px;overflow-y:auto;padding-left:0}.userlist-li{border-bottom:1px solid #e0e7ff;color:#374151;font-size:1.05rem;list-style:inside;padding:14px 20px;transition:background-color .3s}.userlist-li:hover{background-color:#3b82f61a}.userlist-li:last-child{border-bottom:none}.no-users{color:#6b7280;font-style:italic;padding:20px 0;text-align:center}.userlist-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:20px}.userlist-page-input{border:1.5px solid #ccc;border-radius:8px;font-size:1rem;padding:8px 12px;text-align:center;transition:border-color .3s;width:60px}.userlist-page-input:focus{border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d}.userlist-page-info{color:#374151;font-size:1rem;font-weight:600}.verify-button-inline{cursor:pointer;font-size:.8rem;margin-left:10px;padding:3px 8px}.verified-label{color:green;font-weight:700;margin-left:10px}.subscription-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.subscription-modal{animation:scaleIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000040;margin:0 auto;max-width:420px;padding:30px 25px;position:relative;width:90%}.subscription-modal .close{color:#333;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:15px;top:10px;transition:color .2s ease}.subscription-modal .close:hover{color:#f33}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.subscription-modal .form-group{margin-bottom:15px}.subscription-modal .form-group label{display:block;font-weight:500;margin-bottom:5px}.subscription-modal .form-group input{border:1px solid #ccc;border-radius:5px;padding:8px 10px;width:100%}.subscription-modal button[type=submit]{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px 15px;transition:background .2s ease;width:100%}.subscription-modal button[type=submit]:hover{background-color:#0056b3}@media (max-width:480px){.subscription-modal{padding:20px;width:95%}.subscription-modal .form-group input{font-size:.9rem;padding:6px 8px}.subscription-modal button[type=submit]{font-size:.9rem;padding:8px 12px}}body{background:linear-gradient(359deg,#000,#b8deff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;padding:0}.create-subscription-container form{gap:15px}.verify-page{align-items:center;background:linear-gradient(358deg,#edefff,#1f3049);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.verify-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(359deg,#fff,#364d7a);border-radius:16px;box-shadow:13px 23px 14px 0 #283c6226;height:290px;max-width:503px;padding:40px 30px;text-align:center;width:100%}.verify-title{color:#1f2937;font-size:1.8rem;font-weight:700;margin-bottom:30px}.verify-input{border:1.5px solid #ccc;border-radius:10px;font-size:1rem;margin-bottom:20px;padding:12px 16px;transition:border-color .3s,box-shadow .3s;width:93%}.verify-input:focus{border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d;outline:none}.verify-button{background:linear-gradient(359deg,#e3e3e3,#000f2d);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 18px;transition:background .3s,transform .2s;width:100%}.verify-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px)}.verify-status{color:#374151;font-size:1rem;font-weight:600;margin-top:20px}.verify-status.success{color:#10b981}.verify-status.error{color:#ef4444}.subscription-page{align-items:center;background:linear-gradient(120deg,#0a1d0f,#fff);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.subscription-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#cececed9;border-radius:18px;box-shadow:1px 1px 30px 20px #99ffe2;height:689px;max-width:820px;padding:40px 30px;text-align:center;width:100%}.subscription-title{color:#000;font-size:2rem;font-weight:700;margin-bottom:16px}.subscription-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.subscription-label{color:#374151;font-weight:800}.subscription-input{border:1.5px solid #ccc;border-radius:8px;font-size:1rem;padding:10px 14px;transition:border-color .3s,box-shadow .3s}.subscription-input:focus{border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d;outline:none}.subscription-button{background:linear-gradient(358deg,#a5bee6,#546a99);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:background .3s,transform .2s}.subscription-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px)}.subscription-loading,.subscription-status{color:#374151;font-size:1rem;font-weight:600;margin-top:20px}.subscription-list{background:#ffffffe6;border-radius:10px;box-shadow:0 1px 15px 10px #91bfff;height:534px;list-style:none;margin-top:20px;overflow-y:auto;padding-left:0;text-align:left}.subscription-item{border-bottom:1px solid #000;color:#1b2d4a;font-size:1rem;font:-webkit-control;padding:14px 20px;transition:background-color .3s}.subscription-item:hover{background-color:#3b82f61a}.subscription-item:last-child{border-bottom:none}.create-subscription-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(120deg,#fffc,#e0e7ff);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 20px #00000026;color:#2c3e50;margin:50px auto;max-width:600px;padding:30px 25px}.create-subscription-container h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.create-subscription-container form{display:flex;flex-direction:column;gap:6px}.create-subscription-container .form-group{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:180px 1fr}.create-subscription-container .form-group label{color:#1f2937;font-weight:600;padding-right:10px}.create-subscription-container .form-group input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1rem;outline:none;padding:10px 14px;transition:border-color .3s,box-shadow .3s;width:100%}.create-subscription-container .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d}.create-subscription-container .form-note{grid-column:span 2;margin-left:190px;text-align:left}.create-subscription-container small{color:#6b7280;font-size:.85rem}.create-subscription-container button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:background .3s,transform .2s}.create-subscription-container button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px)}.create-subscription-container p{color:#374151;font-size:1rem;font-weight:600;margin-top:20px;text-align:center}.homepage-background{background-position:50%;background-size:cover;box-sizing:border-box;height:100vh;padding:20px;width:100vw}.homepage-background,.homepage-container-wrapper{align-items:center;display:flex;justify-content:center}.homepage-container-wrapper{flex-wrap:wrap;gap:50px}.homepage-container{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;border-radius:25px;box-shadow:0 10px 40px #00000059;cursor:pointer;display:flex;height:300px;justify-content:center;transition:transform .3s,background .3s,box-shadow .3s;width:300px}.homepage-container:hover{background:#ffffff4d;box-shadow:0 12px 50px #00000073;transform:scale(1.15)}.homepage-container img{border-radius:12px;max-height:90%;max-width:90%;object-fit:contain}@media (max-width:1200px){.homepage-container{height:260px;width:260px}}@media (max-width:992px){.homepage-container{height:220px;width:220px}.homepage-container-wrapper{gap:35px}}@media (max-width:768px){.homepage-container{height:180px;width:180px}.homepage-container-wrapper{gap:25px}}@media (max-width:480px){.homepage-container{height:140px;width:140px}.homepage-container-wrapper{gap:15px}}
/*# sourceMappingURL=main.5d0c147e.css.map*/