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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-wrapper{align-items:center;background:linear-gradient(135deg,#0a1a4a,#1b063e,indigo);display:flex;font-family:Segoe UI,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.login-bg .circle{animation:float 10s ease-in-out infinite;border-radius:50%;filter:blur(120px);opacity:.3;position:absolute}.circle1{animation-delay:0s;background:#6a5acd;height:400px;left:-100px;top:-100px;width:400px}.circle2{animation-delay:3s;background:#8a2be2;bottom:-120px;height:500px;right:-120px;width:500px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.login-box{animation:fadeIn 1.2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0006;color:#fff;padding:40px;position:relative;width:380px;z-index:2}.login-box h2{color:#fff;font-size:1.8rem;margin-bottom:30px;text-align:center}.input-group{display:flex;flex-direction:column;margin-bottom:20px}.input-group label{font-size:.9rem;margin-bottom:6px;opacity:.8}.input-group input{-webkit-appearance:none!important;appearance:none!important;-moz-appearance:textfield!important;background:#ffffff26!important;border:none!important;border-radius:12px!important;color:#fff!important;font-size:1rem!important;outline:none!important;padding:12px 14px!important;transition:all .3s ease!important;width:100%!important}.input-group input::-webkit-inner-spin-button,.input-group input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.input-group input[type=number]{-moz-appearance:textfield!important}.input-group input::placeholder{color:#fff9!important}.input-group input:focus{background:#ffffff40!important;box-shadow:0 0 0 2px #6495edb3!important}.login-btn{background:linear-gradient(135deg,#1e90ff,#4169e1);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:12px 14px;transition:all .3s ease;width:100%}.login-btn:hover{background:linear-gradient(135deg,#3a7bd5,#00d2ff);transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.register-text{color:#fffc;font-size:.9rem;margin-top:15px;text-align:center}.register-text span{color:#87cefa;cursor:pointer;transition:color .3s}.register-text span:hover{color:#fff}@media (max-width:480px){.login-box{padding:30px 25px;width:90%}}.navbar{align-items:center;animation:waveGlow 4s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0f2a80;border-bottom:1px solid #ffffff26;box-shadow:0 4px 20px #00c8ff26;color:#fff;display:flex;justify-content:space-between;left:0;padding:14px 25px;position:fixed;top:0;width:100%;z-index:2000}@keyframes waveGlow{0%{box-shadow:0 4px 15px #00ffff1a}to{box-shadow:0 4px 30px #0ff6}}.logo{color:#00d4ff;font-size:1.6rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px #00d4ffb3}.navbar-right{align-items:center;display:flex;gap:18px}.logout-btn{background:linear-gradient(135deg,#00bfff,#0078ff);border:none;border-radius:30px;box-shadow:0 0 10px #00c8ff4d;color:#fff;cursor:pointer;font-weight:500;margin-right:30px;padding:8px 18px;transition:all .3s ease;z-index:2100}.logout-btn:hover{box-shadow:0 0 15px #00d4ff99;transform:scale(1.05)}.menu-btn{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;position:relative;transition:transform .3s ease;width:44px;z-index:2100}.menu-btn .dot{background:#00eaff;border-radius:50%;box-shadow:0 0 8px #00eaff;height:6px;transition:all .3s ease;width:6px}.menu-btn:hover .dot{background:#0ff;box-shadow:0 0 10px #0ff;transform:scale(1.2)}.mobile-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a142de6;border-left:1px solid #ffffff26;box-shadow:-4px 0 25px #00ffff40;color:#fff;display:flex;flex-direction:column;height:100%;padding:25px;position:fixed;right:-100%;top:0;transition:right .4s ease;width:75%;z-index:1500}.mobile-menu.active{right:0}.menu-header{align-items:center;display:flex;justify-content:space-between;margin-top:15%}.menu-header h2{color:#00eaff;font-size:1.4rem;text-shadow:0 0 8px #00eaff}.close-btn{color:#fff;font-size:1.6rem;transition:transform .2s ease}.close-btn:hover{color:#0ff;text-shadow:0 0 10px #0ff}.menu-links{display:flex;flex-direction:column;gap:10px;list-style:none;margin-top:25px;padding:0}.menu-links li{border-bottom:1px solid #ffffff14;cursor:pointer;font-size:1.15rem;padding:12px 0;transition:all .3s ease}.menu-links li:hover{color:#0ff;text-shadow:0 0 10px #00eaff;transform:translateX(6px)}@media (max-width:768px){.logout-btn{display:inline-block;font-size:.9rem;margin-right:15px;padding:6px 14px}.menu-btn{display:flex}.navbar{padding:10px 20px}.navbar-right{gap:10px}}body{background:#0a0f2a;padding-top:80px}.sidebar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172af2;box-shadow:3px 0 15px #00bfff40;height:100vh;margin-top:70px;overflow-y:hidden;scrollbar-gutter:stable;top:0;transition:all .3s ease-in-out}.sidebar::-webkit-scrollbar{opacity:0;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;width:6px}.sidebar:hover::-webkit-scrollbar{opacity:1}.sidebar::-webkit-scrollbar-thumb{background:#00bfff59;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.sidebar::-webkit-scrollbar-thumb:hover{background:#00bfff99}.sidebar:hover{overflow-y:auto}.sidebar h2{display:none}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{align-items:center;color:#d1d5db;display:flex;font-size:.95rem;font-weight:500;gap:.6rem;letter-spacing:.3px;margin-bottom:.3rem;padding:.7rem .8rem;transition:all .3s ease}.sidebar li:hover{background:#00bfff26;color:#00e0ff}.sidebar li.active{background:linear-gradient(90deg,#00bfff4d,#00bfff1a);box-shadow:inset 3px 0 0 #00e0ff;color:#00e0ff;font-weight:600;transform:translateX(2px)}@media (max-width:1024px){.sidebar{padding:1.2rem .6rem;width:180px}.sidebar li{font-size:.9rem;padding:.6rem .7rem}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .4s ease-in-out,box-shadow .3s ease;width:200px}.sidebar.open{box-shadow:4px 0 15px #00bfff66;transform:translateX(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;content:"";inset:0;position:fixed}}@media (max-width:480px){.sidebar{padding:1rem .5rem;width:180px}.sidebar li{font-size:.85rem;padding:.5rem .6rem}}.footer{background:#1f2937;text-align:center}.users-page{color:#fff;font-family:Segoe UI,sans-serif;padding:2rem}.users-page h2{font-size:1.6rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem}.users-page p{color:#a0aec0;margin-bottom:1.5rem}.dropdown-section,.search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1.5rem}.create-form input,.dropdown-section select,.search-bar input{background:#111729;border:1px solid #444;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;min-width:200px;outline:none;padding:.7rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.create-form input:focus,.dropdown-section select:focus,.search-bar input:focus{border-color:#00bfff;box-shadow:0 0 8px #00bfff4d}.dropdown-section select option{background:#1e293b;color:#fff}.create-form button,.dropdown-section button{background:linear-gradient(135deg,#00bfff,#007bff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.7rem 1.4rem;transition:all .3s ease;white-space:nowrap}.create-form button:hover,.dropdown-section button:hover{background:linear-gradient(135deg,#0af,#06c);transform:translateY(-1px)}.create-form button:disabled,.dropdown-section button:disabled{background:#333c5c;color:#888;cursor:not-allowed}.users-table{border:1px solid #ffffff26;border-collapse:collapse;min-width:750px;width:100%}.users-table td,.users-table th{border:1px solid #ffffff26;padding:14px 18px;text-align:left}.users-table th{background:#ffffff1a;color:#00e0ff;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table tr:nth-child(2n){background:#ffffff0a}.users-table tr:hover{background:#ffffff1f;transition:.3s ease}.error,.loading{font-size:1rem;margin-top:1rem}.modal-content{background:#1e293be6}.delete-btn,.edit-btn,.reset-btn,.status-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.3px;margin-right:8px;padding:8px 14px;transition:all .25s ease}.edit-btn:hover{box-shadow:0 0 15px #00e0ff99}.delete-btn{box-shadow:0 0 10px #facc1566}.reset-btn{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 0 10px #9333ea66}.reset-btn:hover{background:linear-gradient(135deg,#a855f7,#7e22ce);box-shadow:0 0 15px #a855f799;transform:translateY(-2px)}@media (max-width:1024px){.users-page{padding:1.5rem}.create-form{gap:8px}.search-bar input{width:280px}}@media (max-width:768px){.users-page{padding:1rem;width:80vw}.create-form,.search-bar{align-items:stretch;flex-direction:column;gap:12px;justify-content:center;margin-bottom:1rem}.create-form button,.create-form input,.search-bar input{font-size:1rem;width:100%}.table-container{padding:.5rem}.users-table td,.users-table th{font-size:.85rem;padding:10px}.edit-btn,.status-btn{font-size:.8rem;margin:4px 2px;padding:6px 10px}.users-page h2{font-size:1.3rem}}@media (max-width:480px){.search-bar input{font-size:.8rem;width:80vw}}@media (max-width:360px){.create-form button,.create-form input{font-size:.9rem}}.guards-page{color:#fff;font-family:Segoe UI,sans-serif;padding:2rem}.guards-page h2{font-size:1.6rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem}.guards-page p{color:#a0aec0;margin-bottom:1.5rem}.search-bar{align-items:center;display:flex;justify-content:flex-end;margin:1rem 0 1.5rem;width:100%}.search-bar input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 0 12px #0000004d;color:#fff;font-size:.95rem;max-width:100%;outline:none;padding:12px 15px;transition:all .3s ease;width:320px}.search-bar input::placeholder{color:#a0aec0;font-style:italic}.search-bar input:focus{background:#ffffff26;border-color:#00e0ff;box-shadow:0 0 10px #00e0ff80;transform:scale(1.02)}.table-container{background:#ffffff0f;border-radius:12px;box-shadow:0 4px 25px #0000004d;overflow-x:auto;padding:1rem}.guards-table{border:1px solid #ffffff26;border-collapse:collapse;min-width:750px;width:100%}.guards-table td,.guards-table th{border:1px solid #ffffff26;padding:14px 18px;text-align:left}.guards-table th{background:#ffffff1a;color:#00e0ff;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.guards-table tr:nth-child(2n){background:#ffffff0a}.guards-table tr:hover{background:#ffffff1f;transition:.3s ease}.status-active{color:#4ade80;font-weight:600}.status-disabled{color:#f87171;font-weight:600}.guard-img{border:2px solid #00e0ff;border-radius:50%;height:50px;object-fit:cover;width:50px}.no-photo{color:#999;font-size:.85rem;font-style:italic}.loading{color:#a5b4fc}.error,.loading{font-size:1rem;margin-top:1rem}.error{color:#f87171;font-weight:600;text-align:center}@media (max-width:1024px){.guards-page{padding:1.5rem}.search-bar{justify-content:center}.search-bar input{width:280px}}@media (max-width:768px){.guards-page{padding:1rem;width:80vw}.search-bar{justify-content:center;margin-bottom:1rem}.search-bar input{font-size:.9rem;padding:10px;width:250px}.table-container{padding:.5rem}.guards-table td,.guards-table th{font-size:.85rem;padding:10px}.guards-table{min-width:100%}.guards-page h2{font-size:1.3rem}}@media (max-width:480px){.search-bar input{font-size:.8rem;width:80vw}.guard-img{height:40px;width:40px}}.delete-btn,.edit-btn,.status-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.3px;margin-right:8px;padding:8px 14px;transition:all .25s ease}.edit-btn{background:linear-gradient(135deg,#00e0ff,#07f);box-shadow:0 0 10px #00e0ff66}.edit-btn:hover{box-shadow:0 0 15px #00e0ffb3;transform:translateY(-2px)}.status-btn.activate{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 10px #22c55e66}.status-btn.deactivate{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 0 10px #f8717166}.status-btn:hover{opacity:.9;transform:translateY(-2px)}.status-btn.activate:hover{box-shadow:0 0 15px #22c55eb3}.status-btn.deactivate:hover{box-shadow:0 0 15px #f87171b3}.delete-btn{background:linear-gradient(135deg,#facc15,#ca8a04);box-shadow:0 0 12px #facc1580}.delete-btn:hover{box-shadow:0 0 15px #facc15b3;opacity:.95;transform:translateY(-2px) scale(1.03)}.delete-btn:active{box-shadow:0 0 6px #facc154d;transform:translateY(0)}.edit-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal-content{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 30px #0006;color:#f8fafc;max-width:90%;padding:24px 28px;text-align:center;width:340px}.modal-content h3{color:#00e0ff;font-size:1.3rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem}.modal-content input{background:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;color:#fff;font-size:.95rem;margin-bottom:12px;outline:none;padding:10px 12px;transition:.3s;width:100%}.modal-content input::placeholder{color:#a0aec0}.modal-content input:focus{border-color:#00e0ff;box-shadow:0 0 10px #00e0ff80;transform:scale(1.02)}.modal-actions{display:flex;gap:10px;justify-content:space-between;margin-top:15px}.modal-actions button{background:linear-gradient(135deg,#00e0ff,#07f);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .3s ease}.modal-actions button:hover{background:linear-gradient(135deg,#00bfff,#05f);transform:scale(1.05)}.modal-actions button:last-child{background:#ffffff26}.modal-actions button:last-child:hover{background:#ffffff4d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.delete-btn,.edit-btn,.status-btn{font-size:.8rem;margin:4px 2px;padding:6px 10px}}.report-modal{align-items:flex-start;animation:fadeIn .35s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a0f19f0;display:flex;inset:0;isolation:isolate;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;position:fixed!important;z-index:99999999!important}.report-modal-content{animation:zoomIn .3s ease;background:#111729;border:1px solid #00bfff40;border-radius:14px;box-shadow:0 0 40px #00bfff66;color:#fff;margin-top:4rem;max-height:90vh;max-width:900px;overflow:auto;padding:2rem;position:relative;width:100%;z-index:100000000}.report-modal-content h3{color:#00e0ff;font-size:1.5rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;text-align:center}.modal-grid{grid-gap:1rem 2rem;display:grid;gap:1rem 2rem;grid-template-columns:1fr 1fr}.modal-grid div{font-size:.95rem;line-height:1.5}.modal-grid .full-desc,.photo-section{grid-column:span 2}.photo-section{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.report-modal .photo-section img{border:2px solid #00bfff;border-radius:10px;height:180px;max-width:180px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:100%}.report-modal .photo-section img:hover{box-shadow:0 0 20px #00bfff99;transform:scale(1.06)}.reports-table img.report-img{border:1px solid #00bfff;border-radius:6px;height:80px;max-width:80px;object-fit:cover;transition:transform .2s ease,box-shadow .2s ease;width:100%}.reports-table img.report-img:hover{box-shadow:0 0 10px #00bfff80;transform:scale(1.05)}.close-btn{background:none;border:none;color:#00e0ff;cursor:pointer;font-size:1.8rem;position:absolute;right:16px;top:12px;transition:color .2s ease,transform .15s ease;z-index:100000001}.close-btn:hover{color:#ff6b6b;transform:rotate(90deg)}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.report-modal-content{margin-top:4rem;max-width:95%;padding:1.8rem}.modal-grid{grid-template-columns:1fr}.report-modal .photo-section img{height:150px;max-width:150px}.reports-table img.report-img{height:60px;max-width:60px}}@media (max-width:768px){.report-modal{padding:1rem}.report-modal-content{margin-top:4.5rem;padding:1.4rem}.report-modal .photo-section img{height:120px;max-width:120px}.reports-table img.report-img{height:50px;max-width:50px}.close-btn{font-size:1.6rem;right:10px;top:8px}}@media (max-width:480px){.report-modal-content{margin-top:4.5rem;padding:1rem}.report-modal .photo-section img{height:100px;max-width:100px}.reports-table img.report-img{height:40px;max-width:40px}.report-modal-content h3{font-size:1.2rem}}.report-filter-bar{color:#fff;position:relative;z-index:100}.missing-checkout{background-color:#4e0b0b}.filter-item input[type=date]{background:#111729;border:1px solid #00bfff4d;border-radius:8px;color:#fff;font-size:.95rem;padding:.45rem .8rem;transition:.3s}.filter-item input[type=date]:focus{border-color:#00bfff;box-shadow:0 0 8px #00bfff66;outline:none}@media (min-width:1200px){.filter-controls{gap:1.2rem}.filter-item input{width:220px}}@media (max-width:1199px) and (min-width:768px){.filter-controls{flex-wrap:wrap;justify-content:flex-start}.filter-item input{width:180px}}@media (max-width:767px){.report-filter-bar{padding:1rem}.report-filter-bar h3{font-size:1rem;margin-bottom:.8rem;text-align:center}.filter-controls{align-items:stretch;flex-direction:column}.filter-item,.filter-item input{width:100%}.filter-btn{margin-top:.8rem;width:100%}}.staff-form-wrapper{align-items:center;background:linear-gradient(145deg,#0b162f,#101d3a);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:2rem}.staff-form-box{animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f192de6;border:1px solid #00bfff4d;border-radius:16px;box-shadow:0 0 40px #00bfff33;color:#fff;max-width:500px;padding:2rem 2.5rem;width:100%}.staff-form-box h3{color:#00e0ff;font-size:1.6rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;text-align:center}.neon-form .form-field{display:flex;flex-direction:column;margin-bottom:1.2rem}.neon-form label{color:#a0b0c5;font-size:.9rem;letter-spacing:.3px;margin-bottom:6px}.neon-form input,.neon-form select{background:#111729;border:1px solid #00bfff4d;border-radius:10px;color:#fff;font-size:.95rem;padding:.7rem 1rem;transition:.3s ease}.neon-form input:focus,.neon-form select:focus{border-color:#00bfff;box-shadow:0 0 10px #00bfff66;outline:none}.neon-btn{background:linear-gradient(135deg,#00bfff,#007bff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.8rem;transition:.3s;width:100%}.neon-btn:hover{background:linear-gradient(135deg,#0af,#06c);box-shadow:0 0 15px #00bfff80;transform:translateY(-2px)}.alert{animation:fadeIn .4s ease;border-radius:8px;font-weight:600;margin-top:1.2rem;padding:.8rem 1rem;text-align:center}.alert.success{background:#00ff7f1a;border:1px solid #00ff7f4d;color:#00e676}.alert.error{background:#ff63471a;border:1px solid #ff63474d;color:#ff6b6b}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.staff-form-box{padding:1.5rem}.staff-form-box h3{font-size:1.3rem}}.admin-container{background:#0a0f2a;color:#fff;font-family:Segoe UI,sans-serif;min-height:100vh;overflow:hidden;padding:0;position:relative}.admin-body{display:flex;position:relative;z-index:1}.sidebar{background:linear-gradient(180deg,#1f2937,#111827);border-right:2px solid #ffffff1a;box-shadow:0 0 15px #0006;color:#fff;left:0;min-height:calc(100vh - 60px);padding:1.5rem .8rem;position:fixed;transition:transform .3s ease-in-out;width:200px}.sidebar h2{font-size:1.2rem;font-weight:600;letter-spacing:.3px;margin-bottom:1.2rem}.sidebar li{border-radius:6px;cursor:pointer;padding:.6rem .8rem;transition:background .3s,transform .2s}.sidebar li:hover{background:#ffffff1a;transform:translateX(4px)}.admin-main{flex:1 1;margin-left:220px;padding:1.5rem 2rem;position:relative;transition:margin .3s ease-in-out;z-index:2}.cards-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.card{background:linear-gradient(135deg,#1e1e60,#3b82f6);border-radius:10px;box-shadow:0 5px 18px #00000040;color:#fff;flex:1 1 180px;overflow:hidden;padding:1.2rem;position:relative;text-align:center;transition:all .3s ease}.card:hover{box-shadow:0 8px 20px #00000059;transform:translateY(-3px) scale(1.01)}.card h2{color:#e0e7ff;font-size:1rem;letter-spacing:.5px;margin-bottom:.6rem;text-transform:uppercase}.card p{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 0 8px #3b82f6cc}.card p[style*=red]{color:#ff6b6b!important;font-size:.85rem;font-weight:600;text-shadow:none}.card p:has(span.loading){color:#d1d5db;font-size:.9rem}.interactive-3d{align-items:center;background:linear-gradient(120deg,#ff758c,#ff7eb3);border-radius:10px;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:240px;justify-content:center;margin-top:2rem;perspective:1000px;transition:transform .5s ease}.interactive-3d:hover{transform:rotateY(15deg) rotateX(8deg)}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}.admin-main{margin-left:0;margin-top:20px;padding:1rem 1.2rem}.cards-container{grid-gap:1.2rem;align-items:start;box-sizing:border-box;display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(150px,1fr));justify-items:center;padding:1rem}.card{border-radius:10px;padding:1rem;width:80%}.card h2{font-size:.9rem}.card p{font-size:1.5rem}.heading-text{text-align:center}}.staff-container{background:#0f172a;color:#e2e8f0;margin-left:45px;min-height:100vh;padding:2rem;transition:margin-left .3s ease}.staff-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.staff-header h2{color:#00e0ff;font-size:1.5rem;letter-spacing:.5px}.staff-search{background:#ffffff0d;border:1px solid #00bfff66;border-radius:8px;color:#fff;font-size:1rem;padding:.6rem 1rem;transition:all .3s ease;width:260px}.staff-search::placeholder{color:#94a3b8}.staff-search:focus{background:#00bfff14;border-color:#00e0ff;box-shadow:0 0 8px #00bfff4d;outline:none}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:.5rem;width:100%}.staff-table{background:#ffffff0d;border-collapse:collapse;border-radius:10px;min-width:700px;overflow:hidden;width:100%}.staff-table th{background:#00bfff26;color:#00e0ff;font-weight:600;letter-spacing:.4px;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.staff-table td{border-bottom:1px solid #ffffff14;color:#d1d5db;font-size:.95rem;max-width:220px;overflow:hidden;padding:.9rem 1rem;text-overflow:ellipsis;white-space:nowrap}.staff-table td[title]{cursor:help}.staff-table tr:hover{background:#00bfff14;transition:background .2s ease-in-out}.staff-table tr:nth-child(2n){background:#ffffff08}.error,.loading{color:#00e0ff;font-size:1.1rem;margin-top:2rem;text-align:center}@media (max-width:1199px){.staff-container{margin-left:0;padding:1.5rem}.staff-search{width:200px}}@media (max-width:767px){.staff-container{padding:1rem}.staff-header{align-items:stretch;flex-direction:column;gap:.8rem}.staff-search{width:100%}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.staff-table{min-width:600px}.staff-table td,.staff-table th{font-size:.85rem}}@media (max-width:480px){.staff-header h2{font-size:1.2rem}.staff-table{min-width:550px}.staff-table td{font-size:.8rem;padding:.6rem .8rem}}.reports-page{background:#0a0f19;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem 1rem}.reports-page h2{color:#00e0ff;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.report-filter-bar{background:#0b162f;border-radius:12px;box-shadow:0 4px 10px #00bfff33;margin-bottom:1.5rem;padding:1.2rem 1rem}.report-filter-bar h3{color:#00e0ff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.filter-item{display:flex;flex-direction:column;min-width:180px}.filter-item label{color:#bbb;font-size:.85rem;margin-bottom:.3rem}.filter-item input,.filter-item select{background:#111729;border:1px solid #00bfff4d;border-radius:8px;color:#fff;font-size:.95rem;padding:.45rem .8rem;transition:.3s}.filter-item input:focus,.filter-item select:focus{border-color:#00bfff;box-shadow:0 0 8px #00bfff66;outline:none}.filter-btn{align-self:flex-end;background:linear-gradient(135deg,#00bfff,#007bff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1.4rem;transition:.3s ease}.filter-btn:hover{background:linear-gradient(135deg,#0af,#06c);transform:translateY(-1px)}input[type=text]{background:#111729;border:1px solid #00bfff4d;border-radius:8px;color:#fff;font-size:.95rem;padding:.45rem .8rem;transition:.3s;width:300px}input[type=text]:focus{border-color:#00bfff;box-shadow:0 0 8px #00bfff66;outline:none}.reports-table{background:#111729;border-collapse:collapse;border-radius:12px;box-shadow:0 0 20px #00bfff33;overflow:hidden;width:100%}.reports-table td,.reports-table th{border-bottom:1px solid #00bfff1a;color:#fff;font-size:.95rem;padding:12px 15px;text-align:left}.reports-table th{background:linear-gradient(135deg,#00bfff,#007bff);font-weight:600}.reports-table tr:nth-child(2n){background:#ffffff08}.reports-table tr:hover{background:#00bfff1a;transition:.2s}.missing-checkout{background-color:#4e0b0b!important;font-weight:700}@media (max-width:1024px){.filter-controls{flex-wrap:wrap}input[type=text]{width:100%}}@media (max-width:768px){.report-filter-bar{padding:1rem}.report-filter-bar h3{font-size:1rem;margin-bottom:.8rem;text-align:center}.filter-controls{align-items:stretch;flex-direction:column}.filter-item{width:100%}.filter-btn{margin-top:.8rem;width:100%}}@media (max-width:480px){.reports-page h2{font-size:1.4rem}.reports-table td,.reports-table th{font-size:.85rem;padding:8px 10px}}body,html{background:#f9fafc;color:#222;font-family:Poppins,sans-serif;margin:0;padding:0}.home{display:flex;flex-direction:column;min-height:100vh;text-align:center}.header{background:#fff;box-shadow:0 1px 5px #0000000d;padding:2rem 1rem}.header h1{color:#2b6cb0;margin:0}.subtitle{color:#555;font-size:1rem;margin-top:.5rem}.main{flex:1 1;padding:3rem 1rem}.main h2{color:#2b6cb0;margin-bottom:1.5rem}.buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{background:#2b6cb0;border-radius:5px;color:#fff;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:background .3s}.btn:hover{background:#1e4f8f}.btn.secondary{background:#fff;border:1.5px solid #2b6cb0;color:#2b6cb0}.btn.secondary:hover{background:#e8f0fe}.contact{margin-top:2rem}.contact a,.contact h3{color:#2b6cb0}.contact a{text-decoration:none}.contact a:hover{text-decoration:underline}.footer{background:#2b6cb0;color:#fff;font-size:.9rem;padding:1rem}.footer a{color:#ffda79;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:600px){.main{padding:2rem 1rem}.btn{width:80%}}
/*# sourceMappingURL=main.abfbd9f3.css.map*/