:root{--primary: #2563EB;--secondary: #647488;--text: #1E293B;--background: #F1F5F9;--status-pending-bg: #fff3cd;--status-pending-text: #856404;--status-approved-bg: #d4edda;--status-approved-text: #155724;--status-rejected-bg: #f8d7da;--status-rejected-text: #721c24;--status-expired-bg: #e2e3e5;--status-expired-text: #383d41}body{font-family:Inter,sans-serif;background-color:"#F1F5F9";color:"#1E293B"}:root{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text)}body{margin:0;height:100%;width:100%}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/assets/college_img-EWqHe5eF.png);background-size:cover;background-position:center;position:relative}.login-page:before{content:"";position:absolute;inset:0;background:#9ff7ff59;pointer-events:none}.login-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:340px;padding:2.5rem;border-radius:14px;background:#ffffffc3;box-shadow:0 12px 30px #0000002e;text-align:center}.logo-slot{height:50px;margin:12px 0;display:flex;align-items:center;justify-content:center}.title-slot{height:36px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.login-logo{width:50px;height:auto}.login-title{height:32px;width:auto}form{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center}#LoginButton{margin-top:1rem}#Button{background-color:var(--primary);color:var(--background);width:15vw;height:5vh;border-radius:1vh;display:flex;justify-content:center;align-items:center;border-color:transparent}#Button:hover{cursor:pointer;transform:scale(1.05);box-shadow:0 0 15px var(--primary)}.FormInput{border:2px solid #969696;outline:none;background-color:#fff;width:20vw;height:5vh;border-radius:.6vw}.FormInput:focus-within{transform:scale(1.05);box-shadow:0 0 15px #87ceeb;border:2px solid #7f9fe2}.FormLabel{color:#404040;margin-bottom:-2vh;font-size:1.1vw}.ReadOnlyForm:read-only{border:2px solid #969696;color:#535353;outline:none;background-color:#fff;width:20vw;height:5vh;border-radius:.6vw}.ReadOnlyFormLabel{color:#404040;margin-bottom:-2vh;font-size:1.1vw}.ErrorWrapper{height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.header{display:flex;align-items:center;justify-content:space-between}.logo{cursor:pointer;display:flex;align-items:center;margin:2vh}.symbol{height:5vh}.title{height:3vh}.profileIcon{scale:2;margin-right:1vw}.profile{margin-right:2vw}.profile:hover{scale:1.2;cursor:pointer}.arrow{margin-left:-.5vw}body{margin:0}.scannerWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}#reader{width:350px;height:350px;position:relative;overflow:hidden;border-radius:12px;background:#000}#reader video{width:100%!important;height:100%!important;object-fit:cover}#reader canvas{width:100%!important;height:100%!important}select{margin-bottom:15px;padding:5px 10px}.StatusBadge{position:absolute;top:10px;right:15px;padding:6px 14px;border-radius:20px;font-size:.9vw;font-weight:600}.outpassActionButtons{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:1rem;margin-top:1vh;padding-right:2vw}.outpassActionButtons button{grid-column:1 / span 2;border:none;padding:8px 18px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s ease}.qrWrapper{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;margin-top:20px}.FormRowHorizontal{grid-column:1 / -1;display:flex;gap:16vw}.verifyStatus{grid-column:1 / -1;text-align:center;margin-top:20px}.statusIcon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:40px;color:#fff;animation:pop .4s ease}.success .statusIcon{background:#2ecc71}.success h2{color:#2ecc71}.error .statusIcon{background:#e74c3c}.error h2{color:#e74c3c}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.FormSelect{border:2px solid #969696;outline:none;background-color:#fff;width:21vw;height:6vh;border-radius:.6vw;font-size:.9vw;padding-left:.5vw;padding-right:2vw;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23696969' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right .7vw center;background-size:1vw}.FormSelect:focus{transform:scale(1.05);box-shadow:0 0 15px #87ceeb;border:2px solid #7f9fe2}.CreateUserContainer{margin:5vh}.pass{border:3px solid #dadadaa9;width:30vw;height:25vh;border-radius:.7vw;box-shadow:0 7px 10px #0000002e;display:grid;grid-template-rows:repeat(4,4fr);grid-template-columns:repeat(8,8fr);transform:scale(.8)}.pass:hover{transform:scale(.85)}.Purpose{margin-left:1vw;grid-row:1;grid-column:1/5}.Status{grid-row:1;grid-column:7;padding:6px 14px;border-radius:20px;font-size:.9vw;font-weight:600;position:absolute;top:10px;right:15px}.Date{display:inline-flex;gap:vw;grid-row:3;margin-top:-3vh}.Destination{display:inline-flex;font-size:1.7vw;grid-row:4;grid-column:1/5}.viewPassArrow{all:unset;display:inline-flex;align-items:center;cursor:pointer;grid-row:4;grid-column:8}.StatusBadge.Pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.StatusBadge.Approved{background-color:var(--status-approved-bg);color:var(--status-approved-text)}.StatusBadge.Rejected{background-color:var(--status-rejected-bg);color:var(--status-rejected-text)}.StatusBadge.Expired{background-color:var(--status-expired-bg);color:var(--status-expired-text)}.Wardenpass{border:3px solid #dadadaa9;width:32vw;height:34vh;border-radius:.7vw;box-shadow:0 7px 10px #0000002e;display:grid;grid-template-rows:repeat(4,4fr);grid-template-columns:repeat(8,8fr);transform:scale(.8)}.WardenDestination{display:inline-flex;font-size:1.7vw;grid-row:3;grid-column:1 / 6}.actionButtons{grid-row:4;grid-column:1 / 6;display:flex;gap:1rem;margin-left:1vw;align-items:center}.actionButtons button{grid-column:1 / span 2;border:none;padding:8px 18px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s ease}.approveBtn{background-color:#28a745;color:#fff}.approveBtn:hover{background-color:#218838;transform:scale(1.05)}.rejectBtn{background-color:#dc3545;color:#fff}.rejectBtn:hover{background-color:#c82333;transform:scale(1.05)}.welcomeMessage{margin-left:2vw;margin-top:0}.passContainer{display:flex;flex-direction:column;gap:.3 rem;align-items:center}.OutpassContainer{min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.FormGrid{width:70vw;display:grid;grid-template-columns:1fr 1fr;column-gap:3vw;row-gap:2vh;background:#fff;padding:5vh 3vw;padding-right:0vw;border-radius:12px;box-shadow:0 6px 20px #00000014;position:relative}.FormRow{display:flex;flex-direction:column}.FormError{grid-column:1 / span 2;color:#d43b3b;font-size:1.2vw;text-align:center}.ButtonRow{grid-column:1 / -1;display:flex;flex-direction:column;align-items:flex-end;gap:1vh;padding-right:2vw}