@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-blue: #0f172a;--accent-blue: #2563eb;--accent-hover: #1d4ed8;--text-dark: #1e293b;--text-light: #f8fafc;--bg-light: #f1f5f9;--white: #ffffff;--border-color: #e2e8f0}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--bg-light);color:var(--text-dark)}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,#1e3a8a,#0f172a 70%);padding:1rem;position:relative;overflow:hidden}.app-container:before{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,#2563eb26,#0f172a00 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.auth-card{background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:440px;padding:3rem 2.5rem;border-radius:16px;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a;position:relative;z-index:10}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:var(--primary-blue);font-size:1.75rem;margin-bottom:.5rem}.auth-header p{color:#64748b;font-size:.95rem}.form-group{margin-bottom:1.25rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:var(--text-dark)}.form-group input,.form-group select{width:100%;padding:.85rem 1.2rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;transition:all .2s ease;background-color:#f8fafc}.form-group input:focus,.form-group select:focus{outline:none;background-color:#fff;border-color:var(--accent-blue);box-shadow:0 0 0 4px #2563eb26}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b}.input-with-icon input{padding-left:2.5rem!important}.btn-primary{width:100%;padding:.85rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:var(--white);border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:1rem;box-shadow:0 4px 12px #2563eb40;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb66}.brand-name{font-weight:800;color:var(--accent-blue)}.admin-layout-top{min-height:100vh;background-color:#f1f5f9;display:flex;flex-direction:column}.modern-top-navbar{background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;height:72px;display:flex;align-items:center;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #00000005}.modern-nav-container{width:100%;max-width:100%;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.modern-nav-brand{display:flex;align-items:center;gap:.75rem}.brand-logo-circle{width:28px;height:28px;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:8px;box-shadow:0 2px 8px #2563eb4d;display:flex;align-items:center;justify-content:center}.modern-nav-brand h2{font-size:1.4rem;font-weight:800;color:#0f172a;letter-spacing:-.5px}.modern-facility-tag{background-color:#dcfce7;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;color:#166534;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem;white-space:nowrap}.modern-nav-links{display:flex;justify-content:center;gap:.5rem}.modern-top-link{color:#64748b;text-decoration:none;background:transparent;border:none;font-family:Inter,sans-serif;font-weight:600;font-size:.95rem;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;gap:.5rem}.modern-top-link:hover{color:#0f172a;background-color:#f8fafc}.modern-top-link.active{color:#2563eb;background-color:#eff6ff}.modern-nav-user{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem}.modern-avatar-group{display:flex;align-items:center;gap:.75rem}.modern-avatar{width:36px;height:36px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 2px 6px #2563eb33}.modern-avatar.large{width:52px;height:52px;border-radius:14px;font-size:1.4rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;border:1px solid #bfdbfe;box-shadow:none}.modern-user-name{font-weight:600;font-size:.95rem;color:#0f172a}.modern-btn-logout{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.modern-btn-logout:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.main-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.modern-form-card{background:#fff;border-radius:16px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 10px 30px #0f172a0d;border:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden}.modern-form-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#2563eb,#60a5fa)}.modern-form-header{margin-bottom:2rem}.modern-form-header h3{color:#0f172a;font-size:1.5rem;font-weight:700}.modern-form-header p{color:#64748b;font-size:1rem;margin-top:.35rem}.modern-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.modern-form-actions{margin-top:2.5rem;display:flex;justify-content:flex-end;gap:1rem}.btn-modern-primary{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:all .3s ease}.btn-modern-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}.btn-modern-danger{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #ef444440;transition:all .3s ease}.btn-modern-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444473}.btn-modern-outline{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;background:transparent;color:#3b82f6;border:1px solid #bfdbfe;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-modern-outline:hover{background:#eff6ff;border-color:#3b82f6}.modern-list-header{display:flex;padding:0 2rem 1rem;color:#64748b;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.col-primary{flex:1.5}.col-stats{flex:3;display:flex;gap:2rem;padding:0 1rem}.col-stats div{flex:1}.col-actions{flex:.5;text-align:right;display:flex;justify-content:flex-end}.modern-resident-list{display:flex;flex-direction:column;gap:1rem}.modern-resident-row{background:#fff;border-radius:16px;padding:1.25rem 2rem;box-shadow:0 4px 15px #0f172a08;border:1px solid rgba(226,232,240,.6);transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.modern-resident-row:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0f172a14;border-color:#bfdbfe}.row-primary-info{display:flex;align-items:center;gap:1.25rem;flex:1.5}.modern-resident-info h4{color:#0f172a;font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.modern-flat-tag{display:inline-block;background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:6px}.modern-flat-tag.green{background:#dcfce7;color:#166534}.modern-flat-tag.blue{background:#dbeafe;color:#1e40af}.modern-flat-tag.red{background:#fee2e2;color:#991b1b}.row-stats{display:flex;align-items:flex-start;gap:2rem;flex:3;padding:0 1rem}.modern-meta-item{flex:1;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.modern-meta-label{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:.2rem}.modern-meta-value{font-size:.95rem;color:#1e293b;font-weight:500}.row-actions{flex:.5;display:flex;justify-content:flex-end;gap:.5rem}.btn-icon{background:transparent;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#f1f5f9;color:#0f172a}.btn-icon.edit:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.btn-icon.delete:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.key-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.key-chip{display:inline-flex;align-items:center;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:.72rem;font-weight:700;padding:.18rem .55rem;border-radius:5px;letter-spacing:.3px}.animate-fade-in{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:3rem;color:#64748b;background:#fff;border-radius:16px;border:1px dashed #cbd5e1}.dashboard-home{padding:2rem 0}.dashboard-home h1{font-size:2.5rem;color:var(--primary-blue);font-weight:800;margin-bottom:.5rem}.dashboard-home p{color:#64748b;font-size:1.1rem}.hover-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f172a0d;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.hover-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2563eb1a;border-color:#bfdbfe}.residents-page-wrapper{animation:fadeIn .4s ease-in-out;padding:1rem 0}.residents-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.residents-title{font-size:2.2rem;color:#0f172a;font-weight:800;letter-spacing:-.5px}.residents-subtitle{color:#64748b;font-size:1rem;margin-top:.4rem}.modern-form-group{display:flex;flex-direction:column;gap:.6rem}.modern-form-group label{font-size:.85rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.modern-input{padding:.9rem 1rem;border:1px solid #cbd5e1;border-radius:10px;font-size:.95rem;color:#1e293b;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;width:100%}.modern-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 4px #3b82f626}.mobile-only-tag,.mobile-nav-actions,.mobile-only-user,.mobile-menu-toggle{display:none}.modern-nav-right{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.desktop-only-tag{display:inline-block}@media (max-width: 768px){.app-container{padding:1rem}.auth-card{padding:2rem 1.5rem}.modern-top-navbar{height:auto;padding:1rem 0}.modern-nav-container{display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.modern-nav-brand{flex:1;display:flex;justify-content:flex-start}.desktop-only-tag,.desktop-only-user{display:none!important}.mobile-only-tag{display:block;flex:1;text-align:center}.modern-nav-right{flex:1;justify-content:flex-end}.mobile-nav-actions{display:flex;align-items:center;gap:.75rem}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:#f1f5f9;padding:.4rem;border-radius:8px;cursor:pointer}.mobile-only-avatar{width:32px;height:32px;font-size:.9rem}.mobile-only-user{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding-top:1rem;border-top:1px solid #e2e8f0;margin-top:.5rem}.modern-nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:1rem;flex-direction:column;gap:.5rem;box-shadow:0 10px 15px -3px #0000001a;border-bottom:1px solid #e2e8f0;z-index:100}.modern-nav-links.mobile-open{display:flex}.modern-top-link{width:100%;justify-content:flex-start;padding:.75rem 1rem}.modern-nav-brand{justify-content:center;text-align:center}.modern-nav-links{flex-wrap:wrap;justify-content:center}.modern-nav-user{justify-content:center;width:100%;flex-wrap:wrap}.main-container{padding:1rem}.residents-header-modern{flex-direction:column!important;align-items:stretch!important;gap:1rem}.residents-header-modern>div{width:100%!important}.residents-header-modern>div:last-child{flex-direction:column;align-items:stretch}.residents-header-modern .modern-form-group{width:100%}.employee-action-row{flex-direction:row!important;align-items:center!important;gap:.5rem!important;flex-wrap:nowrap!important}.employee-action-row input{flex:1;width:100%!important;margin:0!important}.employee-action-row button{flex:1;white-space:nowrap;padding:.85rem .5rem;font-size:.9rem;width:100%!important}.locker-action-row{flex-direction:row!important;align-items:center!important;gap:.4rem!important;flex-wrap:nowrap!important;width:100%!important}.locker-action-row>div,.locker-action-row>button{flex:1;min-width:0}.locker-action-row select{width:100%!important;padding:.6rem .3rem!important;font-size:.75rem!important}.locker-action-row button{width:100%!important;padding:.6rem .3rem!important;font-size:.75rem!important;white-space:nowrap;justify-content:center}.technician-status-header{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.technician-status-header select{width:100%!important;max-width:none!important}.residents-header-modern select{width:100%!important}.modern-form-card{padding:1.5rem}.modern-form-grid{grid-template-columns:1fr}.modern-list-header{display:none}.modern-resident-row{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.row-primary-info,.row-stats,.row-actions{width:100%}.row-stats{flex-direction:column;gap:.75rem!important;padding:0!important}.modern-meta-item{width:100%!important}.row-actions{justify-content:flex-end;margin-top:.5rem;border-top:1px solid #e2e8f0;padding-top:1rem}.dashboard-home h1{font-size:1.8rem}.hover-card{width:100%!important}.modal-overlay>div{padding:1.5rem!important;margin:1rem}.modern-form-group[style*="flex-direction: row"]{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.modern-form-group[style*="flex-direction: row"] label{width:100%!important}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:12px;pointer-events:none;max-width:420px;width:calc(100% - 48px)}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 16px -6px #0000000d,0 0 0 1px #00000005;border-left:4px solid #cbd5e1;color:var(--text-dark);font-size:.95rem;font-weight:500;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards;transition:all .25s ease;position:relative;overflow:hidden}.toast-item.success{border-left-color:#10b981;background:#f0fdfaf2}.toast-item.warning{border-left-color:#f59e0b;background:#fef3c7f2}.toast-item.info{border-left-color:#3b82f6;background:#eff6fff2}.toast-item.error{border-left-color:#ef4444;background:#fef2f2f2}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-item.success .toast-icon{color:#10b981}.toast-item.warning .toast-icon{color:#f59e0b}.toast-item.info .toast-icon{color:#3b82f6}.toast-item.error .toast-icon{color:#ef4444}.toast-message{flex:1;line-height:1.4}.toast-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s,color .2s}.toast-close:hover{background:#0000000d;color:#475569}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px) translateY(0)}to{opacity:1;transform:translate(0) translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.toast-item.exiting{animation:toastSlideOut .25s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 480px){.toast-container{top:auto;bottom:24px;right:24px;left:24px;width:auto;max-width:none}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}}