@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;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}.poppins-regular{font-weight:400}.poppins-regular,.poppins-semibold{font-family:Poppins,sans-serif;font-style:normal}.poppins-semibold{font-weight:600}.poppins-bold{font-family:Poppins,sans-serif;font-style:normal;font-weight:700}.container-reg{align-items:center;background:url(../../static/media/Tile_bg.411120750d9dbc4cf9c8.jpg);background-size:cover;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center}.reg-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;overflow:hidden;padding:30px 25px;text-align:center;width:100%}.form-register h1{color:#333;font-size:28px;font-weight:600;margin-bottom:20px}.input-sign{margin-bottom:20px;position:relative}.reg-input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;text-align:left;transition:border .3s ease;width:100%}.reg-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.sign-icons{color:#999;font-size:18px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.remember-forgot{margin-bottom:20px;text-align:left}.remember-forgot label{color:#555;font-size:14px}.remember-forgot input{margin-right:5px}.error-message{padding:10px}button[type=submit]{background-color:#1e3a8a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background-color .3s ease;width:100%}button[type=submit]:hover{background-color:#0056b3}.register-link{margin-top:15px}.register-link p{color:#555;font-size:14px}.register-link a{color:#007bff}.register-link a:hover{text-decoration:underline}.back-icon{color:#007bff;font-size:24px;margin-top:20px}.back-icon a{color:inherit;text-decoration:none}.back-icon a:hover{color:#0056b3;transition:color .3s ease}@media (max-width:768px){.container-reg{height:auto;padding:20px}.reg-wrapper{left:0;max-width:90%;padding:20px}.form-register h1{font-size:24px}}@media (max-width:425px){.reg-wrapper{max-width:100%;padding:15px}.form-register h1{font-size:22px}.reg-input{font-size:13px;padding:8px 10px}button[type=submit]{font-size:14px;padding:10px}.sign-icons{font-size:16px}}@media (max-width:375px){.reg-wrapper{padding:10px}.form-register h1{font-size:20px}.reg-input{font-size:12px;padding:7px 9px}button[type=submit]{font-size:13px;padding:9px}}@media (max-width:320px){.reg-wrapper{padding:8px}.form-register h1{font-size:18px}.reg-input{font-size:11px;padding:6px 8px}button[type=submit]{font-size:12px;padding:8px}.sign-icons{font-size:14px}}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}.Upload-container{margin:0 auto;width:100%}.top-nav{background-color:#fff;border-bottom:2px solid #ddd;color:#333;justify-content:space-between;padding:20px 30px}.top-nav,.upload-imgsec{align-items:center;display:flex}.upside-logo img{height:50px;margin-right:15px;width:50px}.filehead-name{display:flex;flex-direction:column}.filehead-name h2{color:#333;font-size:22px;margin:0}.filehead-name p{color:#666;font-size:14px;margin:0}.profile{align-items:center;display:flex;gap:15px}.profile span{color:#333;font-size:16px;font-weight:600}.prof-icon{color:#333;font-size:28px}.logout-btn{background-color:#f56c6c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px;transition:background-color .3s ease,transform .2s ease}.logout-btn:hover{background-color:#d74b4b;transform:scale(1.05)}.upload-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:40px auto;padding:30px;width:80%}.formstyle{display:flex;flex-direction:column}.formstyle h4{color:#333;font-size:24px;margin-bottom:25px;text-align:center}.form-control{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:18px;padding:12px;transition:border .3s ease}.form-control:focus{border-color:#007bff;outline:none}.Submit-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease}.Submit-btn:disabled{background-color:#d6e3f0;cursor:not-allowed}.Submit-btn:hover:not(:disabled){background-color:#0056b3}.history-toggle{margin:30px 0;text-align:center}.toggle-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 25px;transition:background-color .3s ease}.toggle-btn:hover{background-color:#0056b3}.history-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:40px auto;overflow-x:auto;padding:30px;width:80%}.history-title{color:#333;font-size:24px;margin-bottom:25px;text-align:center}.history-table{border-collapse:collapse;margin-top:15px;min-width:600px;width:100%}.history-table td,.history-table th{border:1px solid #ddd;padding:8px;text-align:center;white-space:nowrap}.history-table th{background-color:#f4f4f4;font-weight:700}.history-table tr:nth-child(2n){background-color:#f9f9f9}.history-table tr:hover{background-color:#f1f1f1}.history-item{align-items:center;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px}.history-item p{font-size:15px;margin:8px 0}.delete-btns,.view-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s ease}.view-btn{background-color:#28a745;color:#fff}.view-btn:hover{background-color:#218838}.delete-btns{background-color:#f56c6c;color:#fff}.delete-btns:hover{background-color:#d74b4b}@media (max-width:768px){.top-nav{align-items:flex-start;flex-direction:row}.logout-btn{margin-top:10px}.history-section,.upload-section{padding:25px;width:100%}.formstyle h4{font-size:22px}.Submit-btn,.history-table{font-size:14px}}@media (max-width:426px){.top-nav{align-items:center;flex-direction:column}.logout-btn{margin-top:15px}.history-section,.upload-section{padding:15px}.formstyle h4{font-size:15px}.Submit-btn{font-size:13px}.history-table{font-size:12px}.delete-btns,.view-btn{font-size:12px;padding:6px 10px}}@media (max-width:370px){.top-nav{align-items:center;flex-direction:column}.logout-btn{margin-top:12px}.history-section,.upload-section{padding:10px;width:100%}.formstyle h4{font-size:14px}.Submit-btn{font-size:12px}.history-table{font-size:10px}.history-table td,.history-table th{padding:6px}}@media (max-width:320px){.top-nav{align-items:center;flex-direction:column}.logout-btn{margin-top:8px}.history-section,.upload-section{padding:8px;width:100%}.formstyle h4{font-size:12px}.Submit-btn{font-size:11px}.history-table{font-size:9px}.delete-btns,.view-btn{font-size:10px;padding:5px 8px}}.layoutContainer{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center}.layout-top{margin-bottom:20px;text-align:center;width:100%}.layout-header{background-color:#121255;box-shadow:0 4px 8px #0000001a;color:#fff;padding:25px 0}.lay-title{font-size:24px;font-weight:700;margin:0}.layout-wrapper{flex-wrap:wrap;gap:20px;height:70vh;justify-content:center;max-width:1200px}.layout-box,.layout-wrapper{align-items:center;display:flex;padding:20px}.layout-box{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex-direction:column;transition:transform .3s ease-in-out;width:250px}.Layout-img{border-radius:8px;height:auto;margin-bottom:10px;width:100%}.lay-btn{background-color:#1bbadd;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease-in-out}.lay-btn:hover{background-color:#2091aa}.home-butn{display:flex;justify-content:center;margin-top:20px;width:100%}.home-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease-in-out}.home-btn:hover{background-color:#0056b3}@media (max-width:768px){.layout-wrapper{align-items:center;flex-direction:column;height:auto;padding:15px}.layout-box{width:90%}.Layout-img{width:200px}.lay-btn{font-size:14px;padding:8px 16px}}@media (max-width:425px){.layout-header{padding:18px 0}.lay-title{font-size:20px}.layout-box{padding:15px;width:95%}.Layout-img{width:180px}.lay-btn{font-size:14px;padding:7px 14px}}@media (max-width:320px){.layout-header{padding:12px 0}.lay-title{font-size:16px}.layout-box{padding:10px;width:100%}.Layout-img{width:140px}.lay-btn{font-size:12px;padding:5px 10px}}.loading-circle{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.disabled{opacity:.5;pointer-events:none}*,:after,:before{box-sizing:border-box}.navbar{align-items:center;background:#fff;color:#0c4353;display:flex;justify-content:space-between;padding:10px 20px}.nav-content{position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease-in-out;z-index:1000}.nav-content.sticky{animation:slideDown .3s ease-in-out;background-color:#fff;box-shadow:0 4px 6px #0000001a;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.nav-header{align-items:center;display:flex;gap:10px}.nav-header p{color:gray}.nav-logo img{height:75px}.nav-first{display:none}.nav-name h2{font-size:24px}.nav-name h2,.nav-name p{margin:0;transform:scale(1);transition:transform .7s}.nav-name p{font-size:15px}.nav-menu{background-color:#293838;display:flex;justify-content:flex-end;padding:2px}.nav-menu ul,li{display:flex;gap:20px;position:relative}.nav-menu a{border:2px solid #fff;color:#fff;font-family:sans-serif;font-size:15px;margin-left:9px;padding:10px;text-decoration:none}.admin{background-color:#0bdcc0;border-radius:3px;left:770px;padding:10px;position:relative}.admin:hover{background-color:#033739;border:1px solid #0bdcc0;transition:.5s}.nav-allogo h2{font-family:Poppins,sans-serif;font-weight:700}.nav-links{align-items:center;display:flex;justify-content:space-between}.menu-icon{color:#fff;cursor:pointer;display:none;font-size:20px;position:relative;right:25px}.side-menu{background-color:#fff;border-right:2px solid #0568da;height:100%;left:-290px;padding-top:60px;position:fixed;top:0;transition:left .7s ease-in-out;width:250px;z-index:1000}.side-menu.open{left:0}.side-menu ul{list-style-type:none;padding:0}.side-menu li{padding:8px;text-align:center}.side-menu a{color:#040553;display:block;font-weight:700;padding-top:20px;position:relative;text-decoration:none;top:-60px}.side-menu h3{background-color:#dbeaec;font-size:14px;padding:20px;position:relative;top:-65px}.close-menu{background:none;background-color:blue;border:none;-webkit-clip-path:circle();clip-path:circle();color:#fefcfc;cursor:pointer;font-size:20px;left:10px;position:absolute;right:-240px;top:10px;transform:scale(.8);transition:transform .8s}@media (max-width:768px),only screen and (max-width:600px){.nav-name h2{font-size:25px;transition:transform .8s}.nav-name p{font-size:15px;transition:transform .8s}.nav-logo img{height:65px}.nav-name{margin-bottom:10px;position:relative;text-align:center}.nav-menu ul li{display:none}.menu-icon{display:block;font-size:25px;padding:10px}.side-menu{left:-290px}.side-menu.open{left:0}.nav-allogo{font-size:12px;padding:10px;text-align:center;width:100%}.nav-allogo img{width:50px}.nav-header{border-bottom:2px solid #000;display:flex;flex-direction:column;gap:.2rem;width:100%}.navbar{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:1px}.nav-menu{padding:3px;width:100%}.side-menu{width:250px}}@media only screen and (max-width:320px){.nav-name h2{font-size:18px}.nav-name p{font-size:12px}.nav-allogo h2{font-size:15px}.nav-logo img{height:35px}.menu-icon{font-size:22px}.side-menu{width:220px}}@media only screen and (max-width:370px){.nav-name h2{font-size:20px}.nav-name p{font-size:13px}.nav-logo img{height:38px}.menu-icon{font-size:23px}.side-menu{width:230px}}@media only screen and (max-width:425px){.nav-name h2{font-size:22px}.nav-name p{font-size:11px}.nav-logo img{height:65px;margin-top:10px}.menu-icon{font-size:22px}.side-menu{width:240px}}.contact-container{align-items:center;display:flex;flex-direction:column;margin:20px}.preview-content{background:#fff;border:2px solid #ddd;box-shadow:0 4px 8px #0000001a;max-width:800px;padding:20px;width:80%}.doc-header{border-bottom:2px solid #000;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.doc-header,.head-logo{align-items:center;display:flex}.head-logo{flex:1 1}.clg-logo{height:auto;max-width:100px}.text-section{flex:3 1;text-align:right}.text-section h3{font-size:16px;margin-bottom:3px}.text-section p{font-size:14px;margin:2px 0}.information{margin-top:10px;text-align:center}.event-date{font-size:12px;font-weight:700;margin-right:10px;text-align:right}.information .depart-name{font-size:15px;font-weight:700;text-align:center}.Functiontitle{font-size:20px;font-weight:700;margin-top:5px;text-transform:uppercase}.image-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);justify-content:center}.flex-layout .image-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.image-holder{align-items:center;background:#f9f9f9;border:1px solid #ccc;display:flex;flex-direction:column;justify-content:center;padding:5px;text-align:center}.preview-images{height:auto;max-height:270px;object-fit:cover;width:100%}.image-description{color:#333;font-size:14px;margin-top:10px}.image-description-preview{font-size:20px}.download-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:10px 20px;transition:background .3s}.download-btn:hover{background-color:#0056b3}@media (max-width:768px){.preview-content{padding:15px;width:95%}.flex-layout .image-container{gap:8px;grid-template-columns:repeat(2,1fr)}.preview-images{max-height:235px}}@media (max-width:426px){.clg-logo{height:auto;max-width:50px}.text-section h3{font-size:8px;margin-bottom:3px}.text-section p{font-size:6px;margin:2px 0}.information{margin-top:10px;text-align:center}.event-date{font-size:10px;margin-right:10px}.information .depart-name{font-size:12px;margin-top:15px}.Functiontitle{font-size:18px;margin-top:5px}.flex-layout .image-container{gap:5px;grid-template-columns:repeat(2,1fr)}.preview-images{max-height:200px}}@media (max-width:375px){.flex-layout .image-container{gap:5px;grid-template-columns:1fr}.preview-images{max-height:180px}}@media (max-width:320px){.flex-layout .image-container{gap:5px;grid-template-columns:1fr}.preview-images{max-height:150px}}.up-container{flex-direction:column;padding:20px;width:100%}.up-container,.wrapp{align-items:center;display:flex;justify-content:space-between}.wrapp{background:url(../../static/media/hero-bg.937157a41ade2ccabc9f.jpg);background-size:cover;box-sizing:border-box;flex-direction:row}.main-wrapper{flex:2 1;padding-left:70px;text-align:left}.main-name{font-size:2rem;font-weight:700;margin-bottom:20px}.main-btn{background-color:#007bff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 20px;text-transform:uppercase}.main-btn,.main-btn a{color:#fff;text-decoration:none}.main-btn:hover{background-color:#0056b3}.main-right{flex:1 1;padding-right:80px;text-align:right}.main-right img{border-radius:10px;height:auto;margin-top:10px;max-width:90%}.broucher-con{box-sizing:border-box;padding:20px;text-align:center;width:100%}.broucher-top{margin:0 auto;max-width:800px}.top-detail{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px}.top-below{color:#666;font-size:1rem;margin-bottom:30px}.steps-sec{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.steps-sec div{flex:1 1;max-width:250px;text-align:center}.steps-sec img{height:auto;margin-bottom:15px;max-width:100px;width:100%}.first-titl{color:#333;font-size:1rem;font-weight:500;margin-top:10px}@media (max-width:768px){.up-container{padding:15px}.wrapp{align-items:flex-start;flex-direction:column}.main-name{font-size:1.5rem}.main-btn{font-size:.9rem;padding:8px 16px}.main-right img{margin:10px 0;max-width:80%}.broucher-con{padding:15px}.steps-sec{align-items:center;flex-direction:column}.steps-sec div{max-width:200px}.steps-sec img{max-width:80px}}@media (max-width:425px){.up-container{padding:10px}.main-name{font-size:1.2rem}.main-btn{font-size:.8rem}.steps-sec div{max-width:180px}.steps-sec img{max-width:70px}}@media (max-width:370px){.main-name{font-size:1rem}.main-btn{font-size:.75rem;padding:6px 12px}.steps-sec img{max-width:60px}}@media (max-width:320px){.up-container{padding:5px}.main-wrapper{text-align:center}.main-name{font-size:.9rem}.main-btn{font-size:.7rem;padding:5px 10px}.steps-sec div{max-width:150px}.steps-sec img{max-width:50px}}.main-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.content{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:7rem auto auto;padding:25px;width:90%}.HomeHeader{margin-bottom:20px;text-align:center}.HeaderContent p{color:#333;font-size:28px;font-weight:700}input[type=date],input[type=text],select{font-size:16px}input[type=date],input[type=file],input[type=text],select{border:1px solid #ddd;border-radius:4px;margin:10px 0;padding:10px;width:100%}.choose-label{font-size:15px}.image-preview{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.image-item{max-width:150px;overflow:hidden;position:relative;width:calc(33.33% - 10px)}.preview-image{border-radius:4px;height:10rem;width:14vw}.remove-image{background-color:#ffffffb3;border-radius:50%;color:red;cursor:pointer;padding:5px;position:absolute;right:5px;top:5px}.remove-image:hover{background-color:#fff}.detail-submit{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:10px;padding:14px 20px;width:100%}.detail-submit:hover{background-color:#45a049}@media (max-width:768px){.content{margin-top:5rem;max-width:90%;padding:15px}.image-item{width:calc(50% - 10px)}.preview-image{height:8rem;width:20vw}}@media (max-width:425px){.content{margin-top:4rem;max-width:95%;padding:10px}.image-item{max-width:100px;width:100%}.preview-image{height:7rem;width:60vw}input[type=date],input[type=text],select{font-size:14px}}@media (max-width:370px){.content{margin-top:3.5rem;padding:8px}.preview-image{height:6rem;width:70vw}}@media (max-width:320px){.content{margin-top:3rem;padding:15px}.image-item{max-width:80px;width:100%}.preview-image{height:5rem;width:80vw}.detail-submit{padding:12px}.HeaderContent p{font-size:18px}.choose-label{font-size:11px}}.report-container{background-color:#f4f7f9;font-family:Arial,sans-serif;height:100vh;padding:20px;width:100%}.report-title{color:#333;font-size:32px;margin-bottom:30px;text-align:center}.report-wrapper{margin-bottom:20px}.filter-dep{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;max-width:300px;padding:10px;width:100%}.record-count{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;display:inline-block;font-size:18px;font-weight:700;margin-left:20px;padding:10px}.report-table{border-collapse:collapse;margin-top:20px;width:100%}.report-table td,.report-table th{border:1px solid #ddd;padding:10px;text-align:center}.report-table th{background-color:#007bff;color:#333}.report-table tr:hover{background-color:#f1f1f1}.report-table a{color:#06c;text-decoration:none}.report-table a:hover{text-decoration:underline}.report-table button{border:none;border-radius:4px;cursor:pointer;margin:5px 0;padding:8px 12px;transition:background-color .3s ease}.report-table button.edit-butn{background-color:#007bff;color:#fff}.report-table button.delete-butn{background-color:#dc3545;color:#fff}.report-table button:hover{opacity:.8}.edit-form{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-top:20px;padding:20px}.edit-form h2{margin-bottom:20px;text-align:center}.edit-form label{color:#333;display:block;font-size:16px;margin:10px 0 5px}.edit-form input,.edit-form select{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;max-width:400px;padding:10px;width:100%}.edit-form button[type=button],.edit-form button[type=submit]{border:none;border-radius:4px;cursor:pointer;margin-right:10px;padding:10px 20px}.edit-form button[type=submit]{background-color:#28a745;color:#fff}.edit-form button[type=button]{background-color:#dc3545;color:#fff}.edit-form button[type=submit]:hover{background-color:#218838}.edit-form button[type=button]:hover{background-color:#c82333}.pagination{align-items:center;display:flex;justify-content:center;margin-top:20px}.pagination button{background-color:#f1f1f1;border:1px solid #ddd;cursor:pointer;margin:0 5px;padding:10px}.pagination button:disabled{background-color:#e0e0e0;cursor:not-allowed}.pagination span{font-size:1rem;margin:0 10px}.pagination button:hover{background-color:#ddd}.pagination button:focus{outline:none}@media (max-width:768px){.report-table{font-size:14px}.edit-form input,.edit-form select{max-width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f3f4f6;font-family:Poppins,sans-serif}.container-log{align-items:center;display:flex;height:100vh;justify-content:center;padding:20px}.admin-wrapper{background-color:#fff;border-radius:15px;box-shadow:0 8px 15px #0000001a;max-width:420px;overflow:hidden;position:relative;width:100%}.form-login{padding:30px}form .log-form-title{color:#1e3a8a;font-family:Poppins,sans-serif;font-size:25px;font-weight:700;margin-bottom:20px;text-align:center}.input-box{margin:20px 0;position:relative;width:100%}.input-box .log-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;height:45px;outline:none;padding:12px 40px 12px 15px;transition:border-color .3s ease;width:100%}.input-box input:focus{border-color:#1e3a8a}.input-box input::placeholder{color:#9ca3af;font-size:14px}.input-box .log-icons{color:#6b7280;font-size:18px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}form .remember-forgot{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin:10px 0 20px}.remember-forgot label{align-items:center;color:#6b7280;display:flex}.remember-forgot label input{margin-right:5px}.remember-forgot a{color:#1e3a8a;text-decoration:none;transition:color .3s ease}.remember-forgot a:hover{color:#2563eb;text-decoration:underline}.error-message{color:red;font-size:14px;margin-bottom:15px;text-align:center}form .log-btn{background:#1e3a8a;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:50px;transition:background .3s ease;width:100%}form button:hover{background:#2563eb}form .register-link{color:#6b7280;font-size:14px;margin-top:20px;text-align:center}.register-link a{color:#1e3a8a;font-weight:600;text-decoration:none;transition:color .3s ease}.register-link a:hover{color:#2563eb}.back-icon{align-items:center;display:flex;font-size:25px;justify-content:center;margin-top:10px}@media (max-width:768px){.form-box{padding:30px}form h1{font-size:28px}form button{font-size:15px;height:45px}}@media (max-width:480px){.form-box{padding:20px}form h1{font-size:24px}.input-box{margin:15px 0}form button{font-size:14px;height:40px}.remember-forgot{align-items:flex-start;flex-direction:column;gap:5px}.remember-forgot label{align-items:center;display:flex;justify-content:flex-start;width:100%}}@media (max-width:320px){.form-box{padding:15px}form h1{font-size:20px}.input-box input{font-size:12px;padding:10px 35px 10px 10px}.input-box .log-icons{font-size:14px}form button{height:35px}.register-link,form button{font-size:12px}.remember-forgot{align-items:flex-start;flex-direction:column;gap:5px}.remember-forgot label{align-items:center;display:flex;font-size:12px;width:100%}}.admin-container{display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.admin-nav{align-items:center;background:#333;color:#fff;display:flex;justify-content:space-between;padding:15px}.toggle-butn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.main{display:flex;flex:1 1}.sidebar{background:#222;color:#fff;height:100vh;padding-top:20px;transition:transform .3s ease;width:250px}.sidebar ul{list-style:none;padding:0}.sidebar ul li{padding:15px 20px}.sidebar ul li a{color:#fff;display:block;text-decoration:none}.sidebar ul li a:hover{background:#444}.sidebar.open{transform:translateX(0)}.sidebar:not(.open){position:absolute;transform:translateX(-100%)}.admin-content{flex:1 1;padding:20px;transition:margin-left .3s ease}.admin-content.shifted{margin-left:250px}.dashboard-header{align-items:center;background:#f4f4f4;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.header-icons .icon{cursor:pointer;font-size:24px}.user-records-container{overflow-x:auto}.user-table{border-collapse:collapse;margin-top:20px;width:100%}.user-table td,.user-table th{border:1px solid #ddd;padding:10px;text-align:left}.user-table th{background:#555;color:#fff}.field-menus{display:flex;flex-wrap:wrap;gap:15px}.record-cards{background:#eee;border-radius:5px;padding:15px;text-align:center;width:150px}@media (max-width:1024px){.sidebar{width:200px}.admin-content.shifted{margin-left:200px}.record-cards{width:120px}}@media (max-width:768px){.admin-nav h1{font-size:18px}.sidebar{width:180px}.admin-content.shifted{margin-left:180px}.user-table td,.user-table th{font-size:14px;padding:8px}}@media (max-width:576px){.sidebar{height:auto;position:relative;transform:translateY(-100%);width:100%}.sidebar.open{transform:translateY(0)}.toggle-butn{font-size:20px}.admin-content{padding:10px}.dashboard-header{flex-direction:column;text-align:center}.field-menus{align-items:center;flex-direction:column}.record-cards{width:100%}}.splash-container{align-items:center;animation:bgAnimation 6s infinite alternate;background:linear-gradient(-45deg,#1a1a2e,#0f3460,#16213e,#1b1b2f);background-size:300% 300%;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;text-align:center;top:0;width:100%}@keyframes bgAnimation{0%{background-position:0 50%}to{background-position:100% 50%}}.loading-ring{display:flex;height:80px;position:relative;width:80px}.loading-ring span{animation:rotate 1.2s linear infinite;border:4px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.loading-ring span:first-child{animation-delay:0s;border-top-color:#ff4757}.loading-ring span:nth-child(2){animation-delay:.3s;border-top-color:#ffa502}.loading-ring span:nth-child(3){animation-delay:.6s;border-top-color:#1e90ff}.loading-ring span:nth-child(4){animation-delay:.9s;border-top-color:#2ed573}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.splash-title{font-size:1.5rem;font-weight:700;margin-top:20px;opacity:.8}@media (max-width:768px){.splash-container{padding:10px}.loading-ring{height:60px;width:60px}.loading-ring span{border-width:3px}.splash-title{font-size:1.2rem;margin-top:15px}}@media (max-width:480px){.splash-container{padding:5px}.loading-ring{height:50px;width:50px}.loading-ring span{border-width:2.5px}.splash-title{font-size:1rem;margin-top:10px}@media (max-width:375px){.splash-container{padding:10px}.loading-ring{height:50px;width:50px}.loading-ring span{border-width:3px}.splash-title{font-size:1.2rem;margin-top:15px}}@media (max-width:320px){.splash-container{padding:5px}.loading-ring{height:40px;width:40px}.loading-ring span{border-width:2.5px}.splash-title{font-size:1rem;margin-top:10px}}}
/*# sourceMappingURL=main.16867b33.css.map*/