body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f4f6f8}.container{display:flex;justify-content:center;align-items:center;height:89vh;background-image:url(/assets/background-yuuPx4MO.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}@media(min-width:0px){.container{min-width:50vw;padding-left:30px}}@media(min-width:600px){.container{min-width:50vw;padding-left:30px}}@media(min-width:1200px){.container{min-width:100vw}}@media(min-width:1800px){.container{min-width:100vw}}@media(min-width:900px){.container{min-width:100vw}}.paper{width:70%;padding:2rem;background:linear-gradient(145deg,#75dddd,#508991);border-radius:12px;box-shadow:0 12px 20px #0003;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:#004346;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.vector-container{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.vector-box{max-width:80%;text-align:center}.vector-box img{width:100%;height:auto}form{display:flex;flex-direction:column;gap:1.5rem}form .MuiTextField-root{background-color:#ffffffe6;border-radius:8px;box-shadow:inset 0 2px 4px #0000001a;transition:box-shadow .3s ease}form .MuiTextField-root:hover{box-shadow:inset 0 3px 6px #00000026}form .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#c8c8c8b3}form .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#508991}form .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#004346}.lgnButton{background:linear-gradient(135deg,#004346,#508991);font-weight:700;border-radius:8px;padding:.85rem;font-size:1rem;color:#fff;text-transform:uppercase;box-shadow:0 4px 10px #0003;transition:background .3s ease,transform .2s ease}.lgnButton:hover{background:linear-gradient(135deg,#508991,#75dddd);transform:translateY(-3px);box-shadow:0 8px 15px #00000040}.institutions{padding:16px;background:#99cfd3;height:100vh}@media(min-width:0px){.institutions{padding:8px}}.institutions .add{background-color:#508991!important}.institutions .dlt{background-color:#004346!important}.institutions .institutions-header{display:flex;justify-content:space-between;align-items:center;margin-block:10px;padding:0 20px 10px}.institutions .institutions-header .title{font-weight:700;color:linear-gradient(45deg,#004346,#508991,rgb(47,153,153),#508991,#004346);text-shadow:1px 1px 2px rgba(0,0,0,.3);transition:color .3s ease}@media(min-width:0px){.institutions .institutions-header .title{font-size:20px}}@media(min-width:600px){.institutions .institutions-header .title{font-size:20px}}@media(min-width:1200px){.institutions .institutions-header .title{font-size:24px}}@media(min-width:1800px){.institutions .institutions-header .title{font-size:24px}}@media(min-width:900px){.institutions .institutions-header .title{font-size:24px}}.institutions .add-button{font-weight:700;color:#fff;background:#62b8bd;border-radius:10px;box-shadow:0 4px 10px #0003;cursor:pointer;transition:all .3s ease}@media(min-width:0px){.institutions .add-button{font-size:14px;padding-top:10px}}@media(min-width:600px){.institutions .add-button{font-size:14px;padding-top:10px}}@media(min-width:1200px){.institutions .add-button{font-size:14px}}@media(min-width:1800px){.institutions .add-button{font-size:14px}}@media(min-width:900px){.institutions .add-button{font-size:14px}}.institutions .add-button:hover{box-shadow:none!important;background:#508991;box-shadow:0 8px 15px #00000040}.institutions .card{background:#75dddd;padding:16px;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-bottom:16px;color:#172a3a;transition:transform .3s ease,box-shadow .3s ease}.institutions .card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}@media(min-width:0px){.institutions .card{padding:12px}}.institutions .card .card-header{font-size:18px;font-weight:700;margin-bottom:8px;color:#508991}@media(min-width:0px){.institutions .card .card-header{font-size:16px}}.institutions .card .card-content{font-size:14px;line-height:1.5;color:#172a3a}@media(min-width:0px){.institutions .card .card-content{font-size:12px}}.modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;padding:10px;background:#75dddd;box-shadow:0 8px 20px #00000040;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,opacity .3s ease}@media(min-width:0px){.modal-container{border-radius:12px}}@media(min-width:600px){.modal-container{border-radius:12px}}@media(min-width:1200px){.modal-container{border-radius:22px}}@media(min-width:1800px){.modal-container{border-radius:22px}}@media(min-width:900px){.modal-container{border-radius:22px}}.modal-container.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-container.hide{opacity:0;transform:translate(-50%,-50%) scale(.95)}.modal-title{font-size:1.8rem;font-weight:700;color:#172a3a;margin-bottom:15px;text-align:center;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.1);padding:15px;background:linear-gradient(225deg,#52a3a3,#508991,#172a3a,#004346,#09bc8a);color:#fff}.form{display:flex;flex-direction:column;gap:15px}.form .MuiTextField-root{margin-bottom:20px;border-radius:6px;background:#fff;box-shadow:0 3px 6px #0000000d;transition:box-shadow .3s ease}.form .MuiTextField-root:hover,.form .MuiTextField-root:focus-within{box-shadow:0 6px 12px #0000001a}.form .MuiTextField-root label{color:#172a3a93;font-weight:700;font-size:.9rem}.form .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#508991}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}@media(min-width:0px){.modal-actions{margin-left:10px;margin-right:10px}}@media(min-width:600px){.modal-actions{margin-left:10px;margin-right:10px}}@media(min-width:1200px){.modal-actions{margin-left:unset}}@media(min-width:1800px){.modal-actions{margin-left:unset}}@media(min-width:900px){.modal-actions{margin-left:unset}}.modal-actions .sbmt{background-color:#004346;color:#fff;font-weight:700;border-radius:6px;padding:10px 20px;box-shadow:0 3px 6px #0000001a;transition:all .3s ease}.modal-actions .sbmt:hover{background-color:#508991;transform:translateY(-2px)}.modal-actions .cncl{background-color:#508991;color:#fff;font-weight:700;border-radius:6px;padding:10px 20px;box-shadow:0 3px 6px #0000001a;transition:all .3s ease}.modal-actions .cncl:hover{background-color:#172a3a;transform:translateY(-2px)}.modal-actions .action-button{padding:10px 20px;font-size:14px;font-weight:700;text-transform:uppercase;color:#fff;border-radius:8px;border:none;cursor:pointer;transition:background .3s ease,transform .2s ease}.modal-actions .action-button.confirm{background:#508991}.modal-actions .action-button.confirm:hover{background:#09bc8a;transform:translateY(-2px)}.modal-actions .action-button.confirm:active{background:#004346;transform:translateY(1px)}.modal-actions .action-button.cancel{background:#ffffff1a;border:1px solid #172a3a}.modal-actions .action-button.cancel:hover{background:#fff3;border-color:#09bc8a}.modal-actions .action-button.cancel:active{background:#172a3a;color:#fff}.nwadmn{font-size:1.8rem;font-weight:700;color:#172a3a;text-align:center;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.1);background:linear-gradient(225deg,#52a3a3,#508991,#172a3a,#004346,#09bc8a);color:#fff;padding:15px}.MuiDialogContent-root{padding:20px 30px;background:#99cfd3}.MuiDialogContent-root .flnm,.MuiDialogContent-root .emlid,.MuiDialogContent-root .mobnm,.MuiDialogContent-root .psswd{margin-bottom:20px}.MuiDialogContent-root .flnm .MuiInputBase-root,.MuiDialogContent-root .emlid .MuiInputBase-root,.MuiDialogContent-root .mobnm .MuiInputBase-root,.MuiDialogContent-root .psswd .MuiInputBase-root{background:#fff;border-radius:6px;box-shadow:0 3px 6px #0000001a;transition:all .3s ease}.MuiDialogContent-root .flnm .MuiInputBase-root:hover,.MuiDialogContent-root .flnm .MuiInputBase-root:focus-within,.MuiDialogContent-root .emlid .MuiInputBase-root:hover,.MuiDialogContent-root .emlid .MuiInputBase-root:focus-within,.MuiDialogContent-root .mobnm .MuiInputBase-root:hover,.MuiDialogContent-root .mobnm .MuiInputBase-root:focus-within,.MuiDialogContent-root .psswd .MuiInputBase-root:hover,.MuiDialogContent-root .psswd .MuiInputBase-root:focus-within{box-shadow:0 6px 12px #0003}.MuiDialogContent-root .flnm label,.MuiDialogContent-root .emlid label,.MuiDialogContent-root .mobnm label,.MuiDialogContent-root .psswd label{color:#172a3a93;font-weight:700;font-size:.9rem}.MuiDialogContent-root .flnm .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.MuiDialogContent-root .emlid .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.MuiDialogContent-root .mobnm .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.MuiDialogContent-root .psswd .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#508991}.MuiDialogContent-root .flnm .MuiInputAdornment-root,.MuiDialogContent-root .emlid .MuiInputAdornment-root,.MuiDialogContent-root .mobnm .MuiInputAdornment-root,.MuiDialogContent-root .psswd .MuiInputAdornment-root{color:#09bc8a}.MuiDialogContent-root .flnm .MuiInputAdornment-root .MuiIconButton-root,.MuiDialogContent-root .emlid .MuiInputAdornment-root .MuiIconButton-root,.MuiDialogContent-root .mobnm .MuiInputAdornment-root .MuiIconButton-root,.MuiDialogContent-root .psswd .MuiInputAdornment-root .MuiIconButton-root{color:#172a3a}.MuiDialogContent-root .flnm .MuiInputAdornment-root .MuiIconButton-root:hover,.MuiDialogContent-root .emlid .MuiInputAdornment-root .MuiIconButton-root:hover,.MuiDialogContent-root .mobnm .MuiInputAdornment-root .MuiIconButton-root:hover,.MuiDialogContent-root .psswd .MuiInputAdornment-root .MuiIconButton-root:hover{color:#508991}.MuiDialogActions-root{display:flex;justify-content:space-between;padding:20px 30px;background:linear-gradient(135deg,#4c9494,#1f4d53,#172a3a,#004346,#09b987)}.MuiDialogActions-root .cnclbtn{font-weight:700;padding:10px 20px;border-radius:6px;text-transform:uppercase;transition:all .3s ease;background-color:#508991}.MuiDialogActions-root .sbmtbtn{font-weight:700;padding:10px 20px;border-radius:6px;text-transform:uppercase;transition:all .3s ease;background-color:#004346}.MuiDialogActions-root .sbmtbtn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.MuiDialogActions-root .cnclbtn{background-color:#508991;color:#fff}.MuiDialogActions-root .cnclbtn:hover{background-color:#172a3a}.MuiDialogActions-root .sbmtbtn{background-color:#004346;color:#fff}.MuiDialogActions-root .sbmtbtn:hover{background-color:#75dddd}.logInputDiv{border:solid 1px #508991;border-radius:8px;padding:10px;background:#ffffffe6;transition:box-shadow .3s ease}.logInputDiv:focus-within{box-shadow:0 0 6px #50899166;border-color:#09bc8a}.host-portal{background:radial-gradient(#000,#508991,#3d627e,#015e63,#025e44);min-height:100vh;display:flex;flex-direction:column;color:#75dddd;font-family:Arial,sans-serif}@media(min-width:0px){.host-portal{width:400px}}@media(min-width:600px){.host-portal{width:400px}}@media(min-width:1200px){.host-portal{width:800px}}@media(min-width:1800px){.host-portal{width:800px}}@media(min-width:900px){.host-portal{width:800px}}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(45deg,#004346,#508991,#2f9999,#508991,#004346);height:100px;color:#75dddd;box-shadow:0 4px 6px #0000001a}.header .logo{font-weight:700;color:#75dddd;text-shadow:1px 1px 2px rgba(0,0,0,.2)}@media(min-width:0px){.header .logo{font-size:1rem}}@media(min-width:600px){.header .logo{font-size:1rem}}@media(min-width:1200px){.header .logo{font-size:1.8rem}}@media(min-width:1800px){.header .logo{font-size:1.8rem}}@media(min-width:900px){.header .logo{font-size:1.8rem}}.header .title{flex-grow:1;text-align:center;color:#c7f1f1;text-shadow:2px 3px 4px rgba(0,0,0,.253)}@media(min-width:0px){.header .title{font-size:1.8rem;font-weight:500;padding-top:20px}}@media(min-width:600px){.header .title{font-size:1.8rem;font-weight:500;padding-top:20px}}@media(min-width:1200px){.header .title{font-size:2.5rem;font-weight:600}}@media(min-width:1800px){.header .title{font-size:2.5rem;font-weight:600}}@media(min-width:900px){.header .title{font-size:2.5rem;font-weight:600}}.header .logout-button{background:#508991;color:#75dddd;border:none;padding:10px 20px;border-radius:30px;cursor:pointer;transition:background-color .3s,transform .2s,box-shadow .2s;box-shadow:0 4px 6px #00000026}@media(min-width:0px){.header .logout-button{font-size:1rem;padding:8px 15px}}@media(min-width:600px){.header .logout-button{font-size:1rem;padding:8px 15px}}@media(min-width:1200px){.header .logout-button{font-size:1.2rem;padding:10px 20px}}@media(min-width:1800px){.header .logout-button{font-size:1.2rem;padding:10px 20px}}@media(min-width:900px){.header .logout-button{font-size:1.2rem;padding:10px 20px}}.header .logout-button:hover{background:#68a3ac;transform:translateY(-2px);box-shadow:0 6px 10px #0003}.header .logout-button:active{transform:translateY(0);box-shadow:0 4px 6px #00000026}.cards-page{padding:20px;background:#99cfd3;min-height:100vh}.cards-page .header{display:flex;justify-content:space-between;align-items:center;background-color:#004346;padding:15px 20px;margin-bottom:20px;border-radius:8px;box-shadow:0 4px 8px #00000026}@media(min-width:0px){.cards-page .header{flex-direction:column;gap:10px;text-align:center}}.cards-page .header .logo{font-size:1.8rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}@media(min-width:0px){.cards-page .header .logo{font-size:1.5rem}}.cards-page .header .title{font-size:2rem;font-weight:700;color:#75dddd;text-shadow:1px 1px 3px rgba(0,0,0,.3);text-align:center}@media(min-width:0px){.cards-page .header .title{font-size:1.8rem}}.cards-page .header button{padding:8px 16px;font-size:1rem;font-weight:700;color:#fff;background:#508991;border:none;border-radius:6px;box-shadow:0 4px 8px #0003;cursor:pointer;transition:background .3s ease,transform .2s ease}.cards-page .header button:hover{background:#09bc8a;transform:translateY(-2px)}.cards-page .header button:active{transform:translateY(1px)}@media(min-width:0px){.cards-page .header button{font-size:.9rem;padding:6px 12px}}.cards-page .cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@media(min-width:0px){.cards-page .cards-container{flex-direction:column}}@media(min-width:600px){.cards-page .cards-container{flex-direction:column}}@media(min-width:1200px){.cards-page .cards-container{flex-direction:row}}@media(min-width:1800px){.cards-page .cards-container{flex-direction:row}}@media(min-width:900px){.cards-page .cards-container{flex-direction:row}}.cards-page .cards-container .card{padding:20px;flex:1;max-width:300px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 8px #0000001a;border-radius:10px;background-color:#75dddd;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.cards-page .cards-container .card:hover{box-shadow:0 8px 16px #0003;background:#67b3bd;color:#fff}@media(min-width:0px){.cards-page .cards-container .card{padding:15px;max-width:100%}}.cards-page .cards-container .card .card-heading{margin-bottom:10px;font-size:1.2rem;font-weight:700;text-transform:capitalize;color:#004346}@media(min-width:0px){.cards-page .cards-container .card .card-heading{font-size:1rem}}.cards-page .cards-container .card .card-count{font-size:2rem;margin-bottom:20px;color:#172a3a}@media(min-width:0px){.cards-page .cards-container .card .card-count{font-size:1.8rem}}.cards-page .cards-container .card .add-button{padding:8px 16px;font-size:.9rem;font-weight:700;color:#fff;background:#004346;border:none;border-radius:6px;cursor:pointer;box-shadow:0 4px 8px #00000026;transition:background .3s ease,transform .2s ease}.cards-page .cards-container .card .add-button:hover{background:#172a3a}.cards-page .cards-container .card .add-button:active{transform:translateY(1px)}@media(min-width:0px){.cards-page .cards-container .card .add-button{padding:6px 12px;font-size:.8rem}}.add-admin-page{padding:20px;background:#99cfd3;height:100vh}.add-admin-page .adttle{color:#172a3a;font-weight:700;text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.2);margin-bottom:15px}@media(min-width:0px){.add-admin-page .adttle{font-size:20px}}@media(min-width:600px){.add-admin-page .adttle{font-size:20px}}@media(min-width:1200px){.add-admin-page .adttle{font-size:24px}}@media(min-width:1800px){.add-admin-page .adttle{font-size:24px}}@media(min-width:900px){.add-admin-page .adttle{font-size:24px}}.add-admin-page .addadmn{background-color:#62b8bd;color:#fff;border:none;padding:10px 20px;border-radius:12px;box-shadow:0 3px 6px #0000001a}.add-admin-page .addadmn:hover{background-color:#508991;box-shadow:0 6px 12px #0003}@media(min-width:0px){.add-admin-page .addadmn{width:150px;font-weight:600}}@media(min-width:600px){.add-admin-page .addadmn{width:150px;font-weight:600}}@media(min-width:1200px){.add-admin-page .addadmn{width:150px;font-weight:600}}@media(min-width:1800px){.add-admin-page .addadmn{width:150px;font-weight:600}}@media(min-width:900px){.add-admin-page .addadmn{width:150px;font-weight:600}}.add-admin-page .header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(225deg,#52a3a3,#508991,#172a3a,#004346,#09bc8a);padding:20px;margin-bottom:30px;border-radius:12px;box-shadow:0 6px 10px #0003;color:#fff}.add-admin-page .header .logo{font-size:2rem;font-weight:700;color:#09bc8a}.add-admin-page .header .title{font-size:2.2rem;text-align:center;color:#fff;text-shadow:1px 1px 2px #172a3a}.add-admin-page .header button{font-size:1rem;background-color:#75dddd;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 6px #0000001a}.add-admin-page .header button:hover{background-color:#508991;box-shadow:0 6px 10px #0003;transform:translateY(-2px)}.add-admin-page .data-grid-container{margin-top:20px}.add-admin-page .data-grid-container h5{margin-bottom:15px;color:#172a3a;font-weight:600;text-transform:uppercase;font-size:1.2rem}.add-admin-page .data-grid-container .data-grid-wrapper{padding:20px;background:radial-gradient(#000,#508991,#3d627e,#015e63,#025e44);border-radius:12px;box-shadow:0 8px 16px #0003}.add-admin-page .data-grid-container .data-grid-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;opacity:.1;z-index:-1}